/*******************************************************************/
/*                                                                 */
/*                        obecne deklarace                         */
/*                                                                 */
/*******************************************************************/

*{
margin: 0px;
padding: 0px;
border: 0px;
font-size: 11px;
}

body{
font-family:  Tahoma, Arial, Helvetica, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
text-align: left;
color: #5b6222;
}

a img {
border: 0;
}

a, a:link, a:active, a:hover, a:visited {
color: #5B6222;
text-decoration: underline;
}

a:visited {
color: #595D35;
}

a:hover {
color:  #595D35;
text-decoration: underline;
}

a:focus, a:active {
color: #E50101;
}

h1 , hr{
visibility: hidden;
display: none;
}

h2{
color: #ffffff;
font-weight: bold;
line-height: 100%;
padding: 0;
height: 36px;
border-bottom: 1px dashed white;
width: 801px;
float: left;
}

h2.restaurace {
background-image: url(bg-h2-restaurace.png);
background-repeat: no-repeat;
background-position: 165px 5px;
}

h2.apartmany_cs {
background-image: url(bg-h2-apartmany.png);
background-repeat: no-repeat;
background-position: 165px 5px;
}

h2.apartmany_en {
background-image: url(bg-h2-apartments.png);
background-repeat: no-repeat;
background-position: 165px 5px;
}

h2.apartmany_de {
background-image: url(bg-h2-appartements.png);
background-repeat: no-repeat;
background-position: 165px 5px;
}

h2 span {
display: block;
padding: 28px 0 0 6px;
font-size: 14px;
}

h3{
margin: 10px 0 5px 0;
font-size: 20px;
color: #626a2e;
font-weight: normal;
font-weight: bold;
text-transform: uppercase;
}

h3.pricelist{
margin: 10px 0 5px 0;
font-size: 20px;
color: #626a2e;
font-weight: normal;
text-transform: uppercase;
}

h4{
margin: 10px 0 5px 0;
font-size: 20px;
color: #626a2e;
font-weight: normal;
}

p{
margin: 0 0 0 10px;
}

.left {
float: left;
}

a.submit_ok{
background-image: url(submit-ok.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
display: block;
width: 37px;
color: #5b6222;
cursor: pointer;
}

a.submit_ok:hover{
background-image: url(submit-ok-hover.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}

input.submit_ok{
width: 25px;
background-color: #d7dfa3;
color: #5b6222;
font-size: 15px;
padding: 2px 3px;
cursor: pointer;
}

.warning {
color: red;
}


/*******************************************************************/
/*                                                                 */
/*                        hlavni kontejner                         */
/*                                                                 */
/*******************************************************************/

#container{
background-image: url(bg-roztazeno.gif);
background-repeat: repeat-x;
background-position: 971px 0px;
background-color: #f2f4df;
position: relative;
left: 0px;
top: 0px;
margin-top: 20px;
width: 100%;
text-align: left;
}

#page{
background-image: url(bg-page-rightcol.png);
background-repeat: repeat-y;
background-position: 801px 0px;
background-color: #d7dfa3;
position: relative;
left: 0px;
top: 0px;
width: 1005px;
text-align: left;
}



/*******************************************************************/
/*                            hlavicka                             */
/*******************************************************************/

#header{
background-image: url(bg-header.jpg);
background-repeat: no-repeat;
background-position: 0px 34px;
background-color: #ffffff;
width: 801px;
height: 316px;
float: left;
}

#header-left{
background-image: url(bg-header-line.jpg);
background-repeat: repeat-x;
background-position: 0px 0px;
width: 801px;
position: absolute;
top: 15px;
left: 0px;
height: 17px;
color: white;
}

#logo-main{
background-image: url(bg-header-line.jpg);
background-repeat: repeat-x;
background-position: 0px 14px;
width: 801px;
position: absolute;
top: 0px;
left: 29px;
}

img.logo-main{
}

