/* CSS pro OS BROUČEK by  Karel Macháček Machi CZ */

/*základní rozvrzeni*/
iframe {border:none;}
html {overflow-y:scroll;}
body {font-family:Comic Sans MS, verdana; font-size:13px; color: #000; margin-top:5px; padding: 0; background-color:#EEEEC1;  }
.hlavni { margin : 0 auto; width : 880px; height:auto; background-color:#CCCC99; }  

.hlavicka { margin : 0 auto; width : 880px; height : 246px; background-image: url('files/hlavicka.jpg'); background-position:0 0px; background-repeat: no-repeat; }
.hlavicka a {display:block;width:880px; height:240px;}
#hlavicka {padding-top: px;  width : 880px; height : 246px; background-image: url('files/hlavicka.jpg'); background-position:0 0px; background-repeat: no-repeat;}
.reklama {margin-left: 720px; position: absolute; margin-top: -235px; width: 150px; height: 150px;  z-index: 5; }

.pasek { margin : 0 auto; width : 880px; height : 38px; background-image: url('files/lista_hlavicka.jpg'); background-position:0px 0px; background-repeat: no-repeat;}
#pasek { margin-left: 15px; width: 850px;	height: 30px;	color: #FFCC00;	padding-top:1px; font-size:14px; font-family: verdana;}

.hlavni_spodek {width: 880; height: auto; float:right;background-image: url('files/generovany.jpg');background-repeat:y-repeat; background-position:right 0px; }
.levy {width:210px; height:auto; float:left; margin:0 auto;}
.content { margin-top: 0px; width:670px; float:right; height:auto; }
.obsah {width:660px; height:auto; color:black;}
#text { margin-left:8px; height:auto; width:640px;}

.aktualne {margin-top: 7px; width: 208; height: auto; float:left;background-image: url('files/generovany_novinky.jpg');background-repeat:y-repeat; background-position:left 0px; }
.aktualne_text {width:208px; margin-top: 0px;  float:left; background-image: url('files/aktualne.jpg');background-position:0 0px; background-repeat: no-repeat; }
.aktualne_pata {width:208px;  height: 5px; float:left; background-image: url('files/aktualne_pata.jpg'); background-repeat: no-repeat; }
#aktualne_text {width: 178px; margin-left: 10px; margin-top:25px; padding: 5px; color:black; text-align: center;}

.paticka {color:white;width:880px; height: 22px; clear:both; background-image: url('files/paticka.jpg'); background-repeat:no-repeat;}
.paticka a {color:white; font-weight:bold; font-style: italic;}
.paticka p {padding-left:45px; padding-top:7px; font-size:9px;}

#mezera {margin-left:515px;}
#stahovani {margin-left: 35px; margin-top: 15px;}
#obr_odkaz {border:none; padding: 0px}
#odstavec {margin-left:35px}
#odstavec1 {margin-left:15px}
.kniha {width: 600px; min-height: 750px; height:auto;}

  /*tlacitka*/
#menu {position: relative; width:208px; height:auto; background-color:#CCCC99;}

.menu  {padding: 0; margin: 0;}
.menu a {font-size:12px; text-decoration: none;color: #333;display: block;width: 100%;text-align: center;}
.menu ul, .menu li {list-style-type: none;margin: 0;padding: 0;}

ul.uroven1 li.home {background-image:url('files/o_broucku.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.clenstvi {background-image:url('files/clenstvi.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.stanovy {background-image:url('files/stanovy.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.pri_akce {background-image:url('files/pri_akce.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.probehlo {background-image:url('files/probehlo.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.foto {background-image:url('files/fotogalerie.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.obcasnik {background-image:url('files/obcasnik.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.poradna {background-image:url('files/poradna.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.vyr_zprava {background-image:url('files/vyr_zprava.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.uskut_projekty {background-image:url('files/uskut_projekty.jpg');background-position:0 0px; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.kontakt {background-image:url('files/kontakt.jpg');background-position:0 0; background-repeat: no-repeat;float:left;height:22px;width:208px;}
ul.uroven1 li.provozni_doba {background-image:url('files/provozni_doba.jpg');background-position:0 0; background-repeat: no-repeat;float:left;height:22px;width:208px;}

ul.uroven1 li.home:hover {background-image:url('files/o_broucku.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.clenstvi:hover {background-image:url('files/clenstvi.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.stanovy:hover {background-image:url('files/stanovy.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.pri_akce:hover {background-image:url('files/pri_akce.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.probehlo:hover {background-image:url('files/probehlo.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.foto:hover {background-image:url('files/fotogalerie.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.obcasnik:hover {background-image:url('files/obcasnik.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.poradna:hover {background-image:url('files/poradna.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.vyr_zprava:hover {background-image:url('files/vyr_zprava.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.uskut_projekty:hover {background-image:url('files/uskut_projekty.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.kontakt:hover {background-image:url('files/kontakt.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}
ul.uroven1 li.provozni_doba:hover {background-image:url('files/provozni_doba.jpg');background-position:-208px 0px; background-repeat: no-repeat;width:208px;}

div#nav li a { display:; padding: 15px ;   width: 175px;}

/*nadpisy*/

h2 { font-size:20px;	color : #993333;	margin : 0px 10px 10px 10px;}
h3 { font-size:15px;	color : black;	margin : 10px 10px 10px 10px;}
h4 { font-size:15px;	color : #D2691E;	margin : 10px 10px 10px 10px;}
h5 { font-size:15px;	color : #D2691E;}
h6 { font-size:14px;	color : black;	margin : 10px 10px 10px 10px;}

/*odkazy*/
a {text-decoration:none; color:white;}
a:hover {text-decoration:underline; color:red;}

a.nov {	color: Black;	text-decoration: none;}
a.nov:hover {	background-color: #FAFAD2;	width: 180px;}

a.odkaz {text-decoration:none; color:white;}
a.odkaz:hover { color:red; background-color: #FAFAD2;	width: 200px;}

a.stanovy {text-decoration:underline; color:black;}
a.stanovy:hover {text-decoration:underline; color:#999999;}

/* rozvržení a vlasnosti kontaktního formuláře */

.dotaz {margin: 10px 0; padding: 10px 0; width: 90%;}
.dotaz p {text-align: left; text-indent: 0; margin-bottom: 2px; margin-top: 0;}
.dotaz textarea {width: 300px; margin: 0 auto; font: Georgia,"Times CE","Times New Roman CE","Times New Roman", Times, serif; font-size: 110%;}
.dotaz label {width: 100px; float: left; margin-right: 5px; padding-top: 0.3em;}
.dotaz input, .dotaz textarea {padding: 2px;}
p.submit {text-align: left; margin-left: 105px; padding: 10px 30px 0 0;}
.hlaska {width: 90%; margin: 10px auto; padding: 2px; border: 1px solid red; background-color: #FF8B8B; text-align: center;}