
/* Z�KLADN� ELEMENTY */
body {
font: normal 75%/1.4em Verdana, Tahoma, Verdana, sans-serif;
color: #6f3939;
margin: 0;
padding: 0;
background: url(img/pattern.gif) repeat-y center center;
background-attachment: fixed;
}
p {
}
h2{
font-size:large;
letter-spacing: 1px; 
padding-left: 20px;
color:#8D8;
margin: 0px;
padding: 15px 10px 0 10px;
}
i{
font-size: smaller;
}
a {
text-decoration:none;
color:#7C7;
letter-spacing: 1px;
padding: 0 3px;
}
a:hover{
background:url(img/tecka.gif) repeat-x bottom center;
}
#prava_zam i {
padding-left:13px;
background: url(img/odrazka1.gif) no-repeat 5px 50%;
}

/* LI�TA */
#header {
background: url(img/logo.jpg) no-repeat;
height: 249px;
}
#lista {
position: relative;
margin:0;
padding: 0;
top:222px;
margin-left:90px;
list-style: none;
} 
#lista li {
display: inline;
padding: 0px 10px;
}
#lista a {
padding: 0 0 4px 0;
letter-spacing: 1px;
height: 200px;
font:   22px georgia,verdana,helvetica,"Times New Roman",   serif ;
font-weight: normal;
color:#330000;
}
#lista a:hover, #lista a.selected {
color: #900;
background: url(img/bleee.gif) no-repeat bottom center;
}
#lista a img{
position: absolute; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 0px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px;
}
#lista a:hover img{
LEFT: 75px; WIDTH: 144px; POSITION: absolute; TOP: -103px; HEIGHT: 85px
}

/* LAYOUT */
.zbyva { float: right;  font-size: 0.9em;  color:red;  margin-right: 60px;  display: inline; }
#hl #all{
background: url(img/pozadi_hl.gif) repeat-y;
}
#zam #all {
background: url(img/pozadi_zam.gif) repeat-y;
}
#gal #all {
background: url(img/pozadi_gal.gif) repeat-y;
}
#hl #content {
background: url(img/vrch_hl.jpg) no-repeat top right ;
}
#zam #content {
background: url(img/vrch_zam.jpg) no-repeat top right ;
}
#gal #content {
padding:32px 0 10px 0;
text-align: center;
background: url(img/vrch_gal.jpg) no-repeat top right;
}
#mapka #content {
background: url(img/content.jpg) no-repeat top center;
height: 785px;
}
#content {
width: 860px;
}
#all {
margin: 0 auto;
padding: 0;
width: 860px;
}
#prava {
width: 475px;
margin: 0;
float:right;
padding: 20px 15px 0 0;
}
#prava_zam {
width: 240px;/* -35 */
margin: 0px;
float: right;
padding:20px 20px 0 0;
}
#leva {
float: left;
width: 325px;
padding: 20px;
}
#leva_zam {
float: left;
width: 545px; /* -25 */
padding: 20px;
}
#leva_mapka {
margin: 0px 503px 10px 50px;
padding-top: 20px;
}
#leva dt img{
LEFT: -20px; WIDTH: 49px; POSITION:relative; TOP: 10px; HEIGHT: 30px
}
#leva dt {
margin: 5px 0;
padding-left: 0px;
font-weight: bold;
}
#leva dd {
margin: 0 0 10px 0;
}

/* TEXT & OTHER */ 
#prava strong {
padding: 0 20px ;
}
#kontakt {
font: normal 100%/1.7em Verdana, Tahoma, Verdana, sans-serif;
}
.form {
padding: 0 7px;
border: 2px dotted #cfe;
}
#cenik span {
padding-left: 40px;
font-size: smaller;
}
.podtrhnout {
border-bottom: 2px dotted #cfe;
}
#mail {
color: 7C7;
letter-spacing:normal;
border-bottom: 1px solid lightgreen;
}
a:hover#mail {
color: #7C0;
border-bottom-style: none;
}
#akt span {
background: #f6fff6 url(img/odr.gif) no-repeat left ;
padding: 2px 35px;
margin-left: 30px;
}
#akt {
margin-top: 0px;
}
code {
background: url(img/odr.gif) no-repeat right;
font: normal 100%/1.4em Verdana, Tahoma, Verdana, sans-serif;
padding-right: 35px;
}

/* FOOTER */
#hl #footer {
background: url(img/footer_hl.jpg) repeat-x;
}
#zam #footer {
background: url(img/footer_zam.jpg) repeat-x;
}
#mapka #footer{
background: url(img/footer.jpg) no-repeat;
}
#gal #footer {
background: url(img/footer_gal.jpg) no-repeat;
}
#footer img{
position: relative;
right: 417px;
bottom: 15px;
width: 25px;
height: 25px;
}
#footer {
clear: both;
height: 60px;
text-align:right;
}
#footer p{
text-align:right;
margin:0 180px 0 0;
padding-top: 23px;
font: x-small georgia,arial;
color:#aaa;
}
#footer a{
color:#fff;
}
#footer a:hover{
color:#000;
}

#adm { position: absolute;  width: 30px;  height: 30px;  top: 1px;  left: 1px;  cursor: none; }
