/*
Theme Name: Mirakul
Theme URI: http://mirakul.hr/
Description: Super defoltna tema ;-).
Version: 1.0
Author: Stanislav Mihić
Author URI: http://escapestudio.net/
Tags: nope
*/

@import url("css/comments.css"); 

/* Begin Typography & Colors */

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

body {
    background:#ffffff;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 62.5%;
    line-height: 1.6;
    font-size-adjust: none;
    font-stretch: normal;
    color: #5F5D5A;
    }

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

a{
    outline:none;
    text-decoration: underline;
    color:#B22433;
    }
a:hover{
    text-decoration: none;
    }
a img{
    border:none;
    }
p{
    margin:0px;
    padding: 10px 0px;
    font-size: 1.2em;
    color:#5F5D5A;
    }
p.quote{
    color:white;
    font-family:Georgia;
    font-size:2.0em;
    }
.entry ul, .entry ol{
    font-size: 1.2em;
    margin:0px;
    padding:0px 0px 0px 20px;
    }
.entry ul#tim{
    margin:0px;
    padding:0px;
    font-size: 1.0em;
    list-style-type: none;
    }
.entry ul#tim li{
    margin:0px;
    padding:0px;
    display:block;
    clear:both;
    list-style-type: none;
    }
blockquote{
    margin:0px;
    padding:0px;
    display:block;
    clear:both;
    }
h1{
    margin:0px 0px 15px 0px;
    padding:0px;
    font-size:2.4em;
    font-family:Georgia;
    color:#605D5B;
    font-weight:normal;
    }
h1.headline{
    border-bottom:2px solid #E5E5E5;
    }
.entry h2{
    color:#B32436;
    }
h2 a{
    text-decoration: none;
    }
h2{
    margin:0px 0px 0px 0px;
    padding:0px;
    font-size:1.8em;
    color:#605D5B;
    font-weight:normal;
    clear:both;
    }
h3{
    margin:0px 0px 0px 0px;
    padding:0px;
    font-size:1.3em;
    color:#605D5B;
    font-weight:normal;
   /* clear:both;*/
    font-family:Georgia;  
    }
h3 a{
    /*color:#605D5B;*/
    text-decoration:none;
     color:#B32436;  
    }
h4{
    margin:0px 0px 0px 0px;
    padding:0px;
    font-size:1.3em;
    color:#605D5B;
    font-weight:normal;
   /* clear:both;*/
    text-transform:uppercase;
    }
h4.arh{
    border-top:1px solid #E5E5E5;    
    border-bottom:1px solid #E5E5E5;    
    clear: both;
    }
/************ structure ***************/

#wrapper{
    margin:0px auto;
    padding:0px;
    width:970px;
    }

#container{
    margin:0px auto;
    padding:0px 0px 0px 0px;
    width:970px;
    float:left;
    /*clear: both;*/
    background:url(images/container.png) repeat-y left top;
    }
/********** header ***********/

#header{
    margin:0px auto;
    padding: 20px 0px 0px 0px;
    display: block;
    width: 970px;
    float:left;
   /* height:150px;*/
    background:url(images/header.png) no-repeat left top;
    }
#logo{
    margin:0px;
    padding:20px 0px 0px 20px;
    float:left;
    }
#logo a{
    margin:0px;
    padding:0px 0px 0px 0px;
    float:left;
    display:block;
    width:190px;
    height:60px;
    text-indent:-9999px;
    background:url(images/mirakul.png) no-repeat left top;
    }



/******* bread ********/
#bread_wrapp{
    margin:0px auto;
    padding: 0px;
    width: 960px;
    }
#breadcrumbs{
    margin:5px 0px 0px 0px;
    padding: 5px 0px 5px 20px;
    font-size: 1.2em;
    border-bottom: 1px solid #E5E5E5;
    float: left;
    width: 940px;
    color: #5F5D5A;
    }
#breadcrumbs a{
    color: #D84558;
    text-decoration: none;
    font-weight: normal;
    }
    #breadcrumbs a:hover{
        text-decoration:underline;
    }
