@charset "windows-1250";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:#01CA32;
	background-image:url(images/body-back-image.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin: 0; /* Je vhodné nastavit nulový okraj a odsazení elementu body a umožnit tak použití různých výchozích hodnot prohlížeče. */
	padding: 0;
	text-align: center; /* Umístí kontejnery na střed v prohlížečích IE 5*. Text je nastaven na výchozí zarovnání vlevo v selektoru #container. */
	color: #000000;
}



#container { 
	position: relative; /* Přidání nastavení position: relative umožňuje relativní umístění dvou postranních lišt vzhledem k tomuto kontejneru. */
	width: 1260px;  /* Nastavení o 20 px méně než je maximální šířka 800 px umožní zobrazení prvků prohlížeče a zabrání použití horizontální posuvné lišty. */
	margin: 0 auto; /* Automatické okraje (společně se šířkou) nastaví stránku na střed. */
	text-align: left; /* Dojde k potlačení zarovnání textu: zarovnání na střed u elementu body. */
	background-color:#FFF;
} 

/* Tipy pro absolutně umístěné postranní lišty se záhlavím a zápatím:
1. Absolutně umístěné (AP) elementy musí mít nastavenu horní a boční hodnotu, buď vlevo, nebo vpravo. (Ve výchozí podobě, není-li zadána žádná horní hodnota, bude element AP začínat bezprostředně za posledním elementem ve zdrojovém pořadí stránky. To znamená, že pokud jsou postranní lišty prvním elementem v tagu #container ve zdrojovém pořadí dokumentu, zobrazí se v elementu #container nahoře, aniž by byla nastavena horní hodnota. Pokud však později dojde z jakéhokoli důvodu k jejich přesunutí ve zdrojovém pořadí, bude nutné nastavit horní hodnotu požadovaného umístění.
2. Absolutně umístěné (AP) elementy jsou vyjmuty z toku dokumentu. To znamená, že elementy kolem nich nejsou vázány jejich existencí a nezohledňují je při nacházení vlastní polohy na stránce. Tag AP div proto používejte pouze jako postranní sloupec, pokud jste si jisti, že prostřední element #mainContent div bude vždy obsahovat nejvíce obsahu. Pokud bude některá z postranních lišt obsahovat více obsahu, bude tato lišta přesahovat spodní okraj nadřazeného tagu div, a v tomto případě i zápatí, a její obsah se nebude zobrazovat.
3. Pokud jsou výše uvedené podmínky splněny, absolutně umístěné postranní lišty představují snadný způsob ovládání zdrojového pořadí dokumentu.
4. Pokud dojde ke změně zdrojového pořadí. Musí horní hodnota odpovídat výšce záhlaví, jelikož tak dojde k vizuálnímu zarovnání sloupců se záhlavím.
*/
#header { 
	height: 200px; /* Měníte-li zdrojové pořadí sloupců, můžete použít výšku u záhlaví a vytvořit tak předpokládatelnou horní hodnotu pro sloupce. */
	background-image:url(images/top-back.jpg);
	padding: 0 10px 0 20px;  /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí pod ním. Pokud je v tagu #header použit obraz namísto textu, můžete chtít odsazení odstranit. */
	text-align:right;
} 
#header h1 {
	margin: 0; /* vynulováním okraje posledního elementu v tagu #header div zabráníte sbalení okraje – nevysvětlitelné mezeře mezi tagy div. Pokud má tag div kolem pevný okraj, není tato operace nutná, jelikož rovněž nedochází ke sbalení okraje. */
	padding: 10px 0; /* Použitím odsazení namísto okraje umožníte ponechání elementu ve vzdálenosti od okrajů tagu div. */
}

.clock {
	text-align:right;
	float:left;
	position:absolute;
	top:0px;
	right:0px;
}

