/************************************************************************************

Screen pod 1250px

*************************************************************************************/

@media screen and (max-width: 1250px) {

#uvitanie .mini-gallery{
	text-align:center;
	width: 100%;
	max-width: 100%;
	padding: 35px 0;
}

#uvitanie .mini-gallery img{

	float: none;
	margin: 0 20px;
}

#uvitanie .mini-gallery a.odkaz{
	margin-right: 35px;
}


#uvitanie .text{
	
	width:90%;
	float: left;

}


#menu a.home{

	width:9.3%;


}

#obsah img.trio { width:30%;}

}




/************************************************************************************

Screen pod 1120px

*************************************************************************************/

@media screen and (max-width: 1120px) {

#obsah .rezervacia .udaje{
	width: 100%;
}

#obsah .rezervacia .udaje .nazov{
	width: 20%;
}

#obsah .rezervacia .udaje input{
	width: 75%;
}

#obsah .rezervacia .udaje textarea {
	width: 75%;
}

}




/************************************************************************************

Screen pod 980px

*************************************************************************************/

@media screen and (max-width: 980px) {



	/* page */

	#page {

		width: 95%;

	}


#menu a{


	width:14.8%;

}

#menu a.home{

	width:10.3%;


}



#slide .ikony{
	max-width: 180px;
	padding-top: 70px;
	margin-left: 20px;
}

#slide .ikona{
	margin-top: 50px;
}





#objednaj a.butt{
	clear:both;
	margin-bottom: 50px;

}




#uvitanie .mini-gallery{
	width: 100%;
	max-width: 100%;
	float: left;
	padding: 35px 0;
	text-align:center;
}

#uvitanie .mini-gallery a.odkaz{
	margin-right: 35px;
}

#uvitanie .mini-gallery img{

	border: 5px solid #FFF;

	margin-left: 5px;

}

#uvitanie .text{
	width:90%;
	float: left;

}



#ponuky {

	padding: 55px 0 0 0;

}

#ponuky .ponuka {

	width: 100%;
	
	padding: 0 0px 55px 0px;

}




#obsah img.trio { width:30%;}




















#paticka .pata .adresa{
	width: 40%;
	margin-bottom: 35px;


}

#paticka .pata .kontakt{

	width: 40%;
	margin-bottom: 35px;
}

#paticka .pata .copyright{

	width: 100%;
	float: left;

}

}


/************************************************************************************

Screen pod 780px

*************************************************************************************/

@media screen and (max-width: 780px) {



	/* page */

	#page {

		width: 100%;

	}


#menu a{
	display:none;
}

nav  { 
	display: inline-block;
}
nav  select.menu{
	height:70px;
	background-color: #ff510f;
	border: none;
	color:#FFF;
	text-decoration: none;
	font-size: 26px;
	font-weight: 600;
	padding: 5px 20px;
	   -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;
}

nav  select.menu: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;
}

nav  select.menu option{
	color:#FFF;
	font-size: 22px;
	font-weight: 600;
}


#slide .ikony{
	display:none;
}
#slide .ikona{
	display:none;
}



}