.main{max-width:1200px; width:auto; margin:auto; background-color:#FFFFFF; height: 100%;}

#Contenido{
	background-color:#FFFFFF;
	
	
}
#NombreTitulo{
	height:auto;
	padding-top:20px;
	padding-bottom:10px;
	font-size:30px;
}
#ContenidoGeneral{
	padding-left:30px;
	width:70%;
	height:auto;
	position:relative;
	float:left;
}
#ContenidoGeneralContacto{
	padding-left:30px;
	width:98%;
	height:200px;
	position:relative;
	float:left;
}
#PrincipalReservas{
	width:25%; 
	margin:10px;
	height:100px;
	float:left;
}
.FotoArriba{
	top:-2%;
	
	margin-bottom:-100px;
	margin-top:-100px;
	width:100%;
}
#CapaGen{
	 margin-left:30px; 
	 margin-right:30px;
}
.SeccionPrincipal{
	padding:20px; 
	background-color:#F1F1F1; 
	float:left; 
	margin-bottom:20px; 
	margin-top:20px; 
	width:100%;	
}
.InteriorContacto{
	width:33.3%; 
	height:150px; 
	float:left; 
	background-color:#FEFEFE; 
	padding-left:10px	
}
.slider {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}
input[type=button], input[type=submit], input[type=reset] {
  background-color: #B8B9B9;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  font-size:18px;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

#BotonSubmit {width: 48%; max-width: 150px;  position: relative; float:right; height: auto;}

#ContenedorServicios {width: 320px; float: left; position: relative; }

.ContenidoCentral{
	font-size: 18px;
}


@media (max-width: 767px) {
	#NombreTitulo{
		height:auto;
		padding-top:10px;
		padding-bottom:10px;
		font-size:20px;
	}

#ContenidoGeneralContacto{
	padding-left:1px;
	width:100%;
	height:auto;
	position:relative;
	float:left;
}
#ContenidoGeneral{
	padding-left:20px;
	width:100%;
	height:auto;
	position:relative;
	float:left;
}
.FotoArriba{
	top:-2%;
	
	margin-bottom:-20px;
	margin-top:-20px;
	width:100%;
}
#CapaGen{
	 margin-left:1px; 
	 margin-right:1px;
}
.SeccionPrincipal{
	padding:5px; 
	background-color:#F1F1F1; 
	float:left; 
	margin-bottom:20px; 
	margin-top:20px; 
	width:100%;	
}
.InteriorContacto{
	width:100%; 
	height:150px; 
	float:left; 
	background-color:#FEFEFE; 
	padding-left:10px	
}
#PrincipalReservas{
	width:95%; 
	margin:10px;
	height:100px;
	float:left;
}	
body{background:#ffffff;}

#BotonSubmit {width: 100%; max-width: 150px;  position: relative; float:right; height: auto;}

#ContenedorServicios {max-width: 100%; width: 100%; float: left; position: relative;}

.ContenidoCentral{
	font-size: 24px;
}


}

#datepicker{
	width:80px;
	margin:4px;
	padding:8px;
	background-color:#E8E5E5;
}
#datepicker2 {
	width:80px;
	margin:4px;
	padding:8px;
	background-color:#E8E5E5;
}