@import url('menu.css');

html, body {
	margin:0;
	padding:0;
	background-color:#fff;
	color:#777;
	font-family:'Tahoma CE', Tahoma, Verdana, sans-serif;
	font-size:11px;
	text-align:center;
}                                             

p{
	margin: 0;
}

a{
	color: #777;
}

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

a.hiden{
	display: none;
}

img{
	border: none;
	behavior: url("../js/pngbehavior.htc");
}

#page{
	text-align: left;
	margin: 32px auto 0;
	width: 790px;
	position: relative;
}

#content{
	width: 774px;
	_width: 777px;
}

h1{
	padding:5px 10px 10px 175px; 
	font-weight: normal;
	font-size: 11px;
}

h2{
	font-size: 17px;
	margin: 10px 0;
}

h3{
	margin:	0;
	font-size: 11px;
}

.item_cont h3, .cat_cont h3{
	font-size: 14px;
	margin-bottom: 10px;
}

h4{
	font-size: 10px;
}

input {
	behavior: url(/vohoz.cz/js/hovermenu.htc);
	font-family:'Tahoma CE', Tahoma, Verdana, sans-serif;
	color:#777;
}

select{
	border: solid 1px #fff;
	font-family:'Tahoma CE', Tahoma, Verdana, sans-serif;
	color:#777;
	width: 300px;
}

textarea{
	font-family:'Tahoma CE', Tahoma, Verdana, sans-serif;
	height: 150px;
	color:#777;
	border: none;
	width: 300px;
}



a#logo{
	display:block;
	float:left;
	width: 160px;
	height: 64px;
}

#header{
	height: 64px;
}

#sortiment{
	color: #f50;
	float: right;
	width: 120px;
}

#sortiment .head{
	width: 120px;
	height: 35px;
	background: #f50;
	color: #fff;
	font-weight: bold;
	margin: 0;
}

#sortiment .head p{
	padding: 4px;
	margin: 0;
} 

#sortiment li, #sortiment ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sortiment li a{
	margin: 2px 0;
	display:block;
	padding: 4px;
	color: #f50;
	font-weight: bold;
	text-decoration: none;
}

#sortiment li a:hover{
	background: #f50;
	color: #fff;
}



#cont{
	float:right;
}

#text_kontakt,
#text_prodejny {
	padding: 10px 15px;
	width: 200px;
	margin: 2px 1px;
	_margin: 0px 1px;
	border: solid 3px #90c;
}

#text_sortiment,
#text_reference{
	width: 478px;
	margin: 2px 1px;
	_margin: 0 1px;
}

#text_o-nas {
	padding: 10px 15px;
	width: 282px;
	margin: 2px 1px;
	_margin: 0px 1px;
	border: solid 3px #7f0;
}

#text_jak-nakupovat,
#text_reklamacni-rad-a-zaruka,
#text_nakupni-rad,
#text_ochrana-osobnich-dat,
#text_autorska-prava {
	width: 443px;
	margin: 2px 1px;
	_margin: 0 1px;
	border: solid 3px #444;
	padding: 10px 15px;
}

#text_materialy,
#text_technologie,
#text_pece-a-udrzba{
	overflow-x: hidden;
	width: 443px;
	margin: 2px 1px;
	_margin: 0 1px;
	padding: 10px 15px;
	border: solid 3px #f90;
}

#text_velikosti{
	overflow-x: hidden;
	width: 443px;
	margin: 2px 1px;
	_margin: 0 1px;
	padding: 10px 15px;
	border: solid 3px #999;
}

#text_login,
#text_nastaveni,
#text_registrace,
#text_kosik,
#text_zvlastni-prani{
	border: solid 3px #0bf;
	margin: 2px 1px;
	_margin: 0 1px;
	padding: 10px 15px;
	width: 443px;
	background: #0bf;
	color: #fff;
}

#text_zvlastni-prani td{
	color: #777;
	padding: 5px;
	font-weight: bold;
}

#text_zvlastni-prani input, #text_zvlastni-prani textarea{
	width: 100%;
	border: none;
}

#text_zvlastni-prani div#catch{
	display: none;
}

table{
	width: 100%;
	border:
}


td{
	border: solid 1px #fff;
	padding: 0;
	background: #fff;
}

td.first{
	background: #fff;
	width: 120px;
	color:  #777;
	padding: 5px;
	font-weight: bold;
}

td input.txt{
	border: solid 1px #fff;
	width: 290px;
}

td input.button{
	border: solid 1px #fff;
	width: 100%;
	margin:0; 
	color: #0bf;
	font-weight: bold;
}

