body{
font-family: Verdana,Arial,Helvetica,sans-serif;
padding:0px;
margin:0px;
text-decoration:none;
font-weight:normal;
background-image:url(image/bg.jpg);
background-repeat:repeat;
background-position:center top;
background-color:#763F23;
color:black;
text-align:center;
}

img{
border-collapse:collapse;
border-width:0px;
border-spacing:0px;
padding:0px;
margin:0px;
}


select{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:left;
border-width:1px;
padding:0px;
margin:0px;
border-spacing:0px;
background-color:#cbd3d5;
color:#283758;
}

input{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
font-weight:normal;
text-align:left;
border-width:1px;
padding:0px;
margin:0px;
border-spacing:0px;
color:#283758;
background-color:#cbd3d5;;
}

textarea{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
text-align:left;
border-width:1px;
padding:0px;
margin:0px;
border-spacing:0px;
color:black;
background-color:transparent;
}

img{
display:block;
margin:0;
}

p{
padding:0px;
margin:0px;
}

h1 {
font-size:1em;
font-weight:bold;
padding:0px;
margin:0px;
}





h2 {
font-size:0.8em;
font-weight:bold;
padding:0px;
margin:0px;
}

#pagewidth{
 width:980px;
 text-align:left;
margin-left:auto;
 margin-right:auto;
}

#header{
 position:relative;
 background-color:#FFFFFF;
 width:100%;
}

#leftcol{
 width:231px;
 float:left;
 display:block;
 position:relative;
 background-color:#FFFFFF;
 min-height: 689px;
   _height: 689px;
  }
  #leftcol_foto{
 width:231px;
 float:left;
 display:block;
 position:relative;
 background-color:#FFFFFF;
 min-height: 873px;
   _height: 791px;
  }

#twocols{
 width:749px;
 float:right;
 position:relative;
  }

#rightcol{
 width:204px;
 float:right;
 position:relative;
 background-color:#FFFFFF; 
  min-height: 689px;
    _height: 689px;
 }

#maincol{
background-color: #E3E3E3;
 float: left;
 display:block;
 position: relative;
 width:545px;
  min-height: 689px;
  _height: 689px;
 }
 #maincol_foto{
background-color: #E3E3E3;
 float: left;
 display:block;
 position: relative;
 width:749px;
  min-height: 672px;
  _height: 672px;
 }

#footer{
 height:45px;
 background-color:#FFFFFF;
 clear:both;
 border-top: 5px solid #FFF;
 background:url("image/bg-footer.gif")
 }
#footer p{
font-size:0.8em; font-weight:400; color:#353535; text-decoration:none; line-height:1.2em; margin:0 0 0 35px; padding:0
 }
 #footer p a{
 font-weight:400; color:#7B4428; text-decoration:none; line-height:1.2em; margin:0; padding:0
 }

#vlevo_menu {margin-left: 0.2em; display:block; float:left; width:215px; padding:0 0 5px 0;}
#vlevo_menu #prev{text-align:left}
#vlevo_menu_wrap {padding:0}

