* {
    margin: 0px;
    padding: 0px;
    border: none;  
}
body {
    font-family: Arial, sans-serif;
    font-size: 0.9em;
    line-height: 1.2em;
    background: #fff;
}
img, a img {
    border: none;
} 
header, nav, section, article, aside, footer {
    display: block;
}
adress, blockquote, dl, ul, fieldset, h1, h2, h3, h4, h5, h6, ol, p, table {
    margin-bottom: 15px;
}
h2, h3, h4, h5, h6 {
    margin: 15px 0px 15px 0px;
}
.red {
    color: red;
}
.white{
    color: white;
}
h1, h2, h3, h4, .nadpis {
     
    font-size: 1.3em;
    line-height: 1.5em;
    font-weight: normal;
}
h1 {
    font-size: 2.0em;
    line-height: 1.3em;
}
h2 {
    font-size: 1.7em;
    line-height: 1.3em;
}
h3 {
    font-size: 1.4em;
    line-height: 1.3em;
}
p {
    font-size: 0.6em;
    line-height: 1.5em;
}
.cistic {
    clear: both;
    float: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
.vlevo {
    text-align: left;
}
.vpravo {
    text-align: right;
}
.stred {
    text-align: center;
}
.right {
    float: right;
}
.left {
    float: left;
}
.chataLeva {
	width: 49%;
	float: left;
}
.chataPrava {
	width: 49%;
	float: right;
}
.center {
	width: 950px;
    margin: 0px auto;
}
a {
	color: #000;
	text-decoration: underline;
}
    a:hover {
		color: #000;
		text-decoration: none;
	}
/*booster*/
html, body {
    height: 100%;
}
body{
    width: 100%;
}
#pozadi {
    display: none;
}
#Page {
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative;
    margin: 0px auto;
    padding: 0px;
}
body>#Page {
    height: auto;
}
/* Opera 9.5+  malý hack  */
*|html[xmlns*=""]  #Page {
     display: table;
	 height: 100%
}
header {
    width: 100%;
    min-width: 320px;
    height: 140px;
	position: relative;
    /*background: #fff;*/
    /*opacity: 0.95;*/
    z-index: 1;
    position: relative;
}
	#StredHeader {
	    width: 950px;
	    height: 140px;
	    margin: 0px auto;
		padding: 0px 0px 0px 0px;
        background: #fff;
        
	}
		#Logo {
		    width: 256px;
		    height: 140px;
		    position: relative;
		    overflow: hidden;
		    font-size: 0.4em;
		    float: left;
		    text-indent: -9999px;
		}
			#Logo span {
		    	width: 256px;
		        height: 140px;
		        position: absolute;
		        top: 0;
		        background: url(../images/pozadi-logo.png) no-repeat;
		        visibility: visible;
		        cursor: pointer;
		        _cursor: hand;
		        display: block;
			}
            #Logo span.logo1 {
		    	background: url(../images/pozadi-logo-1.png) no-repeat;
			}
            #Logo span.logo2 {
		    	background: url(../images/pozadi-logo-2.png) no-repeat;
			}
			#Logo span.logo3 {
		    	background: url(../images/pozadi-logo-3.png) no-repeat;
			}
            #Logo span.logo4 {
		    	background: url(../images/pozadi-logo-4.png) no-repeat;
			}
            #Logo span.logo5 {
		    	background: url(../images/pozadi-logo-5.png) no-repeat;
			}
            #Logo span.logo6 {
		    	background: url(../images/pozadi-logo-6.png) no-repeat;
			}
            #Logo span.logo7 {
		    	background: url(../images/pozadi-logo-7.png) no-repeat;
			}
            #Logo span.logo8 {
		    	background: url(../images/pozadi-logo-8.png) no-repeat;
			}
		#Hory {
		    float: left;
		    width: 610px;
		    height: 140px;
		    /*background: url(../images/pozadi-hlavicka.png) 320px 0px no-repeat;*/
		}
		#Hory #HoryText {
			text-align: center;
		    font-size: 1.6em;
		    margin-top: 90px;
		}
		#Rezervace {
		    width: 74px;
		    height: 78px;
		    float: right;
			margin-right: 10px;
		    border-bottom-left-radius: 10px;
		    border-bottom-right-radius: 10px;
		    -moz-border-bottom-left-radius: 10px;
		    -moz-border-bottom-right-radius: 10px;
		    -webkit-border-bottom-left-radius: 10px;
		    -webkit-border-bottom-right-radius: 10px;
		}
		#Rezervace #Kalendar {
		    margin: 10px auto 0 auto;
		    width: 48px;
		    height: auto;
		}
		#Rezervace #Kalendar p {
		    font-size: 0.7em;
		    text-decoration: none;
		    color: #000;
		}
		#Rezervace #Kalendar a {
		    text-decoration: none;
		}
    nav {
	    width: 685px;
	    height: 45px;
	    float: right;
	    margin: -20px 0px 0px 0px;
	    position: relative;
        border-bottom-left-radius: 10px;
	    -moz-border-bottom-left-radius: 10px;
	    -webkit-border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	    -moz-border-bottom-right-radius: 10px;
	    -webkit-border-bottom-right-radius: 10px;
	}
		nav ul {
			list-style: none;
		}
			nav ul li {
			    float: left;
			}
				nav ul li a {
					display: block;
					height: 35px; /* 45 */
                    color: #000;
					font-weight: bold;
					padding: 15px 10px 0px 15px;
				    text-decoration: none;
                    background: url(../images/pozadi-nav.png) 0px 22px no-repeat;
				}
				nav ul li a:hover, nav ul li a.aktivni {
				    color:#fff;
				}
				nav ul li.prvni a {
					background: none !important;
					margin-left: 0px !important;
				}
