body{
	background:#DAD2C7 url(img/stin-main-pruh.gif) left top repeat-x;
	margin: 0;
	font-size: 0.7em;
	color: #fff;
	font-family: Tahoma;
}

p{
	margin: 0;
	margin-bottom: 10px;
}

a{
	color: #fff;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

ul.seznam li{
	margin-left: -20px;
}

h1{
	margin: 0;
	width: 50%;
	font-size: 1.3em;
	height: 1.3em;
	color: #DFDDD9;
	text-transform: uppercase;
	margin-bottom: 15px;
	background: url(img/odr-h.gif) left 3px no-repeat;
	padding-left: 15px;
	font-weight: normal;
}

h1 span{
	color: #353502;
	font-size: 0.8em;
	line-height: 1.3em;
}

h2{
	margin: 0;
	/*width: 70%;*/
	font-size: 1.5em;
	/*height: 1.5em;*/
	color: #363604;
	text-transform: uppercase;
	margin-bottom: 10px;
	background: url(img/odr-h.gif) left 3px no-repeat;
	padding-left: 15px;
	font-weight: normal;
}

h2 span{
	color: #E4E2DF;
	font-size: 0.8em;
	font-weight: bold;
	border-left: 2px solid #333300;
	/*height: auto;
	line-height: 1em;*/
	padding-left: 10px;
	margin-left: 10px;
}

h3{
	margin: 0;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	padding-left: 25px;
	text-transform: uppercase;
	font-size: 1.1em;
	background: #7A7368 url(img/odr-a3.gif) 15px 11px no-repeat;
	position: relative;
	margin-bottom: 1px; 
}

h3 span{
	width: 19px;
	height: 19px;
	position: absolute;
	top: 6px;
	right: 7px;
	background: url(img/sipka-up.gif) no-repeat;
}

h3 span.sipkaDown{
	background: url(img/sipka-down.gif) no-repeat;
}

h4 {text-transform: uppercase; font-weight: bold; font-size: 1.1em; margin: 10px 0 0 0;}

#main-pruh{
	height: 716px;
	position: relative;
}

#levy-stin{
	width: 626px;
	position: absolute;
	right: 50%;
	top: 0px;
	height: 716px;
	background: url(img/stin-left.gif) left 254px no-repeat;
}

#pravy-stin{
	width: 50%;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 716px;
	background: url(img/stin-right.gif) 485px 44px no-repeat;
}

#main{
	width: 970px;
	height: 692px;
	margin: 0 auto;
	position: relative;
	top: 24px;
	background: url(img/bg-main.gif) left top repeat-x;
}

#obsah{
	margin-left: 15px;
	margin-right: 15px;
	width: 940px;
	position: relative;
}

#levy-panel,#stred-panel,#pravy-panel,#levy-panel2,#stred-panel2,#pravy-panel2{	
	height: 590px;
	float: left;
}

#levy-panel{
	width: 360px;
	background: #8D857A;
}

#levy-panel2{
	width: 550px;
	background: #8D857A;
}

#stred-panel{
	width: 190px;
	background: #9A9289;
	position: relative;
}

#stred-panel2{
	display: none;
	width: 0%;
}

#pravy-panel{
	width: 390px;	
}

#pravy-panel2{
	width: 390px;
	background: #afa699 url(img/univerzal.jpg) no-repeat right top;
}

#paticka{
	width: 100%;
	background: #E6E1DA;
	height: 51px;
	line-height: 51px;
	color: #686741;
	text-align: center;
	font-size: 1.2em;
}

#paticka a{
	color: #686741;
	background: url(img/odr-a3.gif) left 5px no-repeat;
	padding-left: 10px;
	margin-right: 20px;
}

#paticka span.popisek{
	font-weight: bold;
	margin-right: 25px;
}

#copyright,#copyright *{
	margin-top: 10px;
	text-align: center;
	color: #A39E85;
	font-size: 0.9em;
	/*text-decoration: none;*/
	padding: 0 0 10px 0;
}

