/* 
all: polygrafix, mirek@polygrafix.cz
date: 01-2008
*/

* {margin: 0; padding: 0; border: 0;}
body {font: 75%/1.25em arial, helvetica, sans-serif; background: rgb(255,255,255); color: rgb(25,90,55);}
html, body#kadlec {width: 100%; height: 100%;}
ul {list-style-type: none;}

/* Základní */
.clear {display: block; visibility: hidden; clear: both;}
.i, hr {display: none;}

/* Odkazy */
a:link {color: rgb(25,90,55); text-decoration: underline;}
a:visited {color: rgb(25,90,55); text-decoration: underline;}
a:hover {color: rgb(8,144,8); text-decoration: none;}

/* Hlavička a nadpisy */
h1 {margin-top: -80px; &margin-top: -81px; width: 749px; height: 219px; overflow: hidden; font: normal 48px/56px arial, helvetica, sans-serif;}
h1 a {display: block; width: 749px; height: 219px; padding: 20px 0 0 20px;}
h1 a span {position: absolute; width: 749px; height: 219px; margin: -20px 0 0 -20px; background: url("../obr/hlavicka.jpg") no-repeat;}
h1 a:link, h1 a:visited {text-decoration: none;}
h1 a:hover {cursor: pointer;}
h2 {width: 276px; height: 31px; margin: 0 0 12px 173px; padding-top: 16px; font-size: 1.3em; background: url("../obr/h2.gif") no-repeat;}
h2 span {position: absolute; margin: -16px 0 0 0; width: 276px; height: 47px; background-position: 50% 3px; background-repeat: no-repeat;}
h2 strong {display: block; width: 276px; height: 15px; text-align: center;}
h2#vedeni-zacatecniku span {background-image: url("../obr/Hvz.gif");}
h2#hubnuti-tvarovani-postavy span {background-image: url("../obr/Hhub.gif");}
h2#zlepseni-fyzicke-kondice span {background-image: url("../obr/Hkon.gif");}
h2#dietetika span {background-image: url("../obr/Hdia.gif");}
h2#h2-profil span {background-image: url("../obr/Hprofil.gif");}
h2#h2-cviceni span {background-image: url("../obr/Hcviceni.gif");}
h2#h2-kontakty span {background-image: url("../obr/Hkontakty.gif");}
h2#h2-kde span {background-image: url("../obr/Hkde.gif");}
h3 {font-size: 1.2em;}
h4, h5 {font-size: 1em;}

/* Divy kvůli stínům */
#obal {position: absolute; top: 50%; left: 50%; width: 777px; height: 570px; margin: -250px 0 0 -390px;}
#intro {padding: 25px;}
#prava {width: 779px; height: 468px; background: url("../obr/prava.gif") top right repeat-y;}
#dole {width: 779px; height: 468px; background: url("../obr/dole.gif") bottom left repeat-x;}
#prava-nahore {width: 779px; height: 468px; background: url("../obr/prava-nahore.gif") top right no-repeat;}
#leva-dole {width: 779px; height: 468px; background: url("../obr/leva-dole.gif") bottom left no-repeat;}
#prava-dole {width: 769px; height: 458px; padding: 0 10px 10px 0; background: url("../obr/prava-dole.gif") bottom right no-repeat;}
#ram-svetly {width: 757px; height: 447px; border: 6px solid rgb(230,235,170); border-bottom: 5px solid rgb(230,235,170);}
#ram-tmavy {width: 749px; height: 438px; border: 4px solid rgb(25,90,55); border-bottom: 5px solid rgb(25,90,55);}

#obsah {height: 274px; padding: 26px 0 0 16px; background: url("../obr/bg.gif") repeat-x;}