section {
    width: 950px;
    min-width: 320px;
    margin: 0px auto 0px auto;
	position: relative;
}
	aside#Levy {
        width:  250px;
		float: left;
        margin: -25px 0px 100px 0px;
	}
		#Typy {
		    width: 250px;
		    float: none;
	        /*opacity: 0.95;*/
			margin: 0px 0px 15px 0px;
			padding: 5px 0px 0px 0px;
		    border-bottom-left-radius: 10px;
		    border-bottom-right-radius: 10px;
		    -moz-border-bottom-left-radius: 10px;
		    -moz-border-bottom-right-radius: 10px;
		    -webkit-border-bottom-left-radius: 10px;
		    -webkit-border-bottom-right-radius: 10px;
		}
			#Typy a {
			    width: 250px;
			    display: block;
			    background: url(../images/pozadi-odrazka.png) 20px 8px no-repeat;
			    margin-bottom: 3px;
			}
			#Typy h2 {
			    font-weight: bold;
			    font-size: 1.1em;
			    margin: 20px 0px 10px 20px;
			}
			.typ img {
			    width: 50px;
			    height: 40px;
			}
			.typtext {
			    width: 200px;
			    height: 43px;
			    background: url(../images/pozadi-bottom.png) bottom no-repeat;
				padding-bottom: 5px;
			    float: left;
			}
			.last {
				background: none;
			}
			.typtext p {
			    font-size: 1.1em;
			    margin-bottom: 0px;
			    margin-left: 30px;
			    color: #000;
			}
			.zaobleni-t {
			    border-top-left-radius: 10px;
			    -moz-border-top-left-radius: 10px;
			    -webkit-border-top-left-radius: 10px;
			}
			.zaobleni-b {
			    border-bottom-left-radius: 10px;
			    -moz-border-bottom-left-radius: 10px;
			    -webkit-border-bottom-left-radius: 10px;
			    padding-bottom: 5px;
			}
			#Typy a:hover {
			    background: url(../images/pozadi-odrazka-hover.png) 20px 8px no-repeat;
			}
			#Typy a:hover p {
			    color: #fff;
			}
			#Typy a:hover img {
			    /*opacity: 0.8;*/
			    filter: alpha(opacity=80);
			}
				.vysvetleni {
				    font-size: 0.8em !important ;
				}
		#Levy h3 {
			color: #000;
			text-align: center;
			margin: 0px 0px 0px 0px;
			padding: 5px 0px 0px 0px;
            /*opacity: 0.95;*/
		}
		#Sub {
			width: 100%;
			margin: 0px 0px 15px 0px;
		}
		#Sub a {
			width: 48%;
			float: left;
			display: block;
			padding: 0 1%;
			text-decoration: none;
		}
			#Sub a h2 {
				font-size: 1.5em;
				text-align: center;
				text-decoration: none;
			}
				#Sub a:hover h2 {
				text-decoration: underline;
			}
			#Sub a img {
				width: 100%;
				max-width: 322px;
			}
	    #Kalendar {
		    width:  250px;
		    float: none;
			color: #fff;
	        /*opacity: 0.95;*/
			margin: 0px 0px 15px 0px;
		    border-bottom-left-radius: 10px;
		    border-bottom-right-radius: 10px;
		    -moz-border-bottom-left-radius: 10px;
		    -moz-border-bottom-right-radius: 10px;
		    -webkit-border-bottom-left-radius: 10px;
		    -webkit-border-bottom-right-radius: 10px;
		}
			#Kalendar a {
				color: #fff;
				text-decoration: none;
			}
                #Kalendar a:hover {
					color: #fff;
					text-decoration: underline;
				}
				#Kalendar tr td.volno {
                    /*background: #009900;*/
				}
                #Kalendar tr td.rezervace {
                    background: #ffcc00;
				}
                #Kalendar tr td.obsazeno {
                    background: #cc0000;
				}
			#Kalendar h2 {
			    font-weight: bold;
			    font-size: 1.1em;
			    margin: 20px 0px 10px 20px;
			}
			table#Rezervacni {
				width: 96%;
				margin: 0px auto;
			}
			table#Rezervacni tr td {
				text-align: center;
			}
				#Rezervacni tr td.day span {
					display: none;
				}
            #Rezervacni tr td.volno {
                    /*background: #009900;*/
				}
                #Rezervacni tr td.rezervace {
                    background: #ffcc00;
				}
                #Rezervacni tr td.obsazeno {
                    background: #cc0000;
				}
			#Legenda {
                width: 96%;
				margin: 0px auto;
			}
			#Legenda .legend {
				width: 31%;
				float: left;
				font-size: 0.9em;
				text-align: center;
				margin: 0 1% 0 1%;
                margin-bottom: 5px;
				padding: 2px 0px 2px 0px;
			}
				#Legenda .zavreno {
					color: #000;
					background: #ffcc00;
				}
                #Legenda .obsazeno {
					background: #cc0000;
				}
                #Legenda .volno {
					/*background: #009900;*/
				}
	#Obsah {
	    width: 645px; /* 685 */
	    height: auto;
	    float: right;
        /*opacity: 0.95;*/
		position: relative;
        background: #fff;
	    padding: 20px 20px 20px 20px;
        margin: 15px 0px 100px 0px;
	    border-bottom-left-radius: 10px;
	    -moz-border-bottom-left-radius: 10px;
	    -webkit-border-bottom-left-radius: 10px;
	    border-bottom-right-radius: 10px;
	    -moz-border-bottom-right-radius: 10px;
	    -webkit-border-bottom-right-radius: 10px;
	}
		#Obsah table {
			width: 100%;
		}
		#Obsah table tr th {
			background: #147777;
			color: #fff;
			font-weight: normal;
			text-align: center;
            padding: 3px 5px;
		}
        #Obsah table tr td {
			background: #FFF;
			padding: 3px 5px;
			text-align: center;
		}
        #Obsah table tr td.vlevo {
			text-align: left !important;
		}
        /*#Obsah table tr:nth-child(even) td  {*/
        #Obsah table tr.tmava td  {
			background: #ABF9F9 !important;
			text-align: left;
		}
		/*#Obsah table tr:nth-child(odd) td {*/
        #Obsah table tr.svetla td {
			background: #FFF !important;
		}
        #Obsah table.docs tr td {
			background: #FFF;
			padding: 3px 5px;
			text-align: left;
		}
		#Obsah table#Poptavka tr td {
			text-align: left;
		}
		#Obsah ul, #Obsah ol {
			margin-left: 20px;
		}
        #Obsah h1 {
            text-align: left;
        }
		#Obsah p {
		    text-align: justify;
		    font-size: 0.95em;
		}
        #Obsah .video {
			width: 645px;
			height: 394px; /* 394 */
		}
        #Obsah .gallery a {
            width: 210px;
			height: 210px;
        }
            #Obsah .gallery a img {
	            width: 210px;
				height: auto;
	        }