a.logo-main{
}

#header-right{
background-color: #ffffff;
position: absolute;
top: 0px;
left: 801px;
height: 35px;
width: 204px;
font-size: 9px;
}

#header-right-lang{
width: 250px;
height: 14px;
}

#header-right-lang a{
display: block;
width: 50px;
float: left;
height: 11px;
font-size: 9px;
color: #5b6222;
text-decoration: none;
text-transform: uppercase;
margin-left: 10px;
font-weight: normal;
padding-left: 20px;
}

#header-right-lang a:hover{
color: #000000;
text-decoration: none;
}

#header-right-lang a.cs {
background-image: url(flag-cs.png);
background-repeat: no-repeat;
background-position: left top;
}

#header-right-lang a.en {
background-image: url(flag-en.png);
background-repeat: no-repeat;
background-position: left top;
}

#header-right-lang a.de {
background-image: url(flag-de.png);
background-repeat: no-repeat;
background-position: left top;
}

#header-right-lang a.pl {
background-image: url(flag-pl.gif);
background-repeat: no-repeat;
background-position: left top;
}

#header-right-www{
background-image: url(bg-header-link.png);
background-repeat: repeat-y;
background-position: 0px 0px;
width: 204px;
height: 18px;
}

#header-right-www a{
font-size: 9px;
display: block;
color: #ffffff;
text-decoration: none;
padding: 4px 0 0 18px;
font-weight: bold;
}

#header-right-www a:hover{
color: #000000;
text-decoration: none;
}

#header_menu{
background-color: #cd011a;
/* background-image: url(bg-mainmenu.jpg);
background-repeat: no-repeat;
background-position: 0px 0px; */
top: 283px;
left: 0px;
position: absolute;
width: 811px;
height: 33px;
text-align: left;
font-size: 12px;
}

#header_menu ul{
display: inline;
list-style-type: none;
height:33px;
}

#header_menu li{
list-style-type: none;
float: left;
line-height: 100%;
display:inline;
text-align:center;
}

#header_menu li.first{
display: inline;
list-style-type: none;
float: left;
line-height: 100%;
margin-left: 0px;
padding-left: 15px;
text-align: center;
}

#header_menu li.apartments{
display: inline;
list-style-type: none;
float: right;
line-height: 100%;
}

#header_menu a {
font-size: 12px;
color:white;
display: block;
color: #ffffff;
text-decoration: none;
width: auto;
padding:11px 13px;
font-weight: bold;
}

#header_menu a:hover{
background-color: #ae0115;
color:white;
text-decoration: none;
}

#header_menu a.selected{
background-color: #950013;
color:white;
text-decoration: none;
}

#header_menu a.apartments{
background-image: url(trig-a.gif);
background-position: right 10px;
background-repeat: no-repeat;
display: block;
color: #ffffff;
text-decoration: none;
padding: 10px 20px 10px 10px;
text-align: right;
font-size: 14px;
}

#header_menu a.apartments:hover{
background: none;
background-image: url(trig-b.gif);
background-position: right 10px;
background-repeat:no-repeat;
color:white;
text-decoration: none;
}



/*******************************************************************/
/*                          levy sloupec                           */
/*******************************************************************/

#leftcol{
float: left;
width: 150px;
padding: 0 0 50px 0;
}

#submenu_left{
width: 150px;
}

ul.submenu_left{
list-style-type: none;
margin: 30px 10px 0 28px;
}

li.submenu_left{
list-style-image: url(blt.gif);
margin-bottom: 10px;
font-weight: bold;
}

a.submenu_left{
text-decoration: none;
color: #5b6222;
}

a:hover.submenu_left{
text-decoration: underline;
}

ul.submenu_left-sub{
list-style-type: none;
margin-top: 5px;
}

li.submenu_left-sub{
margin-bottom: 5px;
list-style-image: none;
}

