* { margin: 0; padding: 0; } img, fieldset { border: none; } :focus { outline: 0; } a { text-decoration: underline; } .alt { display: none; } /************************ TYPO *********************************/ body {font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 12px; color: #545454;} a { color: #337BA3; text-decoration: underline;} a:hover { color: #337BA3; text-decoration: none;} a.blue { color: #292315; text-decoration: none; font-weight: bold;} a.blue:hover { color: #292315; text-decoration: underline; font-weight: bold;} a.blue_underline { color: #292315; text-decoration: underline;} a.blue_underline:hover { color: #292315; text-decoration: none;} .error { color: #CC0F13;} .error_message { color: #CC0F13;} .blue { color: #337BA3;} .blue_bold { color: #337BA3; font-weight: bold;} .gray_bold { color: #818080; font-weight: bold;} .gray_normal { color: #818080; font-weight: normal;} .spacer_1b { margin-bottom: 1px; } h1 { color: #5B5A5A; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: normal; padding: 8px 0 0 25px; } h2 { color: #5B5A5A; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 15px; font-weight: normal; padding: 0 0 15px 0;} h3 { color: #337BA3; font-family: "Arial", Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 5px 0;} #page { float: right; width: 90%; margin: 0 20px 20px 0; text-align: right; line-height: 20px; } #page a { color: #fff; background: #C6C6C6; text-decoration: none; } #page a:hover { text-decoration: underline;} #page a.letters { color: #746D5F;} #page span { padding: 0 17px; } #page span a { padding: 3px 7px 3px 7px; } #page span a:hover, #page span a.on { background: #979797; color: #fff; font-weight: normal; } #page a.back, #page a.forward { background: none; font-weight: normal; } #page a.back { background: url('../../img/site/BKGmore2.gif') left 2px no-repeat; padding-left: 14px; } #page a.forward { background: url('../../img/site/BKGmore.gif') right 2px no-repeat; padding-right: 14px; } .clear { margin: 10px 0 10px 0; overflow: hidden; width: 100%;} .clear a.button { background: transparent url('../../img/site/BKG_button_right.gif') no-repeat scroll top right; color: #444; display: block; float: left; font: normal 11px arial, sans-serif; height: 22px; margin-right: 6px; padding-right: 14px; /* sliding doors padding */ text-decoration: none;} .clear a.button span { background: transparent url('../../img/site/BKG_button_left.gif') no-repeat; display: block; line-height: 12px; padding: 5px 0 5px 13px;} .clear a.button:active { background-position: bottom right; color: #000; outline: none; /* hide dotted outline in Firefox */} .clear a.button:active span{ background-position: bottom left; padding: 6px 0 4px 14px; /* push text down 1px */} /************************ GENERAL *********************************/ html {background: #F5F5F5; } body {background: url('../../img/site/BKG_body.gif') left top repeat-x;} #container {position: relative; width: 980px; margin: 0px auto; z-index: 3; padding-bottom: 40px;} #site_wrapper {float: left; width: 980px; background: url('../../img/site/BKG_site_wrapper.gif') left top repeat-y;} .column { width: 50%; position: absolute; top: 0;} .left {left: 0;} .right {right: 0;} #leftcol {position: relative; margin-right: 490px; background: url('../../img/site/BKG_body.gif') left top repeat-x; min-height: 500px; z-index: 1;} #rightcol {position: relative; margin-left: 490px; background: url('../../img/site/BKG_body.gif') left top repeat-x; min-height: 500px; z-index: 2;} #left_shadow {float: left; width: 15px; height: 500px; background: url('../../img/site/BKG_left_shadow.gif') left top no-repeat;} #site_body {float: left; width: 950px; min-height: 400px; padding-bottom: 30px;} #right_shadow {float: left; width: 15px; height: 500px; background: url('../../img/site/BKG_right_shadow.gif') left top no-repeat; } #bottom {float: left; width: 980px; height: 69px; background: url('../../img/site/BKG_bottom.gif') left top no-repeat;} /************************ TOP *********************************/ #top {float: left; width: 950px; height: 113px; background: url('../../img/site/BKG_top.gif') left top repeat-x;} #logo {float: left; width: 215px; height: 36px; margin: 42px 0 0 58px;} #line {float: left; width: 1px; height: 57px; background: #D1D1D1; margin: 31px 0 0 22px;} #slogan {float: left; width: 265px; height: 17px; margin: 56px 0 0 29px;} #lang {float: right; width: 115px; margin: 20px 5px 15px 0;} #lang li { display: block; float: left; margin-left: 7px; border-left: none; } #lang a { display: block; float: left; } #lang a.on, #lang a:hover { opacity: 0.25; } /************************ MAIN MENU *********************************/ #main_menu {clear: both; float: left; width: 950px; height: 44px; *display: inline; background: url(../../img/site/BKG_main_menu.gif) left top repeat-x;} #main_menu ul {float: left; list-style: none; margin-left: 10px;} #main_menu ul li {display: inline; color:#D1D1D1; height:1%; } #main_menu ul li a {float: left; display: block; height: 22px; margin-top: 8px; padding: 6px 15px 0 15px; border-right: 1px solid #585757; } #main_menu ul li.last a {border-right: none; } #main_menu ul li a {color:#D1D1D1; font-weight: normal; font-size: 13px; text-decoration: none; } #main_menu ul li a:hover {color: #3C91C0; text-decoration: none; } #main_menu ul li a.on {color: #3C91C0; text-decoration: none; } /************************ TOP HEAD *********************************/ #gsBillboardContainer {float: left; width: 950px; height:252px; background: #F5F5F5; overflow: hidden;} #gsBillboardContainerHome {float: left; width: 950px; height:407px; background: #F5F5F5; overflow: hidden;} #top_head {float: left; width: 950px; height: 42px; background: url('../../img/site/BKG_top_head.gif') left top repeat-x;} #address {float: left; width: 561px; height: 13px; margin: 14px 0 0 28px;} .rotateNavContainer { float: right; width: 300px; margin: 18px 0 0 0; text-align: right; line-height: 18px; } .rotateNavContainer a.rotateNav { color: #fff; background: #3B8FBC; margin-left: 1px; text-decoration: none;} .rotateNavContainer a.rotateNav:hover { text-decoration: underline;} .rotateNavContainer span { padding: 0 20px 0 0; } .rotateNavContainer span a { padding: 3px 7px 3px 7px; } .rotateNavContainer span .ancOn { background: #979797; color: #fff; font-weight: normal; } /************************ HEADER *********************************/ #gsBillboardContainer .gsBillboardSlide {position: absolute; top:199px; display: none; height: 210px;} #gsBillboardContainerHome .gsBillboardSlideHome {position: absolute; top:199px; display: none; height: 365px;} /************************ SUBMENU *********************************/ #submenu {clear: both; float: left; width: 950px; height: 28px; *display: inline; background: url(../../img/site/BKG_submenu.gif) left top repeat-x;} #submenu ul {float: left; list-style: none; margin-left: 10px;} #submenu ul li {display: inline; color:#D1D1D1; height:1%; } #submenu ul li a {float: left; display: block; height: 22px; margin-top: 5px; padding: 3px 15px 0 15px; } #submenu ul li.last a {border-right: none; } #submenu ul li a {color:#D1D1D1; font-weight: normal; font-size: 12px; text-decoration: none; } #submenu ul li a:hover {color: #3C91C0; text-decoration: none; } #submenu ul li a.on {color: #3C91C0; text-decoration: none; } /************************ CONTENT *********************************/ #wrapper {float: left; width: 950px;} #content {float: left; width: 633px;} #title_left {float: left; width: 633px; height: 40px; background: #F5F5F5; margin-bottom: 25px; border-bottom: 1px solid #D4D4D4;} #title_right {float: left; width: 317px; height: 40px; background: #F5F5F5; border-bottom: 1px solid #D4D4D4;} #content_text {float: left; width: 575px; margin: 0 30px 0 28px;} #content_intro {float: left; width: 575px; margin: 0 30px 20px 28px; font-style: italic; font-size: 13px;} #architects {float: left; width: 200px; height: 126px; padding: 4px !important; margin: 0 15px 5px 0; border: 1px solid #D4D4D4;} /* lista */ #content ul { list-style: none; margin: 8px 0 8px 15px; text-align: justify; } #content ul li {display: block; font-family: "Arial", Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bullet1.gif') 0px 5px no-repeat; height:1%;} #content ul li a {color: #337BA3; text-decoration: underline;} #content ul li a:hover {color: #337BA3; text-decoration: none;} #content ul li ul { list-style: none; margin: 10px 0 10px 20px; } #content ul li ul li { font-family: "Arial", Verdana, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bullet2.gif') 0px 5px no-repeat; height:1%;} #content ul li ul li a {color: #337BA3; text-decoration: underline;} #content ul li ul li a:hover {color: #337BA3; text-decoration: none;} ul#biglist {float: left; list-style: none; width: 575px; margin: 0 0 0 28px;} ul#biglist li { float: left; width: 575px; background: none; overflow: hidden; padding: 0 0 25px 0; } ul#biglist li .cont_box_wrapp {float: left; width: 400px; } ul#biglist li li { border: none; padding: 0; } ul#biglist .img_frame span, ul#biglist .img_frame span em { color: #777779; font-style: normal; } ul#biglist .img_frame { background: #E3E3E3; float: left; padding: 3px; margin-right: 15px; } ul#biglist .img_frame .gallimg { display:none; float: left; } ul#biglist .img_frame .on { display:block; } ul#biglist .img_frame span { display: block; clear: left; text-align: center; padding: 5px 0 3px 0; } ul#biglist .img_frame span img { margin: 0 5px -3px 5px; cursor: pointer; } ul#biglist .img_frame span a { padding: 0 2px; color: #545454; text-decoration: none;} /* usluge */ ul#cont_box { list-style: none; width: 575px; margin: 0 30px 30px 19px; } ul#cont_box li {clear: both; margin: 5px 0 15px 0; zoom: 1; overflow: hidden; background: none; text-align: left;} /* lokacija */ #location {float: left; background: #D4D4D4; padding: 5px; margin: 20px 0 30px 0; } /* kontakt */ #contact_box {float: left; width: 575px; margin: 0 30px 15px 28px;} #contact_box .address { float: left; width : 170px; margin: 10px 20px 0 0;} /********************** FORM ********************************/ #query {float: left; overflow:hidden; width:340px; margin: 20px 30px 10px 28px;} #query legend { font-size:1.333em; font-weight:bold; } #query select, #query textarea, #query input { font-size:11px; border:1px solid #cdcdcd; margin-right: 3px; padding: 2px; color:#686868; } #query select { padding:1px 2px; } #query label { display:block; margin:0 0 5px; position:relative; } #query em { color: #EE902C; font-family: Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #query fieldset { width:265px; } #query input { width:256px; } #query select { width:262px; } #query textarea { width:256px; height:158px; overflow:auto; font-family: Tahoma, Arial, "Verdana", Helvetica, sans-serif; font-size: 11px;} #query input.half { width:122px; } #query input.big { width:180px; } #query input.small { width:64px; } #query img { display: block; float: left; margin:0 7px 5px 0; border: 1px solid #BABABA; } #query #code { float: left; margin-top:0px;} /************************ RIGHT SIDE *********************************/ #right_side {float: left; width: 317px; padding-bottom: 30px;} .right_box {float: left; width: 287px; margin: 23px 0 0 20px;} /* Foto galerija */ ul#gallery {list-style: none; padding: 0 !important; margin: 0 !important;} ul#gallery li {float: left; width: 83px; height: 54px; background: none; margin: 0 10px 10px 0; padding: 0 !important; border: 1px solid #D4D4D4;} ul#gallery li a.imgwrapper { display: block; text-align: center; padding: 3px 0 0 0;} ul#gallery li a { font-weight: normal; color: #0C0C0C; } ul#gallery li a:hover { font-weight: normal; color: #A7020D; } .more {clear: left; float: right; width: 120px; text-align: right; margin: 0 15px 0 0; font-weight: bold;} #gray_line {float: right; width: 290px; height:1px; border-top: 1px solid #D4D4D4; margin: 20px 0 0 0;} /************************ FOOTER *********************************/ #rights {margin: 0px auto; width: 500px; height: 20px; margin-top: 20px; text-align: center; color: #D4D4D4;} .sign {padding: 0px 0 10px 15px;} .sign a{ font-family: Arial, Verdana, sans-serif; font-size: 11px; text-decoration: none; color: #2284C7; } .sign a:hover{color: #676869;} .sign span{ color: #676869; }