/************************

ORANGE: 	#FD9322;
GREY TEXT:	#525252;
 

************************/

body {
	margin:0;
	padding:0;
	background:#E8E8E8;
}
.clear {clear:both;}
* {margin:0;padding:0;}
.spacer {height:200px;}

a#pdf_preview {background:#000; padding:3px; display:block; color:#FD9322; text-decoration:none;	font:bold 11px "trebuchet ms", Arial, Helvetica; margin:15px 0;}

/*
	HEADER
*************************************/
#header {
background:#000;
width:100%;
}
	#header_wrap {
	margin:0 auto;
	width:975px;
	background: transparent url(http://mettis-bukvarna.si/images/slike/header_bg.gif) 246px 30px no-repeat;
	}
	#header_wrap img {
		float:left;
		display:block;
		margin-right:416px;
		margin-left:10px;
	}
	#header_wrap h1 {
	position:absolute;
	left:-3000px;
	margin:0;
	padding:0;
	}
	.contact {
	float:left;
	padding:20px 10px;
	border-left:solid 1px #343434;
	}
	.contact h3 {
	color:#FD9322;
	font:bold 11px "trebuchet ms", Arial, Helvetica;
	}
	.contact p {
	color:#DFDFDF;
	font:normal 11px "trebuchet ms", Arial, Helvetica;
	}
	.contact strong {color:#FD9322;}
	.contact a {
	color:#DFDFDF;
	font:normal 11px "trebuchet ms", Arial, Helvetica;
	text-decoration:underline;
	}

/*
	CONTENT HOLDER
*************************************/
#content_wrap {
	background:#FD9322;
	width:100%;
}
#content {
	margin:0 auto;
	width:975px;
	background:#fff;
	border-left:solid 2px #E4851F;
	border-right:solid 2px #E4851F;
	position:relative;
}

/**********************	COL 1 */

#col_1 {
	width:200px;
	float:left;
	min-height:220px;
	height:auto !important;
	height:220px;
	position:relative;
}
#col_1 ul {
	list-style:none;
	margin:20px 0 0 20px;
	width:180px;
}
#col_1 ul li {
	background:transparent url(http://mettis-bukvarna.si/images/slike/nav_divider.gif) bottom center no-repeat;
}
#col_1 ul li a {
	padding:8px 0 8px 40px;
	width:140px;
	color:#525252;
	display:block;
	font:normal 14px "trebuchet ms", arial, sans-serif;
	text-decoration:none;
}
#col_1 ul li a:hover {
	background:transparent url(http://mettis-bukvarna.si/images/slike/nav_hover.gif) 15px center no-repeat;
	color:#FD9322;
}
#trim {
	position:absolute;
	bottom:-260px;
	left:-56px;
}

.akcija_gumb { background:#000; color:#FD9322; padding:8px 3px; display:block; text-align:center; font: normal 14px "trebuchet ms", arial, sans-serif; margin:10px; border:dashed 1px #FD9322; text-decoration:none;  }

/**********************	COL 2 */

#col_2 {
	width:560px;
	float:left;
	padding-top:30px;
}
#col_2 h1 {
	color:#FD9322;
	font:normal 18px "trebuchet ms", arial, sans-serif;
}


	/**********************	book positioning */
	#book {
		float:left;
		width:250px;
		padding:55px 30px 20px 0;
		text-align:right;
	}
	#book_description {
		/*float:left;
		width:265px;*/
		padding-right:15px;
	}
	.book_detail {padding-right:15px;}
	
	#book_description_inner {float:left;}
	#book_description h2, .book_detail h2, .static_pages h2{
	font:normal 18px "trebuchet ms", arial, sans-serif;
	color:#FD9322;
	background:transparent url(http://mettis-bukvarna.si/images/slike/nav_divider.gif) 270px bottom no-repeat;
	padding:0 0 12px 0;
	margin:0 0 12px 0;
	}
	#book_description h3, .book_detail h3, .static_pages h3{
	font:normal 24px "trebuchet ms", arial, sans-serif;
	color:#FD9322;
	padding:0 0 5px 0;
	}
	#book_description p, .book_detail p, .static_pages p, .pokazi_obrazec p {
		color:#525252;
		font:normal 13px/18px "trebuchet ms", arial, sans-serif;
		margin:0 0 15px 0;
	}
	#book_description ul, .static_pages ul {
		margin:0 0 15px 20px;

	}
	#book_description ul li, .static_pages ul li {
		color:#525252;
		font:normal 13px/18px "trebuchet ms", arial, sans-serif;

	}
	#book_description a {
		color:#FD8D16;
		text-decoration:none;
        }
	#book_description p a.book_more, .book_row_text a.book_more {
		background:transparent url(http://mettis-bukvarna.si/images/slike/nav_hover.gif) center right no-repeat;
		padding-right:20px;
		color:#FD8D16;
		text-decoration:none;
	}
