* { margin: 0; padding: 0; } img, fieldset { border: none; } :focus { outline: 0; } a { text-decoration: underline; } .alt { display: none; } /************************ TYPO *********************************/ body { font-family: Verdana, "Arial", Helvetica, sans-serif; font-size: 11px; color: #B9B9B9;} a { color: #81BC00; text-decoration: underline;} a:hover { color: #81BC00; text-decoration: none;} a.green { color: #81BC00; font-weight: bold; text-decoration: none;} a.green:hover { color: #81BC00; font-weight: bold; text-decoration: underline;} a.gray { color: #757574; text-decoration: none;} a.gray:hover { color: #757574; text-decoration: underline;} a.gray_bold { color: #757574; font-weight: bold; text-decoration: none;} a.gray_bold:hover { color: #757574; font-weight: bold; text-decoration: underline;} a.gray_underline { color: #757574; text-decoration: underline;} a.gray_underline:hover { color: #757574; text-decoration: none;} h1 {display: block; color: #B9B9B9; font-weight: normal; font-size: 18px; padding-bottom: 15px;} h2 {display: block; color: #B9B9B9; font-weight: normal; font-size: 13px; padding: 15px 0 15px 0;} h2 span {color: #81BC00;} h2.port {display: block; color: #B9B9B9; font-weight: normal; font-size: 13px; padding: 15px 0 5px 0;} h3 {display: block; color: #81BC00; font-weight: bold; font-size: 12px; padding: 10px 0 0 0;} .error { color: #CC0F13;} .error_message {font: 11px verdana, arial, helvetica, tahoma, sans-serif; color: #CC0F13;} .red { color: #BF5229;} .green { color: #81BC00;} .green_bold { color: #99CC01; font-weight: bold;} .last { margin-top: 15px;} /************************ GENERAL *********************************/ html { background: url('../../img/site/BKG_html.gif') left top repeat-y; } #container {width: 1000px; margin: 0px; } #left_side {float: left; width: 310px; height: 1000px; background: url('../../img/site/BKG_left_side.gif') no-repeat; } #middle {float: left; width: 663px; min-height: 1000px; background: url('../../img/site/BKG_middle.gif') left top repeat-x;} #right_side_manages {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_manages.gif') no-repeat; } #right_side_homes {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_homes.gif') no-repeat; } #right_side_abouts {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_abouts.gif') no-repeat; } #right_side_awards {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_awards.gif') no-repeat; } #right_side_webs {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_webs.gif') no-repeat; } #right_side_markets {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_markets.gif') no-repeat; } #right_side_ports {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_ports.gif') no-repeat; } #right_side_contacts {float: left; width: 27px; min-height: 1000px; background: url('../../img/site/BKG_right_side_contacts.gif') no-repeat; } /********************** TOP ********************************/ #top {float: left; width: 663px; height: 99px;} #logo {float: left; width: 135px; height: 43px; margin: 27px 0 0 55px;} #top_wrapper {float: right; width: 327px; height: 99px; } #headnav { float: left; list-style: none; *display: inline;} #headnav ul{text-align: center;} #headnav li{ display: inline; } #headnav li a{ display:block; float:left; width: 95px; height: 20px; text-decoration: none; padding: 6px 2px 0 0; color: #B9B9B9; font: bold 10px Verdana; } #headnav li.tab1 a{ background: url('../../img/site/head_tab1.gif') top left no-repeat; } #headnav li.tab2 a{ background: url('../../img/site/head_tab2.gif') top left no-repeat; } #headnav li.tab3 a{ background: url('../../img/site/head_tab3.gif') top left no-repeat; } #headnav li.tab1 a:hover{color: #81BC00; } #headnav li.tab2 a:hover{color: #A5DE2F; } #headnav li.tab3 a:hover{color: #2DA9DC; } #slogan {width: 327px; height: 20px; margin-top: 48px;} #lang { float: left; list-style: none; *display: inline; margin: 4px 0 0 239px; } #lang ul {text-align: center;} #lang li { display: inline; } #lang li a { display:block; float:left; width: 23px; height: 13px; margin-right: 4px; } #lang li.cro a { background: url('../../img/site/cro.gif') top left no-repeat; } #lang li.eng a { background: url('../../img/site/eng.gif') top left no-repeat; } #lang li.cro a:hover, #lang li.cro a.on { background: url('../../img/site/cro.gif') bottom left no-repeat; } #lang li.eng a:hover, #lang li.eng a.on { background: url('../../img/site/eng.gif') bottom left no-repeat; } /********************** HEADER ********************************/ #header {float: left; width: 663px; height: 224px; background: #606465;} #flash {float: left; width: 656px; height: 210px; margin: 7px 0 0 7px;} /********************** MAIN MENU ********************************/ #main_menu_wrapper {float: left; width: 663px; height: 50px;} #menu_corner_left {float: left; width: 45px; height: 50px;} #main_menu {float: left; width: 582px; height: 50px;} #menu_corner_right {float: left; width: 36px; height: 50px;} #main_menu {list-style: none; *display: inline; height: 50px;} #main_menu ul{text-align: center;} #main_menu li{float: left; display: inline; width: 95px; height:1%; margin-right: 2px;} #main_menu li a{ display:block; text-decoration: none; padding: 15px 0 23px 0; color: #B9B9B9; font: bold 10px Verdana;} #main_menu li.link1 a{ background: url('../../img/site/BKG_link1.gif') top left no-repeat; } #main_menu li.link2 a{ background: url('../../img/site/BKG_link2.gif') top left no-repeat; } #main_menu li.link3 a{ background: url('../../img/site/BKG_link3.gif') top left no-repeat; } #main_menu li.link4 a{ background: url('../../img/site/BKG_link4.gif') top left no-repeat; } #main_menu li.link5 a{ background: url('../../img/site/BKG_link5.gif') top left no-repeat; } #main_menu li.link6 a{ background: url('../../img/site/BKG_link6.gif') top left no-repeat; } #main_menu li.link1 a:hover{ color: #FD8700; background: url('../../img/site/BKG_link1.gif') bottom left no-repeat; } #main_menu li.link2 a:hover{ color: #FFB701; background: url('../../img/site/BKG_link2.gif') bottom left no-repeat; } #main_menu li.link3 a:hover{ color: #FFE701; background: url('../../img/site/BKG_link3.gif') bottom left no-repeat; } #main_menu li.link4 a:hover{ color: #81BC00; background: url('../../img/site/BKG_link4.gif') bottom left no-repeat; } #main_menu li.link5 a:hover{ color: #A5DE2F; background: url('../../img/site/BKG_link5.gif') bottom left no-repeat; } #main_menu li.link6 a:hover{ color: #2DA9DC; background: url('../../img/site/BKG_link6.gif') bottom left no-repeat; } #main_menu li.link1 a.on{ color: #FD8700; } #main_menu li.link2 a.on{ color: #FFB701; } #main_menu li.link3 a.on{ color: #FFE701; } #main_menu li.link4 a.on{ color: #81BC00; } #main_menu li.link5 a.on{ color: #A5DE2F; } #main_menu li.link6 a.on{ color: #2DA9DC; } /********************** CONTENT ********************************/ #wrapper {float: left; width: 663px;} #content {float: left; width: 520px; margin: 40px 0 0 46px;} #content_home {float: left; width: 581px; margin: 40px 0 0 46px;} #title {float: right; width: 90px;} #title_img {float: right; width: 43px; height: 221px; margin-top: 80px;} #content #flashMessage { float: left; color: #CC0F13; font-size: 12px; font-weight: bold; padding: 10px 0 5px 0; width: 100%;} /* naslovnica */ .cont_box_home {width: 582px; margin-top: 30px;} .box_home { float: left; width : 192px; margin-left: 2px; zoom: 1;} .box_home .heading1 { width: 192px; height: 30px; background: url('../../img/site/BKG_heading1.gif') top left no-repeat; } .box_home .heading2 { width: 192px; height: 30px; background: url('../../img/site/BKG_heading2.gif') top left no-repeat; } .box_home .heading3 { width: 192px; height: 30px; background: url('../../img/site/BKG_heading3.gif') top left no-repeat; } .box_wrapper { width : 170px; margin-top: 7px; } .box_home ul { list-style: none; margin: 5px 0 0 10px; } .box_home ul li {color: #B9B9B9; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 9px; margin-bottom: 2px; background: url('../../img/site/bullet1.gif') 0px 5px no-repeat; height:1%;} .box_home ul li a {color: #B9B9B9; text-decoration: underline;} .box_home ul li a:hover {color: #B9B9B9; text-decoration: none;} .more { margin-top: 7px; } /* web paketi */ .packages {float: left; width: 520px; margin: 10px 0 10px 0;} .pack_title { width : 520px; margin-bottom: 10px;} .pack_pic { float: left; width : 75px; height: 150px; margin-right: 35px;} .pack_txt { float: left; width : 410px; } /* lupus cms */ .cont_box {overflow:hidden; zoom:1; margin-top: 15px;} .left_imgbox { float: left; padding-right: 10px;} .cms_pic {border: 3px solid #606465;} /* portfolio */ .portfolio {float: left; width: 520px; margin: 10px 0 10px 0;} .portfolio_title { width : 520px; margin-bottom: 10px;} .portfolio_pic { float: left; width : 156px; height: 50px; margin-right: 15px; border: 3px solid #606465;} .portfolio_txt { float: left; width : 340px; } /* nagrade */ #content ul#award {list-style: none; padding: 0 !important; margin: 0 !important;} #content ul#award li {float: left; width: 122px; height: 92px; border: none; background: url(../../img/site/award_box.png) left top no-repeat; margin: 0 8px 8px 0; padding: 0 !important;} #content ul#award li .award_title a { text-align:center; padding-top: 5px; font-size: 10px; color: #B9B9B9; text-decoration: none; } #content ul#award li .award_title a:hover { text-align:center; padding-top: 5px; font-size: 10px; color: #B9B9B9; text-decoration: underline; } #content ul#award li a { display: block; text-align:center; padding-top: 13px;} #content ul#award li .action div.popup { display: none; } #content ul#award li .action:hover div.popup, #content ul#award li .action.over div.popup { display: block; position: absolute; z-index: 1001; background: #B7B7B7; width: 182px; margin: 10px 0 0 -130px; padding-bottom: 4px; border:3px solid #626363;} #content ul#award li .action div.popup div { padding: 5px 0 1px 11px; color: #686868; } #content ul#award li .action div.popup a { display: block; text-align:left; padding-top: 3px; color: #3E3B3D; text-decoration: none;} #content ul#award li .action div.popup a:hover { display: block; text-align:left; padding-top: 3px; color: #3E3B3D; text-decoration: underline; } #page { float: right; width: 100%; margin: 0 0 20px 0; text-align: right; line-height: 20px; } #page a { color: #B9B9B9; background: #606465; text-decoration: none; } #page a:hover { text-decoration: underline;} #page a.letters { color: #B9B9B9;} #page a.letters:hover { color: #B9B9B9; text-decoration: underline;} #page span { padding: 0 17px; } #page span a { padding: 3px 7px 3px 7px; } #page span a:hover, #page span a.on { background: #2A2729; color: #B9B9B9; font-weight: normal; } #page a.back, #page a.forward { background: none; font-weight: normal; } #page a.back { background: url('../../img/site/BKGmore.png') left 2px no-repeat; padding-left: 14px; } #page a.forward { background: url('../../img/site/BKGmore2.png') right 2px no-repeat; padding-right: 14px; } /* lista */ #content ul { list-style: none; margin: 8px 0 8px 25px; } #content ul li {display: block; color: #B9B9B9; font-family: Verdana, Arial, 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: #81BC00; text-decoration: underline;} #content ul li a:hover {color: #81BC00; text-decoration: none;} #content ul li ul { list-style: none; margin: 10px 0 10px 20px; } #content ul li ul li {color: #B9B9B9; font-family: Verdana, Arial, 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: #81BC00; text-decoration: underline;} #content ul li ul li a:hover {color: #81BC00; text-decoration: none;} /************************ FORMA *********************************/ #main_form {float: left; width: 520px; margin-top: 15px; color: #B9B9B9; padding: 10px 0 15px 0px; } #main_form .field_wrapp {float: left; clear: both; width: 450px;} #main_form strong { display: block; font-size: 11px; color: #B9B9B9; margin-bottom: 20px; } #main_form em { color: #81BC00; } #main_form label { display: block; float: left; clear: left; width: 107px; } #main_form select { width: 196px; height: 20px; padding: 2px; margin-bottom: 6px; font-size: 11px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #808080;} #main_form .inputtext { width: 230px; height: 17px; margin-bottom: 6px; border: 1px solid #808080; font-size: 11px;} #main_form .check img { display: block; float: left; margin:3px 8px 0 0; border: 1px solid #9fbdc0; } #main_form .check .inputtext { float: left; margin-top:3px;} #main_form fieldset .inputtext { width: 110px; margin-right: 3px;} #main_form .big { width: 170px !important; } #main_form .biger { width: 190px; margin-right: 4px; } #main_form .small { width: 50px !important; } #main_form .radio {float: left; border: none; margin: 0 0 10px 0; width: 200px; } #main_form .radio label { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 150px; } #main_form .radio input {display: block; float: left; margin: 0 5px 0 0; } #main_form .checkbox {float: left; border: none; margin: 0 0 10px 0; width: 200px; } #main_form .checkbox label { cursor: pointer; float: left; margin: 3px 15px 0 0; width: 150px; } #main_form .checkbox input {display: block; float: left; margin: 0 5px 0 0; } #main_form textarea { width: 280px; margin: 0 0 6px 0; padding: 2px; height: 136px; font-family: Arial, Helvetica, sans-serif; background: #fff; font-size: 11px; border: 1px solid #808080; color: #0C0C0C; } #main_form i { font-size: 11px; color: #B9B9B9; display: block; margin: 5px 0 5px 0; } a.button{margin: 15px 10px 0 0; background: transparent url('../../img/site/BKGbutton.gif') no-repeat top left; display: block; float: left; line-height: 10px; height: 22px; padding-left: 15px; } a:link.button, a:visited.button, a:active.button { color: #FFFFFF; font-weight: bold; font-size: 10px; text-decoration: none;} a.button span{ background: transparent url('../../img/site/BKGbutton_right.gif') no-repeat top right; display: block; padding: 5px 15px 7px 0; } a.button:hover{background-position: bottom left; } a.button:hover span{ background-position: bottom right; color: #0C0C0C; } /********************** FOOTER ********************************/ #footer {clear: both; width: 500px; height: 30px; margin: 0px auto; text-align: center; padding: 80px 0 0 0; }