/******** search ***********/

#search{float:right; margin:0px 0px 0px 0px; padding:5px 35px 0px 0px; width:165px;}

#search #search_form{
    margin:0px 0px 0px 0px;
    padding:2px 2px 0px 2px;
    /*border:1px solid #DEDEDE;*/
    border:none;
    color:rgb(38, 131, 184);
    background: url(images/search_bg.png) repeat-x left top;
    width:135px;
    float: left;
    }
#searchsubmit{
    float:right;
    margin:1px 0px 0px 0px;
    }
/********** navigation **********/
#navigation{
    margin:2px 0px 20px 0px;
    padding:0px 0px 0px 10px;
    float:left;
    width:945px;
}

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

ul#topnav {
	margin: 0; padding: 0 0px 0px 5px;
	float: left;
	width:900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.2em;
	/*background: url(topnav_stretch.gif) repeat-x;*/
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	/*border-right: 1px solid #555;*/ /*--Divider for each parent level links--*/
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
ul#topnav li a {
	padding: 5px 10px 7px 10px;
	display: block;
	color: #605D5B;
    font-weight:bold;
	text-decoration: none;
    
    }
ul#topnav li a:hover {color:#ffffff;}
/*ul#topnav li:hover { color:#ffffff; }*/
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/
ul#topnav li.hover a{
    color:white;
}
/*li.page-item-2 a{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    width:67px;
    height:28px;
    background:url(images/o_nama.png) no-repeat left top;
    }*/



ul#topnav li span {
	float: left;
	padding: 2px 0px 0px 0px;
	position: absolute;
	left: 0; top:27px;
	display: none; /*--Hide by default--*/
	width: 940px;
	/*background: #1376c9;*/
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
        
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; color:white; font-weight:normal;} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline;}


/************ content **********/

#content{
    margin: 0px;
    padding:10px 25px;
    float: left;
    width:920px;
    }


/************ sidebar **************/

#sidebar{
    margin: 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 262px;
    }
#media_kit{
    margin:15px 0px 30px 0px;
    padding:0px;
    display:block;
    }
#sidebar h4.povezano{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    width:262px;
    height:30px;
    background:url(images/povezano_h2.png) no-repeat left top;
    text-indent:-9999px;
    }
#sidebar h4.arhiva_h4{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    width:262px;
    height:30px;
    background:url(images/arhiva.png) no-repeat left top;
    text-indent:-9999px;
    }
#sidebar .sidebox{
    margin:0px 0px 20px 0px;
    padding:10px 10px;
    float:left;
    width:238px;
    border:2px solid #E5E5E5;
    border-top:none;
    }
#sidebar .sidebox ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
#sidebar .sidebox ul li{
    margin:0px;
    padding:0px 0px 0px 10px;
    list-style-type:none;
    border-bottom:1px dashed #E5E5E5;
    background:url(images/sidebar_bullet.png) no-repeat left 10px;
    font-size:1.4em;
    font-family:Georgia;
    font-weight:normal;
    }
#sidebar .sidebox ul li a{
    text-decoration:none;
    }
#sidebar .sidebox ul li a:hover{color:#615D5C; }            
#sidebar .sidebox ul li ul li{font-size:1.0em; background:none;}

#sidebar h4.newslett{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    width:262px;
    height:30px;
    background:url(images/newsletter_h4.png) no-repeat left top;
    text-indent:-9999px;
    }
#sidebar .newsletter{
    margin:0px;
    padding:5px 10px 20px 10px;
    float:left;
    display:block;
    width:238px;
    border:2px solid #E5E5E5;
    border-top:none;
    background:#EBE8E2;
    }
#sidebar span.prijava{
    margin:0px;
    padding: 0px 0px 0px 70px;
    display:block;
    text-align: center;
    float:left;
    /*width:138px;*/
    
    }
#sidebar span.prijava a{
    margin:0px;
    padding: 0px;
    display:block;
    width:82px;
    height:18px;
    text-indent:-9999px;
    background:url(images/prijava.png) no-repeat left top;
    }
