/*
    Theme Name: Opcina Kriz
    Description: Predlozak za Opcinu Kriz
    Version: 1.0
    Author: Insula Bit
    Author URI: http://www.insulabit.com/
*/

* {
	margin:0;
	padding:0
	}
ul,li {list-style-type:none;}

#nav {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:0;
	margin-right:0;
	margin-left:0px;
	margin-top:144px;
	width:970px;
	border-top:0px solid #ddd;
	
	}

#nav li {
	margin-right:2px;
	border-right:0px solid #fff;
	}

#nav li, #subnav li {
	float:left;
	list-style:none;
	}

#nav a, #nav a:visited {
	color:#444;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	display:inline;
	
	height:20px;
	padding:10px 13px 10px 13px;
	margin:0;
	
	
	
	}

#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	
	color:#fff;
	
	
	}


/*------------------------------------*/

body {
	background:url(images/pozadina.jpg) repeat-x left top #E8E8E8;
	margin: 0px;
	font-family:Arial,Verdana,sans-serif;
}
#header {
	width:970px;
	height:258px;
	border-bottom:0px solid #000;
	margin:0 auto;
	padding:0px;
	background:#fff;
	
}
#logo{background:url(images/header.png);z-index:8;position:absolute;width:485px;height:258px;display:block;}
#slides{width:514px;height:258px;display:block;position:absolute;margin-left:456px;margin-top:0px;background:#000;z-index:6;}

/*+++++++++++++++++++++++++++Podmeni kraj+++++++++++++++++++++++*/


#okvir {
	padding:10px;
	margin:0 auto;
	font-family:Arial,Verdana,sans-serif;
	width:950px;
	background:#fff;
	border-top:0px solid #444;
	background:url(images/main.jpg) no-repeat center top #fff;
}

.sadrzaj {
	color:#444;
	font-size:11px;
	line-height:16px;
	float:left;
	margin-left:10px;
	width:555px;
	
	padding:15px;
	border-right:0px solid #eee;
	
	
}
.sadrzaj ul {
	
	background:url(images/) no-repeat left top;
	border:0px solid #ddd;
	margin:5px 0;
	padding-left:0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 15px;
}
.sadrzaj li {
	
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:2px;
	border:1px solid #eee;
	background:url(images/lista.gif) no-repeat right bottom #fafafa;
	list-style-type:none;
}
.sadrzaj ol {
	
	padding:8px;
	margin-left:0px;
	border-bottom:0px solid #fafafa;
}


