/*
Theme Name: Lucka Uprava Osijek
Theme URI: http://escapestudio.net
Description: Port Osijek.
Version: 1.1
Author: Escape
Author URI: http://escapestudio.net/


*/

*{
    margin:0px;
    padding: 0px;
    }

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #545a5c;
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 62.5%; 
    line-height:1.6;
    background:url(images/bg.png) repeat-x left top #004476;   
    }
#wrapper{
    margin:0px auto;
    padding: 0px;
    width: 950px;
    } 
#container{
    margin:0px auto;
    padding: 0px 0px 0px 0px;
    width: 950px;
    float: left;
    background:url(images/header.jpg) no-repeat left top white;
    } 
#header{
    margin:0px auto;
    padding: 0px;
    width: 950px;
    height: 400px;
    float: left;
    background: url(images/header.jpg) no-repeat left top;
    } 

/************ header *********/

#logo{
    margin:118px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 500px;
    height: 202px;
    display: block;
    }
#logo a{
    margin:0px;
    padding: 0px;
    float: left;
    width: 350px;
    height: 140px;
    background: url(images/lucka_uprava_osijek.jpg) no-repeat left top;
    text-indent: -9999px;
    }
/******** main nav *******/

#navigation{
    margin:0px;
    padding: 0px;
    float: left;
    width:950px;
    }
#navigation ul{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }
#navigation ul li{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    float: left;
    display: block;
    }
#navigation ul li a{
    margin:0px;
    padding: 0px;
    float: left;
    text-indent: -99999px;
    }
#navigation ul li.page-item-3 a{   
    background: url(images/naslovna.png) no-repeat left top;
    width:75px;
    height: 35px;
    display: block;
    float: left;
    }
#navigation ul li.page-item-3 a:hover{
    background: url(images/naslovna.png) no-repeat left bottom;
}
#navigation ul li.page-item-5 a{
    background: url(images/o_nama.png) no-repeat left top;
    width:66px;
    height: 35px;
    display: block;
    float: left;
    }

#navigation ul li.page-item-7 a{
    background: url(images/luka_osijek.png) no-repeat left top;
    width:87px;
    height: 35px;
    display: block;
    float: left;
    }

#navigation ul li.page-item-9 a{
    background: url(images/lucke_pristojbe.png) no-repeat left top;
    width:109px;
    height: 35px;
    display: block;
    float: left;
    }

#navigation ul li.page-item-13 a{
    background: url(images/dokumenti.png) no-repeat left top;
    width:85px;
    height: 35px;
    display: block;
    float: left;
    }

#navigation ul li.page-item-21 a{
    background: url(images/kontakt.png) no-repeat center top;
    width:75px;
    height: 35px;
    display: block;
    float: left;
    }
/*#navigation ul li.page-item-6 a:hover{
    background: url(images/kontakt.png) no-repeat center bottom;
    }*/
#navigation ul li.page_item a:hover{
    background-position: bottom center;
    }
#navigation ul li.current_page_item a{
    background-position: bottom center;
    }

/********* subnav *******/
#subnav{
    margin:0px;
    padding: 0px;
    float: right;
    }
#subnav ul{
    margin: 0px;
    padding: 5px 0px 0px 40px;
    list-style-type: none;
    float: left;
    width: 60px;
    background: url(images/kontakt_top.png) no-repeat left top;
    }
#subnav ul li{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    display: block;
    float: left;
    /*width: 60px;*/
    list-style-type: none;
    }
#subnav ul li.naslovna{
    padding: 0px 0px 0px 20px;
    }
#subnav ul li.sitemap{
    padding: 0px 0px 0px 35px;
    }
#subnav ul li.kontakt{
    padding: 0px 0px 0px 45px;
    }
#subnav ul li a{
    color: white;
    font-size: 1.1em;
    text-decoration: none;
    }
#subnav ul li a:hover{
    text-decoration: underline;
    }          
    
#breadcrumbs{
    margin:0px;
    padding: 10px 10px;
    float: left;
    width: 930px;
    font-size: 1.1em;
    color: #666666;
    border-bottom: 1px solid #F2F2F2;
    }
#breadcrumbs a{
    color: #666666;
    text-decoration: none;
    }
#breadcrumbs a:hover{
    text-decoration: underline;
    }      
    
/******** main ********/

#content{
    float: left;
    width: 640px;
    padding: 0px 10px;
    }    
    
/******* sidebar **********/

#sidebar{
    margin:0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 290px;
    background: #EFEFF8;
    }
#priopcenje{
    margin:0px;
    padding: 0px 0px 10px 0px;
    float: left;
    background: white;
    border-bottom: 5px solid #ABC5DC;  
    }
#priopcenje a{
    margin:0px;
    padding: 0px;
    display: block;
    width: 290px;
    height: 72px;
    background: url(images/priopcenje_brodarstvu.png) no-repeat left top;
    text-indent: -9999px;
    }
    
    
#sidebar .side_wrapp{
    float: left;
    padding: 5px 10px;
    width: 270px;
    }
#sidebar_footer{
    margin:0px;
    padding: 0px;
    float: left;
    width: 290px;
    height: 80px;
    display: block;
    background: url(images/sidebar_footer.png) no-repeat left bottom #EFEFF8;
    }
#sidebar ul{
    margin:0px;
    padding: 10px;
    list-style-type: none;
    font-size: 1.1em;
    }
#sidebar ul li{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }  
#sidebar ul li a{
    margin:0px;
    padding:3px 0px;
    display: block;
    width: 230px;
    color: #00CC33;
    }  
