/* zakladni styly */
.body,table,p,div{
	color: #006600;
	font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
	margin: 3;

}
.img{
	border-width:0px;
}
/* zakladni styly end */

.menu {
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	background-image: url(images/barbg2.gif);
}


.menuLink {
	FONT-SIZE: 8pt;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFF00;
	margin-bottom: 3px;
}

A.menuLink:link,
A.menuLink:visited,
A.menuLink:active{
	COLOR: #003399;
	TEXT-DECORATION: none;
	text-align: center;
	margin-top: 3px;
}
A.menuLink:hover{
	COLOR: #990000;
	text-decoration: underline;
	text-align: center;
	border: 1px dotted #339999;
	background-color: #FFFFFF;
}


.linkStrana{
	color: #006600;
	font: Verdana;
	font-size: 8pt;
	text-decoration: none;
}
A.linkStrana:link,
A.linkStrana:visited,
A.linkStrana:active{
  COLOR: #006600;
  TEXT-DECORATION: none;
  text-align: left;
}
A.linkStrana:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: left;
}


.linkStranaX{
	color: #006600;
	font: sans-serif;
	font-size: 8pt;
	text-decoration: none;
	float: left;
	margin-left: 5pt;
}
A.linkStranaX:link,
A.linkStranaX:visited,
A.linkStranaX:active{
  COLOR: #006600;
  TEXT-DECORATION: none;
  text-align: left;
}
A.linkStranaX:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: left;
}




.linkStranaRED{
  color: #FF3300;
   font: bold 8pt Arial, Helvetica, sans-serif;
  text-align: center;
}
A.linkStranaRED:link,
A.linkStranaRED:visited,
A.linkStranaRED:active{
  COLOR: #FF3300;
  TEXT-DECORATION: none;
  text-align: center;
}
A.linkStranaRED:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: center;
}



.linkNadpis{
  color: #006600;
   font: Verdana,;
  text-align: center;
}
A.linkNadpis:link,
A.linkNadpis:visited,
A.linkNadpis:active{
	COLOR: #006600;
	TEXT-DECORATION: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
A.linkNadpis:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: center;
}


.linkPodskupina{
  color: #006600;
   font: 8pt Arial, Helvetica, sans-serif;
  text-align: center;
}
A.linkPodskupina:link,
A.linkPodskupina:visited,
A.linkPodskupina:active{
  COLOR: #006600;
  TEXT-DECORATION: none;
  text-align: center;
}
A.linkPodskupina:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: center;
}

.linkPodskupinaB{
  color: #006600;
   font: bold 7pt Arial, Helvetica, sans-serif;
  text-align: center;
}
A.linkPodskupinaB:link,
A.linkPodskupinaB:visited,
A.linkPodskupinaB:active{
  COLOR: #006600;
  TEXT-DECORATION: none;
  text-align: center;
}
A.linkPodskupinaB:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: center;
}


.linkSpodek{
  color: white;
   font: 8pt MS sans-serif, Arial, Helvetica, sans-serif;
  text-align: center;
}
A.linkSpodek:link,
A.linkSpodek:visited,
A.linkSpodek:active{
  COLOR: white;
  TEXT-DECORATION: none;
  text-align: center;
}
A.linkSpodek:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: center;
}

.nadpis{
  color: #006600;
  font: bold 12pt Verdana, Arial ;
}

.nadpisVelky{
  color: #006600;
  font: bold 14pt Verdana, Arial ;
}

.vyrobek{
  color: #008000;
  font: bold 14pt Verdana, Arial ;
}

.podpodskupina{
	color: #339900;
	font: 12pt Verdana, Arial;
}

.banner{
	color: white ;
	font: 24pt Verdana, Arial;
	}

.pata{
  color: #006600;
  font: normal 7pt Verdana, Arial, Helvetica, sans-serif;
}

.cenikNadpis{
 color: white;
 background-color:#006600;
 font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
}

.cenikCeny{
 color: #990066;
 background-color:#EFEFEF;
 font: bold 9pt Verdana, Arial, Helvetica, sans-serif;
}



