/*//// bannerSetup */
/* -------------------- forceSpace */
#header blockquote { height : 26.7em; background-color : #000; background-repeat : no-repeat; background-position : 50% 0; }
#header blockquote.vps { background-image : url(/gui/img/hosting.jpg); }
#header blockquote.shared { background-image : url(/gui/img/hosting_shared.jpg); }
#header blockquote.email {	background-image : url(/gui/img/hosting_email.jpg); }
#header blockquote.dedicated { background-image : url(/gui/img/hosting_dedicated.jpg); }
/* -------------------- bannerContent */
#bannerContent { position : relative; padding : 10px 0 0 0; }
#bannerContent h4 { color : #B92A01; font-size : 2.4em; margin-right: 340px; }
#bannerContent h4 em { display : block; padding-bottom : 4px; margin-bottom : 10px; font-size : 0.5em; color : #fff; border-bottom : 1px solid #202122; }
#bannerContent p { margin-right: 340px;  line-height : 1.6em; font-size : 1.2em; color : #fff; margin-top : -10px; }
#bannerContent p q { display : block; padding-bottom : 12px; color : #756D6D; }
#bannerContent p sup { display : block; float : left; padding-right : 3px; color : #B92A01; font-size : 0.3em; line-height : 16px; }
#bannerContent p big { font-weight : bold; float : left; }
#bannerContent p span { display : block; padding-top : 10px; font-size : 2.4em; line-height : 32px; }
#bannerContent p a img { vertical-align : middle; }
#bannerContent ul { position : absolute; top : 10px; right : 0; width : 320px; font-size : 1.2em; }
#bannerContent li { padding : 1px; margin-bottom : 2px; }
#bannerContent li a { display : block; width : 100%; height : 100%; font-weight : bold; font-size : 1.7em; color : #B92A01; text-decoration : none; }
#bannerContent li a small { display : block; padding-top : 2px; font-size : 0.55em; color : #756D6D; }
#bannerContent li.active, #bannerContent li:hover { border : 1px dashed #4B4C4C; padding : 0; }
#bannerContent li a span { display : block; padding : 7px 0 10px 110px; background-image : url(/gui/img/gostovanje.png); background-repeat : repeat-x; } 
#bannerContent li.vps a span { background-position :1178px 6px; }
#bannerContent li.shared a span { background-position : 796px 8px; }
#bannerContent li.email a span { background-position : 408px 6px; }
#bannerContent li.dedicated a span { background-position : 2677px 5px; }
#bannerContent p a.buttonBanner { display : block; float : left; margin : 0 0 0 7px; padding-left : 20px; text-decoration : none; color : #fff; white-space : nowrap; }
#bannerContent p a:hover.buttonBanner { color : #B92A01; }
#bannerContent p a.buttonBanner em { display : block; padding : 0 20px 0 0; font-size : 0.3em; line-height : 32px; font-weight : bold; }
#bannerContent p a.buttonBanner, #bannerContent p a.buttonBanner em { background-image : url(/gui/img/button_banner.png); background-repeat : repeat-y; }
#bannerContent p a.buttonBanner em { background-position : 100% 100%; }
/*//// contentMenu */
#contentMenu { font-size : 1em; }
#contentMenu #wraper { top : 99px; height : 26.7em; width : 930px; }	
/* -------------------- content subMenu */
.contentMenu { bottom : 0; padding-top : 0; font-size : 1.2em; }
.contentMenu li a { min-width : 104px; padding : 0 3px; }
/*//// pageSetup */
body#three .content h1, body#four .content h1 { padding : 20px 0; }
/* hides-from-IE-mac \*/
* html body#three .primary, * html body#three .secondary, * html body#three .tertiary, * html body#four .primary, * html body#four .secondary, * html body#four .tertiary { height: 1%; }
/* end-hide-from-IE-mac */
body#three .primary, body#three .secondary, body#three .tertiary { position : relative; float : left; margin : 0 27px 0 0; padding : 0 20px; width : 358px; voice-family : "\"}\""; voice-family : inherit; width : 251px; background : #E9EDE1; }
body#three .tertiary { margin-right : 0; width : 351px; voice-family : "\"}\""; voice-family : inherit; width : 251px;}
html>body#three .primary, html>body#three .secondary, html>body#three .tertiary { width : 251px; }
body#four .primary, body#four .secondary, body#four .tertiary, body#four .fourth { position : relative; float : left; margin : 0 17px 0 0; padding : 0 15px; width : 216px; voice-family : "\"}\""; voice-family : inherit; width : 169px; background: #E9EDE1; }
body#four .fourth { margin-right : 0; width : 219px; voice-family : "\"}\""; voice-family : inherit; width : 189px;}
html>body#four .primary, html>body#four .secondary, html>body#four .tertiary , html>body#four .fourth { width : 189px; }
body#three .content kbd, body#four .content kbd { width : 6px; height : 7px; }
body#three .content kbd.tl, body#four .content kbd.tl { background-position : 322px 0; }
body#three .content kbd.tr, body#four .content kbd.tr  { background-position : 316px 0; }
body#three .content kbd.br, body#four .content kbd.br  { background-position : 310px 0; }
body#three .content kbd.bl, body#four .content kbd.bl  { background-position : 304px 0; }

