/* CSS Document */
body{background-image: url(img/pozadi.gif); margin: 0.5em 0; font-family: Arial, Tahoma;}
*{margin: 0; padding: 0;}
#hlavicka{width: 850px; height: 190px; background: rgb(102,153,255); background-image: url(img/hlavicka.jpg); background-repeat: no-repeat; margin: 0 auto;}
h1, h2{font-family: Arial; text-align: center; color: rgb(22,68,80)}
h1{font-size: 2.3em; margin-bottom: 0em;}
h2{font-size:1.6em; margin-top: 0em; letter-spacing: 0.2em;}
#obsah{width: 850px; min-height: 550px; background: white; margin: 0 auto; padding-bottom: 1.5em; padding-top: 1em; position: relative; background-image: url(img/levy.jpg); background-repeat: no-repeat;}
#obsah p{margin: 0.6em 170px 0 130px; text-align: justify;}
#obsah table{margin: 0.6em 170px 0 130px; width: 65%; border-collapse: collapse;}
table th{background-color: rgb(0,102,204); color: white; padding: 0.1em 1em;}
table td{padding: 0.2em 0.7em;}
table tr.sudy{background-color: rgb(231,231,231);}
table td+td{text-align: center; width: 8em;}
span.popis{font-size: 0.8em; color: rgb(82,82,82);}
table td, th{border: 1px solid black;}
#obsah ul{margin: 1em 170px;}
ul li{margin-top: 0.5em;}
.ilus_img{float:right; margin-right: 170px; padding-left: 2em;}
#obsah h3{padding: 3em 0 0.5em 0; margin-left: 8.5em; color: rgb(0,102,204); text-decoration: underline; font-size:1.1em;}
h4{text-align: center; background: rgb(192,224,255); background-image: url(img/navigace.jpg); background-repeat: repeat-x; background-position: left center; padding: 0.2em;}
#navigace{background: rgb(45,89,152); background-image: url(img/bg_nav.jpg); width: 850px;  position: absolute; top: 0; margin: 0 auto; font-size: 1em; height: 1.95em;}
#navigace ul{margin: 0 0 0 11.06em; font-weight: bold;}
#navigace li{float: left; list-style-type: none; padding: 0 0.1em;}
#navigace a{color: white; text-decoration: none;  background: rgb(45,89,152); padding: 0.2em 1em; border: 1px solid white; border-bottom: none;}
#navigace a.act, #navigace a:hover.act{background: white; border-top: 1px solid rgb(45,89,152); border-left: 1px solid rgb(45,89,152); border-right: 1px solid rgb(45,89,152); border-bottom: 1px solid white; color: rgb(45,89,152);}
#navigace a:hover{background: rgb(45,89,152); border-top: 1px solid rgb(255,204,0); border-left: 1px solid rgb(255,204,0);
border-right: 1px solid rgb(255,204,0); color: rgb(255,204,0);}
#reklama{width: 149px; margin: 4em 0; min-height: 350px; position: absolute; top:0px; left: 700px; border-left: 1px solid rgb(144,191,243); border-bottom: 1px solid rgb(144,191,243); text-align: center;}
#reklama p{margin: 0.6em; text-align: center; line-height: 1.6em; font-size: 0.8em; font-weight: bold;}
#reklama hr{width: 90%; border-width: 0; border-bottom: 1px dashed rgb(102,102,255); margin: 0.5em auto; }
#reklama a{color: blue;}
#reklama a:hover{color: rgb(135,135,135);}
#paticka{width: 850px; height: 30px;  background: rgb(153,204,255); background-image: url(img/paticka.jpg); margin: 0 auto; color: white;}
#odkazy_paticka{width: 850px; margin: 0 auto;}
#odkazy_paticka p{margin: 0.2em 0.5em; font-size: 0.8em; color: rgb(181,181,181); text-align: center;}
#odkazy_paticka p a{color: rgb(181,181,181); text-decoration: none;}
#paticka p{padding-left: 1.5em; padding-top: 0.5em; font-family: Arial; font-weight: bold; letter-spacing: 0.2em; font-size:0.8em;}
#paticka a{color: rgb(0,0,204); text-decoration: none;}
#paticka .blue{color: rgb(0,0,204);}
#odkazy{width: 850px; height: 1.5em; background: rgb(153,204,255); margin: 0.5em auto; color: white; background-image: url(img/bg_nav.jpg); background-repeat: repeat-x; background-position: left center;}
#odkazy a{color: white; padding: 0em 1em;}
#obsah p.center{text-align: center;}
hr.pom{margin: 0.6em 170px 0 130px; border: 1px solid rgb(0,102,204);}
.kontakt_form {margin: 1em 8em; width: 450px;}
.kontakt_form fieldset {border: none; font-weight: bold; background-image: url(img/form_bg.jpg); background-repeat: no-repeat;
 width:450px; height: 250px;}
.kontakt_form legend {color:white; background-color:rgb(51,153,255); margin: 0.3em 1.5em; padding: 0.3em;}
.kontakt_form label {display: block; float: left; clear: left; width: 6em; padding-right: 1em; text-align: right; line-height: 1.7em; font-weight: normal;
color: rgb(51,0,0);}
.kontakt_form input, .kontakt_form textarea {display: block; float: left; border-color: rgb(51,153,204);}
.kontakt_form input{width: 15em;}
.kontakt_form textarea{width: 22em;}
#odeslat {background-color: rgb(153,204,255); font-family: Arial; font-size: 1.1em; margin: 0.5em 6.2em; width: 8em; }
.form_ok{padding: 0.5em; background-color: rgb(153,255,153); border: 1px solid rgb(0,153,51);}
.form_ko{padding: 0.5em; background-color: rgb(255,153,102); border: 1px solid rgb(204,0,0);}


/*pomucky*/
.pom{font-size: 0.9em; color: rgb(83,83,83);}
.pom a{font-size: 1.1em;}
.ip_adresa{font-size: 2em; color: rgb(0,102,204);}