/* CSS Document --- Slomškova zalobžba */

html { background: #ffffff url(../images/html_bg.png) top center repeat-y; text-align: center; }

body {
	text-align: left; 
	font:11px/14px Tahoma, Arial, helvetica, sans-serif; 
	color:#232323;
	padding: 0;
	margin: 0 auto;
	width: 950px;
}

.clear { clear: both; }
img { border: none; }

a { color:#232323; text-decoration:underline; }
a:hover { text-decoration:none; }

select, input, textarea { border: 1px solid #434343; }

div, h1, h2, h3, h4, h5, p, img, ul, li, form { margin: 0; padding: 0; }
ul { list-style:none; line-height:0; padding:0; margin:0; }

.tac{text-align:center;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;}
.in15{padding-top:15px;}
.in20{padding-top:20px;}
.in25{padding-top:25px;}

.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pr20{padding-right:20px;}


h1 {
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #FFCC4E;
	padding: 0 0 10px 0;
}

h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #FFCC4E;
	padding: 0 0 10px 0;
}

h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #872439;
}

h4 {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #434343;
}

img.cont_1 {
	float: left;
	padding: 0 10px 5px 0;
}

.icon img { margin:0 10px 0 0; float: left; }

img.left {
	float: left;
	margin: 5px 20px 0 0;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
}

/*=========top===========*/
#top {
	width: 910px;
	height: 46px;
	padding: 0 20px;
	display: table-cell;
	background: url(../images/top.png) top center repeat-x;
}

#top #ip {
	float: left;
	text-align: left;
	width: 400px;
	font: 10px "Trebuchet MS", Tahoma, Arial, helvetica, sans-serif;
	color: white;
	padding: 2px 0 0 0;
}

#top #date {
	float: right;
	text-align: right;
	width: 400px;
	font: 10px "Trebuchet MS", Tahoma, Arial, helvetica, sans-serif;
	color: white;
	padding: 2px 0 0 0;
}
/*========//top==========*/

/*=========header===========*/
#header {
	width: 950px;
	height: 170px;
}
#header #logo {
	float: left;
	width: 280px;
	height: 170px;
}
#header #flash {
	float: right;
	width: 670px;
	height: 170px;
}
/*========//header==========*/

/*=========header===========*/
#kajla {
	width: 950px;
	height: 39px;
}
#kajla #left {
	float: left;
	width: 270px;
	height: 30px;
	padding: 9px 0 0 10px;
	background: url(../images/kajla_left.png) top center repeat-x;
}
#kajla #left_cart {
	float: left;
	width: 245px;
	height: 27px;
	padding: 12px 0 0 35px;
	background: url(../images/kajla_cart.png) top center repeat-x;
}
#kajla #right {
	float: left;
	width: 450px;
	height: 30px;
	padding: 9px 0 0 10px;
	background: url(../images/kajla_right.png) top center repeat-x;
}
#kajla #search {
	float: left;
	width: 200px;
	height: 30px;
	padding: 9px 0 0 10px;
	background: url(../images/kajla_right.png) top center repeat-x;
	text-align: left;
}

#kajla #search form {
	padding: 0;
	margin: 0;
	text-align: left;
}

#kajla #search .search_box {
	padding: 2px 3px;
	margin: 0;
	height: 12px;
	width: 120px;
	background: #ffffff;
}
#kajla #search .search_button {
	padding: 2px 3px;
	margin: 0;
	height: 18px;
	width: 30px;
	background: #ffffff;
	font: 10px Tahoma, Arial, helvetica, sans-serif; 
}
/*========//header==========*/

/*=========wrap===========*/
#wrap {
	width: 950px;
	background: url(../images/wrap_bg.png) top center repeat-y;
}

#wrap #col_1 {
	float: left;
	width: 260px;
	padding: 10px;
	background: #ddd8d1;
}

#wrap #col_1 #naslov {
	width: 240px;
	padding: 9px;
	background: #FFFFCC;
	border: 1px #CCCCCC solid;
}

#wrap #col_2 {
	float: right;
	width: 650px;
	padding: 10px;
}

#col_2 p {
	text-align: justify;
	padding: 0 0 5px 0;
}
/*========//wrap==========*/

/*========content==========*/
#content {
	float: right;
	width: 600px;
	padding: 0 30px 0 20px;
	/*background: url(../images/img04.png) right top no-repeat;*/
}

.post {
	padding-bottom: 30px;
}

.post .title {
}

.post .title a {
	text-decoration: none;
	color: #37404C;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .entry {
}

.post .meta {
	height: 16px;
	margin: 0;
	padding: 10px;
	background: url(../images/img07.jpg) repeat-x left bottom;
	line-height: normal;
}

.post .meta .posted {
	display: block;
	float: left;
}

.post .meta .permalink {
	display: block;
	float: right;
	padding-left: 17px;
	background: url(../images/img09.gif) no-repeat left center;
}

.post .meta .comments {
	display: block;
	float: right;
	padding: 0 20px 0 30px;
	background: url(../images/img08.gif) no-repeat left center;
}

.knjiga {
	width: 600px;
}

.knjiga1 {
	float: left;
	width: 290px;
	padding: 0 10px 0 0;
}
.knjiga2 {
	float: right;
	width: 290px;
	padding: 0 0 0 10px;
}

.knjiga1 .polica,
.knjiga2 .polica {
	height: 210px;
}

.pod_knjigo {
	height: 20px;
}

.pod_knjigo .meta {
	height: 16px;
	margin: 0;
	padding: 10px;
	background: url(../images/img07.jpg) repeat-x left bottom;
	line-height: normal;
}

.pod_knjigo .meta .posted {
	display: block;
	float: left;
}

