/* Reset */
* { margin: 0; padding: 0; font-size: 100%; }
html {overflow-y: scroll; }
body { font-size:75%; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }
#container { position:relative; width:900px; text-align:left; margin:0 auto; }		

#zahlavi { position: relative; width: 900px; height: 150px; background: url(../images/zahlavi.jpg) no-repeat 0 0;}

/* *** HLAVNI MENU *** -- menu ze stranek  http://qrayg.com/experiment/cssmenus/  */
ul#menu { z-index: 100; position: relative; top: -17px; width:900px; height:30px; list-style: none;
background: url('../images/menu/menu_bg.jpg') repeat-x; font-size:11px; }
	ul#menu li { float: left; display: inline; position: relative;}
	ul#menu a { text-decoration:none; color:#fff; display:block; float:left; padding:8px 12px 8px 12px; font-weight:bold; }
	ul#menu a:hover { background: url('../images/menu/menu_hover.jpg') repeat-x; }
	ul#menu li:hover li a, ul#menu li.iehover li a { float: none; }
	
	ul#menu ul { position: absolute; top: 30px; left: 0; width: 189px; padding: 0px 0 15px 0; display: none;
	background: url('../images/menu/menu_vysouvaci_spodek.gif') bottom center repeat; }
	ul#menu ul li { background:url('../images/menu/menu_vysouvaci.gif') no-repeat; width: 100%; }
	ul#menu ul li a { height:18px; padding:6px 0 2px 25px; color: #fff; font-weight:normal; text-decoration:none; font-size:12px; }	
	ul#menu ul li a:hover{ background:none; color:#f5fe00; text-decoration:underline;}
	/* Hover Function - Do Not Move */
	ul#menu li:hover ul,ul#menu li.iehover ul { display: block; }
/* *** Konec - HLAVNI MENU *** */

#nazev { position: absolute; left: 15px; top: 190px; color: #009aff; font-size:155%; }
#stred { position: absolute; left: 25px; top: 220px; width: 850px; height: 450px; color: #555555; line-height: 18px }


/* *** PRODUKTY *** */
#produkty a 	{ display: block; }
#produkty img 	{ border: none; }

#produkty-peleriny, #produkty-adaptery, #produkty-ubrousky, #produkty-sacky 
							{ position: absolute; width: 300px; height: 280px; padding: 9px 0 0 9px;}
							
	#vstup { z-index: 1; position: absolute; left: 75px; top: 30px; }
	#vstup a:hover { background: url(../images/vstup.png) no-repeat 0 0; }

#produkty-peleriny  { left: 100px; top: 10px; background: transparent url(../images/bg_produkty_oranzova.jpg) no-repeat 0 0; }
#produkty-adaptery { right: 100px; top: 10px; background: transparent url(../images/bg_produkty_zelena.jpg) no-repeat 0 0; }
#produkty-ubrousky  { left: 100px; top: 270px; background: transparent url(../images/bg_produkty_zluta.jpg) no-repeat 0 0;  }
#produkty-sacky    { right: 100px; top: 270px; background: transparent url(../images/bg_produkty_modra.jpg) no-repeat 0 0;  }

#produkty .p a:hover { background: url(../images/text_produkty_peleriny_h.png) no-repeat 0 0; }
#produkty .a a:hover { background: url(../images/text_produkty_adaptery_h.png) no-repeat 0 0; }
#produkty .u a:hover { background: url(../images/text_produkty_ubrousky_h.png) no-repeat 0 0; }
#produkty .s a:hover { background: url(../images/text_produkty_sacky_h.png) no-repeat 0 0; }

/* *** Konec - PRODUKTY *** */



#obchodni-podminky { padding: 10px; text-align: justify; color: #555555; font-size:110%; margin: 0px }
#objednavka-potvrzeni { position: absolute; left: 30px; top: 290px; color: #f93217; font-size:130%; font-weight: bold;}
#fotogalerie img { border: none; padding: 2px 2px 2px 2px}
#fotogalerie a:hover{ display: block; background: #ff1a1a; } 





