/*
Theme Name: Euronam
Theme URI: http://escapestudio.net/
Description: The default WordPress theme .
Version: 1.6
Author: Stanislav Mihic
Author URI: http://escapestudio.net/
Tags: black, red

*/

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

body { 
    background:#000000;
    font-family: Arial,Helvetica,sans-serif; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: normal; 
    font-size: 62.5%; 
    line-height: 1.6; 
    color:#333333; 
    }
#wrapper{
    margin:0px auto;
    padding:0px;
    width:980px;
    }
#container{
    margin:0px 0px 20px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    width:980px;
    }


/********* fonts **********/

a{
    outline: none;
    color:#85D161;
    text-decoration: underline;
    }
a:hover{
    text-decoration: none;
    }
a img{
    outline: none;
    border: none;
    }
h1,h2,h3{
    margin:0px;
    padding: 0px;
    }
h1{
    margin:0px;
    padding: 10px 0px;
    font-size: 1.8em;
    font-weight: normal;
    }
h2{
    margin:0px;
    padding: 10px 0px;
    font-size: 1.6em;
    font-weight:bold;
    color: white;
    }
h3.title{
    font-size: 1.3em;
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    }
#obavijesti{
    margin: 0px;
    padding: 0px 0px 0px 10px;
    }
#obavijesti p{
    color: #6D6D6D;
    line-height: normal;
    font-size: 1.1em;
    }
#obavijesti .date{
    font-size: 1.1em;
    border-bottom: 1px dotted #666666;
    margin:0px 0px 10px 0px;
    }
p{
    margin:0px;
    padding: 10px 0px;
    color: white;
    font-size: 1.2em;
    }
#content ul, #singlepage ul{
    margin:0px;
    padding: 10px 0px 10px 20px;
    list-style-position: inerrhit;
    font-size: 1.2em;
    color: white;
    }
/*********** header ***********/

#header{
    margin:0px;
    padding: 5px 0px 4px 0px;
    float: left;
    border-bottom: 1px solid white;
    width: 980px;
    }
#header #logo{
    margin:0px;
    padding: 0px 10px 0px 0px;
    float: left;
    display: block;
    width: 220px;
    }
#header #logo a{
    margin:0px;
    padding: 0px;
    float: left;
    display: block;
    width: 220px;
    height: 60px;
    background: url(images/euronam.png) no-repeat left top;
    text-indent: -9999px;
    }
#header #headline{
    margin:0px;
    padding: 10px;
    float: left;
    background: white;
    width: 730px;
    
    height: 35px;
    display: block;
    }
#top_nav{
    margin:0px;
    padding: 0px;
    float: right;
    }
#top_nav ul{
    margin:0px;
    padding: 0px;
    list-style-type: none;
    }
#top_nav ul li{
    margin:0px;
    padding: 0px 5px;
    list-style-type: none;
    display: block;
    float: left;
    }
/********** sidebar **********/

#sidebar{
    margin:0px;
    padding: 0px 10px 0px 0px;
    float: left;
    width: 220px;
    }
#sidebar ul, #menu ul{
    margin:0px;
    padding: 10px 0px;
    list-style-type: none;
    font-size: 1.2em;
    }
#sidebar ul li, #menu ul li{
    margin:0px;
    padding: 0px 0px;
    list-style-type: none;
   /* border-bottom: 1px dotted #fff;*/
   }
#menu ul li a {
    margin:0px;
    padding: 5px;
    color: white;
    text-decoration: none;
    display: block;
    width: 160px;
    background: url(images/sidebar_li_bg.png) repeat-x left bottom;
    }

#menu ul li a:hover{
    color:#85D161;

    }
#menu{
    float:right;
    width:180px;
    padding:10px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    }
#sidebar ul li.page_item a{
    margin:0px;
    padding: 5px;
    color: white;
    text-decoration: none;
    display: block;
    width: 210px;
    background: url(images/sidebar_li_bg.png) repeat-x left bottom;
    }
#sidebar ul li a:hover{
    background: white;
    color: #333333;
    }
#sidebar ul li.current_page_item a{
    background: white;
    color: #333333;
    }   
#sidebar ul li.current_page_item a ul{
    background: white;
    color: #333333; 
    }  
