@import url("common.css");
@import url("layout.css");
body{
	background: #000 url(../graph/body-bg.jpg) top center no-repeat;
	font-family: Arial, Verdana,Helvetica, sans-serif;
	color:#B78C11;
	font-size:90%;
}

a{
	color:#efca00;
}

#container h1, #container h2.podklad{
	background:url(../graph/container-h1-bg.png) top left no-repeat;
	font-style:italic;
	color:#B78C11;
	padding:22px 0px 10px 35px;
	margin:10px 0px 5px;
}

#container li h2, #container li h3{
	margin:0px 0px 10px 0px;
}

#container li{
	margin:0px 30px 20px 22px;
	line-height:140%
}

#container p{
	line-height:130%;
	margin:0px 0px 10px;
}

#zahlavi{
	height:300px;
}

#obsah{
	background: url(../graph/obsah-bg.png) top center no-repeat;
}

#stred{
}

#levy p{ line-height:130%;}

#levy h3{
	background:url(../graph/container-h1-bg.png) top left no-repeat;
	font-style:italic;
	color:#B78C11;
	padding:22px 0px 10px 35px;
	margin:10px 0px 5px
}

#pravy{
}

#pagehistory{
	margin:20px;
}

#pagehistory a{
	color:#fff;
}

#zapati{
	background:#000 url(../graph/zapati-bg.jpg) bottom center no-repeat;
	height:159px;
	margin:0px;
	border-top:1px solid #B78C11;
}

#zapati p{
	margin:20px;
	padding-top:20px;
	line-height:130%;
}

#mainmenu{
	position:absolute;
	top:127px;
	left:323px;
	list-style:none;
	display:block;
	width:314px;
	height:157px;
	background:url(../graph/mainmenu.jpg) top left no-repeat;
	padding:0px 13px;
}

#mainmenu li{
	float:left;
	width:142px;
	height:33px;
	padding:0px;
	margin:2px 1px 1px;
	text-align:center;
}

#mainmenu li a{
	background: url(../graph/mainmenu-li-a.png) top left;
	display:block;
	width:142px;
	height:23px;
	padding:10px 0px 0px;
	text-decoration:none;
	color:#EFCA00;
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	cursor:pointer;
}

#mainmenu li a:hover{
	background: url(../graph/mainmenu-li-a-hover.png) top left;
}

#shop-menu{
	margin-left:20px;
}

#shop-menu a{
	color:#FC3;
}

ul#w3mshop-categories, ul#w3mshop-categories ul{
	padding-left:10px;
	list-style:none;
	margin-left:0px;
}

ul#w3mshop-categories li{
	line-height:130%;
}

/* --------------------------------------------------------------------------------
								PRODUKTOVE MENU
 ----------------------------------------------------------------------------------*/

/* --------------------------------------------------------------------------------
								STRANKOVANI
 ----------------------------------------------------------------------------------*/
.strankovani{
	height:1.5em;
	padding:2px;
	margin:10px 0px;
	text-align:right;
	width:700px;
}
 
.strankovani a.navig, .strankovani strong{
 	padding:1px 4px;
	font-size:80%;
	border:none;
	background-color:#000;
	text-decoration:none;
	color:#B78C11;
	height:1em;
	font-weight:bold;
}

.strankovani a.r-sipky, .strankovani span.r-sipky{
	margin-left:10px;
	font-size:100%;
}

.strankovani a.l-sipky, .strankovani span.l-sipky{
	margin-right:10px;
	font-size:100%;
}

.strankovani strong{
	padding:1px 4px;
	font-size:90%;
	border:1px solid #B78C11;
	background-color:#B78C11;
	text-decoration:none;
	color:#000;
}

.strankovani span{
	color:#B78C11;
	font-size:90%;
	font-weight:bold;
}

.cisla{
	float:left;
	margin-top:0px;
	width:390px;
}

.NavigationSelect{
	margin-left:400px;
}

.NavigationSelect legend{
	display:none;
}

.NavigationSelect select{
	border:1px solid #000;
	color:#000;
	width:4em;
	text-align:right;
}

.NavigationSelect label{
	color:#B78C11;
	width:100px;
	font-size:100%;
}

.invisible{
	visibility:hidden;
}

/*-----------------------------------------------------------
				KATALOG PRODUKTU
-------------------------------------------------------------*/
.box-item{
	text-align:center;
	width:200px;
	float:left;
	margin:10px;
}

.box-item h2{
	background:#A57E0F url(../graph/box-item-h2-bg.jpg) top left repeat-y;
	margin:5px 7px 0px 3px;
	padding:5px;
	color:#000;
	font-size:12px;
}