/* *** KONTAKT *** */
#kontakt { position: absolute; left: 40px; top: 40px; color: #494949; line-height: 18px;	font-size:140%; }
	#kontakt a { color: #409edc;}
	#kontakt span { color: #494949; font-size:110%; font-weight: bold; }

#napiste-nam { position: absolute; right: 80px; top: 25px; color: #f93217;	font-size:140%;}
	#napiste-nam .nadpis { color: #3b79e8;	}
	#napiste-nam .potvrzeni { color: red; font-weight: bold;}
/* *** Konec - KONTAKT *** */


/* *** PRODUKTY STRED *** */
#produkty-stred { position: absolute; left: 30px; top: 230px; width: 820px; height: 420px; text-align: justify; color: #fff; background: url('../images/peleriny_pozadi.png') no-repeat 0 0; }
		#produkty-stred .podnadpis { margin-left: 35px; font-size:125%;  text-shadow:0px 2px #000; }
	#menu-produkty 		{ z-index: 1; position: absolute; right: 20px; bottom: 18px; font-weight:bold; font-size:11px; width: 265px }
	#menu-produkty ul		{ margin: 2px; float: right; border: 1px #000 solid; padding: 0px;}
	#menu-produkty li 	{ display:block; background: url('../images/menu/menu_bg.jpg') repeat-x; width: 125px;}
	#menu-produkty li a	{ text-decoration:none; color:#fff; display:block; margin:0; height:22px; padding:8px 0px 0 12px;}
	#menu-produkty li a:hover { text-decoration:underline; background: url('../images/menu/menu_hover.jpg') repeat-x;}
	#menu-produkty .kosik		{ margin-left: 85px; margin-top: -19px; }

	#menu-produkty li.aktivni {  list-style: none;  text-decoration:none;  font-weight:bold;  color:#f7e304;}
	#menu-produkty li.aktivni a{	color:#f7e304;	text-decoration:none;  	background: url('../images/menu/menu_hover.jpg') repeat-x;}
	#menu-produkty li.aktivni a:hover{ text-decoration:underline;}

	/* *** PELERINY *** */
	#nadpis-peleriny { position: absolute; left: 30px; top: -25px; padding-top: 3px; width: 185px; height: 30px; 
							 font-size:150%; text-align: center; background: url('../images/nadpis_peleriny_bg.png') no-repeat; }
	#cena-peleriny { z-index: 9999; position: absolute; left: 390px; top: 25px; width: 90px; height: 30px;  text-align: center;
	background-color: #fff; font-size:160%; color: red  }
	#galerie-peleriny {  z-index: 1; position: absolute; left: 15px; top: 15px; background: none no-repeat 0 0; }
		#text-peleriny { position: absolute; right: 25px; top: 30px; width: 280px; font-weight: bold; font-size:100%; }
		#text-peleriny ul { margin: 0 0 0 25px; }
		#text-peleriny li { line-height: 17px; }
		#text-peleriny .li2 { color: #000; padding: 6px 0 6px 0; text-shadow:1px 1px 3px #fff; }

	#vyuziti-peleriny { position: absolute; left: 10px; top: 15px; width: 785px; font-size:115%; }
	#vyuziti-peleriny ul { margin: 8px 0 0 25px; }
	#vyuziti-peleriny li { line-height: 20px; }
	#vyuziti-peleriny ul ul {  padding: 10px 0 0 20px; margin: 0px; text-shadow:1px 1px #000; }
	#vyuziti-peleriny ul ul li { margin-left: 30px }

	#navod-peleriny { position: absolute; left: 10px; top: 15px; width: 785px; font-size:115%; }
	#navod-peleriny p {  margin: 10px 0px 0px 15px; }
	#navod-peleriny-galerie { position: absolute; left: 37px; top: 160px; background: #494949 none no-repeat 0 0; }
		#praci-znaky { position: absolute; left: 75px; top: 320px; padding: 8px; background-color: #fff}

	/* *** Konec - PELERINY *** */
	/* *** ADAPTERY *** */
	#nadpis-adaptery { position: absolute; left: 30px; top: -25px; padding-top: 3px; width: 230px; height: 30px;
								 font-size:150%; text-align: center; background: url('../images/nadpis_adaptery_bg.png') no-repeat; }
	#galerie-adaptery {  z-index: 1; position: absolute; left: 15px; top: 15px; background: none no-repeat 0 0; }
		#text-adaptery { position: absolute; right: 15px; top: 20px; width: 340px; font-size:110%; line-height: 18px }
		#text-adaptery em {  line-height: 20px;}
		#text-adaptery .styl { font-size:130%; }
		#text-adaptery ul { margin: 10px 0 10px 15px; padding-left: 0px; }
		#text-adaptery li { line-height: 17px; }

		#adaptery-obrazek {  position: absolute; left: 20px; top: 20px; border: 3px #fff solid;}
		#text-adaptery-objednavka {  z-index: 100; position: absolute; right: 20px; top: 20px; color: #fff; text-align: right; font-size:120%;  }

					/* --- ADAPTERY Formular --- */
