body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; text-align:center; background:url(/im/pozadi.jpg) top center no-repeat #000000; }

h1 { margin:10px 0 20px 0; font-size:180%; font-weight:normal; font-style:italic; color:#696969; }
h2 { margin:10px 0 10px 0; font-size:160%; font-weight:normal; color:#F58300; }
h3 { margin:20px 0 10px 0; color:#679421; }

a { color:#679421; text-decoration:underline; }
a:hover { color:#F58800; }
a img { border:0; }

p { line-height:20px; text-align:justify; }

ul { list-style-image:url(/im/li.gif); }
ul li { padding:3px 0 3px 0; }

table { padding:0; border-spacing:0; border-collapse:collapse; }
table th { padding:10px; border:1px solid #4F6F1B; text-align:left; background:#679421; color:#FFFFFF;  }
table td { border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF; border-bottom:1px solid #CCCCCC; margin:0; padding:6px; }


#obal { width:1000px; margin:0 auto; text-align:left; }

h1#hlavicka { visibility:hidden; float:left; }

form#login { margin:10px 20px 0 0; padding:0; float:right; }
form#login p { margin:0; text-align:right; }
form#login input.pole { width:162px; height:26px; padding:5px 0 0 5px; color:#666666; background:url(/im/input.jpg) no-repeat; border:0; }
form#login input.button { width:93px; height:30px; margin:0 5px 0 0; padding:0; font-weight:bold; color:#FFFFFF; background:url(/im/button.jpg) repeat-x; border:0; cursor:pointer; }
form#login input.button:hover { background:url(/im/button-hover.jpg); }

ul#menu { height:68px; margin:138px 0 0 0; padding:0 8px 0 8px; background:url(/im/menu.jpg) no-repeat #222222; list-style:none; }
ul#menu li { height:68px; float:left; padding:0; }
ul#menu li a { height:68px; line-height:68px; display:block; padding:0 36px 0 36px; font-size:130%; font-weight:bold; font-style:italic; text-decoration:none; color:#E6E6E6; }
ul#menu li a.active { color:#FFFFFF; background:url(/im/menu-active.jpg) repeat-x #4E4E4E; }
ul#menu li a:hover, ul#menu li:hover, ul#menu li:hover a.active { color:#FFFFFF; background:url(/im/menu-hover.jpg) repeat-x #72A621; }
ul#menu li ul { display:none; }
ul#menu li:hover ul { width:177px; margin:0; padding:0; background:#466511; list-style:none; display:block; position:absolute; z-index:10; }
ul#menu li:hover ul li { float:none; display:block; height:29px;  }
ul#menu li:hover ul li a { height:29px; line-height:29px; display:block; padding:0 15px 0 15px; font-size:110%; font-weight:normal; font-style:normal; color:#DEF7B7; background:url(/im/submenu.jpg) repeat-x; }
ul#menu li:hover ul li a:hover { color:#000000; background:url(/im/submenu-hover.jpg) #F69C00; }

#obsah { padding:0 0 30px 0; background:url(/im/sloupce.jpg) repeat-y; }
hr#stin { height:21px; margin:0; padding:0; background:url(/im/obsah-stin.jpg) no-repeat; border:0; }

#levy { width:679px; padding:0 30px 0 30px; float:left; }

#intro { height:323px; margin:0 -30px 20px -30px; background:url(/im/intro.jpg) #333333; }
#intro #news { float:left; }
#intro #news #popis { width:425px; height:90px; margin:223px 0 0 13px; background:#000000; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; position:absolute; }
#intro #news #popis a { color:#FFFFFF; text-decoration:none; }
#intro #news #popis a:hover { text-decoration:underline; }
#intro #news #popis h2 { margin:8px 0 0 8px; font-size:160%; font-weight:normal; font-style:italic; color:#FFFFFF; }
#intro #news #popis p { line-height:20px; margin:0 8px 0 8px; font-style:italic; color:#FFFFFF; }
#intro #facebook { float:left; margin:40px 0 0 58px; }
#intro #news img { width:425px; height:300px; margin:12px 0 0 12px; border:1px solid #666666; z-index:-1; }

.novinka { width:661px; margin:15px auto; padding:10px; background:url(/im/novinka.jpg) no-repeat; }
.novinka h2 { margin:0 0 10px 0; font-weight:normal;  }
.novinka img { float:left; margin:0 10px 10px 0; padding:3px; border:1px solid #CCCCCC; width:120px; }
.novinka p.info { text-align:right; font-style:italic; color:#666666; margin:10px 0 0 0; }

div.fotogalerie { width:620px; }
a.galerie { margin:3px; padding:3px; text-decoration:none; text-align:center; border:1px solid #CCCCCC; display:block; float:left; }
a.galerie:hover { border:1px solid #666666; }

#pravy { width:261px; float:left; color:#FFFFFF; }
#pravy a { color:#EDFFD1; }
#pravy a:hover { color:#000000; }
#pravy h2 { height:44px; margin:25px 0 0 0; padding:12px 0 0 20px; font-size:140%; font-style:italic; font-weight:bold; background:url(/im/box-nadpis.jpg) no-repeat; color:#FFFFFF }
#pravy h3 { margin:0 0 5px 20px; color:#FFFFFF; }
#pravy p { margin:0 20px 20px 20px; }
#pravy strong.vysledek { font-size:140%; text-align:center; display:block;}
#pravy p.predstavujeme { float:left; width:100px; margin:0 0 10px 0; }
#pravy img.predstavujeme { margin:0 10px 5px 20px; padding:3px; border:1px solid #B0D07F; float:left; }
#pravy p.predstavujeme-link { margin:0 10px 0 0; text-align:right; clear:both; }

img#obchod { margin:10px 0 0 30px; }


#paticka { height:136px; margin:0 0 30px 0; color:#969696; background:url(/im/paticka.jpg) no-repeat; clear:both; }
#paticka strong { margin:0 0 5px 0; }
#paticka p#pocitadlo { width:130px; margin:10px 0 0 150px; text-align:center; position:absolute; }
#paticka p#odkazy { width:200px; margin:10px 0 0 320px; position:absolute; }
#paticka p#credits { margin:60px 0 0 700px; text-align:right; position:absolute; }

.clear { visibility:hidden; clear:both; height:0; border:0; }

.floatleft { float:left; }

p#perex img { width:300px; height:210px; margin:12px; padding: 1px; border:1px solid #666666; z-index:-1; }

p.paginator { text-align:center; }

p.paginator a { margin:6px; }

table.soupiska { width:580px;}

.profil_photo { margin-right:50px; margin-bottom:15px; padding: 1px; border:1px solid #666666; float:left;}
.profil_info { padding-top:80px; padding-bottom:50px; font-size:120%;}
.profil_info p { margin-bottom:40px;}

.vysledky { width:650px;}
.vysledky #info { font-size:85%; font-style: italic; }
.vysledky #skore a {margin-right:15px;}

.vysledek { font-size:160%; font-style:oblique; text-align:center; }
.vysledek a {text-decoration:none;}

.vysledek_komentar { width:550px; margin-top:55px }

/*
    sortable - tabulka řadící data podle javascriptu
*/
.sort-table { font:Icon; border:1px Solid ThreeDShadow; background:Window; color:WindowText; width:650px; margin-top:70px; margin-bottom:35px; }
.sort-table thead { background:#679421; color:#FFFFFF; }
.sort-table td { padding-top:8px; padding-bottom:5px; padding-left:10px; padding-right:10px; font-size:12px; }
.sort-table thead td { border:1px solid; border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor:pointer; }
.sort-table thead td:active { border-color:ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding:3px 4px 1px 6px;}
.sort-arrow { width: 11px; height: 11px; background-position:center center; background-repeat:no-repeat; margin:0 2px;}
.sort-arrow.descending { background-image:url(/im/downsimple.png); }
.sort-arrow.ascending { background-image:url(/im/upsimple.png); }

fieldset { padding: 10px; border: 1px solid #999999; margin-bottom:50px;}
legend { margin: 5px 0; padding: 5px; border: 1px sodlid #999999; color:#679421;}
label { width: 120px; float: left;}
input, textarea { width: 300px; margin-bottom: 10px; }

.captcha img { margin-left:120px; margin-bottom:10px; margin-top:20px; margin-right:10px; float:left;}

.vzkaz_obal { width: 550px; background-color:#9DF765; margin-bottom:60px; }
.vzkaz_obsah { padding-top:20px; padding-bottom:10px; padding-left:50px; padding-right:50px;}
.vzkaz_text { text-align:left; margin-bottom:25px; }
.vzkaz_cas { text-align:left; font-size:80%; font-style:italic; float:left;}
.vzkaz_jmeno { text-align:right; font-weight:bold; float:right;}

.partneri_tab { width:580px; margin-bottom:80px; }
.partneri_tab td { text-align:center; }

p.varovani {text-align:justify; margin: 20px; padding:12px; border:black solid 1px; background-color: red; font-weight:bold; }
p.varovani a { color:blue;}
p.varovani a:hover { text-decoration:none;}