.sadrzaj h1 {
	margin:2px 0 20px;
	padding:0;
	font-weight:normal;
	font-size:26px;
	color:#FF6600;
}
.sadrzaj h1 a, .katalog h3 a {
	color:#444;
	text-decoration:none;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
.sadrzaj h2 {
	padding:0;
	margin:0 0 12px;
	font-size:20px;
	color:#444;
	font-weight:normal;
}

.sadrzaj h4 {
	padding:0;
	margin:0 0 12px;
	font-size:14px;
	font-weight:normal;
}
.sadrzaj p {
	margin:0 0 12px;
}
/*naslovi*/
.katalog h2 {
	margin-left:0px;
	margin-bottom:8px;
	padding-left:0px;
	padding-top:18px;
	padding-bottom:18px;
	font-size:12px;
	letter-spacing:1px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #eee;
	color:#444;
	background:url(images/) no-repeat right center;
	display:block;
	
	
	
}
.katalog h2 a {
	
	color:#444;
	text-decoration:none;
	
}

.katalog h3 {
	margin:0 0 10px;
	padding:10px;
	font-size:12px;
	font-weight:bold;
	border: 1px solid red;
	
	color:#444;
	background-color:#FFFF99;
}
.katalog h4 {
	margin-left:0px;
	margin-bottom:5px;
	padding-left:0px;
	padding-top:0px;
	font-size:16px;
	font-weight:bold;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	color:#444;
	background:url(images/) no-repeat left top ;
	display:block;
	width:95%;
	
	
}

.sidebar-galerija {
	float:right;
	width:360px;
	font-size:11px;
	line-height:18px;
	
	color:#444;
	margin-right:10px;
	margin-top:0px;
	padding:10px 0px;
	border:0px solid #ddd;
}

.sidebar {
	float:right;
	width:360px;
	font-size:11px;
	line-height:14px;
	
	color:#444;
	margin-right:10px;
	margin-bottom:20px;
	padding:0;
	border-bottom:0px solid #ddd;
}
.sidebar a{color:#444;text-decoration:none;}
.sidebar a:hover{text-decoration:underline;}
.sidebar img{float:left;display:block;padding:4px;margin-right:8px;border:1px solid #ddd;}
.sidebar ul li a  {
list-style-type:none;
color: #444;
margin-left:5px;
padding: 10px 10px 15px 15px;
height:25px;
display:block;
border-bottom:1px solid #ddd;
text-decoration:none;
}

.sidebar ul li a:hover {
color: #999;
text-decoration:underline;
}
.sidebar2 {
	float:right;
	width:370px;
	font-size:11px;
	line-height:18px;
	
	color:#444;
	margin-right:5px;
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #eee;
}
.sidebar h2 {
	margin-left:20px;
	margin-bottom:8px;
	padding-left:0px;
	padding-top:18px;
	padding-bottom:18px;
	font-size:12px;
	letter-spacing:1px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #eee;
	color:#5177AD;
	background:url(images/) no-repeat right center;
	display:block;
	width:90%;
}
.sidebar h2 a {color:#5177AD;text-decoration:none;}

.sidebar h3 a {
	margin-left:5px;
	margin-bottom:20px;
	padding-left:10px;
	padding-top:14px;
	font-size:14px;
	font-weight:bold;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #eee;
	color:#5177AD;
	display:block;
	width:88%;
	height:40px;
	
}
.sidebar h4 {
	margin-left:0px;
	margin-bottom:5px;
	padding-left:15px;
	padding-top:0px;
	font-size:16px;
	font-weight:bold;
	border-top: 0px solid #ddd;
	border-bottom: 0px solid #ddd;
	color:#444;
	background:url(images/) no-repeat left top ;
	display:block;
	width:95%;
	
	
}

.post .more-link a{color:#fff; text-decoration:none; padding:4px; background:#000;display:inline;}

.sidebar .more-link a{color:#666; text-decoration:none; padding:4px; display:block;margin-top:15px;margin-left:10px;}
.sidebar a:hover {text-decoration:underline;}
.sidebar_bus {
	float:right;
	width:370px;
	font-size:11px;
	line-height:18px;
	
	color:#444;
	margin-right:5px;
	margin-top:30px;
	padding:0;
	border-top:0px solid #ddd;
}
.sidebar_bus img {border:1px solid #EBEBEB; padding:10px; background:#fff; margin-right:5px; margin-bottom:8px;}
.sidebar p {margin-bottom:8px; margin-left:15px;}
.sidebar form {
	margin:0;
	padding:0;
}
.search {
	padding-right:63px;
	text-align:right;
	margin-top:50px;
	
}
.sidebar .txtField {
	border-style:none;
	background-color:#fafafa;
	padding:3px;
	color:#444;
	width:195px;
	border:1px solid #ddd;
	font-size:10px;
}
.sidebar .gumb {
	border:1px solid #ddd;
	color:#fff;
	background:url(images/) no-repeat scroll center top #000;
	font-size:10px;
	padding:3px 0;
	width:60px;
	height:24px;
	
}
#header .txtField {
	border-style:none;
	background-color:#fafafa;
	padding:3px;
	color:#444;
	width:175px;
	border:1px solid #ddd;
	font-size:10px;
}
#header .gumb {
	border:1px solid #ddd;
	color:#fff;
	background:url(images/) no-repeat scroll center top #000;
	font-size:10px;
	padding:3px 0;
	width:60px;
	height:24px;
	
}
	
.razmak {
	display:block;
	height:30px;
}


/* post styles */

.katalog {
	width:550px;
	float:left;
	border-right:0px solid #eee;
	margin-top:0px;
	
}
.katalog2 {
	width:550px;
	float:left;
	border-right:1px solid #eee;
	margin-top:0px;
	
	
}
.katalog2 h2 {
	margin-left:30px;
	margin-bottom:8px;
	padding-left:0px;
	padding-top:18px;
	padding-bottom:18px;
	font-size:12px;
	letter-spacing:1px;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border-top: 0px solid #ddd;
	border-bottom: 1px solid #eee;
	color:#444;
	background:url(images/) no-repeat right center;
	display:block;
	width:90%;
}
.katalog2 h2 a {
	
	color:#444;
	text-decoration:none;
	
}
.izdvojeno {
	width:530px;
	display:block;
	float:left;
	border-right:0px solid #eee;
	margin-top:15px;
	background:#eee;
	
}

.postDetails {
	line-height:18px;
}
.postEnd {
	border-bottom:3px solid #626262;
	height:20px;
}
.post {
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
	border-top:0px solid #ddd;
	
	width:500px;
}
.post a {
	color:#444;
	text-decoration:underline;
	
}
.post a:hover {
	color:#444;
	text-decoration:none;
}
.post img{float:left;display:block;padding:4px;margin-right:8px;border:1px solid #ddd;}
/*post 2*/
.post2 {
	padding-bottom:10px;
	margin-bottom:10px;
	overflow:hidden;
	border-top:2px solid #444;
	background-color:#333;
	width:555px;
}
.post2 a {
	color:#9EAF2D;
	text-decoration:underline;
	border-bottom:0px solid #626262;
}
.post2 a:hover {
	border-style:none;
	color:#fff;
}
.post2 img {
	text-decoration:none;
	margin-bottom:10px;
	margin-right:10px;
	padding:12px;
	
	border: 0px solid #444;
	
}

/*kontakt obrazac*/

#coldform_name  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}
#coldform_email  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}
#coldform_website  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}
#coldform_topic  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:10px;}
#coldform_response  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:200px; margin-bottom:10px; padding:5px; font-size:10px;}
#coldform_message  {color:#444; background-color:#fafafa; border:1px solid #ddd; width:450px; margin-bottom:10px; padding:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#coldform .hide {color:#444; font-size:12px; font-weight:bold;}
#coldform .label {margin:3px; color:#444; display:block;}
#coldform fieldset {color:#444; border:1px solid #ddd; margin-top:5px; padding-left:10px;}
code {font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.submit {
	border:0px;
	color:#fff;
	background:url(images/) no-repeat scroll center top #444;
	font-size:10px;
	padding:3px 0;
	width:60px;
	height:24px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.about {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#444;
	border-top:1px solid #555555;
	padding:15px;
}
.about img {border:none; text-decoration:none; margin-bottom:10px; margin-right:10px; padding:0;}
.footer {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#696D6C;
	padding:25px 15px 15px 15px;
	border-top:4px solid #ddd;
	width:940px;
	height:80px;
	margin:0 auto;
	text-align:center;
	
	
}
.about a, .footer a {
	color:#696D6C;
	text-decoration:underline;
	
}
.about a:hover, .footer a:hover {
	color:#696D6C;
	text-decoration:none;
	border-style:none;
}
blockquote {
	font-style:italic;
	border-left:1px solid #C2C2C2;
	padding:10px;
	background-color:#000;
}



/* tabovi sidebar desno */

.postList {
	padding:0;
	margin:0;
	width:290px;
}
.postList li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #333;
}
.postList a {
	display:block;
	width:270px;
	padding:8px 10px 8px 24px;
	color:#444;
	text-decoration:none;
	background:url(images/) no-repeat 5px 50%;
}
.postList a:hover {
	color:#444;
	background:url(images/) no-repeat 5px 50% #fafafa;
}

.postList a .listMeta {
	color:#a3a3a3;
	font-size:10px;
	line-height:14px;
	text-decoration:none;
}



.postListSingle {
	padding:0;
	margin:0;
	width:290px;
}
.postListSingle li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #eee;
}
.postListSingle a {
	display:block;
	width:270px;
	padding:8px 10px 8px 24px;
	color:#444;
	text-decoration:none;
	background:url(images/) no-repeat 5px 50%;
}
.postListSingle a:hover {
    color:#444;
	background:url(images/) no-repeat 5px 50% #eee;
}





.katbroj {
	margin-top:30px;
	margin-bottom:30px;
}
.katbroj ul { padding:0; margin: 0px;  border-left: solid 0px #5D7E92; }
.katbroj li {
	margin-right:4px;
	margin-top:4px;
	list-style-type: none;
	display: block;
	width:510px;
	float:left;
	padding:10px;
	font-weight:normal;
	text-decoration:none;
	border-right:0px solid #444;
	border-top:0px solid #444;
	background-attachment: scroll;
	background-image: url(images/custom_fields.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.katbroj .post-meta { color:#fff; font-size: 10px; }
.katbroj .post-meta-key {color:#C27005; font-weight:normal; font-size: 11px; display: block;}
#container-1 {border-top:1px solid #444; padding-top:10px;}
.kategorija  {
	font-size:10px;
	color:#999;
	margin-left:0px;
	margin-bottom:15px;
	padding:15px;
	width:555px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	background-attachment: scroll;
	background-image: url(images/kategorije.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.kategorija a {font-size:10px; color:#666; text-decoration:none;}
.kategorija a:hover {font-size:10px; color:#999; text-decoration:underline;}
.rezultati {
	color:#444;
	font-size:11px;
	line-height:20px;
	float:left;
	margin-left:10px;
	width:500px;
	
	padding:15px;
	border-right:0px solid #eee;
	
}
.rezultati p {padding-left:0px; color:#444;font-size:11px;}
.rezultati a:link,#rezultati a:visited, #rezultati a:active {color:#1094C8; text-decoration:underline;}
.rezultati a:hover {color:#1094C8; text-decoration:none;}
/*info*/
.info {
	width: 380px;
	height:54px;
	border-bottom:1px solid #ddd;
	margin-left:560px;
	margin-top:20px;
	position:absolute;
	background:#fff url(images/info.jpg) no-repeat left top;
}
/*accordion*/
.accordion2 img {border:0; display:block; padding:0px; margin-top:25px; margin-left:5px;}
.accordion2 {
	width: 370px;
	border-bottom: solid 0px #c4c4c4;
	margin:0;
	padding:0;
	
	
}
.accordion2 h3 {
	background: url(images/slide_open.gif) no-repeat center top;
	color:#444;
	padding: 12px 15px;
	margin:0;
	font: bold 12px Arial, Helvetica, sans-serif;
	border-bottom:0px solid #ddd;
	display:block;
	height:18px;
	
	cursor: pointer;
}
.accordion2 h3:hover {
	text-decoration:underline;
}
.accordion2 h3.active {
	
	
	color:#444;
	background:  url(images/slide_close.gif) no-repeat center top;
}

.accordion2 p {
	background: #fff url(images/) no-repeat left bottom;
	color:#444;
	font-size:11px;
	line-height:18px;
	margin-bottom: 2px;
	padding: 10px;
	border-left: solid 0px #c4c4c4;
	border-right: solid 0px #c4c4c4;
	width:350px;
	border-bottom:0px solid #ddd;
	
}
.accordion2 .acc {}
.acc {border:0px solid #ccc; }
.accordion2 .acc .current-cat a {
    color:#444;
	background-color:#fff;
}
/*accordion2*/
.accordion2 .postListSingle {
	padding:0;
	margin:0;
	width:380px;
	font-size:11px;
}
.accordion2 .postListSingle li {
	list-style:none;
	margin:0;
	border-bottom:1px solid #eee;
	
}
.accordion2 .postListSingle a {
	display:block;
	width:347px;
	padding:8px 10px 8px 24px;
	color:#444;
	text-decoration:none;
	background:url(images/) no-repeat 5px 50%;
}
.accordion2 .postListSingle a:hover {
    color:#444;
	background:url(images/) no-repeat 5px 50% #eee;
}

/*slider*/
#navigation-container {
width: 940px;
text-align: left;
margin: 0 auto;
padding: 0px 15px;
padding-bottom: 10px;
overflow: hidden;
background:#000 url(images/slider.jpg) repeat-x left top;


}
#navigation-container a {
color: #fff;
}
#navigation-container a:hover {
color: #D27C9E;
}
#navigation-container h3 {

margin: 0;
padding-left: 0px;
margin-bottom: 5px;
margin-top: 20px;
padding-bottom: 1px;
color: #8DBC43;
font-size: 11px;

}

#archive-history ul li a {
color: #fff;
padding-left: 23px;
background: transparent url(images/archive.gif) no-repeat center left;
}
#archive-history ul li a:hover {
color: #80A5B1;
background: transparent url(images/archive2.gif) no-repeat center left;
}
#recent-post ul li a  {
color: #fff;
padding-left: 23px;

}
#recent-post ul li a:hover {
color: #D7D7D7;

}

#navigation {
font-size: 11px;
border: 0px solid #363636;
height:0px;
width:970px;
margin:0 auto;
padding-top: 0px;
color: #999999;
overflow: auto;
background:#000;
}
#navigation ul {
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 10px;
}
#navigation ul li {
padding: 0;
margin: 0;
}
#navigation ul li a {
border-bottom: 1px solid #262626;
display: block;
text-decoration: none;
padding: 2px;
margin-bottom: 2px;

}
#slider {width:900px; margin:0 auto; text-align:left;  border-bottom:0px solid #fff;}
#toggle {
padding:6px;
width: 43px;
height:65px;
text-indent:-9999px;

color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
text-align:center;
position:absolute;
margin-left:-43px;
margin-top:188px;
background:url(images/izbornik.png) no-repeat left center;
z-index:10;
cursor:pointer;

}
#archive-history {
width: 150px;
float: left;
margin: 0;
padding-left: 25px;
}
#recent-post , #page-about {
float: left;
padding: 0;
margin: 0;
width: 150px;
padding-left: 60px;
}

#zadnje-objave ul li a  {
color: #fff;
padding-left: 0px;
margin-bottom:2px;

}
#zadnje-objave ul li a:hover {
color: #D7D7D7;

}

#zadnje-objave {
float: left;
padding: 0;
margin: 0;
width: 150px;
padding-left: 60px;
}