.inputbox{
	font-size:10pt;
	color : #000000;
	background : #FFFFFF;
	border : 1px solid Black;
}
.ButtonBack{
  color:#339900;
  background-color:white;
  font: bold 10pt Arial, Helvetica, sans-serif;
  text-align: center;
  border : 0px solid Black;
}
.Telo {
	font-size: 1000px;
	height: auto;
	margin: 0 px;
	padding-bottom: 0px;
	padding-left: 0 px;
	padding-right: 0 px;
	padding-top: 0 px;
	float: left;
}

A.ButtonBack:link{
  COLOR: #336600;
  TEXT-DECORATION: none;
  text-align: center;
}
A.ButtonBack:visited,
A.ButtonBack:active{
  COLOR: #336600;
  TEXT-DECORATION: none;
  text-align: center;
}
A.ButtonBack:hover{
  COLOR: #990000;
  text-decoration: underline;
  text-align: center;
}

.SeznamZboziCena
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #E00000;
	text-align: right;
}

.textbox{
font: normal 8pt Verdana, Helvetica, sans-serif;
	border-style: solid;
    background-color:#F7F7F7;
	border-width: 1;
}

.textboxr{
font: normal 8pt Verdana, Helvetica, sans-serif;
	border-style: solid;
    background-color:#F7F7F7;
	border-width: 1;
	text-align: right;
}

.button{
	font-size:8pt;
	font-weight:bold;
	background-color:#F7F7F7;
	border : 1px solid Black;
}

.SeznamZboziCenaN
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #E00000;
	text-align: left;
}
.SeznamZboziCenaA
{
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 8pt;
	color: #33CC66;
	text-align: left;
}


.vyrobekX {
	display: block;
	_height: 250px;
	margin: 2;
	padding: 2;
	background: #FFF;
	border: 1px solid;
	float: left;
	border-color: #197A30;
}

.vyrobekL {
	display: block;
	height: 200px; _height: 250px; width: 350px;
	margin: 2; padding: 2;
	background: #FFF;		
	border: 1px solid #339999;
	float: left;
}


.vyrobekZ {
	display: block;
	height: 200px; _height: 250px; width: 350px;
	margin: 2; padding: 2;
	background: #FFF;		
	border: 1px solid #66CCFF;
	float: left;
}

.vyrobek_edit {
	display: block;
	min-height: 200px; _height: 250px; width: 350px;
	margin: 2; padding: 2;
	background: #FFF;		
	border: 1px solid #FF0000;
	float: left;
}

.vyrobek_nazev {
	font-family: Verdana;
	width: 350px;
	margin: 0;
	text-align: center;
	color: #297D6B;
	font-weight: bold;
	text-decoration: none;
	font-size: 9pt;
	background: url("images/background_menu_02.jpg") center repeat-x;
	padding-top: 4px;
	padding-bottom: 4px;
}

.vyrobek_nazevL {
	font-family: Verdana;
	width: 350px;
	margin: 0; padding: 4px;
	text-align: left; color: #297D6B; font-weight: bold; text-decoration: none; font-size: 9pt;	
	background: url("images/prouzekL.gif") center repeat-x; 	
}
A.vyrobek_nazevL:hover{
	color:#FF0000;
	background: url("images/background_menu_02.jpg") center repeat-x; 	
}

.vyrobek_nazevZ {
	font-family: Verdana;
	width: 350px;
	margin: 0; padding: 4px;
	text-align: left; color: #297D6B; font-weight: bold; text-decoration: none; font-size: 9pt;	
	background: url("images/prouzekZ.gif") center repeat-x; 	
}
A.vyrobek_nazevZ:hover{
	color:#FF0000;
	background: url("images/background_menu_02.jpg") center repeat-x; 	
}

.vyrobek_popis {
	width: 180px;
	margin: 2px;
	padding: 0 0 2px 0;
	text-align: left;
	color: #24211D;
	font-weight: normal;
	font-size: 8pt;
	line-height: 130%;
	border-bottom: 1px solid #D2EBE0;
	float: left;
	font: verdana;
}
.vyrobek_maly_obrazek {
	display: inline;
	width: 150px; height: 150px; _height: 150px;
	margin: 5px; padding: 0;
	background: #FFF; text-align: center;
	float: left;
}
.vyrobek_tabulka {
	height: auto; width: 600px;
	margin: 0; padding: 0;
	float: left;
}