td input.button:hover,
td input.buttonHover{
	color: #f50;
}

#news{
	margin: 30px 0 0 0;
	float: left;
	width: 162px;
	font-size: 10px;
}

#news img{
	border: solid 1px #777; 
	margin: 1px 0;
}

#news p{
	margin: 0;
}

#news div{
	margin: 10px 0; 
}


#shortcart{
	position: absolute;
	top: -25px; 
	left: 640px;
	background: url('../img/cart.gif') top left no-repeat;
	padding: 1px 0 1px 22px;
	line-height:14px;
	text-decoration:none;
}

#shortcart p{
	font-weight: bold;
	margin: 0;
}

#shortcart span{
	font-size: 10px;
}

.pnk{
	height: 40px;
	width: 40px;
	margin: 4px;
}

#signpost{
	margin: 0; 
	background: #eee;
	width: 479px;
	height: 480px;
}



.cat_cont,
.item_cont{
	width: 480px;
	border: none;
	border-bottom: solid 1px #f50;
	margin-bottom: 10px;
	padding-bottom: 5px; 
	overflow: hidden;
}

.cat_cont .img_cont,
.item_cont .img_cont{
	position: relative;
	display: block;
	float: left;
	width: 186px;
	height: 186px;
	margin: 0 10px 5px 0;
}

.cat_cont .text,
.item_cont .text{ 
	height: 188px;
}


.cat_cont .img_cont img,
.item_cont .img_cont img{
	border: solid 1px #aaa;
	width: 185px;
	height: 185px;
}

a.zoom{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 186px;
	height: 186px;
	background: transparent url('../img/zoom.gif') no-repeat bottom right;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

a.crop{
	display: block;
	width: 90px;
	height: 90px;
	border: solid 1px #aaa;
	margin: 0 4px 4px 0;
	float: left;
	position: relative;
	text-decoration:none;
	color: #f50;
}

a.crop:hover{
	border-color: #f50;
}

span.unavailable{
	font-weight: bold;
	font-size: 10px;
	width: 90px;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	background:#FFFFFF none repeat scroll 0 0;
	height:16px;
	left:0;
	padding:4px 0 0;
	position:absolute;
	text-align:center;
	top:70px;
	z-index:10;
}

.clean{
	clear: both;
	visibility: hidden; 
}

#crumbs, .crumbs{
	font-size: 8px;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#crumbs{
	margin: 5px 0 8px 0;
}


#crumbs a, .crumbs a{
	text-decoration:none;
	font-weight: bold;
	font-size: 11px;
	color: #f50;
}

#crumbs a:hover, .crumbs a:hover{
	text-decoration: underline;
}

.item_cont form{
	margin-top: 5px;
}

.item_cont input,
.cart_item input {
	border: solid 1px #aaa;
	background: #fff;
	color: #777;
	font-size: 11px;
	width: 37px;
	margin: 1px;
	padding: 3px;
}

.cart_item input{
	width: 35px;
	height: 15px;
	padding: 2px 5px;
}

.item_cont select{
	border: solid 1px #aaa;
	background: #fff;
	color: #777;
	font-size: 11px;
	width: 45px;
	_width: 47px;
	margin: 1px;
	padding: 3px;
}


.cart_item select {
	border: solid 1px #aaa;
	background: #fff;
	color: #777;
	font-size: 11px;
	width: 60px;
	_width: 62px;
	margin: 1px;
	padding: 3px;
}

.item_cont input:focus, 
.item_cont select:focus,
.cart_item input:focus,
.cart_item select:focus{
	border: solid 1px #f50;
}

input.add_btn{
	font-size: 11px;
	background: url('../img/cart.gif') 5px 3px no-repeat;
	width: 120px;
	padding-left: 15px;
	_padding-left: 10px;
	
}

input.change_btn,
input.empty_btn,
input.del_btn{
	font-size: 12px;
	height: 20px;
	width: 60px;
	_width: 62px;
	
}

input.add_btn:hover,
input.add_btnHover{
	border: solid 1px #f50;
	color: #f50;
	background: url('../img/cart_hover.gif') 5px 3px no-repeat;
}

input.del_btn:hover,
input.del_btnHover,
input.empty_btn:hover,
input.empty_btnHover,
input.change_btn:hover,
input.change_btnHover{
	border: solid 1px #f50;
	color: #f50;
}

.cart_item{
	width: 433px;
	height: 90px;
	padding: 5px;
	margin: 0 0 10px 0;
	background: #fff;
	color: #777;
	overflow: hidden;
}