#levy-panel-obsah{
	width: 330px;
	height: 512px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 50px;
}

#levy-panel-obsah2{
	width: 520px;
	height: 512px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
}

.stred-panel-obsah{
	width: 160px;
	overflow: hidden;
	margin: 15px;
	
}

#kolekce a.produkt{
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	background: url(img/bg-img-kolekce.gif);
	width: 102px;
	height: 153px;
	position: relative;
	text-decoration: none;
}

#kolekce a.noMargin{
	margin: 0;
}

#kolekce a.produkt img{
	border: 2px solid #9A9289;
	position: relative;
	top: 5px;
	left: 2px;
}

#kolekce a.produkt img.aktiv{
	border: 2px solid #fff;
}

#kolekce a.produkt:hover img{
	border: 2px solid #fff;
}

a#backButton{
	width: 49%;
	float: left;
	height: 30px;
	background:#4f4940; /*  url(img/odr-a5.gif) 15px 12px no-repeat */
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	margin-bottom: 20px;
}

a#backButton span{
	margin-left: 35px;
	text-decoration: underline;
}

a#nextButton span{
	margin-right: 35px;
	text-decoration: underline;
}

a#nextButton{
	text-decoration: none;
	text-align: right;
	width: 49%;
	float: right;
	height: 30px;
	background:#4f4940;	/* url(img/odr-a6.gif) right 12px no-repeat */
	line-height: 30px;
	color: #fff;
	margin-bottom: 20px;
}

a#nextButton:hover,a#backButton:hover{
	background: #883996;
}

#logo{
	position: absolute;
	left: 20px;
	top: -24px;
}

ul#menu{/*width: 497px;*/ height: 50px; background: #ADA8A1;}
ul#menu, ul#menu ul {padding: 0;margin: 0; list-style-type: none;}
ul#menu li{/*height: 50px;*/  border-left:1px solid #7A7368; background: #ADA8A1; float: right;behavior: url(hover.htc);}
ul#menu li.li:hover,ul#menu li.li:hover a.a{background: #7A7368;color:#fff;}
ul#menu a.a{display:block; height: 50px; _height: auto;line-height: 50px;text-transform: uppercase; text-decoration: none; text-align: center;	color: #333300; padding: 0 11px;}
ul#menu ul{position: absolute; z-index: 1000; visibility: hidden;	border-top: 1px solid #8D857A;} /* BEZ TOHOTO BACKGROUNDU TO NEFUNGUJE V IE !!! */
ul#menu li li{	float: none;padding: 0;	margin: 0;	/*height: 30px;line-height: 30px;*/border-bottom: 1px solid #C2BEB9;width: 190px;}
ul#menu ul a{text-transform: uppercase;padding: 7px 10px;/*height: 30px;line-height: 30px;*/text-align: left;display: block; width: 170px; _width: 190px;color: #fff;background-color: #ADA8A1; text-decoration: none;}
ul#menu ul a:hover{background: #883996;color: #fff;}
ul#menu li:hover ul, ul#menu li.hover ul{	visibility: visible;}

a#stitek1{
	display: block;
	width: 31px;
	height: 91px;
	background: url(img/stitek1.gif) left top no-repeat;
	position: absolute;
	left: -45px;
	top: 153px;
}

a#stitek2{
	display: block;
	width: 28px;
	height: 93px;
	background: url(img/stitek2.gif) left top no-repeat;
	position: absolute;
	right: -28px;
	top: 493px;
}

#zalozkyKatalog{
	position: absolute;
	top: 12px;
	left: 0px;
	width: 100%;
}
#zalozky {text-align: center; }

a.aktivni {text-decoration: none;   font-size: 1.1em;}
a.neaktivni {font-size: 1.1em; font-weight: bold;}

#stitekSleva,#stitekNovinka,#stitekEko{
	position: absolute;
	z-index: 1000;
	right: 3px;
	display: block;
	text-transform: uppercase;
	width: 48px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	padding: 2px 4px;
}