#sidebar ul li a:hover{
    text-decoration: none;
    } 
#sidebar h2{
    margin:0px;
    padding: 5px 10px;
    font-size: 1.5em;
    border-bottom: 1px solid #ABC5DC;
    color: #284A6C;
    }
.konta{
    margin:0px;
    padding: 10px 0px 0px 0px;
    float: left;
    width: 290px;
    background: white;
    }
#sidebar h2.green{
    color: #00CC33;
    }
ul.kont{
    margin:0px;
    padding: 10px;
    list-style-type: none;
    font-size: 1.2em;
    }
    
#galerija{
    margin:0px;
    padding: 70px 0px 0px 130px;
    float: left;
    width: 160px;
    height: 80px;
    background: url(images/fotogalerija.png) no-repeat left top #F7F7FB;
    } 
#video{
    margin:0px 0px 0px 0px;
    padding: 40px 0px 0px 130px;
    float: left;
    width: 160px;
    height: 110px;
    background: url(images/videozapisi.png) no-repeat left top #F7F7FB;
    }      

/********* misc *********/
a{
    outline: none;
    color: #284A6C;
    }
a:hover{
    text-decoration: none;
    }
h1,h2,h3{
    margin:0px;
    padding: 0px;
    }
h1{
    font-size: 2.0em;
    border-bottom: 1px solid #ABC5DC;
    color: #284A6C;
    margin:7px 0px 10px 0px;
    }
h2{

    }
p{
    margin:0px;
    padding: 10px 0px;
    font-size: 1.2em;
    }

/* Begin Images */
.post img {
    padding:4px;
    border: 1px solid #ABC5DC;
    
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
     padding:4px;
    border: 1px solid #ABC5DC;
    }

img.alignright {

    margin: 0 0 2px 7px;
    display: inline;
     padding:4px;
    border: 1px solid #ABC5DC;
    }

img.alignleft {
   
    margin: 0 7px 2px 0;
    display: inline;
     padding:4px;
    border: 1px solid #ABC5DC;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */





.center {
    text-align: center;
    }

hr {
    display: none;
    }

a img {
    border: none;
    }

.navigation {
    display: block;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 60px;
    }

.post ul{
    margin:0px;
    padding: 10px 0px 10px 10px;
   /* list-style-position: inside;*/
    list-style-type: none;
    }
.post ul li{
    margin:0px;
    padding: 3px 0px;
    /*list-style-position: inside;*/
     list-style-type: none;
    font-size: 1.2em;
    border-bottom: 1px solid #EDF7FA; 
  /*  font-style: oblique;*/
    }
.post ol{
    margin:0px;
    padding: 10px 0px 10px 10px;
    list-style-position: inside;
   /* list-style-type: none;*/
    }
.post ol li{
    margin:0px;
    padding: 3px 0px;
    /*list-style-position: inside;*/
    /* list-style-type: none;*/
    font-size: 1.2em;
    border-bottom: 1px solid #EDF7FA; 
   /* font-style: oblique;*/
    }
    
.post table{
    width: 620px;
    padding:5px;
    font-size: 1.2em;
    }
.post table td{
    padding:1px 5px;
    border: 1px solid #EDF7FA;
    }
    

/********** naslovnica *********/

#map{
    margin:0px;
    padding: 10px 0px;
    float: left;
    width: 640px;
    border-bottom: 1px solid #F2F2F2;
    }
#map030c4e4e78cc177f487598c293c6066e{
    border-bottom: 1px solid red;
    }
#i_left{
    margin:0px;
    padding: 15px 0px;
    float: left;
    width: 340px;
    }
#i_right{
    margin:0px;
    padding: 0px 0px 0px 10px;
    float: left;
    width: 290px;
    }
    
#projekti{
    margin:10px 0px;
    padding: 20px 10px 100px 390px;
    float: left;
    width: 220px;
    background: url(images/projekti.jpg) no-repeat left top;
    }
#projekti ul{
    margin:0px;
    padding: 20px 0px;
    /*list-style-type: none;*/
  /*  font-size: 1.2em;*/
    }
#projekti ul li{
    margin:0px;
    padding: 0px 0px 12px 15px; 
    border-bottom: none;
    list-style-type: none;
   /* background: url(images/li.png) no-repeat left 3px;*/
    }
#projekti ul li a{
    color: #284A6C;
    }

/*********** footer *************/

#footer{
    margin:0px auto;
    padding: 10px 0px 60px 0px;
    width: 950px;
    float: left;
    text-align: left;
    background: url(images/footer.png) no-repeat left top #004476;
    } 
#footer ul{
    margin:0px;
    padding: 40px 0px 0px 120px;
    float: left;
    list-style-type: none;
    }
#footer ul li{
    margin:0px;
    padding: 0px 5px;
    border-left:1px solid white;
    float: left;
    list-style-type: none;
    line-height: normal;
    }
#footer ul li a{
    font-size: 1.1em;
    color: #00CC33;
    }           
#footer ul li a:hover{
    text-decoration: none;
    }
#footer a{
    color: #00CC33;
    }
#footer a:hover{
    text-decoration: none;
    }
#footer p{
    clear:both;
    padding: 10px 0px 0px 123px;
    font-size: 1.1em;
    color: white;  
    }
    
/*********** download **********/

p.download{
    padding:10px;
    border: 1px solid #EDF7FA;  
    margin:10px 0px;
    }
p.highlight{
    background: #F7F7FB;
    border: #ABC5DC;
    padding: 10px;
    margin: 10px 0px;
    }