#sidebar span.prijava a:hover{
    background: url(images/prijava.png) no-repeat left bottom;
    }  
#sidebar ul.news{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
#sidebar ul.news li{
    margin:0px 0px 5px 0px;
    padding:0px 0px 5px 0px;
    list-style-type:none;
    border-bottom:1px dashed #E5E5E5;
    }
#sidebar ul.news p{
    margin:0px;
    padding:0px;
    font-size:0.9em;
    }
#sidebar ul li a{
    text-decoration: none;
    }
#sidebar ul li a:hover{
    text-decoration: underline;
    }

/*********** tabovi **********/
.tabovi{
    margin:0px 0px 20px 0px;
    padding:0px;
    float:left;
    display:block;
    width:100%;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 27px;
	border-bottom: 2px solid #E5E5E5;
	/*border-left: 1px solid #E5E5E5;*/
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 28px;
	line-height: 28px;
	/*border: 1px solid #E5E5E5;*/
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color:#615D5C;
	display: block;
	font-size: 1.0em;
	padding: 0 16px;
	/*border: 1px solid #fff;*/
	outline: none;
}
ul.tabs li a:hover {
	background: #B32436;
    color:#fff;
}
ul.tabs li#news_tab a{
    background:url(images/news_tab.png) no-repeat left top;
    color:#B32436;
    }


html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background:#B32436;
	border-bottom: 1px solid #fff;
    color:#fff;
}
html ul.tabs li.active a{
    color:#fff;
}
.tab_container {
	border: 2px solid #E5E5E5;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
        }
.tab_content {
	padding: 20px 10px;
	font-size: 1.2em;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #B32436;
    
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

/************ index ************/


#intro_wrapp{
    margin:0px;
    padding:0px 10px 20px 10px;
    float:left;
    background:url(images/intro.png) repeat-x left top;
    width:940px;
    }
#intro{
    margin:0px;
    padding:10px 20px 0px 10px;
    float:left;
    width:638px;
    display:block;
    }
#naslovnica{
    margin:0px;
    padding:0px 5px 0px 5px;
    float:left;
    width:960px;
    display:block;
    }
/*********** front tabs***********/
#front_tabs{
    margin:18px 0px 0px 0px;
    padding:0px;
    display:block;
    }

div.demolayout {
	width: 100%;
	margin: 0 0 20px 0;
}

ul#tab-container-1-nav {
	list-style-type: none;
	width: 100%;
	float: left;
	background: url(pixel.gif) bottom left repeat-x;
}

ul#tab-container-1-nav li {
	margin: 0 2px 0 0;
	float: left;
    padding:0px 10px 0px 0px;
}

ul#tab-container-1-nav li#tabovi1 a {
    margin:0px;
    padding:0px;
    float: left;
    display: block;
    width:104px;
    height:32px;
    background:url(images/bizdirekt.png) no-repeat left -64px;
    text-indent:-9999px;
    }
ul#tab-container-1-nav li#tabovi1 a:hover {
    background:url(images/bizdirekt.png) no-repeat left -32px;
    }
ul#tab-container-1-nav li#tabovi1 a.active {
    background:url(images/bizdirekt.png) no-repeat left -0px;
    }
ul#tab-container-1-nav li#tabovi2 a {
	margin:0px;
    padding:0px;
    float: left;
	display: block;
    width:173px;
    height:32px;
    background:url(images/edukacijski_centar.png) no-repeat left -64px;
    text-indent:-9999px;
    }
ul#tab-container-1-nav li#tabovi2 a:hover {
    background:url(images/edukacijski_centar.png) no-repeat left -32px;
    }
ul#tab-container-1-nav li#tabovi2 a.active {
    background:url(images/edukacijski_centar.png) no-repeat left 0px;
    }
ul#tab-container-1-nav a:hover {
	background: #fff;
}

ul#tab-container-1-nav a.active {
	
}

.tabs-container {
	clear: left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 20px 8px 0 8px;
}


