body { margin: 0px; padding: 0px; background: #EFEFEF url('img/pozadi.gif') repeat-y; color: #666666; 
font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-style: normal; font-size: 70%;} 

/* text ---------------------------------------------------------------------- */
p { text-align: justify; line-height: 1.3;}
a { color: #EA0006;}
a:hover { color: #EA0006; text-decoration: none;}
.seda, a.seda { color: #333333; text-decoration: none;}
.oranz { color: #666666;}
.centr { text-align: center;}
h1 { color: #EA0006; font-weight: bold; font-size: 100%; text-align: right;}
h2 { color: #EA0006; font-weight: bold; font-size: 100%; }

/* bloky ---------------------------------------------------------------------- */
#main { background: url('img/pozadivrch.gif') repeat-x 0px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 108px;}
#vrchfoto { position: absolute; left: 0px; top: 30px; width: 265px; height: 410px; background: url('img/pozadifoto.gif');}
#foto { position: absolute; top: 4px; width: 231px; left: 0px; height: 382px; }
#logo { position: absolute; top: 34px; width: 253px; left: 235px; height: 74px; }
#prava { position: absolute; top: 150px; width: 305px; left: 445px; text-align: justify; }
#jazyky { position: absolute; margin: 0; padding: 0; top: 15px; width: 300px; left: 445px; text-align: right; }

/* menu ---------------------------------------------------------------------- */
#leva { position: absolute; top: 150px; width: 155px; left: 236px;}
#leva ul { list-style: none; margin: 0px; padding: 0px; border: none;}
#leva li { float: left; margin: 0px; padding: 0px; border: none; line-height: 1.5;}
#leva li a { display: block; height: 18px;  width: 160px; background: #EFEFEF; text-decoration: none; 
padding-left: 15px; border-left: 5px solid #660000; border-top: 1px solid #EFEFEF; color: #333333;}
  
#leva li a.red1 { border-left: 3px solid #EA0006;}
#leva li a.red2 { border-left: 3px solid #CC0000;}
#leva li a.orange1 { border-left: 3px solid #FF6600;}
#leva li a.orange2 { border-left: 3px solid #FF6633;}
#leva li a.green1 { border-left: 3px solid #99CC33;}
#leva li a.green2 { border-left: 3px solid #669900;}
#leva li a.blue1 { border-left: 3px solid #1D9BFF;}
#leva li a.blue2 { border-left: 3px solid #0066CC;}
#leva li a.pink1 { border-left: 3px solid #993366;}
#leva li a.pink2 { border-left: 3px solid #CC6699;}

#leva li a:hover.red1 { background: #EA0006; border-left: 3px solid #EA0006;}
#leva li a:hover.red2 { background: #CC0000; border-left: 3px solid #CC0000;}
#leva li a:hover.orange1 { background: #FF6600; border-left: 3px solid #FF6600;}
#leva li a:hover.orange2 { background: #FF6633; border-left: 3px solid #FF6633;}
#leva li a:hover.green1 { background: #99CC33; border-left: 3px solid #99CC33;}
#leva li a:hover.green2 { background: #669900; border-left: 3px solid #669900;}
#leva li a:hover.blue1 { background: #1D9BFF; border-left: 3px solid #1D9BFF;}
#leva li a:hover.blue2 { background: #0066CC; border-left: 3px solid #0066CC;}
#leva li a:hover.pink1 { background: #993366; border-left: 3px solid #993366;}
#leva li a:hover.pink2 { background: #CC6699; border-left: 3px solid #CC6699;}
  
#leva li a:hover { background: #EFEFEF; color: #ffffff;}

/* formulare ---------------------------------------------------------------------- */
.formular { margin: 2px; color: #333333; border: 1px solid #C0C0C0;	background-color: #F4F4F4;
	width: 250px; height: 16px; font-family : Arial, sans-serif; font-size: 8pt; padding: 0px;}
.domena { margin: 2px; color: #333333; border: 1px solid #C0C0C0; background-color: #F4F4F4; overflow: hidden;
	width: 290px; height: 150px; font-family : Arial, sans-serif; font-size: 9pt; padding: 2px;}
.flat { margin: 2px; color: #333333; border: 1px solid #C0C0C0; background-color: #F4F4F4; overflow: hidden;
	font-family : Arial, sans-serif; font-size: 9pt; height: 20px;}	
.array { margin: 2px; color: #333333; border: 1px solid #C0C0C0; background-color: #F4F4F4; overflow: hidden;
	font-family : Arial, sans-serif; font-size: 9pt; padding: 2px; width: 480px;}		
.tlacitko {color: #ffffff; height: 18px; border: none; cursor: pointer; 
background: #EA0006; font-family: sans-serif; font-size: 8pt; padding: 0px;}

/* tabulky ---------------------------------------------------------------------- */
td {font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 9pt;}
td a {color: white; text-decoration: none;}
td a:hover { color: white; text-decoration: none;}
.tabulka { border: 0px; width: 500px; margin: 0px;}
.tdvyplntm {background-color: #EA0006; border: 0px none; color: #ffffff; padding: 1px 5px 2px 5px; text-align: center;}
.tdvyplnsv {background-color: #F4F4F4; border: 1px solid #C0C0C0; color: #333333; padding: 1px 5px 2px 5px}
  
/* ostatni ---------------------------------------------------------------------- */
.noram {padding: 0px; border: 0px; margin: 0px;}
.ram {padding: 0px; border: 1px solid #ffffff; margin: 0px; background: #ffffff;}
.ram_hand {padding: 0px; border: 1px solid #ffffff; margin: 0px; background: #ffffff; cursor: pointer; cursor: hand;}
.clearboth {clear: both; width: 160px;}
.title {text-align: right;}
.center {text-align: center;}
.input {text-align: left; padding-left: 10px; float: left;}
.form_none {border: 0px; background: #EFEFEF; color: #333333; font-size: 9pt;}
.other_data {float: left;}
.right {text-align: right;}
.left {text-align: left;}
.red {color: red;}
.products_list {float: left; text-align: center; vertical-align: bottom;}


/*new*/
.ram_item {float: left; padding: 1px; border: 1px solid #ffffff; margin: 0px 5px 0px 0px; background: #ffffff;}
.price_red {color: #EA0006; font-weight: bold;}



