/****************************************************************** * Jeep CSS * @author Ivan Maros & Blagoj Jakimov * @since 13.2.2007 ******************************************************************/ /****************************************************************** * General ******************************************************************/ body {font: 11px Arial, Helvetica, sans-serif; text-align: center; background: #D6C49E;} a, a:link, a:visited, a:active, a:focus {color: #FFF; text-decoration: none;} a:hover {color: #D5CFB3;} img {border: 0px; margin: 0px; padding: 0px;} ul {list-style: none; margin: 0px; padding: 0px;} .clear {clear: both;} /****************************************************************** * Structure ******************************************************************/ #container {position: relative; width: 780px; margin: 0 auto; padding: 0; text-align: left;} #header {float none; width: 100%} #content {float: left; height: 100%; width: 100%;} #links-box {float: left; height: 100%; width: 180px;} #content-box {float: right; width: 600px;} #main-box {float: left; width: 100%;} #extra-box-okvir{float: right; width: 270px;} #footer {width: 100%;} /****************************************************************** * Header ******************************************************************/ #header {height: 65px; width: 780px; text-align: right; background: #363636; color: #FFF; font-size: 0.9em;} #header img {float: left; position: relative; top: 15px; left: 15px;} #header ul {position: relative; top: 25px; right: 15px;} #header ul li {display: inline;} #header a, a:link, a:visited, a:active, a:focus {color: #FFF; text-decoration: none;} #header a {font-weight: normal; text-transform: uppercase;} #header a:hover {color: #D5CFB3;} /****************************************************************** * Content ******************************************************************/ #content {background: #363636;} /* links-box */ #links-box {font-size: 13px; text-align: left; background: #757061;} #links-box ul {list-style: none;} #links-box li {border-bottom: 1px solid #363636; font-weight: bold; font-size: 0.9em; } #links-box li a {font-weight: normal;} #links-box ul ul .ekstra_ov, #links-box ul li:hover ul .ekstra_ov {display: none;} #links-box ul li:hover ul .ekstra_ov #links-box ul ul li:hover ul .ekstra_ov {display: block;} #links-box ul .ekstra_p li {height: 0px; background: #303030;} #links-box ul ul .ekstra_ov { position: relative; top: 0; left: 100%; background: #303030; width: 165px;} #links-box ul ul .ekstra_ov li {border: 1px solid #363636; color: #363636; background-image: url(/images/pozadina.gif); background: #878787; text-align: center;} #links-box ul li ul li {background: #878787; font-weight: none; border: none; font-size: 13px; font-size: 0.9em;} #links-box ul li ul li ul li {background: #959599; font-size: 12px; width: 180px; w\idth: 180px; font-size: 0.9em;} #links-box ul li ul li ul li a {display: block; width: 180px; w\idth: 160px; line-height: 25px; color: #FFF; text-decoration: none; padding-left: 20px;} #links-box ul li ul li ul li.current a {color: #5D5D5D;} #links-box ul li a {display: block; width: 180px; w\idth: 170px; line-height: 25px; color: #FFF; text-decoration: none; padding-left: 10px;} #links-box ul li a:hover {color: #D5CFB3;} #links-box ul li a.active, #links-box ul li li a.active, #links-box ul li li li.current a {color: #F90;} /*! hoover part !*/ .hidden ul li {position: relative; color: #FFF;} .hidden ul ul {position: absolute; top: 0; left: 100%; text-align: center; border: solid 1px white; width: 315px; text-align: center;} .hidden ul ul li {width: 315px;} .hidden ul ul, .hidden ul li:hover ul ul {display: none;} .hidden ul li:hover ul, .hidden ul ul li:hover ul {display: block;} .hidden ul ul ul {position: absolute; top: 0; left: 100%;} .hidden ul ul ul, .hidden ul ul li:hover ul ul {display: none;} .hidden ul ul li:hover ul, .hidden ul ul ul li:hover ul {display: block;} .hidden img {padding: 5px;} /* #top */ /* #main-box */ #main-box {float: left; background: #D5CFB3; text-align: left;} /*#main-box .news_naslov {display: block; width: 600px; w\idth: 595px; height: 8px; padding: 5px 0px 25px 5px; border: 0px;} #main-box .news_naslov img {border: 0px; margin: 0px; padding: 0px;} #main-box .news-box {padding-bottom: 35px;} #main-box ul li {display: inline; font-size: 12px;} #main-box ul li a, a:link, a:visited, a:active, a:focus {color: #363636;} #main-box ul li a:hover {color: #CC6600;} #main-box .news_cijela {float: left; width: 310px; w\idth: 290px; padding: 10px 10px 30px 10px;} #main-box .news_skracena {float: left; width: 600px; w\idth: 580px; padding: 10px;} #main-box hr {height: 1px; width: 600px; float: left;} #main-box .news_skracena_tekst {float: left; width: 455px; w\idth: 435px; height: 100%;} #main-box .news_skracena_tekst h4 {color: #000; font-size: 13px;} #main-box .news_skracena_tekst h5 {color: #FFF; font-size: 11px; text-transform: uppercase;} #main-box .news_skracena_tekst a, a:link, a:visited, a:active, a:focus {color: #CC6600;} #main-box .news_skracena_tekst a:hover {color: #363636;} #main-box .news_skracena_slika {float: right; width: 125px; padding-top: 20px;}*/ #main-box .news-tile {padding: 10px;} #main-box .news-tile a, #main-box .news-tile a:link, #main-box .news-tile a:visited, #main-box .news-tile a:active, #main-box .news-tile a:focus {color: #CC6600;} #main-box .news-tile a:hover {color: #363636;} #main-box .news-tile h1, #main-box .news-tile h2, #main-box .news-tile h3 {color: #CC6600; margin: 0; padding: 0; font-weight: bold; padding-bottom: .7em;} #main-box .news-tile h1 {font-size: 20px;} #main-box .news-tile h2 {font-size: 14px;} #main-box .news-tile h3 {font-size: 12px; padding-bottom: 0;} #main-box .news-tile ul {list-style: square; padding-left: 20px;} #main-box .news-tile div.naslov, #main-box .news-tile div.naslov a {color: #333; font-size: 13px; font-weight: bold; padding-bottom: 12px;} #main-box .news-tile div.naslov a:hover {color: #CC6600;} #main-box .news-tile div.podnaslov {color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 12px;} #main-box .news-tile div.picture {float: right;} #main-box a.news_naslov {display: block; color: #FFF ! important; width: 600px; w\idth: 575px; height: 8px; padding: 5px 0px 12px 5px; border: 0px;} #main-box .news-tile #left {float: left; width: 580px; w\idth: 555px; padding: 10px 10px 30px 10px;} #main-box .news-tile #right {float: right;} #main-box .news-tile #right a {display: block; color: #FFF; background-color: #363636; font-size: 11px; font-weight: bold; padding: 0 10px; text-align: right;} #main-box .paging {padding-left: 10px;} #main-box .frm-box {padding-top: 15px;} #main-box .frm-box form div {padding-bottom: 12px;} #main-box .frm-box form label {display: block; font-weight: bold; padding-left: 2px;} #main-box .frm-box form .input-box {width: 350px;} #main-box .frm-box form .err-message {display: block; color: #F00;} /* #extra-box */ #extra-box-okvir {padding-right: 10px;} #extra-box {text-align: right; padding: 0px;} #extra-box img {border: 0px;} #extra-box ul {background: #363636; padding-right: 5px;} #extra-box ul li {display: inline; font-size: 11px;} #extra-box ul li a, a:link, a:visited, a:active, a:focus {color: #FFF;} #extra-box ul li a:hover {color: #D5CFB3;} #extra-box .potpis {background: #D5CFB3; text-align: left; padding: 10px 0px;} /****************************************************************** * Footer ******************************************************************/ #footer {font-size: 9px; background: #D5CFB3; color: #363636; padding: 10px 0px; text-align: center;} #footer hr {height: 1px; width: 600px; float: left;} #footer img {padding-bottom: 10px;} #footer ul a, ul a:link, ul a:visited, ul a:active, ul a:focus {color: #363636;} #footer ul a:hover {color: #757160;} #footer ul li {display: inline; font-size: 11px;} /****************************************************************** * Autor ******************************************************************/ #autor {text-align: left;} #autor a, ul a:link, ul a:visited, ul a:active, ul a:focus {color: #363636;} #autor a:hover {color: #757160;} /****************************************************************** * Flash Galery ******************************************************************/ #flash_gallery {position: relative; margin: 0px auto; padding: 0px auto;}