body, html{
	font-family:Calibri, Verdana, Arial;
	background:#000 url('img/bg_pg.png') repeat-x;
	color:#EEE;
	text-align:center;
	margin:0;padding:0;
	font-size:99%;
}

body{
	background:url('img/bg.jpg') center top no-repeat;
	font-size:80%;
}

#obal{
	width:960px;
	margin:auto;
	text-align:left;
}

#hlavicka{
	background:#555555 url("img/logo_bg.jpg") no-repeat;
	height:100px; position:relative;
	width:100%; display:block;
}

#logo{
	position:absolute;
	width:195px;
	height:100px;
}

#top a{text-decoration:none;}

#meny{
	padding-bottom:10px;
	position:absolute; width:750px;
	top:72px; left:210px;
}

ul#menu{
	height:26px;
	width:100%;
	margin:0; padding:0;
	list-style:none;
	text-align:left;
}

#menu li{
	margin:0;
	padding:0 10px;
	line-height:26px;
	display:inline;
	font-weight:bold;
}

#menu a{
	color:#FFFFFF; text-decoration:underline;
	display:block; float:left;
	padding:0 10px;
}

#menu a:hover{color:#FF9933; background:#000;}
#menu strong a{color:#000000; background:#FF9D0A;}
#menu strong a:hover{color:#FFF;}

li.nakup_kosik{
	float:right;
/*	background:url("img/menu_kosik.png") top left no-repeat; */
	padding-left:25px !important;
	border:0 !important;
}

.nakup_kosik div{
	font-weight:normal;
	font-size:90%; padding-top:3px;
	line-height:1em;
}

img{border:0;}

.center{text-align:center;}