.static_pages {padding-right:15px;}
.static_pages a {color:#FD9322; text-decoration:none;}
.static_pages h1 {padding:0 0 15px 0;}
	
/**********************	book list */
#col_2 h1 {
	color:#FD9322;
	font:normal 18px "trebuchet ms", arial, sans-serif;
	padding:0 0 15px 145px;
}
#col_2 h2 {
	color:#FD9322;
	font:normal 24px "trebuchet ms", arial, sans-serif;
}
.book_row {
	padding:15px 0;
	background:transparent url(http://mettis-bukvarna.si/images/slike/nav_divider.gif) 130px top no-repeat;
}
.book_row_tb {
	float:left;
	width:145px;
	
}
.book_row_tb img {
	display:block;
	margin:0 auto;
}
.book_row_text {
	float:left;
	width:400px;
	}
.book_row_text {
	color:#525252;
	font:normal 12px/18px "trebuchet ms", arial, sans-serif;
	margin:0 0 15px 0;
	padding:0 15px 0 0;
}

#registration {
background: #E8E8E8 url(http://mettis-bukvarna.si/images/slike/box.jpg) bottom left no-repeat;
padding-bottom: 20px;
width:544px;
margin-top:25px;
position:absolute;
bottom:0;
}
#registration .top {
height: 8px;
background: url(http://mettis-bukvarna.si/images/slike/box.jpg) no-repeat left top;
color: #fff;
}
#registration p {
background: #E8E8E8;
font:normal 13px "trebuchet ms", arial, sans-serif;
color:#525252;
}
#registration h3 {
	font:normal 18px "trebuchet ms", arial, sans-serif;
	color:#FD9322;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	background:transparent url(http://mettis-bukvarna.si/images/slike/box_divider.jpg) bottom left no-repeat;	
}
#registration label {
	float:left;
	font:normal 13px "trebuchet ms", arial, sans-serif;
	color:#525252;	
	margin:0 0 7px 0;
}
#registration .input {
	float:right;
	font:normal 12px "trebuchet ms", arial, sans-serif;
	color:#525252;
	background:#E8E8E8;
	border:solid 1px #C9C9C9;
	padding:2px;
	margin:0 0 7px 0;	
}
.box_1{
	float:left;
	padding:10px 20px 0 20px;
	width:230px;
	background:#E8E8E8;
}
.box_2{
	float:left;
	padding:10px 20px 20px 20px;
	width:233px;
	background:#E8E8E8;	
	border-left:solid 1px #C9C9C9;
}
.gumb_naprej {float:right;}


.pokazi_obrazec fieldset {
      padding:15px;border:none; background:#E8E8E8; border:solid 1px #CCC; margin:15px 15px 15px 0;
}
.pokazi_obrazec h3, .pokazi_obrazec h3 a {	color:#FD9322;	font:bold 14px "trebuchet ms", Arial, Helvetica;}

.pokazi_obrazec fieldset ol {
       list-style:none;
	font:normal 12px "trebuchet ms", arial, sans-serif;
	color:#525252;
}
.pokazi_obrazec ol li {clear:both;line-height:30px;}
.pokazi_obrazec ol label {width:150px; float:left;}
.pokazi_obrazec ol input.text {float:left; width:300px;border:solid 1px #ccc; background:#fff; padding:2px;}

/**********************	COL 3 */



#col_3 {
	width:200px;
	float:left;
}

/* Iskalnik ***********/
.search {
	background:transparent url(http://mettis-bukvarna.si/images/slike/search_box.jpg) top left no-repeat;
	width:169px;
	height:81px;
	margin-top:30px; 
	margin-bottom:10px;
	color:#fff;
	text-transform:uppercase;
	font:normal 15px "trebuchet ms", arial, sans-serif;
	padding:15px;
}
.search_text {width:100%; border:solid 1px #fff; background:#FD9322; color:#fff; font:normal 12px "trebuchet ms", arial, sans-serif; padding:2px; margin-bottom:8px;}
.search_button {float:right;}

.registracija {font:normal 13px "trebuchet ms", arial, sans-serif;color:#525252; margin:15px;}
.registracija fieldset {background:#E8E8E8; border:none; padding:15px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.registracija  label {float:left; width:150px;}
.registracija input {border:solid 1px #C9C9C9; padding:2px; font:normal 12px "trebuchet ms", arial, sans-serif;color:#525252; }
/*
	FOOTER
*************************************/
#footer {
	margin:0 auto;
	width:979px;
	background:transparent url(http://mettis-bukvarna.si/images/slike/footer.jpg) top left no-repeat;
	height:56px;
	margin-top:-5px;
	text-align:center;
}
#footer p {
	padding-top:50px;
	color:#939292;
	font:normal 12px/15px "trebuchet ms", arial, sans-serif;
}
#footer p a {
	color:#939292;
	padding:0 15px;
	text-decoration:none;	
}