#top-menu { 
	height: 40px; /* Měníte-li zdrojové pořadí sloupců, můžete použít výšku u záhlaví a vytvořit tak předpokládatelnou horní hodnotu pro sloupce. */
	background-image:url(images/top-menu-back.jpg);
	padding: 0 10px 0 0px;  /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí pod ním. Pokud je v tagu #header použit obraz namísto textu, můžete chtít odsazení odstranit. */
} 

#reklama { 
	height: 160px; /* Měníte-li zdrojové pořadí sloupců, můžete použít výšku u záhlaví a vytvořit tak předpokládatelnou horní hodnotu pro sloupce. */
	width:1260px;
	background-color:#FFF;
	padding: 0 0 0 0;  /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí pod ním. Pokud je v tagu #header použit obraz namísto textu, můžete chtít odsazení odstranit. */
} 

#obal {
	position:static;
	top:400px;
	height:auto;
	background-color:#FFF;

}

#lavystlpec {
	position: relative;
	left: 0;
	width: 200px; /* Skutečná šířka tohoto tagu div v prohlížečích, které odpovídají standardům, a standardním režimu prohlížeče Internet Explorer bude zahrnovat odsazení a pevný okraj přičtený k šířce. */
	background: #FFF; /* Barva pozadí se bude zobrazovat v délce obsahu sloupce, nikoli však dále. */
	padding: 0 0 0 0; /* Odsazení vytváří mezeru mezi obsahem a okrajem tagu div. */
	float:left;
}

#lavystlpec h4 {
	font-size:10px;
	text-decoration:underline;
	color:#1F520D;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:-5px;
}

#lavystlpec h3 {
	font-size:13px;
	text-decoration:none;
	color: #093;
	padding-left:5px;
	padding-bottom:10px;
	margin-bottom:-5px;
}

#lavystlpec a {
	text-decoration:none;
	color:#093;
}

#lavystlpec ul {
	text-decoration:none;
	list-style:none;
	margin-left:-30px;
	font-size:9px;

}

#lavystlpec h5 {
	font-size:9px;
	text-decoration:underline;
	color:#1F520D;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:5px;
}




#lstlp {
	position:relative;
	overflow:auto;
	padding-right:10px;
	height:560px;

}
	
#pravystlpec {
	position: relative;
	right: 0;
	width: 200px; /* Skutečná šířka tohoto tagu div v prohlížečích, které odpovídají standardům, a standardním režimu prohlížeče Internet Explorer bude zahrnovat odsazení a pevný okraj přičtený k šířce. */
	background: #FFF; /* Barva pozadí se bude zobrazovat v délce obsahu sloupce, nikoli však dále. */
	padding: 0 0 0 0; /* Odsazení vytváří mezeru mezi obsahem a okrajem tagu div. */
	float:right;
	text-align:left;
}

#pravystlpec h4 {
	font-size:10px;
	text-decoration:underline;
	color:#1F520D;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:-5px;
}



#mainContent { 
	margin: 0 200px; /* Pravý a levý okraj tohoto elementu div vytvářejí dva vnější sloupce po stranách stránky. Bez ohledu na to, jaké množství obsahu tagy sidebar div obsahují, mezera sloupce bude zachována. */
	padding: 0 14px; /* Odsazení představuje mezeru uvnitř pole div, okraj představuje mezeru vně pole div. */
	min-height:560px;
	text-align:center;
}

#mainContent h4 {
	color:#1F520D;
	font-size:12px;
}

#footer {
	position: relative;
	padding: 0 10px 0 20px; /* Toto odsazení odpovídá zarovnání vlevo u elementů v tazích div, které se nacházejí nad ním. */
	background-image:url(images/footer-back.jpg);
	
} 
#footer p {
	text-align:center;
	font-size:10px;
	margin: 0; /* Vynulováním okrajů prvního elementu v zápatí zabráníte možnému sbalení okraje – vzniku mezery mezi tagy div. */
	padding: 10px 0; /* Odsazení tohoto elementu vytvoří mezeru stejně jako okraj, avšak bez problému se sbalením okraje. */
}

#footer a {
	color:#FFF;
}