#sidebar ul li ul{
    margin: 0px;
    padding: 5px 0px 5px 0px;
    background: #212121;
    font-size: 0.9em;
    display: block;
    }     
#sidebar ul li ul li{
    margin: 0px;
    padding: 0px;
    border-bottom: none;
    } 
#sidebar ul li ul li.page_item a{
    margin: 0px;
    padding: 2px 20px; 
    width: 160px;
    /*color: #7A9B7F;*/    
    color: white; 
    }
#sidebar ul li.current_page_ancestor ul li a{
    background: none;
    }   
#sidebar ul li.current_page_item ul{
    background: #212121;
    
    }   
#sidebar ul li.current_page_ancestor ul li.current_page_item a{
    background: none;
    
    } 
#sidebar ul li.current_page_ancestor ul li.current_page_item a{
    background:url(images/sidebar_li.png) no-repeat 8px 8px;
    } 
#sidebar ul li.current_page_ancestor a{
    background: white;
    color: black;
    }
    
#sidebar ul li.current_page_item ul li.page_item a {
    background: none;
    color: white;  
    }
#sidebar ul li.current_page_item ul li.page_item a:hover  {
     background:url(images/sidebar_li.png) no-repeat 8px 8px;
    }

/*#sidebar ul li.current_page_item a ul{
    background: #212121;
    color: #333333;
    } */
#sidebar ul li ul li{
    padding:0px 0px 0px 10px;
    }
#sidebar ul li ul li a{
    padding:0px 0px 0px 10px;
    /*width:160px;*/
    }
#sidebar h3.obavijesti{
    margin:10px 0px 10px 0px;
    padding: 0px;
    float: left;
    width: 220px;
    height: 23px;
    display: block;
    background: url(images/obavijesti.png) no-repeat left top;
    text-indent: -9999px;
    }    
#content{
    margin:0px;
    padding: 10px 0px;
    float: left;
    width:750px;
    }
#singlepage{
    margin:0px;
    padding: 10px 0px;
    float: left;
    width:520px;
    }
#footer{   
    margin:0px;
    padding: 0px;
    float: left;
    border-top: 36px solid white;
   /* clear: both;*/
    width: 980px;
    }
#footer .foot_img{
    float: left;
    width: 220px;
    }
#footer ul{
    margin:0px;
    padding: 5px 10px;
    float: left;
    list-style-type: none;
    }
#footer ul li{
    margin:0px;
    padding: 0px 3px;
    float: left;
    list-style-type: none;
    display: block;
    border-right: 1px solid #999999;
    line-height: normal;
    }
#footer ul li a{    
    text-decoration: none;
    color: #999999;
    }
#footer ul li a:hover{
    color: white;
    }  
/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#buttons{
    padding:30px 0px 0px 0px;
    }
.buttons{
    margin:0px;
    padding: 0px 8px 0px 8px;
    }
/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    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;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px 4px 5px;
	margin: 0;
	color:#888;
}
/* End captions */

    
#slideshow {list-style:none; color:#fff}
/*#slideshow span {display:none;}*/


/*#slideshow a {display:block;}*/




#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrappers {width:750px; margin:0px auto; display:none}
#wrappers * {margin:0; padding:0}
#fullsize {position:relative; width:750px; height:440px; padding:0px; background:#000}
#information {position:absolute; bottom:0; width:750px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:750px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(js/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(js/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(js/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:94px; background:url(js/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:94px; background:#222 url(js/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:700px; margin-left:5px; height:100px; overflow:hidden}
#slider {position:absolute; left:0; height:90px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


#imglink_fix {width:100%; height:100%; background-image:url(js/fix.gif);}



.kontakt{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
    float:left;
    width: 190px;
    }
#karta{
    float:left;
    width: 350px;
    }

#kontakt{
    float:left;
    width:450px;
    }
#images img{
    margin:15px 10px 0px 0px;
    padding:3px;
    float:left;
    border:1px dotted #333;
    }
.obavijest{
    margin:0px;
    padding:10px;
    float:left;
    width:700px;
    border-bottom:1px dotted #666;
    }
.obavijest p{
   /* float:left;*/

}