.vyrobek_detail {
	display: block;
	min-height: 160px; _height: 160px; width: 350px;
	margin: 5; padding: 5;
	background: #FFF;		
	border: 1px solid #757575;
	float: left;
}

.vyrobek_detailL {
	display: block;
	min-height: 160px; _height: 160px; width: 662px;
	margin: 5; padding: 5;
	background: #FFF;		
	border: 1px solid #339999;
	float: left;
}
.vyrobek_detailZ {
	display: block;
	min-height: 160px; _height: 160px; width: 662px;
	margin: 5; padding: 5;
	background: #FFF;		
	border: 1px solid #66CCFF;
	float: left;
}

.vyrobek_detail_nazev {
	font-family: Verdana, sans-serif;
	width: 650px;
	margin: 0; padding: 4px 4px 4px 8px;
	text-align: left; color: #757575; font-weight: bold; text-decoration: none; font-size: 9pt;	
	background: url("images/background_menu_02.jpg") center repeat-x; 	
}

.vyrobek_detail_nazevL {
	font-family: Verdana, sans-serif;
	width: 650px;
	margin: 0; padding: 4px 4px 4px 4px;
	text-align: left; color: #757575; font-weight: bold; text-decoration: none; font-size: 9pt;	
	background: url("images/prouzekL.gif") center repeat-x; 	
}

.vyrobek_detail_nazevZ {
	font-family: Verdana, sans-serif;
	width: 650px;
	margin: 0; padding: 4px 4px 4px 4px;
	text-align: left; color: #757575; font-weight: bold; text-decoration: none; font-size: 9pt;	
	background: url("images/prouzekZ.gif") center repeat-x; 	
}


a.vyrobek_nazev {color: #757575; text-decoration: none;}
a:hover.vyrobek_nazev {color: #757575; text-decoration: underline;}



.vyrobek_velky_obrazek {
	margin: 5px 10px 5px 10px; padding: 0;
	text-align: left;
	float: left;
}



.vyrobek_cena {
	margin: 0px; padding: 0;
	text-align: right; color: #24211D; font-weight: normal; font-size: 0.8em;
	float: right;	
}

.vyrobek_rozsireny_popis, .vyrobek_detail_cena {
	height: auto; width: 95%;
	margin: 10px 0 5px 0px; padding: 0;
	text-align: left; color: #24211D; font-weight: normal; font-size: 0.9em;
	float: left;
}

.vyrobek_pocet {
	width: 185px;
	margin: 5px 2px 5px 0; padding: 0;
	text-align: right; color: #000; font-weight: normal; font-size: 0.8em;
	float: right;
}

.vyrobek_detail_pocet {
	width: 185px;
	margin: 5px 2px 5px 0; padding: 0;
	text-align: right; color: #000; font-weight: normal;
	float: right;
}

.vyrobek_cena_1 {
	width: 185px;
	margin: 1px 1px 1px 0px; padding: 0;
	text-align: left; color: #000; font-weight: normal; font-size: 8pt;
	float: left;
	font: verdana;
}

.vyrobek_RegCis {
	width: 50px;
	margin: 5px 5px 5px 0px; padding: 0;
	text-align: right; color: #000; font-weight: normal; font-size: 0.8em;
	float: right;
}

.vyrobek_cena_2 {
	width: 200px;
	margin: 5px 5px 5px 0px; padding: 0;
	text-align: right; color: #000; font-weight: normal; font-size: 0.8em; line-height: 130%;
	float: right;
}

.vyrobek_buy_button {
	height: 23px; width: 25px;
	margin: 5px 0 0 0; padding: 0;
	float: right;
}

.vyrobek_detail_popis {
	display: inline;
	width: 640px;
	margin: 5px 10px;
	padding: 5px 0 0 0;
	text-align: left;
	color: #24211D;
	font-weight: normal;
	font-size: 8pt;
	line-height: 150%;
	border-top: 1px solid #D2EBE0;
	float: left;
	font: verdana;
}

#vyrobek_detail_ceny {
	width: 220px;
	margin: 20px 5px; padding: 0;
	float: right;
}

.vyrobek_detail_cena_1, .vyrobek_detail_cena_2, .vyrobek_detail_cena_3 {
	width: 220px;
	margin: 5px 5px 5px 0px; padding: 0;
	text-align: right; color: #000; font-weight: normal; font-size: 0.8em; line-height: 130%;
	float: right; 
}

#vyrobek_detail_buttons {
	width: auto;
	margin: 10px 0; padding: 0;
	float: right;
}

