@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Kite+One);

@import url(http://fonts.googleapis.com/css?family=Dosis:400,600,700&subset=latin,latin-ext);



/** ===  VŠEOBECNÉ  ================================== */

body {

    margin: 0;

    padding: 0;

}



.uvod {

	background: url("img/bg.jpg") top center no-repeat;

    position: relative;

}

.sub {

	background: url("img/bg-sub.jpg") top center no-repeat;

}



#page {

	width: 90%;

	margin: 0 auto;

	max-width: 1200px;
	min-width:760px;

}





img {

	max-width: 100%;

	height: auto;

	width: auto\9; /* ie8 */

}



img.logo {

	margin: 56px 0 50px 0;

}



a, a:hover {

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}

/** ===  HEADER  ================================== */



#header {

	position: relative;

	height: 900px;

	text-align: center;

}

#header-sub {

	position: relative;

	height: 420px;

	text-align: center;

}

nav  { display: none;}

#menu {

	position: absolute;

	width: 100%;

	background-color:#ff510f;

	border-bottom: 10px solid #FFF;

	font-family: 'Open Sans', sans-serif;

}



#menu a{

	display:block;

	float:left;

	position: relative;

	color:#FFF;

	text-decoration: none;

	font-size: 14px;

	font-weight: 600;

	text-transform:uppercase;

	height:100%;

	width:15%;

	padding: 25px 0;

	border-left: 1px solid #ef9573;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}



#menu a.home{

	width:9.4%;

	border-left: none;

	padding: 16px 0;

}





#menu a:hover{

	background-color: #fb662d;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}

#menu a.active{

	background-color: #fb662d;
}



#slide {

	top: 79px;

	position: relative;

	width: 100%;

	background: url("img/slide.jpg") top right no-repeat;

	height: 500px;

}


#slide .ikony{
	max-width: 570px;
	padding-top: 380px;
	padding-right: 30px;
	float:right;
}

#slide .ikona{
	display:block;
	width: 160px;
	height:80px;
	margin-left: 20px;
	float: left;
}

#slide .ikona .ico{
	float:left;
	width: 80px;
	height:80px;
}

#slide .ikona .izby{ background: url("img/icon-izby.png") center no-repeat;}
#slide .ikona .lozka{ background: url("img/icon-lozka.png") center no-repeat;}
#slide .ikona .parkovanie{ background: url("img/icon-parkovanie.png") center  no-repeat;}

#slide .ikona .cislo{
	float:right;
	width: 80px;
	height:60px;
	background-color: #ff510f;
	text-align:center;
	color: #FFF;
	font-size:30px;
	font-weight:bold;
	font-family: 'Kite One', sans-serif;
	padding-top: 20px;
}



/** ===  AKCIA  ================================== */



#akcia {
	width: 98%;
	position: relative;
	margin-top: 35px;
	padding: 7px 10px;
	font-family: 'Kite One', sans-serif;
	background-color: #302f37;
	color:#fb662d;
	text-align:center;
}

#akcia span{
   font-family: 'Open Sans', sans-serif;
   font-size:20px;
   text-decoration:blink;
   color:#FFF;
}


/** ===  OBJEDNAJ  ================================== */



#objednaj {

	position: relative;

	padding: 45px 0 55px 0;

	font-family: 'Kite One', sans-serif;

	text-transform: uppercase;

}



#objednaj img{

	float:left;

	margin-right: 30px;

}



#objednaj span.nadpis{

	font-size:36px;

	color:#ff510f;

}



#objednaj span{

	font-size:16px;

	color:#ed6c3b;

}



#objednaj a.butt{

   float:right;

   display:block;

   margin-top: 30px;

   padding: 8px 30px 0 0;

   background-color:#fb662d;

   font-family: 'Open Sans', sans-serif;

   font-size:18px;

   font-weight: 600;

   color:#FFF;

   text-decoration:none;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}



#objednaj a.butt:hover{

   color:#FFF;

     background-color: #ff510f;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}



#objednaj a.butt img{

   margin: -8px 25px 0 0;

}







/** ===  UVÍTANIE  =============================== */



#uvitanie {

	position: relative;

	float:left;

	background-color: #ff510f;

	

}



#uvitanie a.odkaz{

	clear:both;

	display:block;

	float:right;

	margin: 15px 0 0 0;

	padding: 10px 15px;

	background-color: #fff;

	color:#302f37;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	font-weight: 600;

	text-decoration: none;

	text-transform:uppercase;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}



#uvitanie a.odkaz:hover{

	color:#ff510f;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}



#uvitanie .mini-gallery{

	float:left;

	max-width: 335px;

	height:100%;

	background-color: #302f37;

	padding: 35px;

}



#uvitanie .mini-gallery img{

	float:left;

	border: 5px solid #FFF;

	margin: 0 5px 5px 0;

}



#uvitanie .text{

	float:right;
	width: 55%;

	height:100%;

	text-align:justify;

	color:#FFF;

	font-family: 'Open Sans', sans-serif;

	padding: 35px;

}



