/* CSS Document */
@charset "utf-8";
/* CSS Document */

h1{
font-size:24px; line-height:0px; color:green; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;
} 

a{text-decoration:none; color:white; font-size:12px;font-weight:100;font-family:arial,sans serif;} 
.estiloa{
	font-size:26px;color:grey;
}
.estilo2{
	font-size:26px;
}
.featured-heading {
	padding-bottom: 20px;font-family:sans-serif ; font-size:15px;line-height: 25px;	
}
.menuinicio {
	width: 8%;
	color : grey;
}

.menuinicio2 {
	width: 20%;
	color : white;
	
}


.licabeiz {	
	
	width: 45%; 
	float:left;
	z-index: 2;
}

.licabeder{
font-size:12.4px; line-height:22px;  
color: #57760E;
font-weight:600;
font-family:sans serif;

width: 55%; 
	float:left;
	z-index: 2;
	



}
.email{
font-size:16px; font-weight:bold;color:#0E006B; font-family: 'Open Sans Condensed', sans-serif;
}

.estilo5{
	font-size:18px;
	font-weight:900;
	font-family:sans serif;
	text-align:right;
	}	

.fuente{
font-size:14px; font-weight:bold;color:#353535; font-family: 'Open Sans Condensed', sans-serif;
}
.fuente3{
font-size:16px; font-weight:bold;color:#353535; font-family: 'Open Sans Condensed', sans-serif;
margin-left:65px;
}
#cabecera {
	position: relative;
	width: 100%;
	height: 60px;
	z-index: 2;
}

#cabecera ul{
	width: 100%;
	background-color:brown;
	list-style-type:none;
	padding :0px;
	margin:0px;
	
	z-index: 3;
}

#cabecera ul li {	
	
	
	float:left;
	z-index: 2;
}

#contenedormenu {
	position: relative;
	width: 100%;
	background-color:black;
	height: 40px;
	z-index: 2;
}

#contenedormenu ul{
	width: 100%;
	list-style-type: none; 
	padding-top:10px;
	padding-left:0px;
	margin:0px;
	z-index: 14;
}


#contenedormenu ul li{
	float:left;
	z-index: 2;
	text-decoration:none;
	text-align:center;
	
}

#contenedormenumoviles {
	position: absolute;
	background-color:brown;
	width :100%; 
	height:40px;
	z-index: 2;display:none;
}
#contenedorfotosabajoiz{
	amargin:0px;
	width:50% ;
	float:left;
	abackground-color:red;
}
#contenedorfotosabajoder{
	amargin:0px;
	width:50% ;
	float:left;
	abackground-color:green;
}

#contenido {
	position: relative;
	width: 100%;
	max-width:1350px;
	margin:0 auto;
	
	z-index: 1;
	
}

#cuerpo {
	position: relative;
	width: 100%;
	top:6px;
	z-index: 2;
	
}
#cuerpoiz {
	width: 50%;
	top:46px;
	z-index: 2;float:left ;padding-left:40px;
}

#cuerpoder {
	width: 40%;
	top:46px;
	z-index: 2;float:left ; padding-left:40px;
	padding-top:50px;float:left;
	
	adisplay:none;
	
}


#fotosabajo {
	position: relative;
	amargin:0 auto;
	
	width: 100%;
	
	height:100%;
	text-align:center;
	
	z-index: 2;font-family:sans-serif ;font-size:14px;text-align:center;
}

#fotoabajo1 {
	float:left;
	margin-left:4%;	
	width: 40%; 
}

#fotoabajo2 {
	float:left;
	margin-left:8%;	
	width: 40%;
}

#fotoabajo3 {
	float:left;
	margin-left:2%;	
	width: 48%;
}
#fotoabajo4 {
	float:left;
	margin-left:2%;	
	width: 48%;
}


#gratisreservas {
	position: relative;
	width: 34%;
	margin:0 auto;
	top:6px;
	z-index: 2;
	
}

#limpiar {
	clear:both;
}
#limpiarnone {
	clear:none;
}

#mapareservas {
	position: relative;
	width: 60%;
	margin:0 auto;
	top:6px;
	z-index: 2;
	
}



#pie {
	position: relative;
	width: 100%;
	atop:0px;
	z-index: 2;background-color:black; color:white; height:60px;padding:12px;
}
#pie2 {
	position: relative;
	width: 100%;
	top:0px;
	z-index: 2;background-color:black; color:white; padding:12px;
}

#pie3 {
	position: relative;
	width: 100%;
	top:0px;
	z-index: 2;background-color:black; color:white; padding:12px;
}

#site-description {
    color: #333;
	font-style: italic;
	font-size:14px;
}


#slider {
	position: relative;
	width: 100%;
	abackground-color:yellow;
	z-index: 2;
}
#telf{
	position: relative;
	width:600px;
	height:15px;
	
	z-index: 22;display:none;
}

#texto1 {
	
	height: 115px;
	z-index: 2;
}




@media(max-width:920px){

.estilo2{
	font-size:18px;
}
.fuente2{
font-size:16px; font-weight:bold;color:#353535; font-family: 'Open Sans Condensed', sans-serif;
}
.licabeiz {	
	
	width: 55%; 
	
}	
.licabeder{
display:none;

}
.menumoviles1 a{
font-size:15px;	color:white;
}


a#contenido {
	position: relative;
	width: 100%;
	max-width:1350px;
	margin:0 auto;
	background-color:yellow;
	z-index: 1;height:-100px;
	
}