a.submenu_left-sub{
text-decoration: none;
color: #464e12;
font-weight: normal;
}

a:hover.submenu_left-sub{
text-decoration: underline;
}

a.submenu_left-sub-sub {
padding-left:10px;
text-decoration: none;
font-weight: normal;
}

a:hover.submenu_left-sub-sub {
text-decoration: underline;
}

li.submenu_left-sub a,a:active,a:focus,a:visited{
text-decoration: none;
}



/*******************************************************************/
/*                         pravy sloupec                           */
/*******************************************************************/

#rightcol{
background-image: url(bg-submenu_right.jpg);
background-repeat: no-repeat;
background-position: 0px 267px;
background-color: #f2f4df;
width: 204px;
height: 820px;
float: right;
}

#submenu_right{
background-image: url(bg-rightcol.jpg);
background-repeat: repeat-y;
background-position: 0px 0px;
height: 233px;
margin-top: 35px;
}

img.submenu_right_logo{
margin: 15px 0 15px 18px;
}

span.desc{
display: block;
color: #505338;
font-size: 14px;
margin: 0 0 0 15px;
padding-top: 15px;
font-weight: bold;
}

span.desc2{
display: block;
color: #505338;
font-size: 11px;
margin: 0 0 0 15px;
padding-top: 15px;
}

span.adress{
display: block;
color: #505338;
font-size: 11px;
margin: 0 0 0 15px;
padding-top: 15px;
}

div.opening_hours_mo_sat{
color: #505338;
font-size: 11px;
margin: 15px 0 0 15px;
height: 14px;
}

div.opening_hours_ne{
color: #505338;
font-size: 11px;
margin: 0 0 0 15px;
height: 14px;
}

span.oh-left {
display:block;
width:60px;
float:left;
}

span.oh-right {
display:block;
width:95px;
float:left;
}

span.phone{
display: block;
color: #505338;
font-size: 11px;
margin: 10px 0 0 15px;
height: 20px;
}

span.cards{
clear:left;
display: block;
margin: 25px 0 0 15px;
height: 25px;
overflow:hidden;
}

img.cards{
margin: 0 5px 0 0;
}

.facebook {
    margin: 65px 0 0 14px;
    background: #ECEFF5 url('fb-top.jpg') no-repeat top left;
    border: 1px solid #94A3C4;
    padding: 26px 0 0;
    width: 200px;
}


/*******************************************************************/
/*                             footer                              */
/*******************************************************************/

#footer-container{
clear: both;
text-align: right;
border-top: 2px solid white;
width: 100%;
}

#footer{
clear: both;
padding: 10px 0px 10px 0;
text-align: right;
height: 230px;
width: 1005px;
}

#additional_text{
visibility: hidden;
}

div.sro{
float: right;
width: 190px;
margin: 0px 0 0 0;
text-align: left;
}

#text-info{
margin: 10px 0 10px 150px;
width: 621px;
text-align: justify;
font-size: 8px;
visibility:hidden;
display:none;
background: red;
}

#footer_links{
float: left;
width: 700px;
text-align: left;
}

#footer_links a{
text-decoration: underline;
}

#footer_links a:hover{
color: black;
text-decoration: underline;
}

span.first{
margin: 0 126px 0 10px;
}

span.first img{
width: 14px;
}

#footer .sidlo {
margin: 10px 0 0 153px;
font-size: 10px;
}

#banner {
width: 100%;
height: 165px;
margin-bottom: 20px;
}

#banner a {
display: block;
width: 189px;
height: 165px;
float: right;
text-decoration: none;
}

#banner a.apartments {
background-image: url(banner-apartmany.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#banner a.restaurant {
background-image: url(banner-restaurant.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}

#banner span {
display: block;
margin: 120px 0 0 0;
color: white;
text-align: center;
width: 179px;
}



/*******************************************************************/
/*                            content                              */
/*******************************************************************/