footer{
    width: 100%;
    min-width: 320px;
    height: 90px;
    position: absolute;
    bottom: 0;
    left: 0;
}
	#Odkazy {
	    margin: 0px auto;
	    width: 950px;
	    height: 44px;
	}
		#Odkazy .odkazy {
        	text-align: center;
		    background: #fff;
		    /*opacity: 0.95;*/
            padding: 0px 5px 0px 5px;
		    border-top-left-radius: 10px;
		    -moz-border-top-left-radius: 10px;
		    -webkit-border-top-left-radius: 10px;
		    border-top-right-radius: 10px;
		    -moz-border-top-right-radius: 10px;
		    -webkit-border-top-right-radius: 10px;
		}
		#Odkazy .chata {
		    width: 377px; /* 387 */
		    height: 44px;
		    float: left;
		}
		#Odkazy .soc {
		    width: 140px; /* 150 */
		    height: 44px !important;
		    float: right;
		}
    #Paticka {
	    width: 100%;
	    height: 46px;
	}
        #Paticka p {
            font-size: 1.0em;
			padding-top: 15px;
			margin-bottom: 0px;
		}
	 	#Paticka .center {
		    width: 940px;
		    margin: 0px auto;
			padding: 0px 5px;
		}
        #Paticka .sloupec {
		    width: 33.3%;
		    height: 46px;
		    float: left;
		}
			#Paticka .sloupec a {
				color: #000;
				text-decoration: none;
			}
			#Paticka #LogoFooter {
		        width: 77px;
		        height: 46px;
		        position: relative;
		        overflow: hidden;
		        font-size: 0.4em;
		        float: left;
		        text-indent: -9999px;
		        margin-right: 15px;
			}
				#Paticka #LogoFooter span {
			        width: 77px;
			        height: 46px;
			        position: absolute;
			        top: 0;
			        background: url(../images/pozadi-logo-paticka.png) no-repeat;
			        visibility: visible;
			        cursor: pointer;
			        _cursor: hand;
			        display: block;
				}
    table#Poptavka {
	    width: 645px;
	}
	#Poptavka input, textarea {
	    width: 300px;
	    padding: 4px 2px;
	    margin: 2px;
		color: #fff;
	    border: 1px solid #000;
	}
    #Poptavka select {
	    width: 200px;
	    padding: 4px 2px;
	    margin: 2px;
		color: #fff;
	    border: 1px solid #000;
	}
	#Poptavka textarea {
	    width: 625px;
	    height: 100px;
	}
	#Poptavka input.small {
	    width: 100px;
	}
	#Poptavka input.zvire {
	    width: 20px;
	    float: left;
	}
	#Poptavka input.tlacitko {
	    width: 120px;
	    color: #fff;
	    float: right;
		cursor: pointer;
		_cursor: hand;
	}
	.blue {
	    color: #6f0711;
	}
	.red {
	    color: red;
	}
	.sending, .check {
	    display: none;
	}
		#LogoMobil, #MenuMobil {
			display: none !important;
		}
	.mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
    .desktops {
		display: inline;
	}