a:link{color:#F00;}
a:hover{color:#F93;}
a:visited{color:#FF0000;}

.stranka_obal{
	padding:10px 10px 15px 10px;
	min-height:290px;
}

#bg_page{
	background:#303030 url("img/bg_page.jpg") top right no-repeat;
	width:958px;
}

.stranka{padding:0px; float:right; width:100%;}

input.kratky_input{	width:50px !important;}

input.dlouhy{width:250px;}

input.pov{background:white url('img/povinne.png') right bottom no-repeat; padding-right:50px;}

.kos{width:100%;}
.kos th, .kos tr.posledni td{	background: #000; padding:2px 5px;font-weight:bold;}
.kos td{border-bottom:1px solid #000;}
.kos input{text-align:center;}

.no_border td{border:0;}
td.boldborder{border-bottom:2px solid #000;}

.w4{width:40%;}
.w1{width:5%;}
.w50{width:50%;}
.w100{width:100%;}
.w70{width:70%;}
.w70px{width:400px;}
.w3{width:30%;}
.nowrap{white-space:nowrap}

img{border:0;}

table#objed{width:100%;}
#objed td, .objed td{vertical-align:top; padding:5px 5px;}
table.objed{width:100%;}
.objed tbody{width:100%;} 
.objed input[type=text], .objed input[type=password] { width: 70%; }

.objed .brdln td{
	border-top:1px solid #000;
}

h3 input{
	vertical-align:middle;
	margin-top:-1px;
}

#lbok{	float:left;}

#pbok{float:right;}

.btn, .btn2{
	color:#FFFFFF !important;
	display:block;
	float:left;
	margin:2px 4px 2px 0;
	padding:3px 7px;
}

.btn2{
	float:right;
}

a.btn, a.btn2{	text-decoration:none;}

a.btn:hover, a.btn2{color:#000;}

.btn img, .btn2 img{	vertical-align:bottom;}

.bgred{background:#FF0000;}
.bggreen{background:#228300;}
.bgsilver{background:#848484;}
.bgorange{background:#FF9000;}
.bgblue{background:#0071b8;}
.bgbrown{background:#674b00;}
.bgblack{background:#000000;}

.mensifont{font-size:95%;}
.big{font-size:180%; font-weight:bold;}
.no-border{border:none;}
input.no-border:hover{color:#FFFFFF; cursor:pointer;}

#kategorie{	
	float:left; margin-top:1px;
	width:198px; background: url("img/menu_bg.jpg");
	padding-top:6px;
}

#kategorie h3{
	color:#FFF;
	margin:0 0 1px 0; padding:0 0 0 8px;
	line-height:30px;
	height:30px;
	background: url('img/menu.png') left center;
}

#kategorie .ram{padding:5px;}

.ram ul, .ram li{
	margin:0; padding:0;
}

.ram ul{
	margin:0 20px;
}

#kategorie .konec_menu{background:url("img/menu_konec.png") bottom no-repeat;}

.ram form{padding:5px;}

.kat-menu-active > a:first-child{color:#FF9933 !important;}

#foot, .clear{clear:both;}

.strankovani{
	text-align:right; clear:both; padding:5px 0; width:100%; margin-top:5px;
	background:#000; border:1px solid #000;
}
.strankovani .btn{padding:5px 10px; font-weight:bold; display:inline; float:none;}

.tright{text-align:right;}
.tcenter{text-align:center;}

h2, h3{	margin:0;}
h2 a {color:#FF0000;}
h2 a:hover{color:#FFF;}

h2{ padding:2px 0px; margin:4px 0 0 0; color:#FF9933;}

h3 a {color:#F90000; text-decoration:underline;}
h3 a:hover{color:#FFF;}

.obj h3{ padding:0px 0px; margin:0 0 2px 0;}
.obj .obrazek img, .pr_img img{border:1px solid white;}

.obj .obrazek, .pr_img {float:left;}
.obj {border:1px solid #444; padding:5px; margin:1px;}

.hlpage{
	float:left;
	width:50%;
}

.cara{border-top:1px solid #000;}

.perex p, .popis p{margin:0; padding:2px 5px;}
.perex {clear:both;}
.dalsi_obal{width:100%;}

.cena{	
 float:left;
	padding:0px 0 5px 5px;
}

.cena img{
	margin-right:5px; vertical-align:bottom;
}

.puvod{ text-decoration:line-through;}

#foot{
	text-align:center; margin:5px;
	font-size:80%;
}

.error{color:#FFF; border:1px solid #F00; background:#000; padding:20px;}

#newsletter_tab{background:#212121; padding:5px 10px;}
#newsletter{border:0;}
#newsletter td{vertical-align:top; padding-left:15px;}
#input_newsletter{background:url("./img/newsletter.png") no-repeat; padding-left:80px !important; height:60px;}

.gallery{ padding:5px; text-align:center;}
.gallery img{ margin:5px; border:1px solid #ededed; padding:3px;}

.os_img{
	float:left;
	margin-right:10px;
	margin-bottom:1px;
}

#news, #order_login, #reg_obj{
	margin-bottom:5px;
	background:#212121;
	padding:5px 10px; 
	/* z-index: 0 !important; z-index: -1; */
}

#order_login{}

#order_login span{cursor:pointer; color:red;}

#order_login_form{display:none;}

#news h2{margin:0; padding:0; background:none;}

.news_obj{

}

.sort{
	text-align:right;
	padding:2px 5px;
}


/*             styles for the star rater                */	
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 125px;
	height: 25px;
	position: relative;
	overflow:hidden;
	background: url(img/alt_star.png) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	width:25px;
	height:25px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:25px;
	height: 25px;
	line-height:25px;		
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	overflow:hidden;
}
.star-rating li a:hover{
	background: url(img/alt_star.png) left bottom;
	z-index: 2;
	left: 0px;
	border:none;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:25px;
}
.star-rating a.two-stars{
	left:25px;
}
.star-rating a.two-stars:hover{
	width: 50px;
}
.star-rating a.three-stars{
	left: 50px;
}
.star-rating a.three-stars:hover{
	width: 75px;
}
.star-rating a.four-stars{
	left: 75px;
}	
.star-rating a.four-stars:hover{
	width: 100px;
}
.star-rating a.five-stars{
	left: 100px;
}
.star-rating a.five-stars:hover{
	width: 125px;
}
.star-rating li.current-rating{
	background: url(img/alt_star.png) left center;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

/* remove halo effect in firefox   */
a:active{
	outline: none;
}