.box-item h2 a{
	color:#000;
}

.box-item h2 a:hover{
	color:#fff;
}

.box-item table.thumb{
	margin:0px 0px 0px 3px;
}

.box-item table.thumb td{
	width:198px;
	height:198px;
	text-align:center;
	vertical-align:middle;
	background:url(../graph/box-item-bg.jpg) no-repeat;
}

.box-item fieldset{
	background:#A57E0F url(../graph/box-item-h2-bg.jpg) top left repeat-y;
	margin:3px 3px 0px 9px;
	padding:5px 10px;
}

.box-item fieldset a{
	color:#000;
}

.filtry-vlevo{
	margin:10px 5px 20px 23px;
}

.filtry-vlevo label{
	float:left;
	width:80px;
	margin-bottom:5px;
	color:#efca00;
}

.filtry-vlevo select{
	width:90px;
	border:1px solid #efca00;
	margin-bottom:5px;
}

.filtry-vlevo input.submit{
	background:#efca00;
	border:1px solid #efca00;
	color:#000;
	font-weight:bold;
	width:170px;
}

input.to-cart{
	display:block;
	width:37px;
	height:31px;
	padding:2px 5px;
	background:url(../graph/box-item-cart.gif) top left no-repeat;
	border:none;
	cursor:pointer;
	float:right;
}

.box-item p.cena{
	color:#000;
	font-weight:bold;
	font-size:130%;
	padding:5px 0px 0px;
	margin:0px 30px 0px;
}

.box-item a.display-detail{
	font-size:10px;
}
/*-----------------------------------------------------------
				DETAIL PRODUKTU
-------------------------------------------------------------*/
#detail h2{
	font-style:italic;
	color:#B78C11;
	padding:22px 0px 10px 35px;
	margin:10px 0px 5px
}

#detail #data{
	float:right;
	width:510px;
	margin:0px 0px 0px 10px;
}

.popis-vyrobku{
	margin:5px 10px 10px 0px;
}

.desc{
	line-height:130%;
	margin:10px 20px 15px 0px;
}

#detail table{
	margin:0px 20px 0px 0px;
	border:1px solid #a57e0f;
	width:300px;
}

#detail th, #detail td{
	padding:5px 10px;
	font-weight:normal;
	border-bottom:1px solid #a57e0f;
}

#detail tr.lichy{
	background:#141414;
}

#detail tr.sudy{
	background:#222;
}

.popis-vyrobku #mainphoto{
	padding:0px;
	background: url(../graph/box-item-bg.jpg) bottom right no-repeat;
	margin:0px 10px 10px 20px;
	width:189px;
	height:189px;
}

#detail form{
	width:199px;
	margin:0px 0px 10px 10px;
	padding:0px;
	background: url(../graph/detail-fieldset-bg.jpg) top right repeat-y;
}

#detail form fieldset{
	margin:-5px 5px 5px;
	padding:5px 0px 5px 20px;
	color:#000;
}

#detail form fieldset input{
	width:3em;
	border:1px solid #000;
}

#detail form fieldset input.to-cart{
	width:37px;
	float:right;
	border:none;
	margin-top:-5px;
}

#detail form.cena p{
	font-weight:bold;
	font-size:130%;
}

#detail p.back{
	margin-left:20px;
}
/*------------------------------------------------------------
				POSTUP NAKUPU
-------------------------------------------------------------*/
#postup{
	border:2px solid #a57e0f;
	width:729px;
	padding:1px;
	margin:0px 0px 30px;
}

.steps{
	float:left;
	width:243px;
	height:60px;
	display:block;
}

.steps p{
	text-align:center;
	padding:20px 0px;
	background:#000;
}

.steps a{
	display: block;
	text-align:center;
	padding:22px 0px 23px;
	background:#000;
	color:#000;
}

.steps a.aktivni{
	background: url(../graph/steps-bg.jpg) right center no-repeat;
	font-weight:bold;
	color:#fff;
}

.steps a.posledni{
	background: url(../graph/steps-bg-last.jpg) right center no-repeat;
	font-weight:bold;
}

#w3shop-order fieldset, #Registration fieldset{
	margin:5px 10px 15px 0px;
}

#w3shop-order legend, #Registration legend{
	padding:0px 0px 10px 10px;
	font-weight:bold;
}

#w3shop-order label{
	float:left;
	width:10em;
	margin:0px 0px 5px 10px;
}

#w3shop-order label.dlouhy, #Registration label.dlouhy{
	width:12em;
}

#w3shop-order input, #w3shop-order select, #Registration input, #Registration select{
	margin-bottom:5px;
	border:2px solid #a57e0f;
}