/* od 640  do 799 */
/*@media only screen and (min-width: 640px) and (max-width: 799px) {*/
@media only screen and (max-width: 949px) {
    .mobile {
		display: block;
	}
	.desktop, .desktops, #Logo, #Hory, #Rezervace, #Navigace {
		display: none;
	}
    .chataLeva {
		width: 100%;
		float: none;
	}
	.chataPrava {
		width: 100%;
		float: none;
	}
	header {
		width: 100% !important;
        min-width: 320px !important;
		height: 100px !important;
        z-index: 1;
            position: relative;
	}
        #StredHeader {
		    width: 100% !important;
		    height: 100px !important;
		    margin: 0px auto;
            
		}
    #MenuMobil {
		display: block !important;
	    width: 62px;
	    height: 55px;
		margin: 19px;
	    float: right;
	    cursor: pointer;
	    _cursor: hand;
	}
	header #LogoMobil {
		display: block !important;
	    width: 183px !important;
	    height: 100px !important;
	    position: relative;
	    overflow: hidden;
        visibility: visible;
		float: left;
	    font-size: 0.4em;
	    text-indent: -9999px;
        margin-left: 20px;
	}
	    header #LogoMobil span {
	    	display: block;
	    	/*background: url(../images/pozadi-logo-hlavicka-mobil.png) no-repeat;*/
	        width: 183px;
            height: 100px;
            position: absolute;
            top: 0;
            left:  0;
	    	visibility: visible;
	    	cursor: pointer;
	        _cursor: hand;
	    }
            #LogoMobil span.logo1 {
		    	background: url(../images/pozadi-logo-1-m.png) no-repeat;
			}
            #LogoMobil span.logo2 {
		    	background: url(../images/pozadi-logo-2-m.png) no-repeat;
			}
            #LogoMobil span.logo3 {
		    	background: url(../images/pozadi-logo-3-m.png) no-repeat;
			}
            #LogoMobil span.logo4 {
		    	background: url(../images/pozadi-logo-4-m.png) no-repeat;
			}
            #LogoMobil span.logo5 {
		    	background: url(../images/pozadi-logo-5-m.png) no-repeat;
			}
            #LogoMobil span.logo6 {
		    	background: url(../images/pozadi-logo-6-m.png) no-repeat;
			}
            #LogoMobil span.logo7 {
		    	background: url(../images/pozadi-logo-7-m.png) no-repeat;
			}
            #LogoMobil span.logo8 {
		    	background: url(../images/pozadi-logo-8-m.png) no-repeat;
			}
        nav {
		    width: 100% !important;
			float: none !important;
		    height: auto !important;
		    border-bottom-left-radius: 0px;
		    -moz-border-bottom-left-radius: 0px;
		    -webkit-border-bottom-left-radius: 0px;
		    border-bottom-right-radius: 0px;
		    -moz-border-bottom-right-radius: 0px;
		    -webkit-border-bottom-right-radius: 0px;
		    margin: 0px 0px 0px 0px;
		    position: relative !important;
            z-index: 1000 !important;
		}
		nav ul {
			list-style: none;
		}
			nav ul li {
				display: block;
			    float: none !important;
			}
				nav ul li a {
					display: block;
					height: auto !important;
                    color: #000;
					text-align: center;
					font-weight: bold;
					padding: 15px 0px 0px 0px;
				    text-decoration: none;
                    background: none;
				}
    section {
        width: 98% !important;
        margin: 0px auto;
		float: none;
        min-width: 320px;
        position: relative;
        height: auto !important;
        display: block;
	}
        aside#Levy {
	        width:  250px;
			float: none;
	        margin: 10px auto 20px auto;
		}
		#Sub {
			width: 100%;
			margin: 0px 0px 15px 0px;
		}
		#Sub a {
			width: 48%;
			float: left;
			display: block;
			padding: 0 1%;
			text-decoration: none;
		}
			#Sub a h2 {
				font-size: 1.3em;
				text-align: center;
				text-decoration: none;
			}
				#Sub a:hover h2 {
				text-decoration: underline;
			}
			#Sub a img {
				width: 100%;
				max-width: 100%;
			}
        #Obsah {
		    width: 94% !important;
		    height: auto !important;
			float: none !important;
		    background: #fff;
			display: block;
		    /*opacity: 0.95;*/
			position: relative;
		    padding: 2% 3%;
		    margin: 1% auto 1% auto;
		}
		#Obsah p {
		    width: 100% !important;
		}
        table#Kontakty {
			width: 100% !important;
		}
        table#Poptavka {
			width: 98% !important;
		}
        #Obsah table#Kontakty tr td, #Obsah table#Poptavka tr td {
			width: 100% !important;
			display: block;
			float: none;
			text-align: left;
		}
        #Poptavka input.tlacitko {
		    width: 120px;
		    color: #fff;
		    float: none;
			cursor: pointer;
			_cursor: hand;
			margin: 0px auto;
		}
        #Poptavka input, textarea {
		    width: 96% !important;
		    padding: 4px 2px;
		    margin: 2px;
			color: #fff;
		    border: 1px solid #000;
		}
	    #Poptavka select {
		    width: 96% !important;
		    padding: 4px 2px;
		    margin: 2px;
			color: #fff;
		    border: 1px solid #000;
		}
		#Poptavka tr td.stred {
			display: none !important;
		}
        #Poptavka textarea {
		    width: 96% !important;
		    height: 100px;
		}
        #Obsah .gallery {
            max-width: 610px;
            margin: 0px auto;
            padding-bottom: 15px;
        }
	    #Typy {
		    width: 98% !important;
		    float: none;
			margin: 0px auto 20px auto !important;
		    border-bottom-left-radius: 10px;
		    border-bottom-right-radius: 10px;
		    -moz-border-bottom-left-radius: 10px;
		    -moz-border-bottom-right-radius: 10px;
		    -webkit-border-bottom-left-radius: 10px;
		    -webkit-border-bottom-right-radius: 10px;
		}
			#Typy h2 {
				margin: 0px !important;
				padding: 0px;
				text-align: center;
				height: auto !important;
			}
			#Typy a {
				display: block;
				width: 250px;
				margin: 0px auto 5px auto;
			}
	footer {
        height: auto  !important;
        width: 100% !important;
        position: relative !important;
        bottom: 0px !important;
    }
		#Odkazy {
		    margin: 0px auto;
		    width: 98% !important;
		    height: auto !important;
		}
		#Odkazy .odkazy {
        	text-align: center;
		    background: #fff;
		    /*opacity: 0.95;*/
            padding: 0px 5px 0px 5px;
		    border-top-left-radius: 10px;
		    -moz-border-top-left-radius: 10px;
		    -webkit-border-top-left-radius: 10px;
		    border-top-right-radius: 10px;
		    -moz-border-top-right-radius: 10px;
		    -webkit-border-top-right-radius: 10px;
		}
		#Odkazy .chata {
		    width: 98% !important; /* 387 */
		    height: auto !important;
		    float: none !important;
			margin: 0px auto;
		}
		#Odkazy .soc {
		    width: 98% !important; /* 150 */
		    height: auto !important;
		    float: none !important;
            margin: 0px auto;
			text-align: center;
            border-top-left-radius: 0px;
		    -moz-border-top-left-radius: 0px;
		    -webkit-border-top-left-radius: 0px;
		    border-top-right-radius: 0px;
		    -moz-border-top-right-radius: 0px;
		    -webkit-border-top-right-radius: 0px;
		}
		#Odkazy .chata a, #Odkazy .soc a {
			/*display: block;
			float: left !important;*/
		}
        #Obsah .video {
			width: 100% !important;
			height: 250px;
		}
    #Paticka {
	    width: 100%;
	    height: auto !important;
	}
        #Paticka p {
            font-size: 1.0em;
			padding-top: 0px;
			margin-bottom: 0px;
		}
	 	#Paticka .center {
		    width: 98% !important;
		    margin: 0px auto;
		}
        #Paticka .sloupec {
		    width: 100% !important;
		    height: auto !important;
		    float: none;
            text-align: center;
		}
			#Paticka .sloupec p {
				display: block;
			}
      		#LogoFooter {
            	float: none !important;
            	margin: 0px auto !important;
      		}
}
@media only screen and (min-width: 661px) and (max-width: 948px) {
    #Obsah .gallery{
            max-width: 610px;
            margin: 0px auto;
            padding-bottom: 15px;
        }    
}
@media only screen and (min-width: 440px) and (max-width: 660px) {
    #Obsah .gallery{
            max-width: 410px;
            margin: 0px auto;
            padding-bottom: 15px;
        }    
}
@media only screen and (min-width: 321px) and (max-width: 439px) {
    #Obsah .gallery{
            max-width: 210px;
            margin: 0px auto;
            padding-bottom: 15px;
        }    
}
@media only screen and (max-width: 320px) {
    #Obsah .gallery{
            max-width: 210px;
            margin: 0px auto;
            padding-bottom: 15px;
        }    
}