#formular-objednavka-adaptery { font-size:140%; }

	#formular-doprava-ks-foa { position: absolute; left: 300px; top: 60px; font-size:80%;  font-weight: normal;  }
	#formular-doprava-ks-foa input, #formular-doprava-ks-foa input .ad { margin:1px 0 0 0; padding:3px 0 2px 3px; }
	#formular-doprava-ks-foa input .ad { border: 1px solid red;}
	#formular-doprava-ks-foa .popis { font-weight: normal; }
	#formular-doprava-ks-foa .as input, #formular-doprava-ks-foa .ad input { width: 30px  }
	
	#formular-adresa-foa { position: absolute; left: 20px; bottom: 20px; font-size:80%;  font-weight: normal;  }
	#formular-adresa-foa input, #formular_1 input .ad { margin:1px 0 0 0; padding:3px 0 2px 3px; }
	#formular-adresa-foa input .ad { border: 1px solid red;}
	#formular-adresa-foa .popis { font-weight: normal; }
	#formular-adresa-foa .as input, #formular_1 .ad input { width: 30px  }

#cena-kus-foa	{ position: absolute; top: 30px; left: 290px;  font-size:100%; font-weight: normal; }
#cena-kus-foa input	{ border: none; text-align: right; font-weight: bold; color: red; background: transparent; font-size:100%;  }

#formular-soucet-foa	{position: absolute; top: 200px; right: 30px;  font-size:85%; font-weight: normal; }
#formular-soucet-foa input	{ border: none; text-align: right; background: transparent;  }
	
#formular-tlacitko-foa	{position: absolute; bottom: 70px; right: 30px;  font-size:85%; font-weight: normal; }

	/* *** Konec - ADAPTERY *** */



