/* created by Jakub Vanek
 jakubx@centrum.cz
 February  2006
 copyrighted

 obsah:
 1. Obecne 
 2. Hlavni okno
 3. Menu
    3.1 Horni menu
    3.2 Leve menu s produty
    3.3 Prave menu - Akce atd.   
 4. Obecne texty
 5. Formualre
 6. Produkty
 7. Kosik
 10. Ruzne
 
 
    
 1.1 Halvni leve menu
 1.2 Hroni menu objednavky o nas atd.
 2. Kosik
 3. Produkty

*/



/*1. Obecne */

body {
  background: #565;
	color: #000;
	font: 80%/1.5 Verdana, Helvetica, sans-serif; 
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	margin-top: auto;
  }

#body {  
  margin: 1em auto;
} 

td{
	 font-size: 9pt;
}

img { border:0; margin:0; padding: 0; }

li { list-style-position: outside; 
     text-indent: 0; 
     list-style-type: square;}

a { color: #495D08; text-decoration: none;}
a:hover { color:#000; text-decoration: underline;} 

h2 {
  text-align: center; 
  font: 18px Verdana, Helvetica, sans-serif; 
  margin-left: 10px;
  padding: 5px 5px 5px 10px;
  color: #000;
  border-bottom: #a6c4a3 1px solid;
}



h3 {
  font-size: 15px;
  margin: 10px;
  color: #000;
}



p { 
  margin: 10px;
  font-size: 9pt;
}

div.zpet{
	text-align: right;
	margin: 10px;
	font-weight: bold;
	color: #495D08;
}

/*copyright*/
.copyright{
  color: white;
  font-size: 8px;
}



a.copyright:hover{
  color: white;
}

p.copyright{
  text-align: right;
}


/*2. Hlavni okno - rozdleni okna na casti = zaladni sablona*/
div.mainCenter{
	text-align: center;
}

div.MAIN{
	padding-top:10px;
	width: 900px;
	position: relative;
	margin: auto;
}

div.top{
	position: relative;
	text-align: center;
	width: 900px;
	height: 160px;
}

 div.menuTop{
 	margin-top: 3px; 
 	text-align: center;
 	width: 900px;
	height: 30px;
	text-align: center;
	vertical-align: bottom;
 }
     
div.leveMenu{
	text-align: left;
	position: absolute;
	left: 0px;
	top: 210px;
	width: 140px;
}
div.centralBlock {
	position: absolute;
	top: 210px;
	left: 143px;
	width: 610px;
	text-align: center;

}

div.centralBlockIn{
	
	position: relative;
	height: 100%;
	width: 604px;
	background: White;
	text-align: center;
	vertical-align: top;
}
div.centralBlockMargin{
	
	margin: 3px;
	padding-top: 5px;
	padding-bottom: 30px;
	position: relative;
	height: 100%;
	width: 600px;
	background: White;
	background: url('../obrazky/jaroKop.gif');
	xbackground: url('../obrazky/vanoce4.gif');
	text-align: left;
}

div.praveMenu{
	position: absolute;
	top: 210px;
	left: 756px;
	width: 145px;
	text-align: right;
}
            
div.signatur{
margin-top: 50px; 
position: relative;
width: 610px;
text-align: center;
}



/* 3. menu*/

/* 3.1 Horni menu*/
A.horniMenu{
    color:#FFFFFF;
    text-align: center;
    position: relative;
    padding: 0px 9px 0px 9px;
    vertical-align: middle;
    font-size: 9pt;
    font-weight: bold;

}

A.horniMenu:hover{
  color:#FFFFFF;
}

span.horniMenu{
    color:#FFFFFF;
    text-align: center;
    position: relative;
    vertical-align: middle; 
    font-size: 9pt;
    font-weight: bold;

}

table.horniMenu{
  text-align: left; 
  width:  100%; 
  height: 100%; 
  background: url('../obrazky/submenu-bg.gif') top no-repeat;
}

td.horniMenuZakznik{
	margin: 10px;
  vertical-align: middle;
  text-align: right;
  width: 320px;
}

td.horniMenuKosik{
	margin: 10px;
	padding-right: 10px;
  width: 150px; 
  text-align: right; 
}


/* 3.2 Leve menu - katalog s vyrobky*/

A.leveMenu{
    color:#FFFFFF;
    text-align: center;
    font-size: 9pt;
    font-weight: bold;
}

A.leveMenu:hover{
  color:#FFFFFF;
}

table.menuProd{
  vertical-align: middle;
  width: 142px;
}

TD.menu1ur{
    background: url('../menu/menuLeft1.gif') top no-repeat;
    text-align: center;
    vertical-align: middle;
    width: 138px;
    height: 24px;
}

TD.menu2ur{
     background:#4a5d0c;
     text-align: center;
     vertical-align: middle;
     width:138px;
     height:24px;
}

TD.menu3ur{
     background:#728872;
     text-align: center;
     vertical-align: middle;
     width:138px;
     height:24px;
}


/* 3.3 Prave menu - Akce atd.*/
table.menuPrave{
  vertical-align: middle;
  width: 146px;
}


/* 4. obecne texty*/

.centralBlock { 
  padding: 5px 5px;
}



/*5. Formulare */

table.formulare{
	width: 100%;
	font: 13px Verdana, Helvetica, sans-serif; 
}

td.formulare{
	width: 50%;
	margin: 10px;
}

td.formularePopiskyNapisNamSpojene{
	text-align: center;
	margin: 10px;
}

td.fomlulareSpojene{
	margin: 10px;
}

.chyba{
	padding: 6px;
	text-align: center;
	color: #FF6868;
	FONT-WEIGHT: bold;
} 

.asterisk { color: #f00; }


/*6. Produkty*/
td.velikostKartyProdktu{
	height: 290px; 
	width: 200px; 
	text-align: center; 
	vertical-align: text-bottom; 
	
}




a.kategoryHeader{
  font-weight: bold;
  xmargin-left: -20px;
  xmargin-right: 30px;
  font-size: 10pt;
}

table.kartaProduktu{
	text-align: left;
	vertical-align: top;
	height: 99%;
	width: 99%;
	border: 1px dotted Gray;
	background-color: rgb(255, 254, 233);
}

/*protoze FF 2.0 se nelibi kdyz tam nejsou dalsi tabulky udelam mu prazdnou :-)*/
table.kartaProduktuDuch{
	height: 99%;
	width: 99%;
}

tr.vyrobceKP{
	border: 1px dotted Gray;

	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 10%;
	
}

tr.fotkaKP{
	background-color: #EAFFF4;
	vertical-align: middle;
	text-align: center;
	height: 68%;
	border: 1px dotted Gray;
}



tr.nazevProduktuKP{
	vertical-align: top;
	text-align: center;
	height: 15%;
	font-weight: bold;
	border: 1px dotted Gray;	
}


tr.cenaKP{

	vertical-align: bottom;
	text-align: left;
	height: 15%;
	border: 1px dotted Gray;	
}

div.detFotka{
	margin: 5px;
	border: 1px dotted Gray;
}

div.detPopis{
	background-color: rgb(255, 254, 233);
	border: 1px dotted Gray;
	margin: 5px;
}

div.doKosiku{
	text-align: right;
	background-color: #EAFFF4;
	border: 1px dotted Gray;
	padding: 10px;
}

td.detail{
	vertical-align: top;
}


/*7. Kosik*/
table.kosik{
	text-align: left;
	vertical-align: top;
	width: 99%;
	border: 1px dotted Gray;
	background-color: rgb(255, 254, 233);
}

td.nadpisKosiku{
   background-color: #EAFFF4;
   font-size: 8pt;
}

div.potvrzeniKosik{
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.kosik{
  font-size: 8pt;
}

tr.kosik{
	background-color: #EAF5FF;
}


/*10. ruzne*/

td.vyrobci{
text-align: center; 
width: 50%;
border: 5px;
}

div.vanoce{
	

}

/* 11. Sety*/


h3.sets {
  border-bottom: #a6c4a3 1px dotted;
}


div.sets{
  text-align: left;
	background-color: #EAFFF4;
	border: 1px dotted Gray;
	padding-left: 10px;
	margin: 0px 5px 35px 5px;
}