html,body{
margin: 0;
padding:0;
font-family: Verdana,Sans-Serif;
font-size: 100.00%;
background-color : #fafafa;
}
.clear{
 clear: both;
}
#horni_pruh{
margin: auto;
width: 1070px;
height: 84px;
position: relative;
}

.a-rent{
position: absolute; bottom: 9px; left: 0;
}
.odtah_obr{
position: absolute; bottom: 9px; left: 350px;
}
.odtah_text{
position: absolute; bottom: 17px; left: 455px;
}
.p_odtah_text{
text-align: center;
margin: 0;
padding: 0;
font-size: 1.12em;
font-weight: normal;
}
.vlajky{
position: absolute; bottom: 9px; right: 140px;
}

#logo{
width: 100%;
height: 310px;
background : transparent url(images/pozadi.jpg) repeat-x;
margin-bottom: 15px;
}
.logo{
width: 1070px;
height: 100%;
position: relative;
margin: auto;
}
.cars{
position: absolute; bottom: 30px; left:0;
}
.linky{
width: 298px;
height: 243px;
background : transparent url(images/linky.png) no-repeat;
position: absolute; bottom: 30px; right: -10px;
}
.klicky{
position: absolute; top: -8px; right:0;
}
.logo_text{
position: absolute; bottom: 35px; right:25px;
}
.otviraci_doba{
font-size: 1.48em;
}
#menu{
margin: auto;
width: 1070px;
position: relative;
text-align: center;
font-size: 0.88em;
}

.menu a{
background : transparent url(images/pozadi-menu.jpg) no-repeat;
background-color : #040404;
float: left;
line-height: 34px;;
margin-right: 15px;
padding-right: 20px;
padding-left: 20px;
vertical-align: middle;
border-top-left-radius: 10px;
box-shadow: 7px 7px 5px gray;
-webkit-box-shadow: 7px 7px 5px gray;
-moz-box-shadow: 7px 7px 5px gray;	
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
font-size: 1em;
}
.menu a:hover{
text-decoration: none;
color: #00956F;
box-shadow: 3px 3px 5px gray;
-webkit-box-shadow: 3px 3px 5px gray;
-moz-box-shadow: 3px 3px 5px gray;
}
.menu_active a{
background : transparent url(images/pozadi-menu.jpg) no-repeat;
background-color : #040404;
float: left;
line-height: 34px;;
margin-right: 15px;
padding-right: 20px;
padding-left: 20px;
vertical-align: middle;
border-top-left-radius: 10px;
text-decoration: none;
font-weight: bold;
font-size: 1em;
color: #00956F;
box-shadow: 3px 3px 5px gray;
-webkit-box-shadow: 3px 3px 5px gray;
-moz-box-shadow: 3px 3px 5px gray;
}
.menu_active a:hover{
text-decoration: none;
color: #00956F;
}
#obsah{
width: 1070px;
height: auto;
font-size : 0.88em;
color: #040404;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
margin: auto;
text-align: justify;
}
#patka{
background-color : #040404;
font-size: 0.76em;
color: #FFFFFF;
text-align: center;
line-height: 40px;
vertical-align: middle;
margin-bottom: 20px;
margin-top: 30px;
}
.seda {
position: relative;
width: 310px;
height: 454px;
background-color : #4a4a4a;
color: #FFFFFF;
padding: 20px;
float: left;
margin-right: 10px;
margin-bottom: 20px;
border-top-left-radius: 10px;
box-shadow: 7px 7px 5px gray;
-webkit-box-shadow: 7px 7px 5px gray;
-moz-box-shadow: 7px 7px 5px gray;
}
.zelena {
position: relative;

width: 350px;
padding-top: 20px;
background-color : #00956F;
color: #040404;
float: right;
border-top-left-radius: 10px;
box-shadow: 7px 7px 5px gray;
-webkit-box-shadow: 7px 7px 5px gray;
-moz-box-shadow: 7px 7px 5px gray;
}
.a6{
position: absolute; bottom: 0px; right: 5px;
}
.nadpisy_sloupce{
font-size: 1.12em;
font-weight: bold;
}
.nadpis_sloupce{
font-size: 1.42em;
font-weight: bold;
text-align: center;
}
.small{
font-size: smaller;
}