.formular {color:#98A2A0; float:center; font-size:0.8em; color:#353535; text-decoration:none; line-height:1.2em; PADDING-TOP: 10px; }

.menicko {color:#98A2A0; float:center}

.outer span{display:block; text-transform:uppercase; font:bold 8pt Verdana,Arial,Helvetica,sans-serif; letter-spacing:0.1px; line-height:305%; margin:0; padding:7px 2px 0 40px}

#menicko a{display:block; width:215px; height:43px; background:url("image/menu.gif") 0 0 no-repeat; text-decoration:none; color:#fff}

#menicko a:hover{background:url(image/menu.gif) 0 -43px; color:#000}

#menicko a:active{background:url(image/menu.gif) 0 -86px; color:#000}

div.outer{background:url("image/menu.gif") 0 -43px no-repeat; color:#000}

div.outer a{display:block; width:100%; height:100%; overflow:hidden; background:url("image/menu.gif") top left no-repeat; margin:0; padding:0}

.fotoRow {
    PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
}
.fotoRow a {
    font-size:0.7em; font-weight: bold;  color:#353535; text-decoration:none; PADDING-left: 1px; color:#000; text-decoration:underline;
}
.fotoRow  a:hover {color: #7D452A}

.fotoRow p {
	font-size:0.8em; color:#353535; text-decoration:none; line-height:1.2em; PADDING-TOP: 10px; PADDING-right: 50px;
}
.fotoRow li{
	PADDING-TOP: 1px; PADDING-RIGHT: 12px; vertical-align:  bottom; font-size:80%; line-height:1.4em; color:#353535; text-decoration:none;list-style: square url("image/zadrh.gif")
}
.fotoleft {
	PADDING-RIGHT: 25px; BACKGROUND-POSITION: left top; PADDING-LEFT: 11px; FLOAT: left; BACKGROUND-IMAGE: url(image/bg-zoombild.png); PADDING-BOTTOM: 30px; PADDING-TOP: 12px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center
}

#aktualne  {
    PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-right: 20px;PADDING-TOP: 12px;
}
.akt {
    background:url("image/bg-aktualne.gif");
    display: block;
    height: 23px;
    padding-left: 10px;
    padding-top: 5px;
    border: 1px solid #C7C7C7;
    border-bottom: 1px solid #87460B;
    font-size:0.8em;
    font-weight: bold;
}
.nabidky-pension {
    PADDING-LEFT: 12px; PADDING-BOTTOM: 12px; MARGIN: 0px; PADDING-right: 12px; PADDING-TOP: 12px;  background:url("image/bg-all.gif");
    min-height: 140px;
    _height: 140px;
    font-size:0.8em;
}
.nabidky-pension a{
  font-size:0.9em;
}
.nabidky-rezervace {
    PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-right: 1px;PADDING-TOP: 12px;  background:url("image/bg-all.gif");font-size:0.8em;
}
.nabidky {
    PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-right: 10px; PADDING-TOP: 12px;  background:url("image/bg-all.gif");
      min-height: 110px;
    _height: 110px;
    font-size:0.8em;
}
.obrazek {
	 PADDING-LEFT: 11px; FLOAT: left; PADDING-BOTTOM: 25px; PADDING-TOP: 10px;
}

.obrazek-vlevo {
	 PADDING-LEFT: 48px; FLOAT: left; PADDING-BOTTOM: 5px; PADDING-TOP: 0px;
}
.slide {
	 PADDING-LEFT: 29px; FLOAT: left; PADDING-BOTTOM: 25px; PADDING-TOP: 28px; BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(image/activites.gif);BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: center;
}
.quick-reservation_in {line-height: 5px;vertical-align: middle;margin: 0px 5px 0px 0px;}
.button {  font-family: 'Arial CE', Verdana, 'Geneva CE', lucida, sans-serif; margin: 0px 10px 0px 15px;padding: 0px 2px 0px 2px;font-size: 12px;font-weight: bold;text-decoration: none;color: #323C3C;cursor: pointer;overflow: hidden;width: 60px;height: 15px;background: #DDDDDD;margin-top: 15px;margin-bottom: 5px;}
.quick-reservation-title {
    text-align: left;
    vertival-align: middle;
    padding: 0 7px;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
    color: #000;
    display: block;
    height: 23px;
    line-height: 23px;
    font-family: Verdana, 'Geneva CE', lucida, sans-serif;
    background: transparent url('image/menu_rez.gif') right no-repeat;
    background-color:#E3E3E3;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF;
}
.button-verify {
    width: 100px;
    height: 31px;
    margin: 0 0 0 20px;
    font-weight: bold;
    padding: 0 10px 5px 14px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    background: url('image/rez.gif') top no-repeat;
    font-size:0.8em;
}
.abcd{

    height: 100%;
    font-size:0.8em;

}



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}

/*hide the right column when printing*/
#rightcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}