/* hlavni obrazovkovy styl
 * autor: Bc. Ondrej Hanak, 2009
 * http://ondrejhanak.cz */

/* cervena odkazu: #d70000;
   sv. cervena menu: #cc0000;
   tm. cervena menu: #990000; 
*/

html, body {height: 100%;}
body {margin: 0; padding: 0; background: #a8abbf url('../images/bgbody.png') center 0 repeat-y; font-family: sans-serif; font-size: 12px;} 
a {color: #d70000; outline: none;}
.pdf {background: url('../images/pdf.gif') 0 0 no-repeat; padding-left: 22px;}
table {border-collapse: collapse;}
td {vertical-align: top;}
a img {border: none;}

#hlavni {width: 960px; position: relative; min-height: 100%; margin: 0 auto -33px auto; background: #fff url('../images/bgmain.png') 0 0 repeat-y;}

/* zahlavi */
#hlavicka {background: url('../images/header.jpg') 0 0 no-repeat; height: 200px; position: relative; color: #d70000; border-bottom: 4px solid #bf0000;}
#hlavicka a {display: block; text-decoration: none; color: #d70000;}
#hlavicka h1 {font-size: 24px; letter-spacing: -1px; margin: 0; text-transform: uppercase;}
#hlavicka h2 {font-size: 100%; margin: 0;}
#hlavicka #top1 {position: absolute; top: 12px; left: 143px;}
#hlavicka #top2 {position: absolute; top: 60px; left: 160px;} 
#hlavicka #langs {background: #d4d5f2; border: 1px solid #000; height: 20px; position: absolute; top: 173px; left: 680px; padding: 0 12px ; letter-spacing: 1px;}
#hlavicka #langs a { font-weight: bold; line-height: 19px; padding: 0 0 0 22px;}
#hlavicka #langs .en {background: url('../images/flag_en.png') 0 58% no-repeat;}
#hlavicka #langs .cz {background: url('../images/flag_cz.png') 0 58% no-repeat;}

#help {/*background: #ccc;*/ font-size: 11px; width: 80px; position: absolute; top: 15px; left: 5px; text-align: left; color: blue;}
#help .left {text-align: left;}
#help span {display: block; font-weight: bold; margin: 5px 0 0 0; }
#help a {display: block; color: blue;}
#help img {border: 0; margin-bottom: 5px;}

/* levy sloupec */
#levy {width: 170px; float: left; margin-bottom: 30px;}
#levy ul {list-style: none; padding: 0;}
#levy #banner {display: block; background: #29291e; width: 170px;}

/* menu */
ul.menu {margin: 0; font-size: 12px;}
ul.menu li {display: block; border-bottom: 1px solid #8c0000; background: #bf0000 url('../images/menuli.gif') no-repeat 160px 50%;}
ul.menu li.big {margin-bottom: 4px; background-image: none; border-bottom: 0;}
ul.menu li.big a:hover {text-decoration: underline;}
ul.menu li:hover, ul.menu li.big:hover {background-color: #900;}
ul.menu li a {display: block; height: 33px; width: 100%; padding: 3px 0 0 10px; color: #fff; text-decoration: none;}
ul li.one a {padding-top: 10px; height: 26px;}

/* podmenu */
ul.menu ul {display: none; margin: -36px 0 0 0; margin-left: 165px;}
ul.menu li:hover ul, ul.menu li.hover ul {position: absolute; z-index: 2; display: block;}
ul.menu ul li {margin-left: 5px; border-bottom: 1px solid #fff;}
ul.menu ul li a {background: #900; color: #fff; height: auto; padding: 3px 0 3px 15px; width: 100px; margin: 0;}
ul.menu ul li a:hover {text-decoration: underline;}

/* prostredni sloupec */
#stred {width: 599px; padding: 0 15px 20px 15px; float: left; text-align: left; background: #fff; color: #000; font-size: 13px;}
#stred ul, #stred ol {margin: 5px 0 0.8em 25px; padding: 0;}
#stred p {margin: 0 0 0.8em 0; line-height: 1.33;}
#stred li {margin: 0 0 4px 0;}
#stred ol li {margin: 0 0 0.6em 0;}
#stred ul#download {list-style: square; margin: 0 0 0 2.5em;}
#stred h2 {font-size: 18px; color: #000; margin: 0.8em 0 10px 0;}
#stred h2.testy {color: #fff; background: #d70000; margin: 0 0 0.25em 0; padding: 5px 10px; font-size: 16px;}
#stred h3, #stred  h4 {margin: 1.2em 0 0.3em 0;}
#stred h4 span {font-weight: normal;}
span[lang], td[lang] {font-style: italic;}
p.kontakt {background: #e1e3ed url('../images/kontakt.jpg') 5px 5px no-repeat; padding: 4px 0 5px 95px; line-height: 1.4; min-height: 55px;}
p.kontakt strong {color: #f00;}

.intro p {margin: 0 0 8px 0;}
/* pravidla pod vyberem cviceni */
.pravidla {margin-top: 15px;}
.pravidla p {margin: 0 0 0.6em 0;}
.pravidla ol {padding: 0; margin: 0 0 0.6em 2em;}
.pravidla h3 {margin: 1.2em 0 0.4em 0;}
.pravidla table {margin: 0 0 0.6em 0;}
.pravidla table.example td {padding: 2px 6px; background: #f1fff0; border: 1px solid #a3d391; vertical-align: top;}
.pravidla table.overview td {padding: 2px 6px; border: 1px solid #8dc3ff;}
.pravidla table.overview th {font-weight: bold; border: 1px solid #8dc3ff; padding: 2px 6px; background: #daebff;}
/* cviceni - zadani a priklad */
p.example, p.instructions {padding: 6px 21px 6px 21px; border: 1px solid #ffea00; background: #feffae; font-weight: bold; margin: 15px 0;}
p.example span, p.instructions span {font-weight: normal; display: block; margin: 0 0 4px -14px;}
p.instructions {background: #dfeff2; border-color: #91ccd9;}
/* odkaz pro navrat na seznam cviceni */
a.zpet {text-decoration: none; font-weight: bold; background: #000 url('../images/back.png') no-repeat 16.3em 55%; color: #fff; 
display: block;  padding: 2px 0; text-align: center; border: 1px solid #000;}
a.zpet:hover {background-color: #2a2a2a; color: #fff;}
ul.practices {color: #f00; list-style: square; margin: 0 0 0 1.5em; padding: 0; line-height: 1.6em; width: 260px; font-size: 120%;}
hr {margin: 10px 0; padding: 0; border: none; border-top: 1px solid #666;}
/* odkaz na zacatek stranky */
p.toplink {text-align: right; margin: -0.5em 0 0 0;}
p.toplink a {padding: 0 9px 0 0; background: url('../images/top.png') right 4px no-repeat;}
/* tlacitka cviceni */ 
.buttons {overflow: hidden; margin: 0 auto;}
.buttons a, .buttons button {border: 1px solid #bababa; border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-decoration: none;
background: #eaeaea no-repeat 10px 50%; cursor: pointer; margin: 0 6px 0 0; font-size: 14px; font-weight: bold; float: left;}
.buttons a {width: 70px; height: 20px; display: block; padding: 5px 0 0 35px; float: left;}
.buttons button {width: 90px; height: 27px; padding-left: 20px;}
.buttons .btnremove {background-image: url('../images/btn_remove.png'); color: #d12f19;}
.buttons .btnremove:hover {background-color: #fbe3e4; border-color: #fbc2c4;}
.buttons .btnshow {background-image: url('../images/btn_show.png'); color: #336699;}
.buttons .btnshow:hover {background-color: #dfeff2; border-color: #91ccd9;}
.buttons .btncheck {background-image: url('../images/btn_check.png'); color: #529214;}
.buttons .btncheck:hover {background-color: #E6EFC2; border-color: #C6D880;}
/* pomozte - pod testem */
#helptest {background: #dfeff2; border: 1px solid #91ccd9; padding: 0 10px 12px 10px; margin: 0 0 6px 0; vertical-align: center; color: #13238A;}
#helptest img {display: inline; position: relative; top: 8px; left: 20px;}
#helptest a {}



.cz .btnremove {width: 79px;}
.cz .btnshow {width: 100px;}
.cz .btncheck {width: 140px;}

/* pravy sloupec */
#pravy {float: right; padding: 10px 0 0 0; width: 160px;}
#pravy p {margin: 0; padding: 0 5px 10px 5px; font-weight: bold;}

/* zapati */
.clearfooter {clear: both; height: 33px;}
#footer {background: #999; border-top: 1px solid #888; border-bottom: 1px solid #777; text-align: right; padding: 8px 170px 0 180px; height: 23px; position: relative; font-size: 11px; color: #000; width: 610px; margin: 0 auto;}
#footer a {color: #d70000; text-decoration: none;}

/* ??? relikty puvodni verze */
.red {color: #f00; font-size: 18px; font-weight: bold;}
.input {font-size: 11px; color: #000; font-weight: normal; z-index: 1;}
.button1 {display: block; padding: 5px 0 0 30px; float: left; margin: 0 3px 0 0; text-decoration: none; color: #fff;
background: #d70000 url(/images/tl-odstranit.gif); width: 65px; height: 15px; border-width: 0; cursor: pointer; color: #fff; font-weight: bold; font-size: 11px; }
.button2 {background: #ff9c00 url(/images/tl-ukazat.gif); width: 95px; height: 20px; border-width: 0; cursor: pointer; color: #fff; font-weight: bold; font-size: 11px; padding-left: 20px;}
.button3 {background: #00b204 url(/images/tl-zkontrolovat.gif); width: 95px; height: 20px; border-width: 0; cursor: pointer; color: #fff; font-weight: bold; font-size: 11px; padding-left: 20px;}
.white12 {font-size: 12px; color: #fff;}
.white14 {font-size: 14px; color: #fff;}
.font11 {font-size: 11px;}
.redk {font-size: 12px; font-weight: bold; color: #f00;}
.greenk {font-size: 12px; font-weight: bold; color: #43B244;}
.orange {font-size: 12px; font-weight: bold; color: #ff9c00;}