@charset "utf-8";
/*
Theme Name: ŽOG
Theme URI: http://www.zog.hr/
Author: Dizajn Zona 42
Author URI: http://www.dizajnzona42.com/
*/



/* #A69A76 beige dotted border */
/* #666666 siva meta */
/* #680000 crvena headings */

* {margin:0; padding:0; outline:none}
body {margin:0px auto 0px auto; background:url('media/top-bck.png') top repeat-x; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000;}

a, a:visited, a:active{text-decoration:underline;color:#680000;}
a:hover{text-decoration:none;color:#680000;}

ol {list-style-position: inside; line-height:18px;}

img.aligncenter{clear:both; padding-bottom:5px}
.spacer_{clear:both}
.clear{clear:both}
.clear5{clear:both; padding-bottom:5px}
.clear10{clear:both; padding-bottom:10px}
.clear15{clear:both; padding-bottom:15px}
.clear20{clear:both; padding-bottom:20px}
.clear25{clear:both; padding-bottom:25px}
.clear30{clear:both; padding-bottom:30px}
.clear35{clear:both; padding-bottom:35px}
.clear40{clear:both; padding-bottom:40px}

.clear5border{clear:both; padding-bottom:5px; border-bottom:1px solid #680000}
.clear20border{clear:both; padding-bottom:20px; border-bottom:1px solid #680000}

.dottedborder{background:url('media/dots.png') repeat-x; margin-bottom:10px;clear:both; padding-top:10px}
.dottedborder-sidebar{background:url('media/dots.png') repeat-x; margin-bottom:5px;clear:both; padding-top:5px}

#container {width:960px; height:auto; margin:auto; overflow:hidden;}
/* HEADER*/
#header{width:960px; height:auto; position:relative; float:left; background:url('media/header.png') top no-repeat}
#logo{width:560px; height:95px; position:relative; float:left; padding-top:5px;}
a#naslovna {position:relative;float:left;width:450px;background:url('media/logo.png') no-repeat;color:#FFFFFF; text-decoration:none; font-size:30px; line-height:36px; font-weight:normal; padding:20px 0px 10px 105px;}
a#naslovna span{color:#FFFFFF; text-decoration:none; font-size:18px; line-height:24px;}
#header-right{width:390px; height:95px; position:relative; float:right; padding-top:5px;}


/* main navigation */
#navigacija{width:941px; height:44px; position:relative; float:left; padding:7px 8px 0px 11px;}

#navigacija ul {list-style-type:none; width:941px;text-align:center; float:left;}
#navigacija ul li {float:left;font-size:14px;color:#F4F3F0; font-weight:bold;}
#navigacija ul li a, #navigacija ul li a:visited, #navigacija ul li a:active {display:block;font-size:14px;color:#F4F3F0;text-decoration:none; background:none; font-weight:bold;padding:10px 21px 10px 22px; border-right:1px solid #972B2B; letter-spacing:-1px;}
#navigacija ul li a:hover {display:block;font-size:14px;background:#F4F3F0; color:#680000;text-decoration:none; font-weight:bold; padding:10px 21px 10px 22px;letter-spacing:-1px;}

#navigacija ul li.last a, #navigacija ul li.last a:visited, #navigacija ul li.last a:active {display:block;font-size:14px;color:#F4F3F0;text-decoration:none; background:none; font-weight:bold;padding:10px 22px 10px 22px; border-right:1px solid #F4F3F0; letter-spacing:-1px;}
#navigacija ul li.last a:hover {display:block;font-size:14px;background:#F4F3F0; color:#680000;text-decoration:none; font-weight:bold; padding:10px 22px 10px 22px; letter-spacing:-1px;}
/* breadcrumbs */
#breadcrumbs{width:941px; height:18px; position:relative; float:left; padding:7px 8px 0px 11px; font-family: Tahoma, Geneva, sans-serif; font-size:11px;}

/* header navigation */
#header-nav{width:370px; height:20px; position:relative; float:right;color:#FFFFFF; font-family: Tahoma, Geneva, sans-serif; font-size:11px; text-align:right;padding:20px 10px 0px 0px; line-height:14px;}
#header-nav ul {list-style-type:none;text-align:right; float:right;height:20px;width:270px;}
#header-nav ul li {float:left;padding-left:14px; font-size:11px;color:#FFFFFF;line-height:14px;}
#header-nav ul li a:link, #header-nav ul li a:visited, #header-nav ul li a:active {display:block;font-size:11px;color:#FFFFFF;text-decoration:none; font-weight:normal}
#header-nav ul li a:hover {display:block;color:#FFFFFF;text-decoration:underline;}





/* CONTENT */
#content{width:960px; height:auto; position:relative; float:left;}
/* MAIN */
#main{width:653px; height:auto; position:relative; float:left; padding:0px 0px 0px 2px;}


#sliderimgs{width:631px; height:312px; position:relative; float:left;background:url('media/image-slider-bck.png') top no-repeat; padding:19px 0px 0px 22px;}

/* SIDEBAR */
.sidebar-white-bck{width:300px; height:auto; position:relative; float:left;background:#FFFFFF; padding:0px 0px 0px 0px; padding-bottom:10px;}

#sidebar{width:300px; height:auto; position:relative; float:right;background:url('media/sidebar-bck.png') repeat-y; padding:0px 0px 0px 0px; margin-top:0px;}

#sidebar #sidebar-obljetnica{width:251px; height:181px;position:relative; float:left;background:url('media/obljetnica-bck.png') no-repeat top center; padding:31px 18px 26px 24px;}
#sidebar #sidebar-obljetnica h2{font-size:26px; line-height:31px; padding-bottom:20px; color:#FFF; font-weight:normal}
#sidebar #sidebar-obljetnica p{font-size:16px; line-height:24px; padding-bottom:0px; color:#FFF;}
#sidebar #sidebar-obljetnica #obbtnmore{width:136px; height:29px;position:absolute; bottom:28px; left:24px;}

#sidebar #sidebar-globe{width:251px; height:120px;position:relative; float:left;background:url('media/globe-bck.png') no-repeat top center; padding:92px 18px 26px 24px;}
#sidebar #sidebar-globe h2{font-size:13px; line-height:21px; padding-bottom:20px; color:#213f98; font-weight:normal}
#sidebar #sidebar-globe p{font-size:16px; line-height:24px; padding-bottom:0px; color:#FFF;}
#sidebar #sidebar-globe #obbtnmore{width:136px; height:29px;position:absolute; bottom:28px; left:24px;}

.sidebar-bottom{width:300px; height:13px; position:relative; float:right;background:#FFFFFF url('media/sidebar-bottom-bck.png') 0px 0px no-repeat; padding:0px 0px 10px 0px;}

.sidebarheading{width:231px; height:28px; position:relative; float:right;background:url('media/sidebarheading-bck.png') no-repeat; padding:15px 37px 10px 32px; color:#FFFFFF; margin-bottom:5px;}
.sidebarheading h3 {font-size:13px; font-weight:bold;color:#FFFFFF; line-height:14px;letter-spacing:-1px}

.sidebarheading-right{width:100px; height:28px; position:relative; float:right; padding:0px 0px 0px 0px; text-align:right; color:#FFFFFF; letter-spacing:-1px}

div.sidebarheading-right a, div.sidebarheading-right a:visited, div.sidebarheading-right a:active{text-decoration:underline;color:#FFFFFF;}
div.sidebarheading-right a:hover{text-decoration:none;color:#FFFFFF;}
.sidebarcontent{width:231px; height:auto; position:relative; float:left;padding:0px 37px 0px 32px;}
.sidebarcontent p{font-size:12px; color:#000; line-height:18px; padding-bottom:6px;}
.sidebarcontent h3{font-size:16px; font-weight:bold; color:#680000; line-height:24px; padding-bottom:10px;letter-spacing:-1px}
.sidebarcontent h4 {font-size:12px; font-weight:bold;color:#680000; line-height:14px;letter-spacing:-1px}


/* citati */
.sidebarcontent-citat{width:231px; height:auto; position:relative; float:left;padding:0px 37px 0px 32px;}
.sidebarcontent-citat p{font-size:12px; font-weight:bold; font-style:italic; color:#680000; line-height:18px;padding-bottom:6px;}
.sidebarcontent-citat p strong{font-size:13px; font-weight:normal;color:#333; line-height:18px;letter-spacing:-1px;font-style:italic;}
.sidebarcontent-citat p em{font-size:13px; font-weight:normal;color:#333; line-height:18px;letter-spacing:-1px;font-style:italic;}

.entry-citat{width:610px; height:auto; position:relative; float:left; padding:20px 21px 0px 22px;}
.entry-citat p{font-size:14px; font-weight:bold; font-style:italic; color:#680000; line-height:21px;padding-bottom:7px;letter-spacing:-1px;}
.entry-citat p strong{font-size:14px; font-weight:normal;color:#333; line-height:21px;letter-spacing:-1px;font-style:italic;}
.entry-citat p em{font-size:14px; font-weight:normal;color:#333; line-height:21px;letter-spacing:-1px;font-style:italic;}


.najava-date-wrap{width:36px; height:45px; position:relative; float:left; margin:4px 10px 2px 0px; background:#680000; font-family:Tahoma, Geneva, sans-serif; padding:0px 0px 4px 0px;}
.date-blue{width:36px; height:auto; position:relative; float:left; text-align:center; font-size:12px; color:#FFF; font-weight:bold; padding:5px 0px 0px 0px; line-height:14px;}
.date-blue span{ font-size:10px; color:#FFF; font-weight:normal; line-height:12px; text-transform:uppercase;text-align:center;}
.date-magenta{width:36px; height:auto; position:relative; float:left; text-align:center; font-size:10px; color:#FFF; font-weight:normal;  line-height:12px; margin-top:0px;}

.najava-wrap{width:560px; height:auto; position:relative; float:right;}
.najava-entry-wrap{width:180px; height:auto; position:relative; float:right; font-size:11px;}
.sidebarcontent .najava-entry-wrap p{font-size:11px; line-height:16px}
.sidebarcontent .najava-entry-wrap h3{font-size:14px; line-height:21px}

/* ---Single post navigation--- */
div.singlenavigation{width:610px; height:auto; position:relative; float:left; padding:0px 21px 0px 22px;}
div.singlealignleft{position:relative; float:left; width:170px; height:20px; text-align:left; font-size:12px; line-height:18px;}
div.singlealigncenter{position:relative; float:left; width:220px; height:20px; text-align:center; font-size:12px; line-height:18px;padding:0px 10px 0px 0px;}
div.singlealignright{position:relative; float:right; width:170px; height:20px; text-align:right; font-size:12px; line-height:18px;}

/* ENTRY */
.entry{width:610px; height:auto; position:relative; float:left; padding:20px 21px 0px 22px;}
.entry p{font-size:14px; color:#000; line-height:21px; padding-bottom:7px;}
.entry p.tah11{font-family:Tahoma, Geneva, sans-serif;font-size:11px; color:#333333; line-height:16px; padding-bottom:5px;}
.entry h1{font-size:24px; color:#680000; line-height:32px; padding-bottom:12px; font-weight:normal}
.entry h2{font-size:18px; color:#680000; line-height:27px; padding-bottom:9px; font-weight:normal}
.entry h3{font-size:16px; color:#680000; line-height:24px; padding-bottom:8px; font-weight:bold}

.entry-leftcol{width:380px; height:auto; position:relative; float:left; padding:0px 0px 0px 0px;}
.entry-rightcol{width:196px; height:auto; position:relative; float:right; padding:0px 0px 0px 0px; font-family:Tahoma, Geneva, sans-serif;font-size:11px; color:#333333; line-height:16px; padding-bottom:5px;} 
.entry-rightcol p{font-family:Tahoma, Geneva, sans-serif;font-size:11px; color:#333333; line-height:16px; padding-bottom:5px;} 

.entry img{padding:2px; border:1px solid #680000; float:left; margin:4px 20px 10px 0px;}
.entry .entry-rightcol img {padding:2px; border:1px solid #680000; float:left; margin:0px 0px 6px 0px;}

.entry ul {list-style-type:square; padding:0px 0px 0px 20px; margin:10px 0px 10px 0px; position:relative; float:left; clear:both; width:590px; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; line-height:21px;}
.entry ul li {padding:0px 0px 7px 0px;position:relative;}

a.box, a.box:visited, a.box:active{text-decoration:none;color:#FFF; font-size:12px; line-height:18px; padding:6px 12px; font-weight:bold;background:#680000;}
a.box:hover{background:#940000;}

p.padtop10{padding-top:10px;}

/* majorheading */
.majheading{width:631px; height:40px; position:relative; float:left; background:url('media/majheading.png') top no-repeat; padding:10px 0px 0px 22px; clear:both;}
.majheading-right{width:100px; height:30px; position:relative; float:right; padding:8px 22px 0px 0px; text-align:right; color:#FFFFFF}
div.majheading-right a, div.majheading-right a:visited, div.majheading-right a:active{text-decoration:underline;color:#FFFFFF;}
div.majheading-right a:hover{text-decoration:none;color:#FFFFFF;}
div.majheading h2{font-size:18px; color:#FFFFFF; line-height:28px;font-weight:normal}
.calendar{height:20px; position:relative; float:left; background:url('media/calendar.png') 0px 2px no-repeat; padding:3px 20px 0px 20px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666; font-weight:bold}
.pencil{height:20px; position:relative; float:left; background:url('media/pencil.png') 0px 2px no-repeat; padding:3px 20px 0px 20px;font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666}
.pencil-sidebar{min-height:16px!important; position:relative; float:left; background:url('media/pencil.png') 0px 2px no-repeat; padding:3px 0px 6px 20px;font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666}
.comment{height:20px; position:relative; float:left; background:url('media/comment.png') 0px 4px no-repeat; padding:3px 20px 0px 20px;font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#666666}
/* REMOVE HEIGHT */
#footer {width:100%; height:60px; margin:30px auto 0px auto; background:#660000 url('media/footer-bck.png') top repeat-x;}
#footercontent {width:960px; height:auto; margin:auto;font-size:11px; line-height:16px;color:#FFF; padding:20px 10px 0px 10px;}
#impressum{width:100px; height:auto; float:right; position:relative; text-align:right}
#footercontent a, #footercontent a:visited, #footercontent a:active{text-decoration:underline;color:#FFFFFF;}
#footercontent a:hover{text-decoration:none;color:#FFFFFF;}


.karta{padding:2px; border:1px solid #680000;}
/* ---SEARCH--- */
#search-wrapper{width:264px; height:50px; position:relative; float:right; padding:0px 0px 0px 0px; margin:0px;}
#search-wrapper span.searchstylebox input{font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#000; line-height:11px; padding:0px 0px 0px 0px; border:none; margin:0px 0px 0px 0px; width:168px; height:22px;background:none;}
#search-wrapper span.send input{background:url('media/trazi-btn.png') 0px 3px no-repeat; padding:0px 0px 0px 0px; color:#FFF; font-size:11px; line-height:11px;font-weight:bold; margin:3px 0px 0px 0px; border:none; cursor:pointer; width:88px; height:36px; text-indent:-9999px; outline:none}

.opis-kategorije p{font-size:14px; color:#000; line-height:21px; padding-bottom:7px; font-weight:bold}


#razglednica-wrap{width:941px; height:auto; position:relative; float:left;padding:7px 8px 0px 11px;}
#razglednica-flash{width:941px; height:702px; position:relative; float:left;border:1px solid #680000;}
#razglednica-flash-text{width:941px; height:auto; position:relative; float:left;}
#razglednica-flash-text p{font-size:14px; color:#000; line-height:21px; padding-bottom:7px;}
#razglednica-flash-text h1{font-size:24px; color:#680000; line-height:32px; padding-bottom:12px; font-weight:normal}


/* Tablice */
table {
	border: 1px solid #e7e7e7;
	margin: 0px 0px 20px 0px;
	text-align: left;
	width: 100%;
	clear:both;
	margin-bottom:12px;
	margin-top:6px;
}
table p{padding-bottom:0px;
}
tr th,
thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 6px 18px 6px 12px;
	vertical-align:baseline;
}
tr td {
	border: 1px solid #e7e7e7;
	padding: 6px 18px 6px 12px;
	vertical-align:baseline;
}