/* Navigace */
#menu {width: 722px; height: 50px; margin-top: 3px; margin-left: 16px; background: url("../obr/menu-prava.gif") top right no-repeat;}
#menu {_position: relative; &top: 58px; _top: 57px; &margin-top: 4px; _margin-top: -53px; &padding-top: 1px;}
#menu li {float: left; width: 142px; height: 50px;}
#menu a {display: block; width: 122px; height: 30px; padding: 10px; font-size: 1.2em; font-weight: bold;}
#menu a span {position: absolute; margin: -10px; width: 142px; height: 50px;}
#menu a:hover span {cursor: pointer;}
#menu a span {background-position: 0 -140px; background-repeat: no-repeat;}
#menu a span.aktivni {background-position: 0 -70px;}
#menu a:hover span {background-position: 0 0;}

#hlavni a span {background-image: url("../obr/hlavni.gif");}
#profil a span {background-image: url("../obr/po_new.gif");}
#cviceni a span {background-image: url("../obr/ci_new.gif");}
#kontakty a span {background-image: url("../obr/kontakty.gif");}
#kde a span {background-image: url("../obr/kde.gif");}

#nabidka {position: absolute; top: 168px; right: 38px;}
#nabidka li img {width: 140px; height: 86px;}

/* Stránky */
#index li {display: block; float: left; width: 112px; height: 244px; padding: 0; padding-right: 27px;}
#index #intro {width: 158px; line-height: 1.37em;}
#index #dia {padding-right: 0;}
#index img {width: 112px; height: 147px; margin-bottom: 5px;}
#index img#toplist {width: 1px; height: 1px;}
#index h3 a {display: block; width: 112px; height: 78px; padding-top: 15px; _font-size: 0.7em;}
#index h3 a span {position: absolute; width: 112px; margin-top: -15px; height: 93px;}
#index h3 a:hover {cursor: pointer;}
#index #vz h3 a span {background: url("../obr/vz2.jpg") no-repeat;}
#index #hub h3 a span {background: url("../obr/hub2.jpg") no-repeat;}
#index #kon h3 a span {background: url("../obr/kon2.jpg") no-repeat;}
#index #dia h3 a span {background: url("../obr/dia2.jpg") no-repeat;}
#index #hub img, #index #dia img {margin: 8px 0 0;}
#index #intro h3 {margin-bottom: 15px; line-height: 1.40em;}

img.img {float: left; width: 169px; height: 247px;}
p {width: 325px; margin-left: 180px;}

#profil-obal {height: 274px; background: transparent;}
#profil-obal ul, #profil-obal h5 {width: 350px; margin-left: 180px;}
#profil-obal ul ul, #profil-obal ul h5 {margin-left: 0;}
#profil-obal ul h5 {margin-top: 3px;}

#cviceni-obal {height: 274px; background: url("../obr/nacini.jpg") bottom right no-repeat;}
#cviceni-obal h5 {margin: 3px 0 0 180px;}
#cviceni-obal ul {list-style: square outside; width: 380px; margin-left: 195px; &margin-left: 165px; &padding-left: 30px;}

#kde-obal {height: 274px; background: url("../obr/cinky.jpg") bottom right no-repeat;}

#kontakty-obal {height: 274px; margin-top: -26px; padding-top: 26px; background: url("../obr/holka.jpg") bottom right no-repeat;}
#kontakty-obal h5 {margin-left:  180px;}
#form {margin: 10px 0 0 180px;}
#form label {float: left; display: block; width: 80px; height: 22px; font-weight: bold;}
#form li {height: 22px;}
#form label#povinne {width: 130px; margin: 0 12px 0 80px; _margin: 0 8px 0 42px; font-size: 0.75em; font-weight: normal;}
input, textarea {width: 200px; padding: 2px 6px; font: 1em/1.33em arial, helvetica, sans-serif; background: rgb(238,238,238); border: 1px solid rgb(198,198,198);}
textarea {height: 58px; _height: 55px; margin-bottom: 6px;}
input#submit {position: absolute; z-index: 0; width: 72px; padding: 0; background: url("../obr/odeslat.gif") no-repeat; border: 0;}
input:focus, textarea:focus {border-color: rgb(25,90,55);}
input:hover, textarea:hover {background: rgb(255,255,255);}
#form p {margin: 5px 0 0;}