.fltrt { /* Tuto třídu lze použít pro nastavení plovoucího elementu vpravo na stránce. Plovoucí element musí předcházet element, vedle kterého se má na stránce zobrazovat. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Tuto třídu lze použít pro nastavení plovoucího elementu vlevo na stránce. */
	float: left;
	margin-right: 8px;
}

.novinky {
	font-size:10px;
	padding-left:5px;
}

.novinky a {
	color:#1F520D;
}

.akcie {
	font-size:10px;
	padding-left:5px;
	padding-right:5px;
}

.onas {
	margin-top:10px;
	background-image:url(images/onas-back.jpg);
	background-position:center;
	background-repeat:repeat-y;
}

.onas p{
	padding-left:35px;
	padding-right:45px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

.onas ul {
	text-decoration:none;
	text-align:left;
	list-style:none;
	margin-left:0px;
	font-size:10px;
	font-weight:bold;
	margin-right:45px;
}

.onas ol {
	text-decoration:none;
	text-align:left;
	font-size:10px;
	font-weight:bold;
	margin-left:20px;
	margin-right:45px;
}

.onas a {
	text-decoration:none;
	color:#093;
}


.onas h5 {
	font-size:12px;
	text-decoration:underline;
	color:#1F520D;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:5px;
	
}

/* css pre pentax */

#lavystlpecpentax {
	position: relative;
	left: 0;
	width: 200px; /* Skutečná šířka tohoto tagu div v prohlížečích, které odpovídají standardům, a standardním režimu prohlížeče Internet Explorer bude zahrnovat odsazení a pevný okraj přičtený k šířce. */
	background: #FFF; /* Barva pozadí se bude zobrazovat v délce obsahu sloupce, nikoli však dále. */
	padding: 0 0 0 0; /* Odsazení vytváří mezeru mezi obsahem a okrajem tagu div. */
	float:left;
	height:560px;
}

#lavystlpecpentax h4 {
	font-size:10px;
	text-decoration:underline;
	color:#1F520D;
	padding-left:5px;
	padding-bottom:0px;
	margin-bottom:-5px;
}

#lavystlpecpentax h3 {
	font-size:13px;
	text-decoration:none;
	color: #093;
	padding-left:5px;
	padding-bottom:10px;
	margin-bottom:-5px;
}

#lavystlpecpentax a {
	text-decoration:none;
	color:#093;
}

#lavystlpecpentax a img {
	border:none;
}

.Riadok {
	float:left;
	width:100%;
	text-align:center;
}

.Produkt {
	float:left;
	width:260px;
	margin-top:15px;
	margin-left:10px;
	border-bottom:dotted #333 1px;
	padding-bottom:10px;
}

/* tabulka s akciami */

.Nadpis {
	color:#1F520D;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
	height:35px;
	text-align:center;
}

.Cena {
	color:#F00;
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
}
	
.techSpec a{
	text-decoration:none;
	color: #1F520D;
	font-size:10px;
	text-align:center;
}
.techSpec a:hover {
	text-decoration:underline;
	color:#690;
}

.Objednat a{
	text-decoration:none;
	color: #1F520D;
	font-size:12px;
	text-align:center;
}

.Objednat a:hover {
	text-decoration:underline;
	color:#690;
}
	
/*-- hlavna tabulka --*/

.tabMain {
	float:left;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:36px;
	margin-right:36px;
}

.tabMain a img{
	text-decoration:none;
	border:none;
}


/*-- docasne divno pre jednu ponuku na hlavnej stranke znacky --*/

.tabMainOne {
	float:none;
	margin-top:10px;
	margin-left:36px;
	margin-right:36px;
	margin-bottom:20px;
}

.tabMainOne a img{
	text-decoration:none;
	border:none;
}

/*-- tabulka s produktami --*/
.Popis {
	font-size:11px;
	text-align:left;
	vertical-align:text-top;
	height:106px;
}

.Popis li{
	list-style:none;
}

.Popis ul{
	padding-left:15px;
	
}