.pod_knjigo .meta .permalink {
	display: block;
	float: right;
	padding-left: 17px;
	background: url(../images/img09.gif) no-repeat left center;
}

.pod_knjigo .meta .comments {
	display: block;
	float: right;
	padding: 0 20px 0 30px;
	background: url(../images/img08.gif) no-repeat left center;
}

.avtor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}

.normal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}

.knjiga1 a img, .knjiga2 a img, .knjiga img {
	float: left;
	padding: 0 7px 5px 0;
	border: 0;
}


/*========//content==========*/

/*=========bottom===========*/
#bottom {
	width: 910px;
	height: 50px;
	padding: 30px 20px 0 20px;
	background: url(../images/bottom.png) top center repeat-x;
	text-align: center;
}
/*========//bottom==========*/

/* Drop down menu */

#col_1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 260px; /* Width of Menu Items */
	border-bottom: 1px solid #FFCC4E;
}

#col_1 ul li {
	position: relative;
	list-style: none;
}
	
#col_1 li ul {
	position: absolute;
	left: 259px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

/* Styles for Menu Items */
#col_1 ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	padding: 6px;
	border: 1px solid #FFFFDD;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #col_1 ul li { float: left; height: 1%; }
* html #col_1 ul li a { height: 1%; }
/* End */

#col_1 ul li a:hover { color: #E2144A; } /* Hover Styles */
		
#col_1 li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
#col_1 li:hover ul, #col_1 li.over ul { display: block; } /* The magic */

/* Switch gallery */
.galerija_siroko {
	width: 600px;
	padding: 0 0 10px 0; 
}

.main_picture_wrap {
	float: left;
	width: 500px;
}

.main_picture {
	width: 500px;
	/*height: 180px;*/
	margin-bottom: 10px;
	display: none;
	/*overflow: hidden;*/
	text-align: left;
}

div#gallery1 {
	display:block;
}

.main_picture img {
	padding: 4px;
	background: #ffffff;
	border: 1px silver solid;
}

.select_picture {
	float: right;
	width: 80px;
	padding: 0 10px 0 0;
}

	.select_picture ul#gallery_nav {
		width: 80px;
	}
	
	.select_picture ul#gallery_nav li {
		list-style: none;
		padding: 0 8px 5px 0;
		cursor: pointer;
	}
	
	.select_picture ul#gallery_nav li.active { cursor: default; }
	
	.galerija_siroko li img {
		padding: 1px;
		background: #ffffff;
		border: 1px silver solid;
	}

.select_picture img {
	background: #ffffff;
	padding: 1px;
}


/*=========pagine===========*/
.pagine {
	width: 600px;
	height: 15px;
	padding: 5px 0 10px 0;
	text-align: right;
}
/*========//pagine==========*/

/*=========cart===========*/
.cart {
	width: 600px;
	background: #ddd8d1;
	font: bold 11px/14px Tahoma, Arial, helvetica, sans-serif; 
	border-top: 1px solid #333333;
	padding: 0 0 7px 0;
}

.procent {
	width: 600px;
	background: #e8e4df;
	font: italic 11px/14px Tahoma, Arial, helvetica, sans-serif; 
	border-top: 1px solid #333333;
	padding: 0 0 2px 0;
}

.item {
	width: 600px;
	font: 11px/14px Tahoma, Arial, helvetica, sans-serif; 
	border-top: 1px solid #ddd8d1;
	padding: 0 0 5px 0;
}

.odlocitev {
	width: 600px;
	padding: 30px 0 5px 0;
}

.odlocitev .nazaj {
	float: left;
	color: #666666;
	border: 1px solid #C60001;
	padding: 2px 10px 3px 10px;
	background: #FDF3E3;
}

.odlocitev .naprej {
	float: right;
	color: #666666;
	border: 1px solid #C60001;
	padding: 2px 10px 3px 10px;
	background: #FDF3E3;
}

.cart_1 {
	float: left;
	width: 330px;
	padding: 10px 0 5px 10px;
	text-align: left;
}

.cart_2 {
	float: left;
	width: 50px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_3 {
	float: left;
	width: 100px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_4 {
	float: left;
	width: 60px;
	padding: 10px 0 5px 0;
	text-align: center;
}

.cart_5 {
	float: left;
	width: 50px;
	padding: 6px 0 5px 0;
	text-align: center;
}
/*========//cart==========*/

/*========form==========*/
#content fieldset {
	border: none;
}

#content ul.urejanje_ul {
	padding: 8px 0;
	margin: 0;
}

#content ul.urejanje_ul li.urejanje_li {
	list-style: none;
	padding: 3px 0;
	margin: 0;
	color: #666666;
}

#content ul.urejanje_ul li.textarea_li {
	list-style: none;
	padding: 3px 0;
	margin: 0;
	height: auto;
	color: #666666;
}

#content label {
	display: block;
	width: 52px;
	text-align: right;
	float: left;
	padding: 12px 8px 2px 0;
	color: #666666;
}

#content .text_field {
	width: 120px;
	font: 11px/14px 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	background: transparent;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#content .text_field_long {
	width: 240px;
	font: 11px/14px 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 1px 3px;
	color: #333333;
	background: transparent;
	border-bottom: 1px solid #999999;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

#content .checkbox {
	border: none;
}
/*========//form==========*/

/*========fotogalerija========*/
.foto_vsebina {
	float: left;
	text-align: center;
	font: 12px/17px Arial, Helvetica, sans-serif;
	color: #626262;
	width: 110px;
	height: 110px;
	margin: 0 10px 8px 0;
	overflow: hidden;
}
/*========//fotogalerija========*/