﻿body,html
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    font-size: 12px;
	/*background-color: #678FC2; */
	background-color:#93A5A9;
	background-image:url(images/background.gif);
	background-position:center;
	background-repeat:repeat-y; 
}

html
{
	height:100.1%;
}
/* <!--// ---------------- Sekce HLAVNI MENU -------------------  --> */
DIV.MenuItemStred 
{ 
	border:0;
	background-image: url(images/menu.gif); 
	height:24px;
	width:796px;
}

DIV.menu
{
	width:796px;
	height:24px;
	margin-left:0px;
	margin-top:0px;
	font-size:11px;
}

DIV.menuitem
{
	height:24px;
	background-color:#FBD098;
	padding-left:10px;
	padding-right:10px;
	line-height:25px;
	float:left;
}

DIV.menuitemozn
{
	height:24px;
	background-color:#F2C996;
	padding-left:10px;
	padding-right:10px;
	line-height:25px;
	float:left;
}

DIV.menuitem A
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.menuitem A:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.menuitemozn A
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.menuitemozn A:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

IMG.CaraPodMenu
{
	src:url(image/menu_bottom.gif);
}

IMG.TopHeader
{
	src:url(image/header.gif);
}

.clearer { clear:both; }

/* <!--// ---------------- Sekce LEVE MENU ----------------------  --> */
DIV.LeveMenuHeader
{
	background-color:#FBD098;
	color:#686A68;
	width:150px;
}
DIV.LeveMenuItemCara
{
	background-image:url(images/orange_line.gif);
	background-repeat:repeat-x;
	width:146px;
	height:1px;
	float:left;
    font-size:0px;
}

DIV.LeveMenuItemCaraNic
{
	background-image:url(images/silver_line.gif);
	background-repeat:repeat-x;
	background-color:#EBE9E6;
	width:146px;
	height:1px;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
    font-size:0px;
}

DIV.LeveMenuCara
{
	background-image:url(images/orange_line.gif);
	background-repeat:repeat-x;
	width:146px;
	height:1px;
    font-size:0px;
}

TD.LeveMenuHeader
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#EEA64B;
	color:#686A68;
	width:150px;
}

TD.LeveMenuPodklad
{
	background-color:#FEF4E7;
	width:155px;
}

DIV.MenuItemLeft 
{ 
	border:0;
	background-image: url(images/menu_left.gif); 
	background-repeat:repeat-y; 
	height:23px;
}

DIV.LeveMenuPodklad
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	font-weight:normal;
	background-color:#EBE9E6;
	width:150px;
}

DIV.LeveMenuPodkladOdsazeni
{
	background-color:#EBE9E6;
	width:150px;
	height:5px;
    font-size:0px;
}

/* <!--// ---------------- Sekce LEVE MENU POLOZKY --------------  --> */
DIV.LMHeader
{
	background-color:#EBE9E6;
	color:#686A68;
	width:146px;
	float:left;
}

DIV.levemenuitem
{
	height:20px;
	width:136px;
	background-color:#EBE9E6;
	padding-left:5px;
	padding-right:5px;
	line-height:21px;
	float:left;
}

DIV.levemenuitemozn
{
	height:20px;
	width:136px;
	background-color:#D9D5D2;
	padding-left:5px;
	padding-right:5px;
	line-height:21px; 
	float:left;
}