#content{
width: 635px;
margin: 0;
float: right;
padding: 0 0 60px 0;
}

p{
margin: 0 0 10px 0;
}

span.spacer{
display: none;
width: 620px;
height: 200px;
clear: both;
}



/**********************      daily menu      ***********************/

#content_daily_menu{
float: left;
width: 550px;
margin: 0 0 10px 0;
}

ul.content_daily_menu{
list-style-type: none;
float: left;
}

li.content_daily_menu{
color: #5b6222;
margin: 0 0 0 10px;
}

li.content_daily_menu_daytitle{
color: #626a2e;
}



/*********************      content list      **********************/

ul.content_list{
list-style-type: none;
float: left;
}

li.content_list{
list-style-type: none;
margin: 10px 0 0 10px;
}

li.content_list{
}



/***********************      gallery      *************************/

p.gallery{
margin: 0 0 10px 0;
}

div.gallery-img{
float: left;
width: 156px;
height: 200px;
padding: 0;
overflow: hidden;
}

div.gallery-img-inbox{
border: 1px dashed white;
width: 146px;
height: 190px;
overflow: hidden;
}

div.gallery-img-inbox img{
border: 3px solid #5b6222;
margin: 10px;
width: 120px;
height: 90px;
}

div.gallery-img-inbox a{
display: block;
}

div.gallery-img-inbox a:hover{
}

div.gallery-img-inbox p{
margin: 0 10px 10px 10px;
text-align: center;
font-size: 11px;
}

.tour {
    border: 1px dashed white;
    padding: 10px 10px 7px 10px;
    margin: 5px 19px 10px 0;
}


/*********************      menu - jidlo      **********************/

table.menu{
font-size: 10px;
width: 631px;
margin-bottom: 10px;
}

th.menu{
padding: 5px 0;
width: 431px;
text-align: left;
}

td.menu{
padding: 5px 0;
width: 100px;
text-align: right;
vertical-align:top;
}



/************************      formular      ***********************/

table.form{
width: auto;
font-weight: bold;
}

table.form tr{
}

table.form th{
font-weight: normal;
padding: 5px 5px 5px 0;
width: auto;
text-align: left;
vertical-align: top;
}

table.form td{
padding: 5px 0;
width: auto;
text-align: right;
vertical-align: top;
}

table.form td{
padding: 5px 0;
width: auto;
text-align: right;
vertical-align: top;
}

table.form td.form{
padding: 5px 0;
width: auto;
text-align: left;
vertical-align: top;
}

table.form td.form_note input{
width: 300px;
padding: 2px 0;
height: 150px;
}

table.form td.form span{
font-weight: normal;
}

table.form input{
width: 300px;
padding: 2px 0;
}

table.form input.checkbox {
width: 12px;
}

table.form textarea{
width: 300px;
padding: 2px 0;
height: 10em;
}

