/*** KRASNE ZENY - BY WJENCESLAW - prekodovano 28.4.2008 tak aby byl obsah hned po hlavicce ***/

*{margin: 0; padding: 0;}
body{text-align: center;}
#web{width: 980px; margin: 0 auto; overflow: hidden;}
#hlavni1{padding-left: 200px; /* LC plna-sirka */ padding-right: 200px; /* RC plna-sirka + CC padding */ position: relative; /* Resi "nekonecnou" stranku v IE7 */}
#hlavni1 .column{position: relative;float: left;}
#stredni{/* CC padding - ted je 0 */ width: 100%;}
#levypanel{width: 200px; /* LC width */  right: 200px; /* LC plna-sirka + CC padding ted je 0 */  margin-left: -100%; overflow: hidden;}
#pravypanel{  width: 200px; /* RC width */  /* RC padding - ted je 0 */  margin-right: -100%; overflow: hidden;}
#paticka-uvnitr{  clear: both;}
/*** oprava pro IE ***/
* html #levypanel{left: -780px;}
/*** Stejna vyska sloupcu ***/
#hlavni1{ overflow: hidden;}
#hlavni1 .column{  padding-bottom: 1001em; /* X + padding-bottom */  margin-bottom: -1000em; /* X */}
/*** oprava paticky ***/
* html body{overflow: hidden;}
* html #paticka{float: left; position: relative; width: 100%; padding-bottom: 10000px; margin-bottom: -10000px; background: #FFF; /*** Stejne jako u body ***/}

/*** vzhled ***/
#web{text-align: left;}