.vyrobek_detail_button {
	width: 250;
	margin: 2; padding: 0;
	float: left; clear: left;
}

#vyrobek_buttons {
	width: 100px;
	margin: 2px 0 0 0; padding: 0 0 5px 0;
	float: left;
}

.vyrobek_lista {
	width: 200px;
	margin: 0 0 0 0;
	padding: 0;
	float: right ;
	text-align: center;
	}
.vyrobek_box {
	font-family: Verdana;
	width: 350px;
	margin: 0;
	padding: 4px;
	text-align: left;
	color: #297D6B;
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
	height: 100px;
}
.vyrobek_box2 {

	font-family: Verdana;
	color: #297D6B;
	font-weight: normal;
	font-size: 8pt;
}
.boxik {
	display: block;
	_height: 250px;
	margin: 4;
	padding: 2;
	background: #FFF;
	border: 1px solid;
	border-color: #CCCCCC;
	height: auto;
	width: auto;
	background-color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.boxikNadpis {

	font-family: Verdana;
	width: auto;
	margin: 0;
	text-align: center;
	color: #297D6B;
	font-weight: bold;
	text-decoration: none;
	font-size: 8pt;
	background: url("images/background_menu_02.jpg") center repeat-x;
	padding-top: 4px;
	padding-bottom: 4px;
}
.popisHerny {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #336600;
	margin-top: 22pt;
	margin-left: 3mm;
	margin-right: 5mm;
}

.ram {

	display: block;
	_height: 250px;
	margin: 2;
	padding: 2;
	background: #FFF;
	border: 1px solid;
	border-color: #CCCCCC;
	height: auto;
	width: 1000pt;
}
.ramStrana {


	display: block;
	_height: 250px;
	margin: 2;
	padding: 2;
	background: #FFF;
	border: 1px solid;
	border-color: #999999;
	height: auto;
	width: auto;
}
.spodnimenu {
	background-image: url(images/spodek_menu.jpg);
	width: 1000px;
	height: 30px;
	padding: 3;
	margin-top: 0px;
}
.boxHerny {
	background-image: url(images/panel.jpg);
	width: 200px;
	height: 120px;
	display: block;
}

.hornimenu {

	background-image: url(images/menu.jpg);
	width: 1000px;
	height: 120px;
	margin: 0;
	padding: 0;
}
.boxEshopTop {

	background-image: url(images/panel_eshop.gif);
	width: 200px;
	height: 30px;
	display: block;
}
.boxCenter {


	background-image: url(images/panel_telo.gif);
	width: 200px;
	height: 20px;
	display: block;
}
.boxBottom {


	background-image: url(images/panel_spodek.gif);
	width: 200px;
	height: 30px;
	display: block;
}
.linkStranaLeft {
	color: #006600;
	font: sans-serif;
	font-size: 8pt;
	text-decoration: none;
	float: left;
	margin-left: 5pt;
}
A.linkStranaLeft:link, A.linkStranaLeft:visited, A.linkStranaLeft:active {
	COLOR: #006600;
	TEXT-DECORATION: none;
	text-align: left;
	float: left;
}
A.linkStranaLeft:hover {
	COLOR: #990000;
	text-decoration: underline;
	text-align: left;
	float: left;
}
.boxTop {


	background-image: url(images/panel_empty.gif);
	width: 200px;
	height: 30px;
	display: block;
}
.boxHlOkno {



	background-image: url(images/hl_okno.gif);
	width: 575px;
	height: 400px;
	display: block;
}
.oknoLetak {
	border: 2px solid #CCFFCC;
}
