/*****************************/
/*******STANDARDNI WEB********/
/*****************************/
@media (min-width: 930px) {



body{ color: #444; font-size: 62.5%; font-family: Calibri, Arial, sans-serif; padding: 0x; margin: 0; }
.clear{ clear: both; }
h1{ font-size: 1.2em; margin: 0px; }
a{ color: #0066CC; text-decoration: none; }
a:hover{ color: #0066CC; text-decoration: none; }
img a{ border: 0px solid #FFF; }
ul{ font-size: 1.4em; }
#page{ width: 900px; margin: 0px auto; }

.hlavicka{ width: 900px; background: #EEEEDD; background-repeat: no-repeat; margin: 20px 0px 20px 0px; }
.logo{ width: 250px; height: 75px; position: relative; top: 0px; left: 0px; margin: 5px 0 0 0; float: left; }
.logo h1 a { width: 250px; height: 75px; font-size: 10px; text-decoration: none; display: block; }
.logo h1 span { width: 250px; height: 75px; position: absolute; left: 0; top: 0; z-index: 1; background: url('/img/logo.png') 0 0 no-repeat; }

.nextlogo{ width: 348px; position: relative; border: 1px solid #D2CB9B; border-radius: 5px; background-image: url('/img/mapa.png'); background-repeat: no-repeat; background-position: right center; padding: 10px; margin: 10px; float: right; }
.nextlogo .p0{ background: #CC0000; position: absolute; top: -8px; left: -8px; font-size: 1.2em; border-radius: 3px;  padding: 2px 6px 2px 6px; margin: 0; } a .nextlogo .p0{ text-decoration: none; color: #FFF; } a:hover .nextlogo .p0{ text-decoration: none; color: #FFF; }
.nextlogo .p1{ font-size: 1.8em; margin: 2px 0 0 0; } a .nextlogo .p1{ text-decoration: underline; color: #0066cc; } a:hover .nextlogo .p1{ text-decoration: none; color: #0066CC; }
.nextlogo .p2{ font-size: 1.2em; font-weight: bold; margin: 3px 0 0 0; } a .nextlogo .p2{ text-decoration: none; color: #CC0000; } a:hover .nextlogo .p2{ text-decoration: none; color: #CC0000; }

#telo{ width: 900px; }

/********LEFT********/
#left{ width: 180px; margin: 0; float: left; }
#left .hamburger{ display: none; }
#hamburger_content{ display: block; }
#left p{ font-size: 1.4em; background-image: url('img/left.png'); background-repeat: no-repeat; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 0px; }
#left .p{ font-size: 1.4em; font-weight: bold; background-image: none; padding: 0px; margin: 10px 0px 10px 0px; }
#left a{ color: #0066CC; text-decoration: none; }
#left a:hover{ color: #0066CC; text-decoration: underline; }

/********MIDDLE********/
#middle{ width: 530px; margin: 0px 15px 0px 15px; float: left; }
#middle h2{ color: #444; font-size: 2.4em; margin: 0px 0px 10px 0px; }
#middle h3{ color: #555; font-size: 1.8em; margin: 20px 0px 0px 0px; }
#middle p{ font-size: 1.4em; line-height: 140%; margin: 10px 0px 10px 0px; }
#middle p img{ margin: 0px 0px 10px 0px; }

#middle .fotogalerie{ width: 530px; }
#middle .fotogalerie .velky{ width: 300px; margin: 0px 15px 0px 0px; float: left; }
#middle .fotogalerie .velky img{ width: 300px; }
#middle .fotogalerie .maly{ width: 215px; float: left; }
#middle .fotogalerie .maly img{ width: 90px; margin: 0px 10px 10px 0px; float: left; }

#middle .hrady img{ width: 122px; margin: 5px; float: left; }

#middle .hvezdicky{ margin: 5px 0px 5px 0px; }
#middle .hvezdicky img{ margin: 0px; }

#middle .index{ width: 195px; line-height: 100%; background-image: url('img/index_logo.png'); background-repeat: no-repeat; padding: 0px 0px 0px 50px; margin: 15px 10px 15px 10px; float: left; }
#middle .index h3{ margin: 5px 0px 15px 0px; }
#middle .index p{ font-size: 1.2em; margin: 5px 0px 0px 0px; }

#middle .zajimavosti img{ border: 1px solid #9C9976; padding: 2px; margin: 0px 0px 0px 15px; float: right; }

#middle .ubytovani { font-size: 1.0em; }
#middle .ubytovani p{ width: 156px; margin: 0px 10px 10px 10px;  float: left; }
#middle .ubytovani img{ width: 150px; border: 1px solid #CCC; padding: 2px; margin: 10px 0px 10px 0px;  float: left; }

#middle table{ font-size: 1.4em; border-collapse: collapse; border: 1px solid #CCC; }
#middle .tr{ font-weight: bold; background-color: #F9F9F9; }
#middle td{ text-align: center; border: 1px solid #CCC; border-spacing: 0px; padding: 5px 15px 5px 15px; }

#middle .vleknadpis{ font-size: 1.2em; font-weight: bold; margin: 10px 0px 0px 0px; }
#middle .vlektab{ font-size: 1.0em; border-collapse: collapse; border: 1px solid #99CDFF; }

#middle .pocasi h3{ width: 530px; text-align: center; font-size: 3em; font-weight: normal; margin: 30px 0px 10px 0px; }
#middle .pocasi .main{ width: 320px; background-color: #FFFFCC; border: 1px solid #FFDF61; text-align: center; margin: 0px 104px 0px 104px; }
#middle .pocasi .main h4{ font-size: 4em; margin: 20px 0px 0px 0px; }
#middle .pocasi .main img{ width: 160px; }
#middle .pocasi .main .linka{ width: 280px; font-size: 1.4em; border-top: 1px solid #FFDF61; padding: 7px 0px 7px 0px; margin: 0px 20px 0px 20px; }
#middle .pocasi .main .teplota{ width: 320px; font-size: 4em; text-align: center; margin: 0px; }
#middle .pocasi .tyden{ width: 70px; background-color: #FFFFCC; border: 1px solid #FFDF61; margin: 1px; float: left; }
#middle .pocasi .tyden img{ width: 70px; }
#middle .pocasi .tyden .nadpis{ width: 70px; font-size: 1.4em; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; }
#middle .pocasi .tyden .pole{ width: 70px; font-size: 1.2em; text-align: center; margin: 0px 0px 0px 0px; }
#middle .pocasi .tyden .pole span{ font-weight: bold; }


#middle .booking{ width: 358px; background: #faf8ea; border: 1px solid #d2cb9b; background-image: url('img/booking.png'); background-position: left top; background-repeat: no-repeat; padding: 10px 20px 10px 150px; margin: 10px 0px 10px 0px; }
#middle .booking .t1{ background-image: url('img/vykricnik.png'); background-repeat: no-repeat; font-weight: bold; padding: 3px 0px 0px 30px; margin: 5px 0px 0px 0px; } #middle a .booking .t1{ color: #FF0000; text-decoration: none;  } #middle a:hover .booking .t1{ color: #FF0000; text-decoration: underline; }
#middle .booking .t2{ background-image: url('img/kalendar2.png'); background-repeat: no-repeat; font-weight: bold; padding: 3px 0px 0px 30px; margin: 10px 0px 10px 0px; } #middle a .booking .t2{ color: #0066CC; text-decoration: none;  } #middle a:hover .booking .t2{ color: #0066CC; text-decoration: underline; }
#middle .booking .t3{ background-image: url('img/info.png'); background-repeat: no-repeat; font-weight: bold; padding: 3px 0px 0px 30px; margin: 10px 0px 10px 0px; } #middle a .booking .t3{ color: #008000; text-decoration: none;  } #middle a:hover .booking .t3{ color: #008000; text-decoration: underline; }
#middle .booking .button{ width: 175px; background: #524906; color: #FFF; font-size: 1.6em; text-align: center; padding: 10px 0px 10px 0px; margin: 10px 0px 0px 0px; float: right; }


/********RIGHT********/
#right{ width: 160px; background: #FCFCF3; margin: 0px 0px 0px 0px; float: left; }
#right .hamburger2{ display: none; }
#hamburger_content2{ display: block; }
#right p{ font-size: 1.4em; background-image: url('img/right.png'); background-repeat: no-repeat; padding: 0px 0px 0px 15px; margin: 10px 0px 10px 5px; }
#right .p{ font-size: 1.6em; background-image: none; padding: 0px; margin: 10px 0px 10px 10px; }

/********PATICKA********/
#paticka{ width: 860px; background: #EEEEDD; padding: 20px; margin: 20px 0 20px 0; }
.paticka1{ width: 250px; font-size: 1.4em; float: left; }
}






/******************************/
/*********MOBILNI WEB**********/
/******************************/
@media (max-width: 929px) {


body{ color: #444; font-size: 62.5%; font-family: Calibri, Arial, sans-serif; padding: 0; margin: 0; }
.clear{ clear: both; }
h1{ font-size: 1.2em; margin: 0px; }
a{ color: #0066CC; text-decoration: none; }
a:hover{ color: #0066CC; text-decoration: none; }
img a{ border: 0px solid #FFF; }
ul{ font-size: 1.4em; }
#page{ width: 100%; margin: 0px auto; }

.hlavicka{ width: 100%; background: #EEEEDD; background-repeat: no-repeat; padding: 0 0 10px 0; margin: 0; }
.logo{ width: 250px; height: 75px; position: relative; top: 0px; left: 0px; margin: 0 auto; }
.logo h1 a { width: 250px; height: 75px; font-size: 10px; text-decoration: none; display: block; }
.logo h1 span { width: 250px; height: 75px; position: absolute; left: 0; top: 0; z-index: 1; background: url('/img/logo.png') 0 0 no-repeat; }

.nextlogo{ width: 308px; position: relative; border: 1px solid #D2CB9B; border-radius: 5px; background-image: url('/img/mapa_mobil.png'); background-repeat: no-repeat; background-position: right center; padding: 10px; margin: 0 auto; }
.nextlogo .p0{ background: #CC0000; position: absolute; top: -8px; left: -8px; font-size: 1.2em; border-radius: 3px;  padding: 2px 6px 2px 6px; margin: 0; } a .nextlogo .p0{ text-decoration: none; color: #FFF; } a:hover .nextlogo .p0{ text-decoration: none; color: #FFF; }
.nextlogo .p1{ font-size: 1.8em; margin: 2px 0 0 0; } a .nextlogo .p1{ text-decoration: underline; color: #0066cc; } a:hover .nextlogo .p1{ text-decoration: none; color: #0066CC; }
.nextlogo .p2{ font-size: 1.2em; font-weight: bold; margin: 3px 0 0 0; } a .nextlogo .p2{ text-decoration: none; color: #CC0000; } a:hover .nextlogo .p2{ text-decoration: none; color: #CC0000; }

#telo{ width: 100%; }

/********LEFT********/
#left{ width: 100%; margin: 0; }
#left p a{ color: #0066CC; text-decoration: underline; }
#left p a:hover{ color: #0066CC; text-decoration: none; }
#left .hamburger{ width: 100%; background: #D2CB9B; padding: 8px 0 8px 0; }
#left .hamburger div{ width: 200px; background-image: url('/img/menu.png'); font-size: 1.6em; text-transform: uppercase; background-repeat: no-repeat; font-weight: bold; padding: 5px 0 5px 50px; margin: 0 auto; }
#left a .hamburger div{ text-decoration: none; color: #524906; }
#left a:hover .hamburger div{ text-decoration: none; color: #524906; }
#hamburger_content{ display: none; border-top: 1px solid #524906; }
#left p{ width: 100%; box-sizing: border-box; font-size: 1.4em; background: #EEEEDD; padding: 10px 0px 10px 15px; margin: 0; }
#left .p{ width: 100%; box-sizing: border-box; font-size: 1.4em; background: #E3DEB2; font-weight: bold; padding: 10px 0px 10px 15px; margin: 0; }


/********MIDDLE********/
#middle{ width: 100%; }
#middle h2{ width: 100%; text-align: center; color: #444; font-size: 2.4em; margin: 20px 0px 10px 0px; }
#middle h3{ width: 100%; text-align: center; color: #555; font-size: 1.8em; margin: 20px 0px 0px 0px; }
#middle p{ font-size: 1.4em; text-align: justify; line-height: 140%; margin: 10px 5px 10px 5px; }
#middle .mainimg{ max-width: 100%; display:block; margin-left: auto; margin-right: auto; }


#middle .fotogalerie{ width: 100%; box-sizing: border-box; padding: 10px; }
#middle .fotogalerie .velky{ width: 300px; margin: 0px 15px 15px 0px; float: left; }
#middle .fotogalerie .velky img{ width: 300px; }
#middle .fotogalerie .maly{ width: 215px; float: left; }
#middle .fotogalerie .maly img{ width: 90px; margin: 0px 10px 10px 0px; float: left; }

#middle .hrady img{ width: 122px; margin: 5px; float: left; }

#middle .hvezdicky{ margin: 5px 0px 5px 10px; }
#middle .hvezdicky img{ margin: 0px; }

#middle .index{ width: 250px; line-height: 100%; background-image: url('img/index_logo.png'); background-repeat: no-repeat; padding: 0px 0px 0px 50px; margin: 15px 10px 15px 10px; float: left; }
#middle .index h3{ width: 250px; text-align: left; margin: 5px 0px 15px 0px; }
#middle .index p{ font-size: 1.2em; margin: 5px 0px 0px 0px; }

#middle .zajimavosti img{ border: 1px solid #9C9976; padding: 2px; margin: 0px 0px 0px 15px; float: right; }

#middle .ubytovani { font-size: 1.0em; }
#middle .ubytovani p{ width: 156px; margin: 0px 10px 10px 10px;  float: left; }
#middle .ubytovani img{ width: 150px; border: 1px solid #CCC; padding: 2px; margin: 10px 0px 10px 0px;  float: left; }

#middle table{ width: 100%; box-sizing: border-box; font-size: 1.4em; border-collapse: collapse; border: 1px solid #CCC; }
#middle .tr{ font-weight: bold; background-color: #F9F9F9; }
#middle td{ text-align: center; border: 1px solid #CCC; border-spacing: 0px; padding: 5px 0px 5px 0px; }

#middle .vleknadpis{ font-size: 1.2em; font-weight: bold; margin: 10px 0px 0px 0px; }
#middle .vlektab{ font-size: 1.0em; border-collapse: collapse; border: 1px solid #99CDFF; }

#middle .pocasi h3{ width: 100%; text-align: center; font-size: 3em; font-weight: normal; margin: 30px 0px 10px 0px; }
#middle .pocasi .main{ width: 100%; background-color: #FFFFCC; border-top: 1px solid #FFDF61; border-bottom: 1px solid #FFDF61; text-align: center; }
#middle .pocasi .main h4{ font-size: 4em; margin: 20px 0px 0px 0px; }
#middle .pocasi .main img{ width: 160px; }
#middle .pocasi .main .linka{ width: 100%; font-size: 1.4em; text-align: center; border-top: 1px solid #FFDF61; padding: 7px 0px 7px 0px; margin: 0; }
#middle .pocasi .main .teplota{ width: 100%; font-size: 4em; text-align: center; margin: 0px; }
#middle .pocasi .tyden{ width: 70px; background-color: #FFFFCC; border: 1px solid #FFDF61; margin: 1px; float: left; }
#middle .pocasi .tyden img{ width: 70px; }
#middle .pocasi .tyden .nadpis{ width: 70px; font-size: 1.4em; font-weight: bold; text-align: center; margin: 0px 0px 0px 0px; }
#middle .pocasi .tyden .pole{ width: 70px; font-size: 1.2em; text-align: center; margin: 0px 0px 0px 0px; }
#middle .pocasi .tyden .pole span{ font-weight: bold; }


#middle .booking{ width: 100%; background: #faf8ea; border-top: 1px solid #d2cb9b; border-bottom: 1px solid #d2cb9b; padding: 10px 0px 10px 0px; margin: 10px 0px 10px 0px; }
#middle .booking .t1{ width: 300px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0 auto; } #middle a .booking .t1{ color: #FF0000; text-decoration: none;  } #middle a:hover .booking .t1{ color: #FF0000; text-decoration: underline; }
#middle .booking .t2{ width: 300px; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0 auto; } #middle a .booking .t2{ color: #0066CC; text-decoration: none;  } #middle a:hover .booking .t2{ color: #0066CC; text-decoration: underline; }
#middle .booking .t3{ width: 300px; font-weight: bold; padding: 3px 0px 15px 0px; margin: 0 auto; } #middle a .booking .t3{ color: #008000; text-decoration: none;  } #middle a:hover .booking .t3{ color: #008000; text-decoration: underline; }
#middle .booking .button{ width: 175px; background: #524906; color: #FFF; font-size: 1.6em; text-align: center; padding: 10px 0px 10px 0px; margin: 0 auto; }


/********RIGHT********/
#right{ width: 100%; background: #FCFCF3; }
#right .hamburger2{ width: 100%; background: #D2CB9B; padding: 8px 0 8px 0; }
#right .hamburger2 div{ width: 200px; background-image: url('/img/menu.png'); font-size: 1.6em; text-transform: uppercase; background-repeat: no-repeat; font-weight: bold; padding: 5px 0 5px 50px; margin: 0 auto; }
#right a .hamburger2 div{ text-decoration: none; color: #524906; }
#right a:hover .hamburger2 div{ text-decoration: none; color: #524906; }
#hamburger_content2{ display: none; border-top: 1px solid #524906; }
#right p{ width: 100%; box-sizing: border-box; font-size: 1.4em; background: #EEEEDD; padding: 10px 0px 10px 15px; margin: 0; }
#right .p{ width: 100%; box-sizing: border-box; font-size: 1.4em; background: #E3DEB2; font-weight: bold; padding: 10px 0px 10px 15px; margin: 0; }

/********PATICKA********/
#paticka{ width: 100%; background: #EEEEDD; padding: 20px 0 20px 0; }
.paticka1{ width: 250px; font-size: 1.4em; padding: 20px 0 0 0; margin: 0 auto; }
}