@charset "utf-8"; body { font: 100% "Century Gothic", Century ; background:#ecf7fb; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; background:url(/images2/bcg_all.jpg) no-repeat top center #fff; } div#wrapper { width: 920px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ height:960px; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ background:none; padding:0; } div#container { padding:0; text-align: left; height:960px; } div#header { display:block; margin:0px; width:920px; float:left; padding: 0; height:110px; background:url(/images2/bcg_head_transp.png) no-repeat;} /*div#menu {display:block;width:100%; float:left; height:27px;margin-top:2px; margin-bottom:2px; padding:0; background:#344a8b;border:solid 2px #facf0b; text-align:center;} div#menu ul {text-align:left; margin:0; text-align:center; } div#menu ul li{list-style-type:none; display:inline; text-align:left; margin:0; text-align:center;} div#menu a{ padding:4px 8px 6px 8px; margin:0; display:block; height:16px;float:left; border-right:solid 1px #CCC;background:#344a8b;font:normal 12px "Century Gothic", Century; color:#FFF; text-decoration:none; } div#menu a:hover{padding:4px 8px 6px 8px; margin:0; display:block;height:16px; float:left; border-right:solid 1px #CCC;background:#10204d; font:normal 12px "Century Gothic", Century;color:#FFF; text-decoration:none; }*/ ul#nav {margin-left:191px; margin-top:0px; width:726px; height:65px;float:left; background:url(/images2/bcg_menu_all.png) no-repeat;font:bold 12px "Century Gothic", Century; z-index:100} ul#nav li a{ background:url(/images2/bcg_menu_separator.png) no-repeat left;} .bcg_menu {background:url(/images2/bcg_menu.png) repeat-x; margin-top:12px;} div#left {padding-top:10px; padding-left:3px; width:190px; margin:0; display:block; float:left; background:url(../new_images/bcg_border.jpg) top left no-repeat;} div#crta {display:block; width:100%; float:left;border-bottom:solid 2px #facf0b;} div#mainContent {padding-top:10px; width:510px; display:block; float:left; margin-left:10px; background:url(/test/images/content_bcg.png) no-repeat top #ffffff ; margin-top:0;} div#mainContent_wide {padding-top:10px; width:850px; display:block; float:left; margin-left:10px; background:url(/test/images/content_bcg.png) no-repeat top #ffffff ; margin-top:0;} div#right {padding-top:10px;;width:231px; display:block; float:right;margin-top:0; background:url(../new_images/bcg_border.jpg) top right no-repeat;} div#amadeus {display:block; float:left; margin:6px; width:390px; height:665px; background:#fff;} div#servisne {display:block; float:left; margin:6px; width:190px; height:665px; background:#fff; padding-top:22px; padding-left:4px;} div#header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ } div#footer { padding: 0;background: none ; height:33px;display:block;width:100%; float:left; text-align:center;font:normal 12px "Century Gothic", Century;color:#3b508f; padding-top:8px; margin-top:8px; } div#footer a{ font:bold 12px "Century Gothic", Century;color:#3b508f; text-decoration:none;} div#footer a:hover{font:bold 12px "Century Gothic", Century;color:#000; text-decoration:none;} div#vijesti { padding: 4px; height:65px;display:block;width:890px; background:url(/images2/bcg_vijesti.png) repeat-x; float:left; text-align:center;font:normal 10px "Century Gothic", Century;color:#3b508f; padding-top:20px; margin:4px 8px; } div#vijesti a{ font:normal 11px "Century Gothic", Century;color:#3b508f; text-decoration:none;} div#vijesti a:hover{font:normal 11px "Century Gothic", Century;color:#000; text-decoration:none;} div#vijesti h3,div#vijesti h3 b,div#vijesti h3 vijesti{font:bold 12px "Century Gothic", Century; color:#343199 } div#vijesti p {line-height:1.0; font:11px "Century Gothic", Century; color:#4f4f4f; padding:0 4px; text-align:justify;} div#text_box { padding: 8px; padding-right:10px; display:block;width:490px; background:#fff; float:left; text-align:center;font:normal 10px "Century Gothic", Century; margin:4px; height:655px; max-height:655px; text-align:justify; overflow:scroll; overflow-x: hidden; overflow-y: auto; scrollbar-face-color : #015085; scrollbar-highlight-color : #f2f2f2; scrollbar-3dlight-color : #015085; scrollbar-shadow-color : #015085; scrollbar-darkshadow-color : #015085; scrollbar-track-color : #015085; scrollbar-arrow-color : #000000; z-index:0; } div#text_box a{ font:normal 11px "Century Gothic", Century;color:#3b508f; text-decoration:none;} div#text_box a:hover{font:normal 11px "Century Gothic", Century;color:#000; text-decoration:none;} div#text_box h1,div#text_box h1 b,div#text_box h1 text_box{font:bold 14px "Century Gothic", Century; color:#343199; padding-left:4px; padding-top:4px;text-transform:uppercase; } div#text_box h3,div#text_box h3 b,div#text_box h3 text_box{font:bold 12px "Century Gothic", Century; color:#343199 } div#text_box p {line-height:1.0; font:11px "Century Gothic", Century; color:#4f4f4f; padding:0 4px; text-align:justify;} div#text_box img{border:solid #facf0b 1px;} div#text_box a{color:#006699;text-decoration:none;} div#text_box a:hover{color:#0066CC; text-decoration:none; } div#text_box td {line-height:1.0; font:12px "Century Gothic", Century; color:#4f4f4f; padding:0 10px;} div#text_box ul{ margin:0 5px 2px 2px;} div#text_box li{list-style-type: square ;padding-left:5px;padding-top:2px; padding-bottom:2px; font:11px "Century Gothic", Century; color:#4f4f4f;} div#text_box li a{ } /* ------ SREDINA ---------- */ div#mainContent {text-align:left; } div#mainContent p {line-height:1.1; font:12px "Century Gothic", Century; color:#4f4f4f; padding:0 10px; text-align:justify;} div#mainContent_wide p {line-height:0.9; font:12px "Century Gothic", Century; color:#4f4f4f; padding:0 10px; text-align:justify;} div#mainContent h1{font:bold 12px "Century Gothic", Century; padding-left:10px; padding-top:6px; padding-bottom:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background:#454545; color:#CCC; display:block; height:18px; width:97%; } div#mainContent h2{font:bold 11px "Century Gothic", Century; padding-left:10px; padding-top:4px; padding-bottom:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background: #F2F2F2; color: #333; display:block; height:14px; width:97%; } div#mainContent h3,div#content h3 b,div#content h3 strong{font:bold 12px "Century Gothic", Century; margin-top:0px; margin-bottom:5px; color:#343199 } div#mainContent h4,div#content h4 b,div#content h4 strong{font:normal 16px "Century Gothic", Century; margin-top:0px; margin-bottom:15px; color:#000000} div#mainContent b,div#content strong{color:#333333;} div#mainContent a{color:#006699;text-decoration:none;} div#mainContent a:hover{color:#0066CC; text-decoration:none; } div#mainContent select,input,textarea{font:bold 11px Arial,Helvetica,sans-serif; background:#f6f6f6; color:#333333;} div#mainContent a.contentNav{float:right; padding:2px; margin:2px; color:#999999; text-decoration:none; font:normal 9px Arial,Helvetica,sans-serif; } div#mainContent a.contentNav img{border:none} div#mainContent ul{ margin:0 0 25px 20px; padding:0;} div#mainContent li a{ } div#mainContent img{border:solid #facf0b 1px;} div#mainContent td {line-height:0.9; font:12px "Century Gothic", Century; color:#4f4f4f; padding:0 10px;} .kutije {font:12px "Century Gothic", Century; color:#ffeba3; padding:0 10px;} div#mainContent h5 { margin:0 auto; display:block; background-color:#00658F; color:#ffffff; border:solid 1px #666666; text-align:center; width:90%; padding:10px; font-size:12px;} div#amadeus h3,div#amadeus h3 b,div#amadeus h3 strong{font:bold 12px "Century Gothic", Century; margin-top:0px; margin-bottom:5px; color:#343199 } div#amadeus p {line-height:1.1; font:12px "Century Gothic", Century; color:#4f4f4f; padding:0 10px; text-align:justify;} div#amadeus ul{ margin:0 0 2px 2px; padding:0;} div#amadeus li{list-style-type:none;padding-left:5px;padding-top:2px; padding-bottom:2px; font:10px "Century Gothic", Century; color:#4f4f4f;} div#amadeus li a{ } div#servisne h3,div#amadeus h3 b,div#amadeus h3 strong{font:bold 14px "Century Gothic", Century; margin-top:0px; margin-bottom:5px; color:#343199 } div#servisne ul{ margin:0 0 5px 0; padding:0; padding-left:4px;} div#servisne li{list-style-type:none; padding-left:2px;padding-top:2px; padding-bottom:2px; font:normal 11px "Century Gothic", Century; color:#444444; border-bottom: dotted 1px #999; } div#servisne li a{color:#5b5b5b; text-decoration:none;font:bold 10px "Century Gothic", Century; text-decoration:none; } div#servisne li a:hover{color:#1b7cff; text-decoration:none; font:bold 10px "Century Gothic", Century; color:#5695b3;} div#servisne p {line-height:1.1; font:12px "Century Gothic", Century; color:#4f4f4f; padding:0 10px; text-align:justify;} div#zuta_kutija {display:block; float:left; margin:2px 0 2px 8px ; width:360px; background:#ffeba3; border:1px solid #ffe485; padding:4px;} div#zuta_kutija h3,div#zuta_kutija h3 b,div#zuta_kutija h3 strong{font:bold 12px "Century Gothic", Century; margin-top:0px; margin-bottom:5px; color:#343199 } div#zuta_kutija p {line-height:1.0; font:10px "Century Gothic", Century; color:#4f4f4f; padding:0 4px; text-align:justify;} div#siva_kutija {display:block; float:left; margin:2px 0 2px 8px; width:360px; background:#ededed; border:1px solid #dcdcdc; padding:4px;} div#siva_kutija h3,div#siva_kutija h3 b,div#siva_kutija h3 strong{font:bold 12px "Century Gothic", Century; margin-top:0px; margin-bottom:5px; color:#343199 } div#siva_kutija p {line-height:1.0; font:10px "Century Gothic", Century; color:#4f4f4f; padding:0 4px; text-align:justify;} /* ------ FOTOGRAFIJA GALERIJA ---------- */ div#mainContent #fotka a { font-family: Verdana, "Century Gothic", Century; font-size: 11px; float:left; display:block; overflow:visible; color: #800000; text-decoration: none; padding-top:0px; padding-bottom:0px; background:#ffffff; } div#mainContent #fotka a:hover { font-family: Verdana, "Century Gothic", Century; font-size: 11px; overflow:visible; float:left; color: #800000; text-decoration: none; padding-top:0px; padding-bottom:0px; background:#a4b6dc; display:block; } /*LINKOVI S LJEVE STRANE */ div#left h1{font:bold 12px "Century Gothic", Century; padding-left:10px; padding-top:6px; padding-bottom:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background:#454545; color:#CCC; display:block; height:18px; width:95%; } div#left h2{font:bold 10px "Century Gothic", Century; padding-left:10px; padding-top:4px; padding-bottom:3px; margin-top:1px; margin-left:1px; margin-bottom:15px; background:#F2F2F2; color:#333; display:block; height:14px; width:95%; } div#left ul{ margin:0 0 15px 0; padding:0; padding-left:4px;} div#left li{list-style-type:none; padding-left:2px;padding-top:4px; padding-bottom:4px; font:normal 11px "Century Gothic", Century; color:#444444; border-bottom: dotted 1px #999; } div#left li a{color:#5b5b5b; text-decoration:none;font:bold 12px "Century Gothic", Century; color:#5695b3; } div#left li a:hover{color:#1b7cff; text-decoration:none; font:bold 12px "Century Gothic", Century; color:#5695b3;}