DIV.levemenuitem A
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.levemenuitem A:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.levemenuitemozn A
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.levemenuitemozn A:hover
{
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

/* <!--// ---------------- Sekce LOGIN ---------------------------  --> */
DIV.LoginHeader
{
	background-color:#FBD098;
	color:#686A68;
	width:230px;
}

DIV.LoginObsah
{
	background-color:#FEFBF0;
	color:#686A68;
	width:230px;
}

DIV.LoginCara
{
	background-image:url(images/orange_line.gif);
	background-repeat:repeat-x;
	width:230px;
	height:1px;
    font-size:0px;
}
DIV.LoginCaraPod
{
	background-image:url(images/orange_line.gif);
	background-repeat:repeat-x;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	width:100%;
	height:1px;
    font-size:0px;
}

DIV.LoginPodkladOdsazeni
{
	background-color:#FEFBF0;
	width:230px;
	height:5px;
    font-size:5px;
}

TD.LoginHeader
{
	background-color:#EEA64B;
	color:#686A68;
}

INPUT.LoginPolozka
{
	border: solid 1px #EEA64B; 
	width:150px;
}

TD.LoginPravo
{ 
	background-image: url(images/menu_info_login.gif); 
	width:168px;
	height:18px;
}

DIV.Login A
{
	position:relative;
	float:left;
	top:0px;
	left:10px;
	text-decoration:none;
	font-weight:bold;
	color:#686A68;
	font-size:11px;
}

DIV.Login input
{
	position:relative;
	float:right;
	top:-1px;
	right:2px;
}

/* <!--// ---------------- Sekce NAKUPNI KOSIK  ---------------  --> */
A.Objednavka
{
	text-decoration:none;
	font-weight:bold;
	color:#AB8F6D;
	font-size:11px;
}

/* <!--// ---------------- Sekce VYHLEDAVANI  -----------------  --> */
INPUT.Hledat
{
	border: solid 1px #EEA64B; 
	width:105px;
}

/* <!--// ---------------- Sekce OSTATNI ----------------------  --> */
DIV.Obsah
{
	background-color:#FEFBF0;
	width:630px;
}

TD.PopisVyrazne
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#605555;
}


/* <!--// ---------------- Sekce Prehled produktu ----------------  --> */
.Hlavicka, .HlavickaCislo, .ProduktInfo
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#605555;
	background-color:#D3DEDB;
}

.ProduktInfo 
{
	width:630px;
	float:left;
	margin-top:10px;
	margin-bottom:5px;
}

.ProduktTelo
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:10px;
	width:630px;
	/*height:305px;*/
	float:left;
}

.ProduktObrazky
{
	float:left;
	width:250px;
	height:303px;
}

.ProduktObrazek
{
	float:left;
	width:250px;
	height:250px;
	overflow:hidden;
}

.ProduktOstatniObrazky
{
	float:left;
	width:250px;
	height:45px;
	margin-top:3px;
}

.ProduktObrazekDetail
{
	float:left;
	width:45px;
	height:45px;
	margin-right:3px;
	border-style:dotted;
	border-width:1px;
}

.ProduktyTexty
{
	float:left;
	width:355px;
/*	height:300px; */
}

.ProduktyTextyDetail
{
	float:left;
	width:355px;
	margin-left:5px;
}

.ProduktyDetailPole, .ProduktDetailPoleMnText, .ProduktDetailPoleMn, .ProduktDetailPolePozn
{
	float:left;
	width:80px;
	font-weight:bold;
	font-size:11px;
	line-height:20px;
}

.ProduktDetailPoleMnText
{
	margin-top:5px;
}

.ProduktDetailPolePozn
{
	margin-top:10px;
	width:355px;
	height:20px;
}

.ProduktDetailPoleMn
{
	width:40px;
	margin-top:5px;
}

.ProduktyDetailText
{
	float:left;
	width:275px;
	font-size:11px;
	line-height:20px;
}

.ProduktPopis
{
	float:left;
	font-size:11px;
	width:355px;
/*	height:175px; 
	overflow:scroll;*/
	font-weight:normal;
}

INPUT.ProduktMnozstvi
{
	width:30px;
}

.ProduktKosik
{
	float:left;
	width:200px;
	margin-top:3px;
}

.HlavickaCislo 
{
	width:200px;
}

.Karta
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
}

.KartaObrazek
{
	width:250px;
	height:250px;
	background-image:url(images/obrazek_podklad_white.gif);
	padding-top:5px;
	padding-bottom:5px;
}