.float-left{
float: left;
}
.float-right{
float: right;
}
.akce{
position: absolute; top: 95px;right: 72px;
}
.p_right{
text-align: right;
}
.p_left{
text-align: left;
}
p{
text-align: justify;
}
.center{
text-align: center;
}
.kulaty_roh{
border-top-left-radius: 10px;
}

h1{
color: #00956F;
}
h2{
color: #00956F;
}
h3{
color: #00956F;
font-style: italic;
font-weight: normal;
}
.bila{
color: #FFFFFF;
}
.cerna{
color: #040404;
}

.mapa{
float: right;
box-shadow: 7px 7px 5px gray;
-webkit-box-shadow: 7px 7px 5px gray;
-moz-box-shadow: 7px 7px 5px gray;
}
.rezervace{
box-shadow: 7px 7px 5px gray;
-webkit-box-shadow: 7px 7px 5px gray;
-moz-box-shadow: 7px 7px 5px gray;
background-color : #00956F;
font-size: 1em;
color: #FFFFFF;
margin-left:auto; 
margin-right:auto;
border-spacing: 10px;
}
.rezervace td{
padding: 0;
}
.rezervace2{
background-color : #00956F;
font-size: 0.88em;
color: #FFFFFF;
margin-left:auto; 
margin-right:auto;
border-spacing: 10px;
}
.rezervace2 td{
padding: 0;
}
.rezervace2 input{
font-size: 0.94em;
margin: 0;
background-color : #ffffff;
}
.rezervace_submit{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
}
.rezervace2 select{
font-size: 0.94em;
margin: 0;
padding: 0
}
.rezervace2 textarea{
font-size: 0.94em;
margin: 0;
padding: 0;
width: 150px; height: 26px
}
.vikendovy_tarif{
width: 89%;
margin-left:auto; 
margin-right:auto;
border-spacing: 2px; //table cellspacing
}
.vikendovy_tarif td{
padding:1px;
}
.vikendovy_tarif a{
text-decoration: underline;
color: #FFFFFF;
font-weight: normal;
font-size: 1em;
}
.vikendovy_tarif a:hover{
text-decoration: none;
color: #00956F;
}
.podtrzeni{
text-decoration: underline;
font-weight: normal;
}
.spoluprace{
text-align: right;
}
.spoluprace a{
text-decoration: none;
font-size: 1.12em;
padding: 10px;
border: 1px solid #525a00;
box-shadow: 7px 7px 5px gray;
-webkit-box-shadow: 7px 7px 5px gray;
-moz-box-shadow: 7px 7px 5px gray;
color: #ffffff;
background-color : #00956F;
}
.spoluprace a:hover{
font-size: 1.12em;
padding: 10px;
border: 1px solid #525a00;
color: #040404;
background-color : #00956F;
box-shadow: 3px 3px 5px gray;
-webkit-box-shadow: 3px 3px 5px gray;
-moz-box-shadow: 3px 3px 5px gray;
}

hr{
	border:0; 
	border-bottom: 1px;
	border-style: dashed;
	border-color:#d12026; 
	}

.zelena_span{
color: #00956F;
}










.stin{
margin: 0;
padding: 0;
font-size: 0.88em;
color: #e2ea92;
font-weight: normal;
font-style: italic;
position: absolute; top: 21px; left: 72px;
}







#root {
width : 1184px;
height: auto;
margin: auto;
position:relative;
}







.floatleft-border
{
float: left;
margin: 10px 30px 15px 0px;
padding: 2px;
border: 1px solid #525a00;
}
.floatright-border
{
float: right;
margin: 10px 0px 15px 30px;
padding: 2px;
border: 1px solid #525a00;
}
.floatleft-div{
float: left;
margin: 0px 16px 0px 0px;
padding: 2px;
border: 1px solid #525a00;
text-align: center;
width: 326px;
height: 400px;
padding: 5px;
}
#ikony{
width: 1064px;
padding-left: 17px;
}