#uvitanie .text .nadpis{

	float:left;

	width: 100%;

	font-size:30px;

	font-weight:bold;

	font-family: 'Kite One', sans-serif;

	text-transform: uppercase;

	line-height: 30px;

	margin: 20px 0;

}

#uvitanie .text .nadpis span{

	font-size:22px;

	font-weight:normal;

	text-transform:none;

	color:#fdc6b1;

}






/** ===  ŠPECIÁLNE PONUKY  =============================== */



#ponuky {

	width: 100%;

	float:left;

	padding: 55px 0;

	font-family: 'Open Sans', sans-serif;

}





#ponuky .ponuka {

	float:left;

	width: 45%;

	padding: 0 30px 0 20px;

	color: #302f37;

	text-align:justify;

}



#ponuky .ponuka img{

	float:left;

	margin-right: 20px;

}



#ponuky .ponuka span{

	float:left;

	font-family: 'Dosis', sans-serif;

	font-size:38px;

	

	font-weight: 600;

	text-transform: uppercase;

	color: #ff510f;

}

#ponuky .ponuka span.small{

	font-size:20px;

	text-transform: none;

	font-style: italic;

}

#ponuky .ponuka .popis{

	float:left;

	width: 100%;

	margin-top: 10px;

}













/** ===  OBSAH  =============================== */



#obsah {
	position: relative;
	width: 100%;
	float:left;
	padding: 35px 0;
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	text-align: justify;
}



#obsah .left { float:left; margin: 20px 32px 0 0;}
#obsah .last { float:left; margin-right: 0;}

#obsah .right { float:right; margin: 20px 5px;}

#obsah img.trio { width:31%;}
#obsah img.icon { margin: 0 12px 30px 0;}





#obsah .nadpis{
	font-size:44px;
	text-transform:uppercase;
	font-family: 'Kite One', sans-serif;
	font-weight:600;
	color: #ff510f;
}
#obsah .nadpis span{
	font-family: 'Dosis', sans-serif;
	font-size:50px;
	font-weight: 600;
}

#obsah .nadpis2{
	font-size:30px;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	color: #ff510f;
}

#obsah .ikonky{
	width: 100%;
	float:left;
	margin: 55px 0 0 0;
	text-align:center;
}

#obsah .ikonky .icon{
	margin: 0 12px 30px 0;
	float:left;
}



#obsah .izby{
	width: 99%;
	float:left;
	margin: 20px 0;
	padding: 15px 0;
	background-color: #302f37;
	color:#FFF;
}

#obsah .izby .flor{
	width: 33%;
	float:left;
	border-right:  1px solid #FFF;
	text-align:center;
}

#obsah .izby .last{
	border: none;
}



#obsah .text{
	width: 100%;
	float:left;
	margin: 35px 0;
	text-align:justify;
}

#obsah .text h2{
	font-family: 'Kite One', sans-serif;
	font-size:30px;
	color: #ff510f;
}

#obsah .text img.ico{
	float:left;
	margin: 5px 30px 10px 0;
}
#obsah .text img.majak{
	float:right;
	margin: 5px 0px 10px 30px;
}




#obsah .gallery{
	width: 100%;
	float:left;
	text-align:justify;
	margin-top: 30px;
}

#obsah .gallery img.gallery{
	width: 13.4%;
	margin: 0 9px 9px 0;
}


#obsah .gallery .nadpis2{
	font-size:30px;
	font-family: 'Dosis', sans-serif;
	font-weight:600;
	color: #ff510f;
}





#obsah .cennik{
	width: 33%;
	float:left;
	margin-top: 35px;
}

#obsah .cennik span{
	color: #ff510f;
	text-align: center;
}

#obsah .cennik span.nadpis{
	font-size: 20px;
	font-family: 'Kite One', sans-serif;
}

#obsah .cennik span.czech{
	vertical-align: super;
	font-size:14px;
	font-style: italic;
}

#obsah .cennik span.cena{
	font-size:26px;
	color:#000;
	font-weight:bold;
}

#obsah .cennik span.popis{
	font-size:13px;
	color:#000;
}


#obsah .poukazky{
	width: 100%;
	float:left;
	margin-top: 45px;
	text-align:center;
}

#obsah .poukazky .poukaz{
	float:left;
	margin: 0 14px 25px 14px;
}



#obsah iframe{
	width: 100%;
	float:left;
	margin: 35px 0;
}





#obsah .rezervacia{
	width: 100%;
	float:left;
	margin-top: 45px;
}

#obsah .rezervacia form{
	border: 0px;
	margin: 0;
	padding: 0;
}
#obsah .rezervacia form fieldset{
	border: 0px;
	margin: 0;
	padding: 0;
}

#obsah .rezervacia .nadpis{
	font-size:35px;
	font-family: 'Kite One', sans-serif;
	font-weight:600;
	color: #ff510f;
	margin-bottom: 30px;
	line-height: 23px;
}

#obsah .rezervacia .nadpis span{
	font-size:20px;
	text-transform:none;
	font-weight:normal;
}

