body { margin: 0px; padding: 0px; background: #548AC6 url('img/pozadistred.gif') repeat-y 50% 0px; color: #333333; 
font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-style: normal; font-size: 70%;} 

/* text ---------------------------------------------------------------------- */
p { color: #333333; text-align: justify; margin: 0; line-height: 1.4; }
a { color: #CC2600;}
a:hover { color: #548AC6; text-decoration: none; }
a.bila { color: #ffffff; text-decoration: none; padding-right: 5px; padding-left: 5px; font-weight: bold;}
a:hover.bila { color: #cccccc; text-decoration: none; }
a.seda { color: #cccccc; text-decoration: none; padding-right: 5px; padding-left: 5px; text-align: right;}
a:hover.seda { color: #ffffff; text-decoration: none; }
h1 { color: #CC2600; font-size: 110%;  text-align: left;}
h2 { color: #CC2600; font-size: 100%; font-weight: bold;  text-align: left;}
.bila { color: #ffffff; font-weight: bold;}

/* bloky ---------------------------------------------------------------------- */
#main { background: url('img/pozadi.gif') repeat-x 50% 0px; margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 500px;}
#celek { position: absolute; width: 840px; top: 0; height: 500px; left: 50%; margin-left: -420px; background: #ffffff; z-index: 2;}
#vrch {position: absolute; top: 0; left: 0; width: 840px; height: 211px; background: url('img/pozadivrch.gif') no-repeat;}
#vrchtext {position: absolute; top: 5px; left: 40px; width: 300px; height: 15px;}
#vrchprihlaseni {position: relative; top: 5px; right: 20px; height: 15px; text-align: right; float: right;}
#vrchfoto {position: absolute; top: 26px; left: 6px; width: 828px; height: 153px;}
#obsah { position: absolute; top: 224px; left: 204px; width: 430px; }
.vyrobek { position: relative; float: left; padding: 0px 10px 10px 0px; text-align: center; color: #666666; width: 133px; height: 200px;}

/* menu ---------------------------------------------------------------------- */
#vrchmenu {position: absolute; top: 190px; left: 20px; width: 800px; height: 20px; text-align: center; z-index: 3;}
#levmenu, #pramenu {position: absolute; top: 212px; left: 6px; width: 177px; height: auto; color: #666666;}
ul { list-style: none; margin: 0px; padding: 0px; border: none;}
li, li.cervena { float: left; margin: 0px; padding: 0px; border: none; width: 177px; height: 22px; color: #ffffff;}
li.cervena { width: 177px; height: 22px; background: url('img/menu03.gif') no-repeat; padding-left: 15px; line-height: 1.7; font-weight: bold;}
li a { display: block; background: url('img/menu01.gif') no-repeat; color: #ffffff; text-decoration: none;  height: 22px; padding-left: 15px; text-align: left; line-height: 1.7;}
li a:hover { background: url('img/menu02.gif') no-repeat; color: #ffffff;}
#pramenu {position: absolute; left: 657px; }
#pramenu li.svmodra, #pramenu li a.svmodra, #pramenu li a:hover.svmodra {background: #548AC6; text-align: center; height: auto; padding: 5px 0px 10px 0px; margin: 0; color: #ffffff; border-bottom: 1px solid #ffffff;}
#pramenu li a.svmodra, #pramenu li a:hover.svmodra { border: 0px none; margin: 0; padding: 0; color: #ffffff;}
.active { background: url('img/menu02.gif') no-repeat; color: #ffffff;}

/* tabulky --------------- 	------------------------------------------------------- */
td {font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt;}
.tabulka { border: 0px; width: 100%; margin: 0px;}
.tdvyplntm {background-color: #2F5B8C; border: 0px none; color: #ffffff; padding: 1px 5px 2px 5px}
.tdvyplnsv {border: 1px solid #999999; color: #666666; padding: 1px 5px 2px 5px}
.nic {background: #ffffff; border: 0px none; }

/* formulare ---------------------------------------------------------------------- */
.formular, .formular2, .order, select { margin: 2px; color: #666666; border: 1px solid #999999;	 font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 0px;}
.formular2 { width: 40px;}
.domena { margin: 2px; color: #666666; border: 1px solid #999999; overflow: hidden;	width : 300px; height: 160px; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt; padding: 2px;}
.tlacitko {color: #ffffff; width: auto; height: 20px; border: none; cursor: hand; font-weight: bold; 
    background: #CC2600; font-family: "Tahoma CE",Tahoma,"Arial CE",sans-serif; font-size: 8pt;}
   
p.modra { background: #548AC6; text-align: center; margin:0px 0px 1px 0px;}
form.modra { background: #548AC6; text-align: center; margin:0px 0px 1px 0px;}
input.order_all { border:0px; color: #ffffff; background-color: #2F5B8C;}
input.order { border:0px; }
  

/* ramy ---------------------------------------------------------------------- */
.noram { border: 0px; padding: 0px; margin: 0px;}
.ram, .raml {padding: 1px; border: 4px solid #D8D8D8; margin: 0px; background: #ffffff; }
.raml { margin: 0px 10px 10px 0px; float: left;}
.clearboth {clear: both;}

.center h2 {text-align: center;}