/* pakete icons setup */
body#three .content h2 { background : url(/gui/img/icons_hosting_pakets.gif) repeat-x 0 16px; }
body#three .content h2.shared { background-position : 1080px 16px; }
body#three .content h2.vps { background-position : 817px 21px; }
body#three .content h2.email { background-position : 547px 24px; }
body#three .content h2.dedicated { background-position : 273px 12px; }
body#three .content li.strike { text-decoration : line-through; color : #9B9B99; }
body#three .content h2 a, body#three .content h2 span { position : relative; display : block; padding : 23px 0 5px 83px; }
/* pakete icons setup - ekstra for mail */
body#three h2.type04, body#three h2.type05, body#three h2.type06 { font-size : 1.4em; background : url(/gui/img/icons_hosting.gif) repeat-x 0 0; }
body#three h2.type06 { margin-top : -50px; }
body#three h2.type04 { background : url(/gui/img/presentation.gif) repeat-y 12px 543px; }
body#three h2.type05 { background-position : 503px 20px; }
body#three h2.type06 { background-position : 257px 18px; padding-bottom : 12px; }
body#three .content p.type04 { color : #575755; }
body#four .content h2 a, body#four .content h2 span { position : relative; display : block; padding : 23px 0 5px 64px;  }
body#four .content h2 { font-size : 1.4em; min-height : 70px !important; height : 70px; background : url(/gui/img/icons_dodatki.gif) repeat-x 0 0;}
body#four .content h2.type01 { background-position : 208px 25px; }
body#four .content h2.type02 { background-position : 412px 17px; }
body#four .content h2.type03 { background-position : 610px 18px; }
body#four .content h2.type04 { background-position : 812px 22px; }
body#four .content h2.type05 { background-position : 1008px 21px; }
body#four .content h2.type06 { background-position : 1196px 20px; }
body#four .content h2.type07 { background-position : 1388px 20px; }
body#four .content h2.type08 { background-position : 1578px 18px; }
body#four .content h2.type09 { background-position : 1766px 24px; }
body#four .content h2.type10 { background-position : 1964px 16px; }
body#four .content h2.type11 { background-position : 2170px 17px; }
body#four .content h2.type12 { background-position : 2384px 20px; }
body#four .content ul.packList { padding-bottom : 15px; }
body#three .content h2 small { display : block; font-size : 0.58em; color : #686C5D; }
body#three .content h2 a:hover small { color : #B92A01; }
body#three .content p.description, body#four .content p {  margin : 0; padding : 10px 0; line-height : 1.6em; border-top : 1px solid #BFC5B2; }
body#three .content p.small { margin : 0; padding : 10px 3px; text-align: justify; font-size : 0.9em; line-height : normal; color : #686C5D; border-top : 1px solid #BFC5B2; }
body#three .content p.bLink { margin : 0; padding : 0 0 15px 0; }
body#three .content li, body#four .content li { padding : 3px 3px; color : #575755; font-size : 0.9em; text-align : right; font-weight : bold;  border-top : 1px solid #BFC5B2; }
body#three .content li em, body#four .content li em { float : left; width : 150px; text-align : left; }
body#four .content li em { width : 90px; }
body#three .content blockquote { margin-top : 2px; padding : 8px 0 45px 0; border-top : 1px solid #BFC5B2; font-size : 0.9em; }
body#three .content blockquote p { margin-bottom : 0; }
body#four .content blockquote { padding : 8px 0 45px 0; font-size : 0.9em; }
body#four .content blockquote p { padding : 0; line-height : normal; border : none; }
body#three h2.type05 small, body#three h2.type06 small { display : block; padding-top : 5px; font-size : 0.7em; }
/* clearfix-hack */
body#three .content li:after, body#four .content li:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
body#three .content li, body#four .content li { display : inline-block; }
* html body#three .content li, * html body#four .content li { height : 1%; }
body#three .content li, body#four .content li { display : block; }	
/* clearfix-hack-ends */
a.buttonPack span, a.buttonPack em { background : url(/gui/img/button_pack.gif) no-repeat 0 0; } 
a.buttonPack { position : absolute; cursor : pointer; display : block; margin : 20px 0 0 0; text-decoration : none; color : #fff; white-space : nowrap; font-size : 2.2em; line-height : 38px; }
body#three a.buttonPack span, body#four a.buttonPack span { display : block; float : left; padding-left : 16px; }
body#four a.buttonPack span { padding-left : 10px; }
a.buttonPack sup { display : block; float : left; padding-right : 3px; color : #B92A01; font-size : 0.4em; line-height : 25px; }
body#three a.buttonPack big, body#four a.buttonPack big { display : block; float : left; padding-right : 21px; font-weight : bold; color : #BEC3B1; background : url(/gui/img/hosting4.gif) no-repeat 100% 50%; }
body#four a.buttonPack big { padding-right : 10px; font-size : 0.9em; }
body#three a.buttonPack em, body#four a.buttonPack em { display : block; float : left; width : 128px; font-size : 0.4em; text-indent : 17px; font-weight : bold; background-position : 100% 0; }
body#four a.buttonPack em { text-indent : 5px; width : 99px; }
a:hover.buttonPack { color : #B92A01; }
body#three #footer, body#four #footer, body div.next { margin-top : 50px; }
p.first a.buttonPack { position : relative; }


/* duplicated */
.bBlackRight { float : right; }
.bBlackLeft { float : left; }
.bBlack, .bBlackRight, .bBlackLeft, .bBlack strong, .bBlackRight strong, .bBlackLeft strong { display : block; white-space : nowrap; background : url(/gui/img/trgovina/buttons.gif) repeat-y 100% 0; }
.bBlack, .bBlackRight, .bBlackLeft { min-width : 85px; line-height : 25px; text-align : center; text-decoration : none; background-position : 0 25px; }
.bBlack strong, .bBlackRight strong, .bBlackLeft strong { margin-left : 15px; padding-right : 15px; color : #D9D9D9; }
a.bBlack:hover strong, a.bBlackRight:hover strong, a.bBlackLeft:hover strong { color : #fff; }

body .content p.ddv { position : absolute; bottom : -3.2em; }
body#four .content p.ddvTitle, body#four .content p.dInfo { border : none; padding : 0 0 0 7px; line-height : 18px; background : url(/gui/img/marker.gif) repeat-x 2564px 7px; }
body#four .content p.ddvTitle { margin-top : -15px; width : 500px; }
body#four .content p.dInfo { padding-bottom : 15px; }
p.ddv1 { font-weight : normal; text-align : right; font-size : 0.9em; color : #000; padding :  0 0 15px 0; }