/******************************************************************
 * Chrysler CSS
 * @author	Ivan Maros & Blagoj Jakimov
 * @since	13.2.2007
 ******************************************************************/

/******************************************************************
 * General
 ******************************************************************/

* {padding: 0; margin: 0;}
body {font: 11px Arial, Helvetica, sans-serif; text-align: center; background: #FFF;}
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%; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000;}
#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; color: #333; background-image: url(/images/top.gif); }
#header .logo_lnk {float: left; display: block; width: 200px; height: 65px;}
#header ul {position: relative; top: 25px; right: 15px;}
#header ul li {display: inline;}
#header a, a:link, a:visited, a:active, a:focus {color: #333; text-decoration: none;}
#header a {font-weight: bold; text-transform: uppercase;}
#header a:hover {color: #003;}

/******************************************************************
 * Content
 ******************************************************************/
#content {background-color: #303030; border: 1px solid #000;}

/* links-box */
#links-box {font-size: 10px; text-align: left; background: #303030; border: none;}
#links-box ul {list-style: none;}
#links-box li {font-weight: bold; border-bottom: solid 1px #878787;}

#links-box ul li ul li {font-weight: none; background: #878787; border: none;}
/*mark*/
#links-box ul li ul li a  {w\idth: 160px; padding-left: 20px;}
#links-box ul li ul li ul {border-top: solid 1px white; border-bottom: solid 1px white;}
#links-box ul li ul li ul li {width: 315px; w\idth: 315px;}
#links-box ul li ul li ul li a {background: #959599; color: #303030; padding-left: 25px;}
#links-box ul li ul li ul li.current a {color: #C0C0C0;} 
#links-box ul li a  {display: block; width: 180px; w\idth: 170px; color: #FFF; text-decoration: none;  padding: 2px 0px 2px 0px; padding-left: 10px; }

#links-box ul li a:hover {color: #C0C0C0;}
#links-box ul li ul li a:hover {color: #C0C0C0; background-color: #303030;}
#links-box ul li a.active, 
#links-box ul li li a.active, 
#links-box ul li li li.current a  {color: #C0C0C0;}
 
/*! 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; z-index: 50;}
 .hidden ul ul, .hidden ul li:hover ul ul {display: none; z-index: 50;}
 .hidden ul li:hover ul, .hidden ul ul li:hover ul {display: block; z-index: 50;}
 .hidden ul ul ul {position: absolute; top: 0; left: 100%; z-index: 50; text-align: center;}
 .hidden ul ul ul, .hidden ul ul li:hover ul ul {display: none; z-index: 50;}
 .hidden ul ul li:hover ul, .hidden ul ul ul li:hover ul {display: block; z-index: 50;}
 .hidden img {padding: 5px;}

#forma {float: left;}


/* #top */


/* #main-box */
#main-box {float: left; background: #FFF; text-align: left;}

#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: #5375AF;}
#main-box .news-tile a:hover {color: #D1D3D4;}
#main-box .news-tile h1, #main-box .news-tile h2, #main-box .news-tile h3 {color: #333333; 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: #D1D3D4;}
#main-box .news-tile div.podnaslov {color: #535353; 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: #000 ! 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: #000; background-color: #363636; font-size: 11px; font-weight: bold; padding: 0 10px; text-align: right;}
#main-box .news-tile .c-gallery-box {clear: both; float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #8E8EA4;}
#main-box .news-tile .c-gallery-box img {float: left; margin-right: 7px; border: 1px solid #8E8EA4;/* width: 60px; height: 60px;*/}


#main-box .paging {padding-left: 10px;}
#main-box .paging a, a:link, a:visited, a:active, a:focus {color: #5375AF;}
#main-box .paging a:hover {color: #D1D3D4;}

#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;}

#main-box .c-gallery-box img {padding-top: 5px;}
#main-box .c-images-box img {padding: 5px;}

#forma2 {padding-bottom: 10px;}
#flash-media table {text-align: center;}
#flash-media td {width: 190px; padding-top: 10px;}

/* #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: #000;}
#extra-box ul li a:hover {color: #D5CFB3;}
#extra-box .potpis {background: #D5CFB3; text-align: left; padding: 10px 0px;}

/******************************************************************
 * Footer
 ******************************************************************/
#footer {font-size: 10px; background-color: #FFF; color: #756F5E; 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: #756F5E;}
#footer ul a:hover {color: #32322F;}
#footer ul li {display: inline; font-size: 11px;}

/******************************************************************
 * Autor
 ******************************************************************/

#autor {float: left; display: block; height: 10px; width: 100%; text-align: center; font: 11px Arial, Helvetica, sans-serif;}
#autor a, ul a:link, ul a:visited, ul a:active, ul a:focus {color: #363636;}
#autor a:hover {color: #757160;}