/********************************************************************************************************************
	Autor:   Martin Felcman - martin@felcman.cz - www.felcman.cz
	Projekt: Mifa.cz - Manuál
	
	Posledni uprava:   31.12.2008 20:00
	Adresa CSS dokumentu: http://
	
 *****************************************************************************************************************/
* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {background: #fff url(../images/bg.png) repeat-x top center; font-family: Tahoma, Arial, Helvetica, Trebuchet, sans-serif;  color: #000; text-align: center; height: auto; }
h1 { position: relative;  width: 327px; height: 72px; margin:0px auto;  overflow:hidden; clear: both; }
h1 span { display:block; position:absolute; left:0; top:0; z-index:1; width: 327px; height: 72px; background:url(../images/logo.png) top left no-repeat;}
hr.clear {clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none;	visibility: hidden;   }
legend {display: none;}

#content { width: 900px; margin: 0px auto;  height: auto; text-align: left; }
#left { float: left; width:200px; margin: -39px 0 0 0;}
#right { float: right; width:680px; margin: 0 0 0 0; padding: 0 0 20px 0; }

p.dotazy { color:#727c86; font-size: 0.6em; width: 300px; float: right; text-align: right; padding: 4px 0 0 0;}
p.dotazy a { color: #86b653; text-decoration: underline;}
p.dotazy a:hover { color: #727c86; text-decoration: underline;}

h2.rozcestnik { margin: 50px auto 0 auto; width: 604px; height: 31px; background:url(../images/h2-rozcestnik.png) top center no-repeat;}
h2 span, h3 span { display: none;}

div.rozcestnik { background: url(../images/bg-rozcestnik.png) top center no-repeat; width: 758px; height: 162px; margin: 30px auto 0 auto;}
div.rozcestnik table { text-align: center; font-size: 0.7em; color:#727c86; width: 758px; height: 150px;}
div.rozcestnik table td { text-align: center; width: 200px; vertical-align: top;}
div.rozcestnik table td.vypocty  { width: 358px;}
div.rozcestnik table td.pravidla { padding: 0 0 0 15px; width: 185px;}
div.rozcestnik h3 { display: none;}
div.rozcestnik a.a-manual { display: block; width: 150px; margin: 10px auto 0 auto; height: 70px; padding: 50px 10px 0 20px; color: #727c86; text-decoration: none;}
div.rozcestnik a.a-vypocty { display: block; width: 140px; margin: 10px auto 0 auto; height: 70px; padding: 50px 20px 0 20px; color: #727c86; text-decoration: none;}
div.rozcestnik a.a-pravidla { display: block; width: 140px; margin: 10px auto 0 auto; height: 70px; padding: 50px 20px 0 20px; color: #727c86; text-decoration: none;}
div.rozcestnik a.a-manual:hover, div.rozcestnik a.a-vypocty:hover, div.rozcestnik a.a-pravidla:hover { color: #727c86; text-decoration: underline;}

h3.posledni-upravy  {width: 145px; height: 21px; background:url(../images/h3-posledniupravy.png) top center no-repeat; margin: 50px 0 0 180px;}
table.posledni-upravy  {width: 500px; line-height: 170%; margin: 20px 0 0 182px; text-align: left; font-size: 0.7em;}
table.posledni-upravy  a { color: #727c86; text-decoration: underline;}
table.posledni-upravy  a:hover { color: #727c86; text-decoration: none;}
table.posledni-upravy th {width: 390px; font-weight: normal;}

h3.manual-menu { width: 199px; height:39px; display: block; margin:0; background:url(../images/h3-manual-menu.png) top center no-repeat;}
h3.obecnapravidla-menu { width: 199px; height:39px; display: block; margin:0; background:url(../images/h3-obecnapravidla-menu.png) top center no-repeat;}
h3.pravidla-menu { width: 199px; height:40px; display: block; margin: 20px 0 0 0; background:url(../images/h3-pravidla-menu.png) top center no-repeat;}
h3.vypocty-menu { width: 199px; height:39px; display: block; margin: 0px 0 0 0; background:url(../images/h3-vypocty-menu.png) top center no-repeat;}
ul.menu { font-size: 0.7em; width: 175px; background: url(../images/menu-bg.png) top center repeat-y; list-style: none; margin: 0 0 0 0px; padding: 0 2px 0 22px;}
ul.menu li {  border-bottom: 1px solid #d6d9dc; padding: 5px 0 5px 10px; clear: both;}
ul.menu li a { color: #515151; font-weight: bold; text-decoration: none;}
ul.menu li a:hover { text-decoration: underline;}
div.menu-footer { width: 199px; height:8px; margin:0 0 0 -1px; background:url(../images/menu-footer.png) top center no-repeat;}
ul.menu li ul.submenu { font-size: 100%; width: 155px; list-style: none; margin: 5px 0 0 -10px; padding: 5px 2px 5px 20px;  border-top: 1px solid #d6d9dc;}
ul.menu li ul.submenu li {  border-bottom: 1px solid #e9eaec; border-left: 1px solid #e9eaec; padding: 5px 0 5px 10px; }
ul.menu li ul.submenu li a { color: #515151; font-weight:normal; text-decoration: none;}
ul.menu li ul.submenu li a:hover { text-decoration: underline;}

a.skip-on-pravidla { background: url(../images/skip-on-pravidla.png) top center no-repeat; width: 143px; height:74px;  padding: 55px 15px 0 35px; }
a.skip-on-vypocty {background: url(../images/skip-on-vypocty.png) top center no-repeat; width: 150px; height:78px;  padding: 50px 15px 0 30px; }
a.skip-on-manual { background: url(../images/skip-on-manual.png) top center no-repeat; width: 152px; height:67px;  padding: 65px 15px 0 30px;}
a.skip-on-manual, a.skip-on-vypocty, a.skip-on-pravidla { display: block; margin: 20px auto; text-align: center; color: #727c86; text-decoration: none; font-size: 0.7em; line-height: 150%;}
a.skip-on-manual:hover, a.skip-on-vypocty:hover, a.skip-on-pravidla:hover { text-decoration: underline;}
a.skip-on-pravidla span, a.skip-on-vypocty span, a.skip-on-manual span { display: none;}

#right h2 { font-size: 1em; margin: 15px 0 0px 0; font-weight: bold; color: #696b6e; text-decoration: underline;}
#right a { color: #86b653; text-decoration: underline;}
#right a:hover { color: #727c86; text-decoration: underline;}
#right p { font-size: 0.75em; line-height: 150%; color: #696b6e; border-left: 2px solid #86b653; padding: 0 0 0 10px; margin: 10px 0;} 
#right ul { font-size: 0.75em; line-height: 150%; color: #696b6e; border-left: 2px solid #86b653; padding: 0 0 0 23px; margin: 10px 0 0 0px; list-style-type:square;} 
#right ul ul { font-size: 100%; line-height: 150%; color: #696b6e; padding: 0 0 0 23px; margin: 10px 0 0 0px; list-style-type: circle; border: 0;} 
#right ol { font-size: 0.75em; line-height: 150%; color: #696b6e; border-left: 2px solid #86b653; padding: 0 0 0 27px; margin: 10px 0 0 0px; } 
 
#right h3 { font-size: 0.9em; font-weight: bold; color: #696b6e; margin: 20px 0 0 0;}
#right h4 { font-size: 0.8em; color: #696b6e; margin: 15px 0 0 12px; text-decoration: underline; font-weight: normal; clear: both;}
#right table { font-size: 0.75em; line-height: 200%; margin: 10px 0 10px 12px; border: 0;}
#right table th { font-weight: bold; background: #eee; color: #696b6e; border: 1px solid #696b6e; text-align: left; padding: 0 5px;}
#right table td { border: 1px solid #696b6e; color: #696b6e; text-align: left; padding: 0 5px;}
span.underline { text-decoration: underline;}


img.graf { display: block; margin: 10px  0 0 0;}

form.kdo-se-hodi { width: 650px; padding: 15px; background: #f7f7f7; margin: 10px 0 0 0; font-size: 0.75em;  color: #696b6e;} 
form.kdo-se-hodi textarea { width: 650px; height:200px; border: 1px solid #c4c4c4; background: #f7f7f7; margin: 0 0 5px 0;} 
form.kdo-se-hodi select { width: 140px; height: 20px; border: 1px solid #c4c4c4; background: #f7f7f7; }
form.kdo-se-hodi input.odeslat { width: 84px; height: 25px; display: block; border: 0; float: right;} 

#right form.vypocet-sponzor { width: 660px; padding: 10px; background: #f7f7f7; margin: 10px 0 0 0;  color: #696b6e;} 
#right form.vypocet-sponzor table { width: 200px; line-height: 200%; padding: 0; margin: 0; border: 0;} 
#right form.vypocet-sponzor table th { font-weight: normal; padding: 0 10px 0; width: 100px; text-align: left; background: none; border:0px;} 
#right form.vypocet-sponzor table td { border:0px;} 
#right form.vypocet-sponzor input { width: 50px; height: 18px; border: 1px solid #c4c4c4; background: #f7f7f7; margin: 2px 0; text-align:center; }
#right form.vypocet-sponzor input.odeslat { width: 84px; height: 25px; display: block; border: 0; margin: 10px auto 0 auto;}