body{font-family: Arial, Helvetica, sans-serif;background: url('img/body.gif') fixed top repeat-x #cccccc; cursor: default;margin: 0; padding: 0; font-size: 95%;}
a:link {color: #000000;text-decoration: underline;}
a:visited {text-decoration: underline;	color: #000000;}
a:hover {	text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #000000;}
acronym{cursor: help;}

#web{border-left: 1px solid #ffffff;border-right: 1px solid #ffffff; padding: 0;}


#hlavicka{margin: 0; padding: 0; width: 980px; height: 159px; overflow: hidden; position: relative; background: url('img/logo.jpg') no-repeat 0px 18px;}

#mainlogo img{position: absolute; border: 0px none; left: 101px; top: 87px;}

#menu-nad-logem{height: 17px; background: url('img/menu-nad-logem.gif') no-repeat rgb(181,181,181); padding: 0px 0px 1px 0px;margin: 0; overflow: hidden; border: 1px solid rgb(179,179,179); border-top: none; border-bottom: none; position: relative;}
#menu-nad-logem a{text-decoration: none;}
#menu-nad-logem a:hover{color: #707070;}
#menu-nad-logem ul{list-style-type: none; margin-top: 1px;}
#menu-nad-logem ul li{float: left;}
#menu-nad-logem ul li a{display: block; float: left; font-weight: bold; font-size: small; text-decoration: none; padding: 0px 5px 0px 5px; border-left: 4px #ffffff solid; color: #333333;}
#menu-nad-logem a.hlavicka-kosik{position: absolute; right: 17px; top: 1px; font-weight: bold; font-size: small; text-decoration: none; color: #333333; border: 0px none;}

#hlavni1 {background: url('img/pozadi.jpg') repeat-y;}
#obsah-obal{width: 580px; overflow: hidden;} /* zde byla asi chyba - nebyla pevna sirka */
/* #obsah{padding: 0px 0px 0px 18px; _padding: 0px 0px 0px 25px;} */

#kosik{position: absolute; padding: 0; top: 30px; right: 15px; text-align: right; width: 150px;}
#kosik a{color: #ffffff; text-decoration: none; font-size: .8em; }
#kosik em{display: block; font-weight: bold; font-style: normal;}
#kosik p.pocet-kusu{position: relative;color: #ffffff; float: left; width: 65px;margin: 0; padding: 0;}
#kosik p.cena{position: relative;color: #ffffff; margin: 0px 0px 0px 0px; padding: 0;}

/*** PROSTREDNI SLOUPEC ***/
#stredni {background: url('img/middle-top.gif') repeat-x; font-size:80%; text-align: justify; }
#obsah{padding: 15px 0px 15px 13px; height: auto; overflow: hidden; width: 550px; color: #252525;}
img{border: 2px solid rgb(153,153,153);}


/*** PRODUKTY ***/
#zmena-currency {color: #404040; font-size: large; display: block; background: #F2F2F2; text-align: right;  width: 498px;height: 25px; padding: 4px 20px 0px 40px;color: #c16501; margin-top:0; border: 2px solid #ffffff}
#obsah h1{color: #404040; font-size: large; display: block; background: url('img/nadpis-middle.jpg') repeat-y rgb(242,242,242); ;width: 508px;height: 25px; padding: 4px 0px 0px 40px;color: #c16501; margin-top:0; border: 2px solid #ffffff; }
#obsah #breadCrumbs{display: block; padding: 10px 0px 5px 5px; color: #404040;}
#obsah #breadCrumbs a{color: #000000; margin: 0px 2px; font-weight: bold;}
.produkt-obal{float: left; padding: 10px 9px 5px 9px;width: 155px; text-align: center; height: auto; margin: 10px 5px; _margin: 10px 2px; height: auto;background: #ffffff;}
.produkt{margin: 0; padding: 0; min-height: 335px; _height: 355px; background: url('img/produkt-top.gif') no-repeat;}
.produkt img{border: 2px solid rgb(153,153,153); margin: 5px auto 15px auto; text-align: center;}
.produkt h3 a{font-size: small; text-decoration: none; color: #c16501;}
.produkt h3 a:hover{}
.produkt input.input-text, .produkt-titulka input.input-text{padding: 1px 2px;}
.produkt input.submit-koupit, .produkt-titulka input.submit-koupit{background: url('img/cart_icon_small.gif') no-repeat right #ffffff; width: 66px; height: 20px; text-align: left;}
.popis p{margin: 3px 0;}
#nejprodavanejsi input, #nejprodavanejsi select, .popis input, .popis select{margin: 2px 0;}

/*** DETAIL PRODUKTU ***/
#detail-produktu{display: block; clear: both; background: #f2f2f2; border: 2px solid #ffffff; margin: 10px 0;}
#detail-produktu-foto{float: left; display: block; width: 200px; text-align: center;}
#detail-produktu-foto img{margin: 10px auto; border: 1px solid rgb(153,153,153);}
#detail-produktu-popis{margin-left: 200px; width: 240px; padding: 10px 0;}
#detail-produktu-popis input.input-text{padding: 1px 2px; margin: 2px 0;}
#detail-produktu-popis select{margin: 1px 0;}
#detail-produktu-popis input.submit-koupit{background: #ffffff;margin: 2px 0;}
#detail-produktu-popis input.submit-koupit:hover{background: #e4e4e4;}
.detail-produktu-description{clear: left;}
.detail-produktu-description p{padding: 3px 20px;}
/*** další obrázky ***/
#dalsi-obrazky, #souvisejici-produkty, #souvisejici-produkty2 {border: 2px solid #f2f2f2; padding: 10px; margin: 10px 0; text-align: center; height: auto;}
#dalsi-obrazky img, #souvisejici-produkty img, #souvisejici-produkty2 img{margin: 10px auto; border: 1px solid #ffffff;}
#souvisejici-produkty img{display: block;}
#souvisejici-produkty2 img{display: block;}
.souvisejici-produkt{float: left; text-align: center; margin: 5px 8px; min-height: 220px; _height: 220px; width: 155px;}

/*** DETAIL PRODUKTU A JEHO KOMENTARE ***/
#komentare{display: block; border: 2px #ffffff solid; padding: 10px;}
#komentare h3{text-align: center;}
#komentare form{margin: 10px 0;}
#komentare label{display: block; margin: 5px 0;}
#komentare label input, #komentare label textarea{padding: 2px 3px;}
#komentare label textarea{display: block;}
#jmeno input{margin: 0px 0px 0px 10px;}
#email input{margin: 0px 0px 0px 15px;}
#komentar textarea{margin: 3px 0px 0px 56px; height: 80px; width: 250px;}
.pridej-komentar{margin: 0px 0px 0px 56px; background: rgb(233,233,233);}
.pridej-komentar:hover{margin: 0px 0px 0px 56px; background: #f2f2f2;}
.produkt-komentar{display: block; background: #f2f2f2; border: 1px solid #ffffff; margin: 0px 0px 10px 0px; padding: 5px 10px; line-height: 20px;}
.produkt-komentar h4{margin: 5px 0px 5px 0px;}


/*** košík ***/
.vypis-kosiku{border: 1px solid black; margin: 10px 0px 10px 0px; padding: 0; width: 100%;}
#obsah table{margin-bottom: 10px; width: 550px;}
.vypis-kosiku tr th{ text-align: right;}
input, textarea{border: 1px solid rgb(118,118,118);}
input.submit{border: 2px solid rgb(118,118,118); background: rgb(204,204,204);}
input.submit:hover{background: rgb(234,234,234);}
#zpusob-doruceni, #styl-platby, .objednat, .vyprazdnit{margin: 5px 0;}
/*** pokladna ***/
#pokladna-form{margin: 5px 0px 0px 0px;}




/*** LEVY A PRAVY PANEL ***/

#levypanel {font-size:80%;background: url('img/menu-vlevo-li.gif') repeat-y #999999; }
#levypanel a{color: #eeeeee; font-variant: small-caps;text-decoration: none; font-size: medium;}
#levypanel a:hover{color: #ffffff;}

#levypanel h2, #pravypanel h2 {display: block; background: #de5205 url(img/menu-kategorie.gif) no-repeat; width: 100%; height: 21px; color: #ffffff; font-variant: small-caps; text-align: center; font-size: medium; padding-top: 5px;}


.menu{margin: 0; padding: 0;}
.menu ul{list-style-type: none; text-align:center; padding: 0px;margin: 0;}
.menu ul li a{width: 100%; padding: 5px 0px; display: block;}
/*.menu ul li a:hover{background: url(img/menu-leve-a-hover.gif);}*/
.menu ul li.active a{background: url(img/menu-leve-a-hover.gif);}

#pravypanel {font-size:80%;height: auto;}
form{ margin: 0; padding: 0;}
fieldset{border: 0; margin: 0; padding: 0;}


#anketa {padding: 10px;margin: 0 0 10px 0;}

#vyhledavani, #posli-stranku{margin-bottom: 15px;}
#vyhledavaci-pole {margin: 10px 4px 4px 13px; padding: 3px; background: #eeeeee; border: 1px #000000 solid; width: 170px;}
#vyhledavaci-tlacitko, #posli-stranku-odeslat{background: url(img/tlacitko.gif) repeat-x; border: 1px solid #000000; width: 80px; height: 25px; margin-left: 13px; font-size: x-small; float: left; margin-right: 2px;}
.vyhledavani-odsazeni{display: block; padding: 2px 0px 5px 17px;}
#vyhledavani a{font-size: x-small; display: block; margin: 8px 0px 0px 3px;}
a span.mini{font-size: 60%;}

#prihlaseni{margin-bottom: 10px;}
label#prihlasit-jmeno, label#prihlasit-heslo{font-size: small; display: block; padding: 3px 0px 0px 11px;}
label#prihlasit-jmeno input, label#prihlasit-heslo input{margin: 1px 4px 4px 0px; padding: 3px; background: #eeeeee; border: 1px #000000 solid; width: 170px;}
label#prihlasit input{background: url(img/tlacitko.gif) repeat-x; border: 1px solid #000000; height: 25px;width: 80px; font-size: x-small; float: left; margin-left: 12px; margin-right: 10px;}
label#prihlasit-reg a{font-size: x-small; display: block;}

#posli-stranku fieldset label{display: block; font-size: 95%; padding: 5px 6px 0px 12px;}
#posli-stranku-e-mail, #posli-stranku-jmeno{margin: 2px 4px 2px 13px; padding: 3px; background: #eeeeee; border: 1px #000000 solid; width: 170px;}
#posli-stranku-odeslat{margin: 3px 2px 0px 13px;}

/*** NEJPRODAVANEJSI ***/
#nejprodavanejsi{min-height: 150px; _height: 150px; text-align: center;}
.produkt-titulka{padding: 10px 0; background: #D8BFB2; margin: 10px;}
.produkt-titulka h3 a{font-size: small; text-decoration: none;}
.produkt-titulka img{border: 1px solid rgb(153,153,153);}

/*** PIFOVO sracky.... ***/
/***do pice kolikrat musim rikat, ze ty <p> nesmi mit nulovy marginy**/
#default p { margin: 8px;}

/*** obecne jmena cipovin ***/
.obsah {margin: 0; padding: 0;}
h1, .menu h2, #pravypanel h2, h3, h4, h5, h6{margin:0;}
.cleaner { border: 0px none;width: 100%; height: 1px;}
.copy { text-align:center; font-size:80% }
/***********************
FORMATOVANI ZAKLADNICH PRVKU

****************************/
/***
TABULKY
**/
.border-all {	border: 1px solid black;	width: 100%;}
.border-all th, .border-all td {	border: 1px solid black;	padding: 4px;}
.right {	text-align: right;}

/*** FORMULARE ***/

input.xs 					{ width: 3em; }
input.s 					{ width: 4em; }
input.m 					{ width: 8em; }
input.l 					{ width: 12em; }
input.xl, select.xl			{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl					{ width: 35em;  height: 10em; }
textarea.xxxl					{ width: 35em;  height: 30em; }
.w-200 {	width: 200px;}
.alignRight {text-align: right;}
.povinne {font-weight: bold;color: white;}
/*** PATICKA **/
#paticka {}
#paticka-uvnitr { background: rgb(142,142,142); font-size:x-small; color: #ffffff; padding: 10px 200px 10px 10px; border-left: 5px solid rgb(223,81,5); text-align: right; border-top: 1px solid #ffffff;}
#paticka a{color: #ffffff; }

.novinka img{margin: 15px; text-align: center; }
.novinka h3{display: block; border-bottom: 2px solid #ffffff; margin: 10px 0px 0px 0px; padding: 0px 0px 3px 0px;}
.novinka p{padding: 10px 0; text-align: justify;}
.span-skladem {color: green; display: block; }

.paging{clear: left; display: block; text-align: center; border-top: 1px solid #ffffff; margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px;}
.paging span, .paging em{padding: 0px 10px; font-style: normal;}




/*** salt by PIF ***/

.subCategories { width: 100px; float: left; margin: 0.5em;}
#filtr{text-align: left; float: left; width: 100%; position: relative;}
#filtr legend{padding: 5px 0px 5px 0px; font-weight: bold; color: #000000;}
#filtr fieldset{border: 0px none; width: 100%; text-align: left;}
#filtr fieldset label{float: left; height: 20px; white-space: nowrap; font-size: x-small; margin: 0px 15px 0px 0px; padding: 0;}
#filtr fieldset label input{margin: 0; padding: 0; float: left;}
#filtr fieldset .submit{background: #F4F0E5; border: 2px solid #CEBB91; padding: 2px 7px; _padding: 1px 1px;}
.nalezeno{ position: absolute; top: 0px; right: 10px; font-size: 0.8em;}

.paging-and-select{float: left; width: 100%; text-align: left; color: #7B6262; margin: 0px 0px 20px 0px;}
.paging-and-select p{display: block; margin: 0; color: #020202;padding: 0px 10px 5px 0px; width: 200px;}
.paging-and-select form{float: left; width: 100%; font-size: small;}
.paging-and-select form fieldset{border: 0px none; padding: 0px 0px 0px 0px;}
.paging-and-select form fieldset span{float: left; margin: 0px 0px 5px 0px; padding: 5px 10px 0px 0px;}
.paging-and-select form fieldset select{float: left; margin:0px 10px 5px 0px;}
.paging-and-select form fieldset input{float: left; cursor: pointer; margin: 3px 0px 0px 5px;}
.paging-and-select form fieldset label{float: left; width: 20px;}


/* Tag cloud */
 #tags div p a { padding: 10px;}
	#tags ul{
		margin:0.2em 0;
		padding:.5em 10px;
		text-align:center;
		/*background:#71b5e9 url(bg_tags.gif) repeat-x;		*/
		}
	#tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags li a{
		text-decoration:none;
		color:#fff;
		color: black;
		padding:0 2px;	
		}
	#tags li a:hover{	
		color:#cff400;
		color: white;
		}
	
	#tags2 ul{
		margin:0.2em 0;
		padding:.5em 10px;
		text-align:center;
		/*background:#71b5e9 url(bg_tags.gif) repeat-x;		*/
		}
	#tags2 li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags2 li a{
		text-decoration:none;
		color:#fff;
		color: black;
		padding:0 2px;	
		}
	#tags2 li a:hover{	
		color:#cff400;
			color: white;
		}		
	

	
	.tag1{font-size:8px;}
	.tag2{font-size:10px;}
	.tag3{font-size:12px;}
	.tag4{font-size:14px;}
	.tag5{font-size:15px;}
	.tag6{font-size:17px;}
	.tag7{font-size:19px;}
	
	/* alternative layout */
 
	#tags .alt{
		text-align:left;
		padding:0;
		background:none;
		}
	#tags .alt li{
		padding:2px 10px;
		background:#efefef;
		display:block;
		}
	#tags .alt .tag1, 
	#tags .alt .tag2, 
	#tags .alt .tag3, 
	#tags .alt .tag4, 
	#tags .alt .tag5{font-size:100%;}
	#tags .alt .tag1{background:#7cc0f4;}
	#tags .alt .tag2{background:#67abe0;}
	#tags .alt .tag3{background:#4d92c7;}
	#tags .alt .tag4{background:#3277ad;}
	#tags .alt .tag5{background:#266ca2;}
	
	
	#tags p a { margin-left: 10px;}
	
	
	#prihlaseni p {text-align: center;}
	#prihlaseni ul {margin-left: 10px;}
	#obsah ul {margin-left: 10px; }
/* Tag cloud end*/