.forms form{
	margin: 0;
	padding: 0;
}

.cart_item img{
	float: left;
}

.cart_item .forms{
	float: right;
}

.cart_item .txt{
	margin: 0 5px 0 95px;
	font-size: 10px;
}

.price{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}

.cart_item .price{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}

input.emtpy_btn{
	width: 200px;
	border: solid 1px #fff;
	font-weight: bold;
	color: #0bf;
}

input.emtpy_btn:hover,
input.emtpy_btnHover{
	color: #f50;
}

p.msg, #error{
	padding: 5px;
	background: #fff;
	color: #f50;
	margin: 0 0 10px 3px;
	font-weight: bold;
}

#order_review,
#order_review2
{
	color: #777;
}

#order_review td{
	padding: 5px;
}

td.r{
	text-align: right;
}

#foot{
	font-size: 10px;
	padding: 5px 0 2px 0;
	clear: both;
	text-align: center;
	color: #aaa;
	border-top: solid 1px #dadada;
	margin: 5px 0px; 
}

#foot a{
	color: #888;
}

#foot a:hover{
	color: #f50;
}





.index {
	font-family:'Tahoma CE', Tahoma, Verdana, sans-serif;
	padding: 20px 20px 0 30px;
}
.index td{
	background:#eee;
	border: solid 3px #eee;
}
.img {
	text-decoration:none;
	color:ButtonText;
	width:100%; height:100%;
	overflow:hidden;
}

/* Mac IE ne \*/
.index div {width:200px; height:100px; overflow:hidden;}
.index div a {display:block; background-image:none;}
.index div a:hover {display:block; color:ButtonText; text-decoration:none;}

.index div.Ztricka-kluci {background:url('../img/Ztricka-kluci.gif') top left no-repeat;}
.index div.Ztricka-kluci a {padding:67px 0 0 80px;}
.index div.Ztricka-kluci a:hover {background:url('../img/Ztricka-kluci.gif') 0 -100px no-repeat;}

.index div.Ztricka-holky {background:url('../img/Ztricka-holky.gif') top left no-repeat;}
.index div.Ztricka-holky a {padding:71px 0 0 80px;}
.index div.Ztricka-holky a:hover {background:url('../img/Ztricka-holky.gif') 0 -100px no-repeat;}

.index div.Zzakazkova {background:url('../img/Zzakazkova.gif') top left no-repeat;}
.index div.Zzakazkova a {padding:71px 0 0 90px;}
.index div.Zzakazkova a:hover {background:url('../img/Zzakazkova.gif') 0 -100px no-repeat;}

.index div.Ztasky {background:url('../img/Ztasky.gif') top left no-repeat;}
.index div.Ztasky a {padding:67px 0 0 117px;}
.index div.Ztasky a:hover {background:url('../img/Ztasky.gif') 0 -100px no-repeat;}
/*
.index div.obrazky {background:url('../img/zbozi_obrazek.gif') top left no-repeat;}
.index div.obrazky a {padding:66px 0 0 74px;}
.index div.obrazky a:hover {background:url('../img/zbozi_obrazek.gif') 0 -96px no-repeat;}

.index div.prani {background:url('../img/zbozi_prani.gif') top left no-repeat;}
.index div.prani a {padding:68px 0 0 76px;}
.index div.prani a:hover {background:url('../img/zbozi_prani.gif') 0 -96px no-repeat;}
*/



.index div.Zpolstare-mini {background:url('../img/Zpolstare-mini.gif') top left no-repeat;}
.index div.Zpolstare-mini a {padding:63px 0 0 100px;}
.index div.Zpolstare-mini a:hover {background:url('../img/Zpolstare-mini.gif') 0 -100px no-repeat;}

.index div.Zspec-kol {background:url('../img/Zspec-kol.gif') top left no-repeat;}
.index div.Zspec-kol a {padding:63px 0 0 98px;}
.index div.Zspec-kol a:hover {background:url('../img/Zspec-kol.gif') 0 -100px no-repeat;}

.index div.Zlehatka {background:url('../img/Zlehatka.gif') top left no-repeat;}
.index div.Zlehatka a {padding:71px 0 0 112px;}
.index div.Zlehatka a:hover {background:url('../img/Zlehatka.gif') 0 -100px no-repeat;}

.index div.Znoteboky {background:url('../img/Znoteboky.gif') top left no-repeat;}
.index div.Znoteboky a {padding:70px 0 0 90px;}
.index div.Znoteboky a:hover {background:url('../img/Znoteboky.gif') 0 -100px no-repeat;}