table.form td.form_submit a.submit_ok{
background-image: url(submit-ok.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
display: block;
width: 37px;
color: #5b6222;
cursor: pointer;
}

table.form td.form_submit a.submit_ok:hover{
background-image: url(submit-ok-hover.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}

table.form td.form_submit {
text-align: left;
}

table.form td.form_submit input.submit_ok{
width: auto;
background-color: #eeeeee;
color: black;
font-size: 11px;
padding: 0;
border: 1px solid #5b6222;
}



/*******************      apartments pricelist      ****************/

div.pricelist_adress{
width: 300px;
}

div.pricelist_adress table{
margin-left: 0;
width: 300px;
}

table.pricelist{
margin: 0 0 10px 0;
font-size: 11px;
color: white;
background-color: #5b6222;
text-align: center;
font-weight: bold;
border-collapse: collapse;
}

table.pricelist tr{
border-collapse: collapse;
border: 2px solid #d7dfa3;
}

table.pricelist td{
padding: 6px;
vertical-align: top;
border-collapse: collapse;
border: 2px solid #d7dfa3;
}

table.pricelist td.persons{
width: 150px;
}

table.pricelist td.nights{
width: 70px;
}

table.pricelist td.price{
width: 80px;
}

input textarea{
padding: 2px;
width: 125px;
font-size: 10px;
}

div.pricelist_img{
float: right;
width: 126px;
margin-right: 20px;
}

div.pricelist_img img{
border: 3px solid #5b6222;
}

p.pricelist{
width: 500px;
}



/********************      front - aktuality      ******************/

div.actuality{
float: left;
width: 100%;
}

div.actuality_text{
float: left;
width: 480px;
}

div.actuality_text h3 span{
font-size:13px;
/* border-bottom:1px dashed #626a2e; */
}

div.actuality_text p{
}

div.actuality_img{
float: right;
width: 126px;
margin: 35px 20px 0 0;
}

div.actuality_img img{
border: 3px solid #5b6222;
width: 120px;
}

div.download{
width: 100%;
clear: both;
margin-bottom: 10px;
}

div.download a{
text-decoration: underline;
}

div.top{
width: 100%;
clear: both;
margin-bottom: 10px;
}

div.top a{
background-image: url(trig-top.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
padding-left: 10px;
font-size: 7px;
text-transform: uppercase;
}

div.actuality u {
text-decoration: none;
color:#383c20;
}



/*************************      o nas      *************************/

#about_us_text{
float: left;
width: 400px;
}

div.about_us_img{
float: right;
width: 206px;
margin-right: 20px;
}

div.about_us_img img{
border: 3px solid #5b6222;
}



/************************      sitemap      ************************/

span.sitemap_0{
display: block;
margin: 0 0 10px 0;
}

span.sitemap_0 a{
text-transform: uppercase;
display: block;
margin: 0 0 10px 0;
font-size: 15px;
font-weight: bold;
}

span.sitemap_1{
display: block;
margin: 0 0 10px 10px;
}

span.sitemap_1 a{
text-transform: lowercase;
display: block;
margin: 0 0 10px 0;
font-size: 12px;
}

span.sitemap_2{
display: block;
margin: 0 0 10px 20px;
}

span.sitemap_2 a{
text-transform: lowercase;
display: block;
margin: 0 0 10px 0;
font-size: 10px;
}

span.sitemap_3{
display: block;
margin: 0 0 10px 30px;
}

span.sitemap_3 a{
text-transform: lowercase;
display: block;
margin: 0 0 10px 0;
}



/**************      vyskakovaci okno s obrazkem      ***************/

body.detailed_view{
background: #5b6222;
}

div.video-gallery{
background: #5b6222;
color: white;
text-align: center;
}

span.video-gallery-redline{
display: block;
width: 100%;
height: 15px;
background: #ce0018;
}

div.video-thumb{
padding-top: 15px;
background: #d8dfa2;
}

div.video-thumb img{
height: 480px;
}

div.video-thumb-text{
margin-top: 10px;
color: #5b6222;
font-size: 12px;
background: #d8dfa2;
}

div.paginator{
background: #d8dfa2;
padding: 10px 0;
}

div.paginator a{
color: #5b6222;
font-size: 11px;
padding: 0 3px;
text-decoration: none;
}

div.paginator a:hover{
background: #ce0018;
color: #d8dfa2;
padding: 0 3px;
text-decoration: none;
}

div.paginator a.selected{
background: #5b6222;
color: #d8dfa2;
font-size: 11px;
padding: 0 3px;
}

div.paginator a.selected:hover{
background: #ce0018;
color: #d8dfa2;
font-size: 11px;
padding: 0 3px;
}




/*********************      mapy.atlas.cz      *********************/

#mainMap{
width: 500px;
height: 300px;
border: 1px solid gray;
margin-top: 5px;
}


h3 a {
    text-decoration: none;
    color: #5b6222;
}