@charset "utf-8";
/* CSS Document */

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

body { 
	text-align: left; 
	font: 11px/14px 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #626262;
	padding: 0;
	margin: 0 auto;
	width: 800px;
	position: relative;
}

.clear { clear: both; height: 0; width: 0; line-height: 0; font-size: 0; }
img { border: none; }

div, h1, h2, h3, p, img, form { margin: 0; padding: 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;}

.top {
	width: 780px;
	padding: 10px;
	background: #E87D17;
	text-align: right; 
}

	.top p {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
	}
	
	.top p a:link, .top p a:visited, .top p a:active {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration: none;
	}
	
	.top p a:hover {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		text-decoration: underline;
	}

.banner {
	width: 800px;
	height: 190px;
	overflow: hidden;
}

.top_menu {
	width: 800px;
	height: 36px;
}

/* Navigacija */
.top_menu ul { padding: 0; margin: 0; height: 36px;  width: 800px; }

.top_menu li { float: left; list-style: none; }
.top_menu li a { display: block; }
.top_menu li#cart a { display: block;  padding: 13px 0 0 60px;  height: 23px !important; font-size: 12px !important; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; overflow: hidden;  }

.top_menu li#cart { width: 250px; height: 36px; background: url(../images/obzorja_02.png) top left no-repeat; }
.top_menu li#solskiprogram { width: 130px; height: 36px; background: url(../images/obzorja_03.png) top left no-repeat; }
.top_menu li#leposlovje { width: 95px; height: 36px; background: url(../images/obzorja_04.png) top left no-repeat; }
.top_menu li#prirocniki { width: 142px; height: 36px; background: url(../images/obzorja_05.png) top left no-repeat; }
.top_menu li#slovarji { width: 87px; height: 36px; background: url(../images/obzorja_06.png) top left no-repeat; }
.top_menu li#zalozba { width: 96px; height: 36px; background: url(../images/obzorja_07.png) top left no-repeat; }

.top_menu li#solskiprogram a:hover { background: url(../images/obzorja_o_03.png) top left no-repeat; }
.top_menu li#leposlovje a:hover { background: url(../images/obzorja_o_04.png) top left no-repeat; }
.top_menu li#prirocniki a:hover { background: url(../images/obzorja_o_05.png) top left no-repeat; }
.top_menu li#slovarji a:hover { background: url(../images/obzorja_o_06.png) top left no-repeat; }
.top_menu li#zalozba a:hover { background: url(../images/obzorja_o_07.png) top left no-repeat; }


.top_menu ul ul {
	display: none;
	position: absolute;
	background: #FFF;
	width: 160px;
	height: auto;
	padding: 4px;
	border: 1px solid silver;
}

.top_menu li:hover ul,
.top_menu li.iehover ul {
	display: block;
}

.top_menu ul ul li {
	float: none;
	margin: 0 0 1px 0;
}

.top_menu ul ul li a {
	display: block;
	padding: 6px 5px 6px 5px;
	font: 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	width: 150px;
	background: #f4f4f4;
	background-image: none;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
}

* html .top_menu ul ul li a { /* IE 6 bug fix */
	height: 15px;
}

.top_menu ul ul li a:hover {
	background: #e4e4e4 !important;
	background-image: none !important;
	text-decoration: none;
}


.wrap {
	width: 800px;
	background: #FFFFFF;
}

.left {
	float: left;
	width: 220px;
	padding: 10px 0 10px 16px;
}

.otok_head {
	width: 200px;
	height: 16px;
	padding: 7px 10px 1px 10px;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	/*text-transform: uppercase;*/
	background: url(../images/otok_bg.png) top left no-repeat;
}