#objednavka-nahled	{ position: absolute; top: 5px; left: 0px; }
#objednavka-nahled-na { position: absolute; top: 122px; left: -1px; }
	.na 		{ padding: 0; margin: 0px 0 0; list-style: none; }
	.na li 	{ float: left; position: relative; }
	.na li img { border: none; }
	.na span 		{ padding: 0px 1px; display: block; }
	.na li em 	{ position: absolute; top: -40px; text-align: center;	padding: 0px; font-style: normal; display: none; }

	.pelerina-vzorek-na		{ padding: 0; margin: 0px; list-style: none; }
	.pelerina-vzorek-na li 	{ float: left; position: relative;	margin: 2px 0px; }
	.pelerina-vzorek-na li img { border: none; }
	.pelerina-vzorek-na span 		{ padding: 0px 1px; display: block; }
	.pelerina-vzorek-na li em 	{ position: absolute; top: -156px; text-align: center;	padding: 0px; font-style: normal; display: none; }
	.width 	{  width: 118px; }
					
	.text { padding: 0; margin: 0 0px; }
	.text li { float: left; list-style: none; width: 85px; text-align: center; color: #000; }

#zkouska1, #zkouska2, #zkouska3, #zkouska4
{ position: absolute; top: 5px; left: 20px; width: 170px; height: 170px; }
#zkouska2 { left: 220px; }
#zkouska3 { left: 420px; }
#zkouska4 { left: 620px; }
	
#zkouska1-1, #zkouska2-1, #zkouska3-1, #zkouska4-1
{ position: absolute; top: 200px; left: 20px; width: 170px; height: 170px; }
#zkouska2-1 { left: 220px;  }
#zkouska3-1 { left: 420px;  }
#zkouska4-1 { left: 620px;  }

#zkouska1-2, #zkouska2-2, #zkouska3-2, #zkouska4-2
{ position: absolute; top: 405px; left: 20px; width: 170px; height: 170px; }
#zkouska2-2 { left: 220px;  }
#zkouska3-2 { left: 420px;  }
#zkouska4-2 { left: 620px;  }

#zkouska1-3, #zkouska2-3, #zkouska3-3, #zkouska4-3
{ position: absolute; top: 610px; left: 20px; width: 170px; height: 170px; }
#zkouska2-3 { left: 220px;  }
#zkouska3-3 { left: 420px;  }
#zkouska4-3 { left: 620px;  }

#zkouska1-4, #zkouska2-4, #zkouska3-4, #zkouska4-4
{ position: absolute; top: 815px; left: 20px; width: 170px; height: 170px; }
#zkouska2-4 { left: 220px;  }
#zkouska3-4 { left: 420px;  }
#zkouska4-4 { left: 620px;  }

/* ** Obrazky a nahledy u jednotlivych objednavek pelerin ** */
#objednavka-obr { position: absolute; top: 100px; left: 20px; width: 355px; height: 400px; }
	#oo-hlavni-fotka	{ position: absolute; top: 160px; left: 0px; }
	
	#oo-nahledy { position: absolute; top: 400px; left: -5px; }
		.oon 		{ padding: 0; margin: 0px 0 0; list-style: none; }
		.oon li 	{ padding: 0; margin: 0 0px; float: left; position: relative; }
		.oon li img { border: none; }
		.oon span 	{ padding: 0px 5px; display: block; }
		.oon li em 	{ position: absolute; top: -240px; padding: 0px; display: none; }
		
		.oo-vzorek-na		   { padding: 0; margin: 0px 0 0 4px; list-style: none; }
		.oo-vzorek-na li 	   { float: left; position: relative;	margin: 5px 0px; }
		.oo-vzorek-na li img { border: none; }
		.oo-vzorek-na span   { padding: 0px 1px; display: block; }
		.oo-vzorek-na li em 	{ position: absolute; top: -256px; padding: 0px; display: none; }
			.popis 	{  padding: 5px 0 0 9px; color: #1e90ff;	font-size:130%; font-weight: bold; }
/*  ** Konec - Obrazky a nahledy u jednotlivych objednavek pelerin ** */

#formular-nakup { position: absolute; right: -40px; top: 220px; color: #f93217;	font-size:140%;}

	#formular_1 { font-size:80%;  font-weight: normal;  }
	#formular_1 input, #formular_1 input .ad { margin:1px 0 0 0; padding:3px 0 2px 3px; }
	#formular_1 input .ad { border: 1px solid red;}
	#formular_1 .popis { font-weight: normal; }
	#formular_1 .as input, #formular_1 .ad input { width: 30px  }
	
	#formular-adresa { font-size:80%;  font-weight: normal;  }
	#formular-adresa input, #formular_1 input .ad { margin:1px 0 0 0; padding:3px 0 2px 3px; }
	#formular-adresa input .ad { border: 1px solid red;}
	#formular-adresa .popis { font-weight: normal; }
	#formular-adresa .as input, #formular_1 .ad input { width: 30px  }

	#formular-soucet	{ position: absolute; top: 410px; left: 40px;  font-size:85%; font-weight: normal; color: #000; }
	#formular-soucet input { border: none; text-align: right; }
	#cena-kus { position: absolute; top: 5px; left: -150px;  font-size:85%; font-weight: normal; color: #000; }
	#cena-kus input { border: none; text-align: right; font-weight: bold; color: red;  }
	
	
	
	
	/* *** UBROUSKY *** */
	#nadpis-ubrousky { position: absolute; left: 30px; top: -25px; padding-top: 3px; width: 230px; height: 30px;
								 font-size:150%; text-align: center; background: url('../images/nadpis_adaptery_bg.png') no-repeat; }
	#galerie-ubrousky {  z-index: 1; position: absolute; left: 15px; top: 15px; background: none no-repeat 0 0; }
		#text-ubrousky { position: absolute; right: 15px; top: 20px; width: 300px; font-size:110%; line-height: 18px }
		#text-ubrousky em {  line-height: 20px;}
		#text-ubrousky .styl { font-size:130%; }
		#text-ubrousky .styl2 { line-height: 9px }
		#text-ubrousky ul { margin: 10px 0 10px 15px; padding-left: 0px; }
		#text-ubrousky li { line-height: 17px; }

		#ubrousky-obrazek {  position: absolute; left: 20px; top: 20px; border: 3px #fff solid;}
		#text-ubrousky-objednavka {  z-index: 100; position: absolute; right: 20px; top: 20px; color: #fff; text-align: right; font-size:120%;  }

					/* --- ADAPTERY Formular --- */
#formular-objednavka-adaptery { font-size:140%; }

	#formular-doprava-ks-foa { position: absolute; left: 300px; top: 60px; font-size:80%;  font-weight: normal;  }
	#formular-doprava-ks-foa input, #formular-doprava-ks-foa input .ad { margin:1px 0 0 0; padding:3px 0 2px 3px; }
	#formular-doprava-ks-foa input .ad { border: 1px solid red;}
	#formular-doprava-ks-foa .popis { font-weight: normal; }
	#formular-doprava-ks-foa .as input, #formular-doprava-ks-foa .ad input { width: 30px  }
	
	#formular-adresa-foa { position: absolute; left: 20px; bottom: 20px; font-size:80%;  font-weight: normal;  }
	#formular-adresa-foa input, #formular_1 input .ad { margin:1px 0 0 0; padding:3px 0 2px 3px; }
	#formular-adresa-foa input .ad { border: 1px solid red;}
	#formular-adresa-foa .popis { font-weight: normal; }
	#formular-adresa-foa .as input, #formular_1 .ad input { width: 30px  }

#cena-kus-foa	{ position: absolute; top: 30px; left: 290px;  font-size:100%; font-weight: normal; }
#cena-kus-foa input	{ border: none; text-align: right; font-weight: bold; color: red; background: transparent; font-size:100%;  }

#formular-soucet-foa	{position: absolute; top: 200px; right: 30px;  font-size:85%; font-weight: normal; }
#formular-soucet-foa input	{ border: none; text-align: right; background: transparent;  }
	
#formular-tlacitko-foa	{position: absolute; bottom: 70px; right: 30px;  font-size:85%; font-weight: normal; }

	/* *** Konec - ADAPTERY *** */

	
#sacky-druhy-foto	{ position: absolute; top: 10px; }
#sacky-druhy-foto img	{  border: 2px #fff solid; padding: 0px; margin: 16px 0 0 20px;}
	
#sacky-druhy	{ position: absolute; top: 35px; left: 190px; }
#sacky-druhy .nadpis	{ text-align: left; font-weight: bold; font-size:140%; color: #fff;  }
#sacky-druhy .popis	{ text-align: left;  font-size:100%;  color: #fff; font-weight: normal; width: 620px; height: 95px;}
#sacky-druhy .cena	{ margin: 0 0 0 10px; line-height: 43px; vertical-align: bottom; font-weight: bold; font-size: 120% }


	#sacky-druhy ul		{ margin: 7px 0 0 0px; float: left; border: 1px #000 solid; padding: 0px;}
	#sacky-druhy li 	{ display:block; background: url('../images/menu/menu_bg.jpg') repeat-x; width: 125px;}
	#sacky-druhy li a	{ text-decoration:none; color:#fff; display:block; margin:0; height:22px; padding:8px 0px 0 12px;}
	#sacky-druhy li a:hover { text-decoration:underline; background: url('../images/menu/menu_hover.jpg') repeat-x;}
	#sacky-druhy .kosik		{ margin-left: 85px; margin-top: -19px; }