span.required-mark, span.formgen-required-mark{
	float:left;
	width:0px;
}

/*-----------------------------------------------------------
				REGISTRACE
-------------------------------------------------------------*/
#Registration label{
	float:left;
	width:10em;
	margin:0px 5px 5px 10px;
}

/*-----------------------------------------------------------
				LOGIN
-------------------------------------------------------------*/
#logform{
	font-size:80%;
	line-height:120%;
	margin:0px;
	width:250px;
}

#logform fieldset{
	padding:5px 10px 10px 50px;
	width:200px;
	background: url(../graph/userinfo-bg.jpg) right bottom no-repeat;
}

#logform label{
	float:left;
	width:4em;
	margin:0px 5px 5px;
	padding:2px 0px 0px;
}

#logform input{
	display:block;
	margin-bottom:5px;
	border:1px solid #a57e0f;
	background-color:#000;
	color:#efac00;
	width:103px;
}

#logform input#log{
	background:url(../graph/log-send-bg.jpg) center center no-repeat;
	height:23px;
	margin-bottom:10px;
}

a#forgot-pass{
	float:right;
}
/*-----------------------------------------------------------
				USER INFO
-------------------------------------------------------------*/
#user-info{
	background:url(../graph/userinfo-bg.png) right bottom no-repeat;
	width:250px;
	padding:10px 28px 23px 10px;
	position:absolute;
	top:0px;
	left:0px;
	color:#EFCA00;
	line-height:130%;
	text-align:right;
	color:#BEA664;
}

/*-----------------------------------------------------------
				OBSAH KOSIKU V INDEXU
-------------------------------------------------------------*/
#cart-info{
	background:url(../graph/cart-info-bg.png) left bottom no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	width:250px;
	line-height:130%;
	padding:10px 15px 23px 30px;
	color:#BEA664;
}

#cart-info-extend{
	margin-bottom:5px;
}

#cart-info a{
	background:url(../graph/cart-info-cart.jpg) left center no-repeat;
	padding:4px 0px 4px 45px;
}

#map{
	overflow:hidden;
	float:right;
	width:395px;
 	height:300px;	
	border:2px solid #BEA664;
	margin:0px 20px 15px 15px;
}

#feedback{
	margin:15px 0px 15px 23px;
}

#feedback label{
	float:left;
	width:6em;
	margin-bottom:5px;
}

#feedback input, #feedback textarea{
	margin-bottom:5px;
	border:1px solid #a57e0f;
	background:#141414;
	color:#a57e0f;
}

#feedback input.send{
	background:#a57e0f;
	color:#000;
}

#info-firma{
	margin:10px 10px 15px 23px;
}

#info-firma p{
	line-height:140%;
}

#info-firma h2{
	margin-bottom:10px;
}
/*-----------------------------------------------------------
				OBSAH KOSIKU PRI NAKUPU
-------------------------------------------------------------*/
#w3mshop-basket-content{
	width:729px;
	margin-bottom:25px;
}

#w3mshop-basket-content th, #w3mshop-basket-content td{
	padding:5px 10px;
	font-weight:normal;
	border-bottom:1px solid #a57e0f;
}

#w3mshop-basket-content tr.lichy{
	background:#141414;
}

#w3mshop-basket-content tr.sudy{
	background:#222;
}

/*--------------------------------------------------------------------------------------------------------------------------
											 FORMAT DOPRAVY A PLATBY
---------------------------------------------------------------------------------------------------------------------------*/
.doprava-platba{
	width:640px;
	margin:10px 0px;
}

.doprava-platba label{
}

.doprava-platba textarea{
	width:620px;
	margin:0px 8px 5px;
}

.doprava-platba td{
	text-align:left;
	vertical-align:baseline;
	padding:5px;
	font-size:90%;
}

.doprava-platba td h4{
	font-weight:bold;
	font-size:110%;
	margin:5px 5px 5px 0px;
	padding-left:0px;
}

.doprava-platba td p{
	margin:5px;
	width:90%;
	float:none;
}

.doprava-platba{
	border:1px solid #A57E0F;
}

#w3shop-order .doprava-platba label{
	color:#A57E0F;
	float:none;
	margin-left:0px;
	padding-left:0px;
}

.doprava-platba tr:first-child td, .doprava-platba tr:first-child th{
	border-top:1px solid #A57E0F;
}

.doprava-platba td{
	border-top:1px solid #A57E0F;
}

.doprava-platba tr.lichy td{
	background:#141414 none repeat scroll 0 0;
}

.doprava-platba tr.sudy td{
	background:#222 none repeat scroll 0 0;
}