.otok_body {
	width: 200px;
	background: url(../images/otok_bg.png) bottom left no-repeat;
	padding: 4px 10px 8px 10px;
	margin: 0 0 10px 0;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
}

	.otok_body .novicka {
		display: block;
	}
	
		.otok_body .novicka a p.novicka_datum,
		.wrapper .novica a p.novicka_datum {
			float: left;
			width: 60px;
			padding: 3px 0 2px 0;
			display: block;
			font: 9px/13px Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		
		.otok_body .novicka a:hover p.novicka_datum,
		.wrapper .novica a:hover p.novicka_datum {
			padding: 3px 0 2px 0;
			display: block;
			color: #FF6600;
			text-decoration: none;
		}
		
		.otok_body .novicka a p.novicka_naslov,
		.wrapper .novica a p.novicka_naslov {
			float: right;
			padding: 2px 0 2px 0;
			display: block;
			font: bold 11px/13px Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		
			.otok_body .novicka a p.novicka_naslov {
				width: 140px;
			}
			
			.wrapper .novica a p.novicka_naslov {
				width: 475px;
			}
		
		.otok_body .novicka a:hover p.novicka_naslov,
		.wrapper .novica a:hover p.novicka_naslov {
			padding: 2px 0 2px 0;
			display: block;
			color: #FF6600;
			text-decoration: none;
		}
	
	.otok_body .menu p a {
		padding: 2px 15px;
		display: block;
		background: url(../images/arrows_01.gif) 4px 8px no-repeat;
	}
	
	.otok_body .menu p a:hover {
		padding: 2px 0px 2px 15px;
		display: block;
		color:#FF6600;
		background: #e4e4e4 url(../images/arrows_02.gif) 4px 8px no-repeat;
	}
	
	.otok_body .menu .podmenu {
		padding: 0 0 0 12px;
	}
	
	.otok_body form label {
		display: block;
		width: 85px;
		text-align: right;
		float: left;
		padding: 5px 5px 4px 0;
		font: 10px/13px Arial, Helvetica, sans-serif;*/
	}
	
	.otok_body form .text_field{
		width: 100px;
		border: 1px solid #999999;
	}
	
	.otok_body form .submit_button {
		border: 1px solid #EEEEEE;
		background: #e57b18;
		color: #FFFFFF;
		font: 11px/15px 'Arial', Helvetica, sans-serif;
		padding: 2px 5px;
	}
	
	.otok_body a {
		color: #626262;
		text-decoration: none;
	}

.wrapper {
	float: right;
	width: 535px;
	padding: 10px 15px 10px 0;
}

.wrapper h1 {
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	color: #e87b14;
	margin: 0 0 10px 0;
}

.wrapper h2 {
	font: bold 13px/19px Verdana, Arial, Helvetica, sans-serif;
	color: #e87b14;
	margin: 0 0 5px 0;
}

.wrapper p {
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
}

.wrapper p.datum {
	font: italic 10px/16px Arial, Helvetica, sans-serif;
	color: #626262;
	margin: -5px 0 10px 0;
}

.wrapper .novica {
	width: 535px;
	padding: 0 0 10px 0;
}

.wrapper .novica .knjiga {
	float: left;
	width: 200px;
	padding: 0 15px 10px 0;
}

	.wrapper .novica .knjiga img {
		padding: 0;
	}
	
	.wrapper .novica .knjiga .thumbs {
		float: left;
		padding: 10px 5px;
		width: 40px;
	}

.wrapper .novica .podrobnosti {
	float: right;
	width: 320px;
	padding: 0 0 10px 0;
}

.wrapper .novica img {
	float: left;
	padding: 0 10px 3px 0;
}

.wrapper a {
	font: 10px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #626262;
	text-decoration: none;
}
		

	.wrapper .book_1 {
		float: left;
		width: 257px;
		min-height: 140px;
		padding: 0 10px 15px 0;
		border-top: 1px dotted silver;
	}
	
	.wrapper .book_2 {
		float: right;
		width: 257px;
		min-height: 140px;
		padding: 0 0 15px 9px;
		border-top: 1px dotted silver;
		border-left: 1px dotted silver;
	}
	
		.book_1 img, .book_2 img {
			float: left;
			padding: 0 10px 5px 0;
		}
		
	.wrapper .priprava {
		float: left;
		width: 257px;
		height: 20px;
		padding: 4px 0 0 10px;
		background: url(../images/otok_h.png) top left repeat-x;
		font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		margin: 10px 0 0 0;
	}
	
	.wrapper .novice {
		float: right;
		width: 257px;
		height: 20px;
		padding: 4px 0 0 10px;
		background: url(../images/otok_h.png) top left repeat-x;
		font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		margin: 10px 0 0 0;
	}

.footer {
	width: 800px;
	padding: 10px 0;
	text-align: center;
}

	.footer p {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
	}
	
	.footer p a:link, .footer p a:visited, .footer p a:active {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.footer p a:hover {
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-decoration: underline;
	}

/********* ************************/
.kosarica {
	display: block;
	border-bottom: 1px solid silver;
}

.basket_check {
	float: left;
	width: 20px;
	padding: 10px 0;
}


.basket_naslov {
	float: left;
	width: 260px;
	padding: 10px 0;
}

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

.basket_klubskacena {
	float: left;
	width: 50px;
	padding: 10px 0;
	text-align: center;
	color: #e87b14;
	font-weight: bold;
}

.basket_ddv {
	float: left;
	width: 40px;
	padding: 10px 0;
	text-align: center;
}

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

.basket_refresh {
	float: left;
	width: 40px;
	padding: 10px 0;
	text-align: center;
}

form .button_refresh {
	background: #fafafa url(../images/refresh.png) top left no-repeat;
	width: 22px;
	height: 22px;
	border: 0;
	padding: 0;
	cursor: pointer;
}

.kolicina_text {
	width: 20px;
	height: 14px;
	text-align: right;
	margin: 0;
	padding: 3px 3px 0 3px;
	border: 1px solid #D3D3D3;
	font: 10px/10px 'Tahoma', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
}

a.vec { color:#FF6600; font: bold 11px Arial, Helvetica, sans-serif; }



/********* form tag styles *********/
.wrapper form {
	margin:0; padding: 10px;
	border: 1px solid #ddd; 
	background-color: #eee; 
}
.wrapper label {
	font-weight : bold;
	float: left;
	width: 15em;
	height: 2em;
	line-height: 2em;
	padding: 2 0 2 0;
}
.wrapper input {
	padding: 2px;
	border:1px solid #bbb;
	color:#777;
	text-align: left; 
}
.wrapper textarea {
	width:95%;
	padding:2px;
	border:1px solid #eee;
	height:150px;
	display:block;
	color:#777;
}
.wrapper input.submit_button { 
	border: 1px solid #EEEEEE;
	background: #e57b18;
	color: #FFFFFF;
	font: 11px/15px 'Arial', Helvetica, sans-serif;
	padding: 2px 5px;
	cursor: pointer;
}