html>body #recent-post , html>body #page-about {
width: 200px;
} 
.pretraga {background:url(images/pretraga.png);width:11px;height:11px;display:block;}

div.left-column {
	width: 230px;
	height:230px;
	display:block;
	float: left;
	clear: none;
	font-size:11px;
	line-height:16px;
	padding:15px;
	margin-right:6px;
	margin-left:6px;
	background:#fff;
	border-top:0px solid #ddd;
	}
div.left-column a{color:#444;text-decoration:none;}
div.left-column a:hover{text-decoration:underline;}
div.right-column {
	width: 230px;
	height:230px;
	display:block;
	float: left;
	clear: none;
	font-size:11px;
	line-height:16px;
	padding:15px;
	margin-right:6px;
	margin-left:6px;
	margin-top:3px;
	background:#fff;
	border-top:0px solid #ddd;
	}
div.right-column a{color:#444;text-decoration:none;}
div.right-column a:hover{text-decoration:underline;}
div.right-column img{float:left;display:block;padding:4px;margin-right:8px;border:1px solid #ddd;background:#fff;width:50px;height:50px;}
div.left-column img{float:left;display:block;padding:4px;margin-right:8px;border:1px solid #ddd;background:#fff;width:50px;height:50px;}
div.left-column .more-link a{color:#666; text-decoration:none; padding:4px; display:block;margin-top:15px;}
div.left-column .more-link a:hover{color:#666; text-decoration:none; padding:4px; display:block;margin-top:15px;text-decoration:underline;}
div.right-column .more-link a{color:#666; text-decoration:none; padding:4px; display:block;margin-top:15px;}
div.right-column .more-link a:hover{color:#666; text-decoration:none; padding:4px; display:block;margin-top:15px;text-decoration:underline;}
/* For Link Indication plugin
a.liexternal { padding-left: 12px; background: url(images/link-icon_external_18.png) no-repeat left; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail.png) no-repeat right; }
*/
a.liwikipedia { padding-right: 14px; background: url(images/link-icon_wikipedia.gif) no-repeat right; }
a.liimdb { padding-right: 18px; background: url(images/link-icon_imdb.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.lipdf { padding-left: 24px; background: url(images/link-icon_pdf_05.gif) no-repeat left;  }
a.lidoc { padding-left: 24px; background: url(images/link-icon_word_16x16.gif) no-repeat left;  }
a.lixls { padding-left: 24px; background: url(images/link-icon_excel_16x16.gif) no-repeat left;  }