#front_cover{
    margin:0px 0px 15px 0px;
    padding:20px 0px 10px 0px;
    float:left;
    border-bottom:2px solid #E5E5E5;
    width:628px;
    }

.left_cover{
    margin:0px;
    padding:0px;
    float:left;
    width:380px;
    }
.left_cover{
    margin:0px;
    padding:0px;
    float:left;
    width:350px;
}
.left_cover .cover_box{
    margin:0px;
    padding:0px;
    float:left;
    width:170px;
    }
h2.temabroja{
    margin:0px;
    padding:0px;
    color:#B22435;
    font-size:2.4em;
    font-family:Georgia;
    }
p.kratki_opis{
    margin:0px 0px 10px 0px;
    padding:10px 0px 15px 0px;
    border-bottom:1px dashed #E5E5E5;
    display:block;
    clear:both;
    }
.left_cover .cover_box p, p.small_p{
    margin:0px;
    padding:0px;
    font-size:1.1em;
    font-weight:bold;
    color:#999999;
    }
.left_cover ul{
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    font-size:1.3em;
    }
.left_cover ul li{
    margin:0px;
    padding:0px 0px 0px 10px;
    background:url(images/sidebar_bullet.png) no-repeat left 8px;
    color:#B22433;
    }
.left_cover ul li a{
    margin:0px;
    padding:0px 0px 0px 0px;
    text-decoration: none;
    cursor:text;
    }
    
.coverimage{
    margin:0px;
    padding:10px 0px 10px 58px;
    float:left;
   /* width:260px;*/
}
.bottomcover{
    margin:0px;
    padding:10px 0px;
    float:left;
    display:block;
    width:630px;
    border-top:1px dashed #E5E5E5;
    }
.izdanje{
    float:right;
    font-size:2.4em;
    font-family:Georgia;
    color:#B22435;
    }
.pogledaj, .preuzmi{
    margin:9px 0px 0px 0px;
    padding:0px 10px 0px 0px;
    float:left;
    }
.pogledaj a{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    width:82px;
    height:18px;
    background:url(images/pogledaj.png) no-repeat left top;
    text-indent:-9999px;
    }
.preuzmi a{
    margin:0px;
    padding:0px;
    float:left;
    display:block;
    width:82px;
    height:18px;
    background:url(images/preuzmi.png) no-repeat left top;
    text-indent:-9999px;
    }
.pogledaj a:hover, .preuzmi a:hover{
    background-position:left bottom;
    }
    
.najava{
    margin:0px;
    padding: 0px 10px 0px 0px;
    float:left;
    display:blok;
    width: 620px;
    }
#tabs2{
    padding:20px 0px 20px 0px;
    float:left;
    }
    
    
    
/************** magazine tapovi **************/
#magazinefront .tab{
    background: #E1DCD5;
    padding:5px;
    float:left;
    display:block;
    border:2px solid #E5E5E5;
    /*width:628px;*/
    }

ul#tab-container-2-nav {
	list-style-type: none;
	/*width: 100%;*/
	float: left;
        margin:0px 0px 0px 0px;
        padding:0px;
        
	/*background: #E1DCD5;*/
}

ul#tab-container-2-nav li {
	margin: 0px 0px 0px 0px;
	float: left;
        padding:0px 2px 0px 0px;
        text-align:center;
}
.tabs-container {
	clear: left;
	border: 1px solid #ccc;
	border-top: 0px;
	padding: 20px 8px 0 8px;
        background: #E1DCD5;
}
.tabs-container-2 {
	clear: left;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 20px 8px 0 8px;
        background: #E1DCD5;
}
#tab-container-2-nav li a{
    margin:0px;
    padding:7px 0px 0px 0px;
    float:left;
    display:block;
    width:48px;
    height:23px;
    background:url(images/y_tabs.png) no-repeat left 2px;
    color:white;
    text-decoration:none;
    }