.KartaObrazekInfo
{
	background-color:#FFFFFF;
}

.NadpisProdukty
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	font-weight:bold;
}

/* <!-- // SEKCE PRODUKTY -----> */
.ProduktNovyText
{
	width:80px;
	margin-top:2px;
	margin-bottom:2px;
	float:left;
}
.ProduktNovyValue
{
	width:530px;
	margin-top:2px;
	margin-bottom:2px;
	float:left;
}
.ProduktNovyPopis
{
	width:500px;
	margin-top:2px;
	margin-bottom:2px;
	float:left;
}
.ProduktButton
{
	width:606px;
	margin-left:5px;
	background-color:#ECE9D8;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:1px;
	float:left;
}

.ProduktObrHeader
{
	width:606px;
	margin-left:10px;
	background-color:#FBD098;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:1px;
}

/* <!-- // SEKCE KATEGORIE -----> */
.Kategorie, .KategorieNadpis, .KategorieSeznam, .KategorieSeznamHeader
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	width:630px;
}

.KategorieNadpis
{
	font-weight:bold;
	margin-left:10px;
	margin-bottom:5px;
	width:620px;
}

.KategorieSeznamHeader
{
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
}

.KategorieSeznam
{
	margin-left:10px;
	margin-right:10px;
}

.KategorieButton
{
	width:606px;
	margin-left:5px;
	background-color:#ECE9D8;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:1px;
	float:left;
}
.KategorieNovaText
{
	width:80px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}
.KategorieNovaValue
{
	width:530px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

.TlacitkoEditace
{
	width:16px;
	src:url(images/editace.gif);
}
.TlacitkoSmazat
{
	width:16px;
	src:url(images/smazat.gif);
}

/* ------ Reklama ----------- */
.ReklamaNovaText
{
	width:120px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}
.ReklamaNovaValue
{
	width:490px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

/* <!-- // SEKCE TEXTY -----> */

.TextyButton
{
	width:626px;
	margin-left:0px;
	background-color:#ECE9D8;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:2px;
	padding-right:2px;
	border-style:solid;
	border-width:1px;
}

.Cara610, .Cara630
{
	width:610px;
    background-image:url(images/gray_line.gif);
    background-repeat:repeat-x;
    height:1px;
    line-height:1px;
    margin-left:10px;
    margin-right:10px;
    margin-top:5px;
    margin-bottom:5px; 
    float:left; 
    font-size:0px;
}

.Cara630
{
	width:630px;
    margin-left:0px;
    margin-right:0px;
}

.CaraNic610
{
	background-color:#FEFBF0;
	width:610px;
	height:5px;
	float:left;
    margin-left:0px;
    margin-right:0px;
    font-size:0px;
}
.Cara610NoMargin
{
    background-image:url(images/gray_line.gif);
    background-repeat:repeat-x;
    height:1px;
    line-height:1px;
	width:610px;
	float:left;
    margin-left:0px;
    margin-right:0px;
    font-size:0px;
}

.CaraNic630
{
	background-color:#FEFBF0;
	width:630px;
	height:5px;
	float:left;
    margin-left:0px;
    margin-right:0px;
    font-size:0px;
}

/* <!-- // Soubory ------------> */
.Uload, .UploadObsah, .UploadRadek
{
	font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	font-size:11px;
	width:630px;
}
.UploadObsah
{
	width:610px;
	margin-left:10px;
	margin-right:10px;
}
.UploadText
{
	width:80px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}
.UploadValue
{
	width:530px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}
.UploadNadpis
{
	width:610px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
	font-weight:bold;
}
.UploadRadek
{
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}

/* <!-- // Pocitadlo ------------> */
.Pocitadlo
{
	font-weight:bold;
	font-size:12px;
	color:#686A68;
	text-align:center;
	margin-left:10px;
}