#obsah .rezervacia .udaje{
	float:left;
	width: 48%;
	margin: 0 0 35px 0;	
}

#obsah .rezervacia .lava{
	margin-right: 40px;	
}

#obsah .rezervacia .udaje .nazov{
	float:left;
	width: 25%;
	padding: 6px 0;
	margin-bottom: 10px;
}

#obsah .rezervacia .udaje input{
	float:right;
	width: 65%;
	height: 20px;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size:16px;
}



#obsah .rezervacia .udaje textarea {
	float:right;
	width: 65%;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size:16px;
}


#obsah .rezervacia .udaje .odoslat{
	width: 97%;
	float:left;
	background-color: #302f37;
	padding: 5px 10px;
	color:#FFF;
}

#obsah .rezervacia .udaje .odoslat .opis{
	float:left;
	margin-bottom: 5px;
	font-size:13px;
}
#obsah .rezervacia .udaje .odoslat img{
	float:left;
	clear:both;
}

#obsah .rezervacia .udaje .odoslat input{
	float:left;
	width: 100px;
	height: 20px;
	margin: 0 5px 3px 10px;
	padding: 5px 10px;
	font-size:16px;
	text-align:center;
}
#obsah .rezervacia .udaje .odoslat input.send{
	float:right;
	width: 120px;
	height:50px;
	margin: 0 10px 0 0;
	font-size:18px;
	text-align:center;
}

#obsah .rezervacia .udaje .odoslat a.generuj{
	color: #FFF;
	font-size:13px;
	margin-left: 10px;
	float:left;
}

#obsah .rezervacia .udaje .odoslat a.generuj:hover{
	text-decoration:none;
}

#obsah .rezervacia .opisobrazok{
	margin-bottom:15px;
	padding: 5px 10px;
	color:#FFF;
	font-weight:bold;
	clear:both;
	text-align:center;
}

#obsah .rezervacia .opisobrazok span{
	background-color: #fb662d;
	padding: 5px 10px;
}

#obsah .rezervacia .uspesneodoslane{
	margin-bottom:15px;
	padding: 5px 10px;
	color:#FFF;
	font-weight:bold;
	clear:both;
	text-align:center;
}

#obsah .rezervacia .uspesneodoslane span{
	background-color: #fb662d;
	padding: 5px 10px;
}


/** ===  PARTNERi =============================== */



#partneri {

	width: 100%;

	margin: auto 0;

	float:left;

	padding: 35px 0;

	background-color: #f5f6f6;

}



#partneri .odkazy {

	margin: auto;

	width: 90%;

	max-width: 1200px;

	padding: 0;

}



#partneri .odkazy span {

	font-family: 'Kite One', sans-serif;

	font-size: 22px;

	font-weight:bold;

	text-transform:uppercase;

	color:#ff510f;

}



#partneri .stlpec {

	float: left;

	width: 25%;

}



#partneri .odkazy li {

	list-style-type:square;

	margin-left: 35px;

	font-family: 'Open Sans', sans-serif;

	line-height: 24px;

	font-size:15px;

}

#partneri .odkazy li a {

	text-decoration:none;

	color: #302f37;

}

#partneri .odkazy li a:hover {

	color: #ff510f;

	padding-left: 5px;

}













/** ===  PATICKA =============================== */



#paticka {

	width: 100%;

	margin: auto 0;

	float:left;

	padding: 75px 0;

	background-color: #302f37;

}



#paticka .pata{

	width: 90%;

	max-width: 1200px;

	margin: auto;

	color:#ffa887;

	font-family: 'Open Sans', sans-serif;

	font-size:15px;

}



#paticka .pata .adresa{

	width: 32%;

	min-height: 60px;

	float:left;

	background: url("img/icon-adresa.png") left top no-repeat;

	padding-left: 55px;

}





#paticka .pata .kontakt{

	width: 35%;

	min-height: 60px;

	float:left;

	background: url("img/icon-kontakt.png") left top no-repeat;

	padding-left: 50px;
	padding-top: 0px;

}



#paticka .pata .copyright{

	width: 20%;

	min-height: 60px;

	float:left;

}


#paticka .pata .copyright .count{

	width: 100%;
	float:left;
	font-size: 11px;
	margin-top: 5px;
}


#paticka .pata a.facebook{

	display:block;

	width: 30px;

	height: 30px;
	
	float:left;

	background: url("img/icon-facebook-off.png")  no-repeat;

	margin: 7px 15px 0 0;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}

#paticka .pata a.facebook:hover{

	background: url("img/icon-facebook-on.png")  no-repeat;

	  -webkit-transition: all 0.3s ease-in-out; 

	  -moz-transition: all 0.3s ease-in-out; 

	  -o-transition: all 0.3s ease-in-out; 

	  -ms-transition: all 0.3s ease-in-out; 

	  transition: all 0.3s ease-in-out;

}


#paticka .pata .fb-like{
	
	float:left;
	margin: 11px 0 0 0;

}






#paticka .pata .booking{

	width: 100%;
	clear: both;
	padding-top: 30px;
	text-align: center;

}