#tab-container-2-nav li a:hover{
    margin:0px;
    padding:7px 0px 0px 0px;
    float:left;
    display:block;
    width:48px;
    height:23px;
    background:url(images/y_tabs.png) no-repeat left -30px;
    color:#615D5C;
    }

ul#tab-container-2-nav a.active {
    background:url(images/y_tabs.png) no-repeat left -30px;
    color:#615D5C;
    }
p.last_i{
    margin:0px;
    padding:7px 20px 0px 0px;
    float:left;
    display:block;
    
    }
/*********** scroll **********/

div.scrollable {
	position:relative;
	overflow:hidden;
	width: 540px;
	height:200px;
        border-bottom:1px solid #FFFFFF;
        /*float:left;*/
        }
/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
#thumbs {
	position:absolute;
	width:28000em;
	clear:both;
	/*border:1px solid #222;*/
}

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top:118px;
}



/* single item */
#thumbs div {
	float:left;
	width:278px;
	height:250px;
	color:#fff;
	cursor:pointer;
        padding:30px 0px 0px 0px;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:none;
}

/* style when element is active (clicked) */
#thumbs div.active {
	/*background-color:#066;*/
	cursor:default;
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(images/left.png) no-repeat;
	float:left;
	margin:90px 10px 0px 10px;
	cursor:pointer;
	font-size:1px;
 
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(images/right.png);
	clear:right;
}

#thumbs .magcover{
    float:left;
    padding:0px 10px 20px 0px;
}

#thumbs p{
    margin:0px;
    padding:0px;
    color:#999;
    font-size:1.0em;
    font-weight:bold;
}
#thumbs h3{
    color:#B22434;
    font-size:1.2em;
    font-family:Georgia;
    display: block;
    height: 36px;
    }
#thumbs .broj{
    color:#B22434;
    font-size:1.2em;
    font-family:Georgia;
    font-weight:bold;
    }
#thumbs .mjesec{
    color:#5F5D59;
    font-size:1.2em;
    }


/*********** navigator ***********/





/* position and dimensions of the navigator */
div.navi {
	margin-left:270px;
	width:200px;
	height:20px;
        padding:10px 0px 0px 0px;
        margin-top:10px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:10px 3px;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
        
        
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;
}



/************* inner page ***************/

#page{
    margin:0px;
    padding:0px 15px 0px 0px;
    float:left;
    width:640px;
    
}
.entry{
    margin:0px;
    padding:0px 20px 0px 0px;
    float:left;
    width:638px;
    display:block;
}
p.postmetadata{
    margin:0px;
    padding: 2px 5px;
    background:#EBE8E2;
    clear:both;
    }
ul.novosti_lista{
    margin:0px;
    padding:10px 0px;
    list-style-type:none;
    }
ul.novosti_lista li{
    margin:0px;
    padding:5px 0px;
    list-style-type:none;
    border-bottom:1px dashed #E5E5E5;
    font-size: 1.2em;
    }    
.read_more{
    float:right;
    text-align:right;
    }
    
/****************** kateogrija *************/
#kategorija{
    margin:0px;
    padding:0px 20px 20px 0px;
    float:left;
    width:638px;
}
.arhiva{
    margin:0px 0px 10px 0px;
    padding:0px 0px 10px 0px;
    float:left;
    width:640px;
    border-bottom:1px dashed #E5E5E5;
    }
.maginfo{
    margin:0px;
    padding:0px;
    float:left;
    width:515px;
    border-bottom:1px solid #E5E5E5;
    font-size:1.2em;
    }
.categoryimg{
    margin:0px;
    padding:0px;
    float:left;
    width:125px;
    }
.categoryimg img{
    margin:0px;
    padding:4px;
    background:#EBE8E2;
    }
ul li.tema_broja_li a{
    text-decoration: none; 
    cursor: text;  
    }
ul.arhiva_content{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
li.prilozi_arhiva ul, li.intervju_arhiva ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
    /*float:left;*/
    display:inline;
    }
li.prilozi_arhiva ul li, li.intervju_arhiva ul li{
    margin:0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
    /*float:left;*/
    display:inline;
    }