#stitekSleva{
	bottom: 15px;
	background: #FF6600;
}

#stitekNovinka{
	bottom: 35px;
	background: #99CC33;
}

#stitekEko{
	bottom: 55px;
	background: #9FD2E2;
}

span.nadpisPopisu{
	display: block;
	text-transform: uppercase;
	color: #333300;
}

.bilyText{
	color: #fff;
}

.nadpisParametr{
	color: #666633;
	display: block;
	text-transform: uppercase;
}

.velkaPismena{
	text-transform: uppercase;
}

.preskrtnutyText{
	text-decoration: line-through;
}

.sleva{
	float: right;
	display: block;
	text-transform: uppercase;
	width: 48px;
	font-size: 0.9em;
	text-align: center;
	color: #fff;
	padding: 2px 4px;
	background: #FF6600;
}

.zalozka{
 
	display: block;
	text-decoration: none;
	margin: 0;
	/*min-height: 30px;
	_height: 30px;*/
	padding: 10px;
	overflow: hidden;
	/*line-height: 30px;*/
	font-weight: normal;
	padding-left: 25px;
	padding-right: 20px;
	text-transform: uppercase;
	font-size: 1.1em;
	background: #7A7368 url(img/odr-a3.gif) 15px 13px no-repeat;
	position: relative;
	margin-bottom: 1px; 
	color: #ddd1df;
	
	vertical-align: bottom;
}

.zalozka span{
	width: 19px;
	height: 19px;
	position: absolute;
	top: 6px;
	right: 7px;
	/*background: url(img/sipka-up.gif) no-repeat;*/
}
a.zalozka:hover {color: #fff;}
a.zalozka:hover span {background: url(img/sipka-down.gif) no-repeat;}

div.zalozka {border-top: 2px solid #883996; color: #fff;}

.sipkaDown{
	margin-top: 10px;
}

.sipkaDown span{
	background: url(img/sipka-down.gif) no-repeat;
}

.schovany{
	display: none;
}

a.miniFoto{
	float: left;
	border: 1px solid #888178;
	margin-right: 5px;
}

.noMargin{
	margin: 0;
}

.iLeft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.iLeft img,.iRight img{
	border: 1px solid #C8C8C8;
	padding: 1px;
}

.novinka{
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.novinka ul{
	list-style: none;
	margin-top: 5px;
}

.novinka ul li{	
	margin-left: -40px;
	background: url(img/odr-a1.gif) left 6px no-repeat;
	padding-left: 16px;
}

.nadpisNovinka{
	background: #9F9991;
	padding: 5px;
	margin-bottom: 5px;
	font-size: 1em;
	display: block;
	text-transform: uppercase;
	display: block;
	font-weight: bold;
}

/*span.datum{
	float: right;
	font-size: 0.9em;
	font-weight: normal;
}*/

span.datum{
	float: right;
	color: #333300;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: none;
}
.obsahNovinka{
	padding: 5px;
}

.prilohaNovinka{
	width: 49%;
	float: left;
	margin-bottom: 5px;
}

.fotoBox{
	width: 20%;
	float: left;
	text-align: center;
	margin-bottom: 5px;
}

.fotoBox a:hover img{
	border: 1px solid #F7F7F7;
}

.fotoBox img{
	display: block;
	margin: 0 auto;
}

.fotoBox img{
	border: 1px solid #C8C8C8;
	padding: 1px;
}

.box50{
	width: 45%;
	float: left;
	margin: 0 15px 0 0;
}

.boxPadding{
	padding-right: 125px;
	padding-left: 20px;
}
div.datum {color: #666; font-size: 0.9em;}


.boxPadding .dalsi{
	color: #AE6E2D;
}

.boxPadding .nadpisNovinka{
	background: #ABA59A;
}

.cleaner{
	height: 0px;
	clear: both;
	overflow: hidden;
}

#podpis {float: right; text-align: center; width: 200px; margin: 5px 0 0 0;}