/* CSS Document */
body, h1, h2, h3, p, ul, li, form { padding:0; margin:0; }
div, img {border:none;}

body { font:16px Arial, Helvetica, sans-serif; margin-top:10px; color:#666666; background-color:#000000; text-align:center; }
#page { width:780px; height:auto; margin:0 auto; background-color:#FFFFFF; /* background-image:url(img/pozadi.gif); */ text-align:left; }

.clear { clear:both; }
.hidden { display:none; }

/* TOP */
#top { width:100%; height:193px; padding-bottom:12px; margin-top:62px; background-image:url(img/vrchni.jpg); position:relative;  }
#trizola { display:block; width:218px; height:193px; float:left; }
#trizola a { display:block; width:218px; height:193px; }
#popis { display:block; width:562px; height:193px; float:left; }
#menubox { width:780px; height:60px; padding-bottom:2px; background-image:url(img/menu.jpg); position:absolute; top:-62px; left:0; }
#menubox ul { list-style:none; margin-top:10px; }
#menubox li { font-size:13px; display:block; width:154px; height:50px; line-height:50px; text-align:center; border-left:solid 1px #949494; border-right:solid 1px #000000; float:left; }
#menubox li.left { border-left:none; padding-left:1px; }
#menubox li.right { border-right:none; padding-right:1px; }
#menubox a { color:#FFFFFF; text-decoration:none; text-transform:uppercase; }
#menubox a:hover { color:#FFCC00; text-decoration:underline; }

/* CONTENT */
#content { width:562px; height:auto; padding-bottom:10px; float:right; }
#content p { font-size:0.8125em; line-height:1.5em; margin-bottom:1em; }
#content h1, #content.uvod h2 { font:bold 1em "Trebuchet MS", Tahoma, Arial, sans-serif; color:#F8C301; text-transform:uppercase; display:block; padding-bottom:10px; border-bottom:solid 1px #000000; margin-bottom:1em; }
#content h2 { font-size:0.875em; color:#000000; }
#content h3 { font-size:0.8125em; color:#F8C301; }
#content a { color:#666666; text-decoration:underline; }
#content a:hover { color:#F8C301; }

#content table { width:100%; height:auto; margin-bottom:1em; }
#content table th { font-size:0.875em; color:#000000; }
#content table td { font-size:0.8125em; line-height:1.5em; }

#context { padding:0 20px; margin-top:10px; }

#string { width:217px; height:auto; float:left; }
#text { width:305px; height:auto; padding:0 20px; margin-top:10px; float:right; }

img.alignright { margin:0 0 1em 1em; float:right; }
img.alignleft { margin:0 1em 1em 0; float:left; }

#kontakt { width:206px; height:auto; padding:0 20px; float:left; }
#kontakt a { color:#666666; }

#form { width:300px; height:380px; float:right; }
input, textarea { font:13px Arial, Helvetica, sans-serif;}

/* LEFT */
#left { width:218px; height:auto; float:left; }
#tradice { width:218px; height:263px; background-image:url(img/tradice.jpg); }
#tradice * { display:none; }
#dodavatele { width:218px; height:100px; }

#pmenu { width:218px; height:233px; padding-top:30px; background-image:url(img/kontakt.jpg); text-align:center; }
#pmenu h1 { font-size:13px; margin-bottom:20px; }
#pmenu a { color:#000000; }
#pmenu a:hover { color:#FFFFFF; }

/*  BOTTOM */
#bottom { width:780px; padding-bottom:10px; background-color:#000000; text-align:right; clear:both; }