li.prilozi_arhiva ul li a, li.intervju_arhiva ul li a{
    margin:0px;
    padding:0px 5px 0px 0px;
    list-style-type:none;
    /*float:left;*/
    display:inline;
    text-decoration: none;
    cursor: text; 
    }
li.intervju_arhiva {
    clear:both;
    display:block;
    float:left;
    }
.arhiva_preuzimanje{
    margin:10px 0px 0px 0px;
    padding:0px;
    float:left;
    display:block;
    font-size:1.2em;
    }
.preuzimanje{
    margin:0px 0px 0px 0px;
    padding:5px 5px 0px 5px;
    float:left;
    display:block;
    }
.pdf_download{
    margin:0px 0px 0px 0px;
    padding:4px 0px 0px 0px;
    float:left;
    display:block;
    text-transform: uppercase;
    }


.dropdown {float:left; padding:2px 5px}
.dropdown dt {width:188px; border:1px solid #E5E5E5; padding:0px 5px; font-weight:normal; cursor:pointer; line-height:1.5em;
    background:url(images/drop.png) no-repeat right top; margin:0px;
}
.dropdown dt:hover {
    background:url(images/drop_over.png) no-repeat right top;
    }
.dropdown dd {position:absolute; overflow:hidden; width:205px; display:none; background:#fff; z-index:200;}
.dropdown ul {width:197px; border:1px solid #E5E5E5;  list-style:none; border-top:none; float:left; }
.dropdown li {display:block; float:left;  border-bottom:1px solid #E5E5E5; }
.dropdown a, .dropdown a:active, .dropdown a:visited {
    display:block; padding:2px 5px; color:#B22433; text-decoration:none; background:#fff; width:187px;
    }
.dropdown a:hover {background:#EBE8E2; color:#000}
.dropdown .underline {border-bottom:1px solid #E5E5E5;}





/************** linkovi tabovi ************/
#linkovi_tabs ul#tab-container-1-nav{
    margin: 0 2px 0 0;
    float: left;
    padding:0px 10px 0px 0px;
    }
#linkovi_tabs ul#tab-container-1-nav li {
    margin: 0 2px 0 0;
    float: left;
    padding:0px 2px 0px 0px;
}            

#linkovi_tabs{
    margin:0px;
    padding:10px;
    float:left;
    }
#linkovi_tabs .tab{
    border:2px solid #E5E5E5;
    float:left;
    padding:10px;
    width:600px;
    }  
ul#tab-container-1-nav li a {
    margin:0px;
    padding:8px 0px 0px 0px;
    float: left;
    display: block;
    width:146px;
    height:22px;
    background:url(images/tabovi.png) no-repeat left 2px;
  /*  text-indent:-9999px;*/
    color: #615D5C;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    }
ul#tab-container-1-nav li a:hover {
    background:url(images/tabovi.png) no-repeat left -30px;
    color:#615D5C;
    }
ul#tab-container-1-nav li a.active {
    background:url(images/tabovi.png) no-repeat left -60px;
    color:white;
    }
    
    
#cjenik_tabs ul#tab-container-1-nav{
    margin: 0 2px 0 0;
    float: left;
    padding:0px 0px 0px 0px;
    }
#cjenik_tabs ul#tab-container-1-nav li {
    margin: 0 1px 0 0;
    float: left;
    padding:0px 1px 0px 0px;
}            

#cjenik_tabs{
    margin:0px;
    padding:0px;
    float:left;
    }
#cjenik_tabs .tab{
    border:2px solid #E5E5E5;
    float:left;
    padding:10px 0px;
    width:640px;
    }    
#cjenik_tabs .tab p{
    padding:10px;
    }
ul#tab-container-1-nav li.cjenik a {
    margin:0px;
    padding:8px 0px 0px 0px;
    float: left;
    display: block;
    width:155px;
    height:22px;
    background:url(images/tabovi_2.png) no-repeat left 2px;
  /*  text-indent:-9999px;*/
    color: #615D5C;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    }