#contenedorfotosabajoiz{
	position: relative;	
	width:74% ;
	margin:0 auto;
	float:none;
	text-align:center;
	padding:4px;
}
#contenedorfotosabajoder{
	position: relative;	
	width:74% ;
	margin:0 auto;
	float:none;
	height:100px;
	text-align:center;
	padding:4px;
}

	



#contenedormenu {
	display:none;
}

#contenedormenumoviles {
	position: absolute;
	width :86px; 
	left:86%;
	height:58px;
	z-index: 20;display:block;
	text-align:center;top:0px;
	background-repeat:no-repeat;font-size:45px;
}
#contenedormenumoviles ul{
	margin-top:0px;
	margin-left:0px; padding:2px 2px;z-index: 22;width:500%; 
	
	}	
	
#contenedormenumoviles li {
	list-style-type:none;	
	float:left ;
	width:10.6%; 
	color:black;
	font-family:sans-serif ; line-height: 35px;	
	}
	
#contenedormenumoviles li ul { display:none;padding:0px;position:absolute;} #contenedormenumoviles  li:hover ul {display:block; list-style:none; margin-left:-190px;width:400%;background-color:#2E0101 ; padding-left: 20px;top:41px;position:absolute;apadding-top:0px; height:300px;}  
#contenedormenumoviles li:hover ul li{float:none; text-align:center;}	

#cuerpoder img{
	position: relative;	
	display:none;
	visibility:hidden;
}
	
#cuerpoiz {
	width:80%;
	top:46px;
	z-index: 2;float:left;padding-left:40px;
}	



#fotosabajo {
	position: relative;
		
	width: 100%;
	margin:0 auto;
	height:200px;
	
	z-index: 2;text-align:left;abackground-color:yellow;
}

#fotoabajo1 {
	float:left;
	text-align:left;
	width: 40%;abackground-color:grey;margin-top:-60px;
}

#fotoabajo2 {
	float:left;
	amargin-left:2%;text-align:left;
	width: 40%;abackground-color:blue;margin-top:20px;
}

#fotoabajo3 {
	float:left;
	amargin-left:2%;text-align:left;
	width: 40%;margin-top:20px;
}
#fotoabajo4 {
	float:left;
	amargin-left:2%;
	width: 40%;text-align:left;margin-top:20px;
}



#limpiarnone {
	clear:both;
}

#pie2 {
	position: relative;
	width: 100%;
	top:0px;
	z-index: 2;background-color:black; color:white; padding:12px;
}
#telf{
	position: absolute;
	width:600px;
	left: 50%; 
	height: 15px;
	top:8px;
	z-index: 22;display:block;
}

}

@media(max-width:860px){
h1{
font-size:20px; line-height:0px; color:green; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;
} 	


#contenedormenumoviles {
	
	background-color:white;top:-10px;
	}
#contenedormenumoviles li img{
	
	width:60px; 
	height:50px;
	}
	
#fotoabajo1 , #fotoabajo2 ,#fotoabajo3 , #fotoabajo4  {
	float:none;width: 100%;text-align:center;width:80%;
	
}

#fotosabajo {
	
	height:850px;
	
}


#gratisreservas {
	position: relative;
	width: 54%;
	margin-left:26%;
	top:6px;
	z-index: 2;
	
}
#pie2 {
	position: relative;
	width: 100%;
	top:-380px;
	z-index: 2;background-color:black; color:white; padding:12px;
}

#pie {
	position: relative;
	width: 100%;
	top:0px;
	z-index: 2;background-color:black; color:white; padding:12px;
}
#pie3 {
	position: relative;
	width: 100%;
	top:-280px;
	z-index: 2;background-color:black; color:white; padding:12px;
}

}
@media(max-width:632px){
	
	

	
	
h1{
font-size:16px; line-height:0px; color:green; font-weight:bold; font-family: 'Open Sans Condensed', sans-serif;
} 
h2{
font-size:14.8px;
}

.fuente2{
font-size:14px; font-weight:bold;color:#353535; font-family: 'Open Sans Condensed', sans-serif;
}

.licabeiz {	
	
	width: 100%; 
	
	z-index: 2;
}
#contenedormenumoviles li img{
	width:40px;
	height:40px;
	
}
#contenedormenumoviles {
	
	background-color:white;margin-top:2px;top:2px;
	}


#fotosabajo {
	
	height:900px;
	
}

.featured-heading {
	padding-bottom: 20px;font-family:sans-serif ; font-size:12px;line-height: 25px;	
}
#contenedormenumoviles  li:hover ul { margin-left:-220px;}  

#fotoabajo1 , #fotoabajo2 ,#fotoabajo3 , #fotoabajo4  {
	font-size:12.8px;line-height:15px;
	
}	

#gratisreservas {
	position: relative;
	width:100%;
	margin-left:2%;
	top:6px;
	z-index: 2;
	
}
#telf{
	position: absolute;
	width:600px;
	height: 15px;
	left:65px;
	top:38px;
	z-index: 22;display:block;
}	
#pie {
	position: relative;
	width: 100%;
	top:140px;
	z-index: 2;background-color:black; color:white; padding:12px;
}	

#pie3 {
	position: relative;
	width: 100%;
	top:-260px;
	z-index: 2;background-color:black; color:white; padding:12px;
}

}