ul#tab-container-1-nav li.cjenik a:hover {
    background:url(images/tabovi_2.png) no-repeat left -30px;
    color:#615D5C;
    }
ul#tab-container-1-nav li.cjenik a.active {
    background:url(images/tabovi_2.png) no-repeat left -60px;
    color:white;
    }
ul#tab-container-1-nav li.nacionalno a {
    margin:0px;
    padding:8px 0px 0px 0px;
    float: left;
    display: block;
    width:165px;
    height:22px;
    background:url(images/nacionalno.png) no-repeat left 2px;
  /*  text-indent:-9999px;*/
    color: #615D5C;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.9em;
    }
ul#tab-container-1-nav li.nacionalno a:hover {
    background:url(images/nacionalno.png) no-repeat left -30px;
    color:#615D5C;
    }
ul#tab-container-1-nav li.nacionalno a.active {
    background:url(images/nacionalno.png) no-repeat left -60px;
    color:white;
    }


ul.partneri{
    margin:0px;
    padding:0px;
    list-style-type:none;
    }
ul.partneri li{
    margin:0px;
    padding:0px;
    list-style-type:none;
    width: 630px;
    float:left;
    }
table{
    margin:0px;
    padding:0px;
    font-size:1.2em;
    }
table td{
    margin:0px;
    padding:10px 0px;
    border-bottom:1px dashed #E5E5E5;   
    
    }
.tab table{
    padding: 15px;
    }
table td.format{
    width:100px;
    vertical-align: top;
    }
.tab table table{
    font-size: 0.9em;
    margin:0px;
    padding: 0px 20px 0px 0px;
    width:100%;
    }
.tab table table td{
    margin:0px;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    }
.tab table table td strong{
    color:#B22434;
    }  
.tab table h5{
    font-size: 1.6em;
    color: #5F5D59;
    font-weight: bold;
    font-family: Georgia;
    }
.tab table td{vertical-align: top;}

#cjenik_tabs .tab table p{
    margin: 0px;
    padding: 10px 0px;
    font-size:0.9em;
    }




#footer{
    clear: both;
    float:left;
    width:930px;
    margin:0px 0px 0px 0px;
    padding:8px 20px 10px 20px;
    background:url(images/footer_bg.png) repeat-y center top;
    }
#foot_down p{
    color:#5F5D5A;
    font-size:1.1em;
    /*float:right;*/
    padding:10px 10px 10px 0px;
    /*width:30%;*/
    text-align: center;
    
}
#footer ul{
    margin:0px;
    padding:5px 0px 5px 0px;
    font-size:1.1em;
    width:600px;
    float:left;
    /*border:1px solid red;*/
}
#footer ul li{
    margin:0px;
    padding:0px 5px 0px 5px;
    float:left;
    display:block;
    border-right:1px solid #B22434;
    line-height:1.0em;
    /*text-transform:uppercase;*/
    }
#footer ul li.no_border{
    border-right:none;
    }
#footer ul li a{
    color:#B22434;
    text-decoration:none;
    }
#footer ul li a:hover{
    text-decoration:underline; 
}
#foot_down img{
    float:left;
    padding:20px 20px 0px 0px;
    }
#foot_down{
    margin:0px;
    padding:0px 20px 10px 20px; 
    float:left;
    width:930px;
    clear:both;
    background:url(images/footer.png) no-repeat center bottom;
    }
.misc_link{
    margin:0px;
    padding:145px 10px 0px 0px;
    float:right;
    display:block;
    font-size: 1.1em;
    }
 .left_links{
    /*margin:0px;*/
    /*padding:0px 10px 0px 0px;*/
    float:left;
    display:block;
    width:640px;
    }


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




/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.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: 0 4px 5px;
	margin: 0;
}
/* End captions */

/************* dropdown *************/

#izdanja{
    margin:0px;
    padding: 20px 0px 10px 0px;
    float:left;
    width: 640px;
    }
a.borderkit img{border:1px solid #EBE8E2; float:left; padding:2px; margin-right:5px;}