@font-face{font-family:Adamas-Regular;src:url(Adamas-Regular.otf) format("opentype")}
@font-face{font-family:Kari;src:url(Kari.ttf) format("opentype")}
@font-face{font-family:Aventura-Bold;src:url(Aventura-Bold.otf) format("opentype")}
@font-face{font-family:chesbone;src:url(chesbone.ttf) format("opentype")}
@font-face{font-family:chula;src:url(chula.ttf) format("opentype")}
@font-face{font-family:Myra_4F_Caps_Bold;src:url(Myra_4F_Caps_Bold.ttf) format("opentype")}
@font-face{font-family:BadScript-Regular;src:url(BadScript-Regular.ttf) format("opentype")}


h1 {
	text-align:center; font-size:14px;afont-family: 'Adamas-Regular';color:black;
}

.estilo1 {
	text-align:center; font-size:8px;font-family: 'Adamas-Regular';color:black;margin-top:-45px;
}

.estilo2 {
	text-align:center; font-size:42px;afont-family: 'BadScript-Regular';font-style:italic;color:black;
opacity : 0.5 ; line-height:2;color:black; }

.estilo2-2 {
	text-align:center; font-size:22px;afont-family: 'BadScript-Regular';font-style:italic;
opacity : 0.8 ; line-height:2;color:black; }

.estilo2-4 {
font-size:22px;afont-family: 'BadScript-Regular';font-style:italic;
opacity : 0.8 ; line-height:2;color:black; }

.estilo2-2-2{
	text-align:center; font-size:20px;afont-family: 'BadScript-Regular';font-style:italic;
opacity : 0.8 ;line-height:1.5;color:black; }

.estilo3 {
	text-align:center; font-size:14px;color:black;font-weight:100;
}
.estilo4 {
	text-align:center; font-size:16px;color:blue;font-weight:100;
}

.estilo5 {
	atext-align:center; font-size:18px;afont-family: 'BadScript-Regular';font-style:italic;color:black;
opacity : 0.5 ; aline-height:2;color:black; }

#titulo {position: relative;
	text-align:center; font-size:76px;font-family: 'Adamas-Regular';color:black;height:84px;
}


.aestilo1 {
	text-align:center; font-size:28px;color:yellow;
}

a {
	color:#2033FF;
}

body {
	margin:0px ;padding:0px;background-color:#F2F2F2;)
}

#aparallax,#aparallax2,#aparallax3 , #aparallax3-2, #aparallax3-3, #aparallax4 , #aparallax5 , #aparallax6, #aparallax7, #aparallax8 , #aparallax9 , #aparallax10 , #aparallax2-1, #aparallax2-2,#aparallax2-3,#aparallax2-4,#aparallax2-6,#aparallax2-8,#aparallax2-9,#aparallaxen{
	position: relative;
	margin :0 auto;
	margin-top:120px;
	width: 100%;
	max-width: 1400px;
	padding-left:16px ;
	z-index: 2;
	text-align:left;
	font-family: 'Kari';
	color: white;
	font-style:italic;
	font-size: 20px;background-color:white;background-image: url("imagenesfoto/cabeceraindice-2-67.jpg"); background-size: 100% ; background-repeat:no-repeat ; top:4px;
	height:324px;
}

#aparallaxen {
	 background-image: url("imagenesfoto/camino.jpg"); 
aheight:900px;font-family: 'Kari';
	color: white;
	font-style:italic;font-weight:200 ;
	font-size:40px;background-color:white; height:580px;
}
#aaparallax {
	 background-image: url("imagenesfoto/Cabeceraindice-2.jpg"); 
height:900px;
}
#aparallax2-1 {
	 background-image: url("imagenesfoto/Cabecera2-2-4-terocomun-2-4.jpg") ; 
}

#aparallax2-2 {
	 background-image: url("imagenesfoto/Cabecera2-2-4-teroreal.jpg");
}

#aparallax2-3 {
	 background-image: url("imagenesfoto/Cabecera2-2-5-2.jpg");
}
#aparallax2-4 {
	 background-image: url("imagenesfoto/Cabecera2-2-6-2.jpg");
}
#aparallax2-6 {
	 background-image: url("imagenesfoto/Cabecera2-2-8-benteveo.jpg");
}
#aparallax2-8 {
	 background-image: url("imagenesfoto/Cabecera2-2-8-2.jpg");
}
#aparallax2-9 {
	 background-image: url("imagenesfoto/Cabecera2-2-12.jpg");
}
#aparallax3 {
	  background-image: url("imagenesfoto/cabeceramacrovaquita2-4.jpg");  
}
#aparallax3-2 {
	  background-image: url("imagenesfoto/cabeceramacroabeja-4.jpg");  
}

#aparallax3-3 {
	  background-image: url("imagenesfoto/cabeceramosca4.jpg");  
}

#aparallax4 {
	  background-image: url("imagenesfoto/cabecerapaisajes2-4.jpg");  
}
#aparallax5 {
	  background-image: url("imagenesfoto/Cabecerapampa-2.jpg");  
}

#aparallax6 {
	  background-image: url("imagenesfoto/cabeceraplayas5-10.jpg");  
}
#aparallax7 {
	  background-image: url("imagenesfoto/cabecerabarcospesqueros.jpg");  
}
#aparallax8 {
	  background-image: url("imagenesfoto/cabeceradeportesnauticos-4.jpg");  
}

#aparallax9 {
	  background-image: url("imagenesfoto/cabeceramardel-2.jpg");  
}
#aparallax10 {
	  background-image: url("imagenesfoto/cabeceraalbufera2-2-2.jpg");  
}


#cabecera {
	position: relative;
	width: 98%;
	margin :0 auto;
	margin-top:0px;
	z-index: 2;
	afont-family: 'BadScript-Regular';
	text-align: center;
	font-style:italic;
	font-size: 34px;background-color:white;aopacity:0.4;top:12px;
}

#cabecera2 {
	position: relative;
	width: 98%;
	margin :0 auto;
	margin-top:36px;
	z-index: 2;
	text-align:center;
	afont-family: 'BadScript-Regular';
	font-style:italic;
	font-size: 44px;background-color:white;top:4px;opacity:0.5;
}

#cabecera img{
	amargin-top:36px;
}

#compra{
	margin:0 auto ;width:720px ; padding:0px;abackground-color:white;
	font-size: 26px ; 
}

#contenedorfotos , #contenedorfotos2 {
	position: relative;
	width: 100%;
	margin:0 auto;
	top:-36px;
	z-index: 1;
	font-style:italic;
	font-size: 16px;abackground-color:#E5E8E8;
	
}
#contenedorfotos2 {
	top:24px;		
}


#contenedorfotosuno , #contenedorfotosunoampliada{
	position: relative;
	width: 92%;
	z-index: 2;
	margin:0 auto;padding-left:0%;abackground-color:white;
    padding-top: 32px;	
}

#contenedorfotosunoampliada{
	top:20px;
	
}


#contenedorfotosdos {
	position: relative;
	width: 92%;
	top:0px;
	margin:0 auto;
	z-index: 2;
}

#contenedorfotostres {
	position: relative;
	width: 100%;
	padding-top:0px;
	margin:0 auto;
	z-index: 2;
}


#contenidoampliada{
	position: relative;
	width: 100%;
	max-width: 1300px;
	height:14px;
	margin :0 auto;background-color:blue;
	z-index: 1;margin-top:-76px ;
}

#contenidoampliada{
	margin-top:10px ;
}

#contenido {
	position: relative;
	width: 100%;
	max-width: 1400px;
	aheight:14px;
	margin :0 auto;background-color:white; 
	background-opacity: 0.5; background-repeat: no-repeat;
	z-index: 1;margin-top:52px ;top:-160px;
}
#english {
	position: absolute;
	width: 100px;
	height: 25px;font-style : italic ; font-size:18px;color:grey ;margin-left:88%;top:-50px;
	z-index: 103;abackground-color:white;
}
#enlaces {
	position: relative;
	width: 20%;
	margin-left:80%;
	z-index: 2;
	text-align:center;
	afont-family: 'Playfair Display';
	font-style:italic;
	font-size: 18px;abackground-color:red;margin-top:80px;
}

#enlacesampliada {
	position: relative;
	width: 20%;
	margin-left:60%;
	z-index: 2;
	afont-family: 'Playfair Display';
	font-style:italic;
	font-size: 22px;abackground-color:red;atop:24px;atop :300px ;
}

#foto1 , #foto1-4{
	margin-left:3%;
	margin-top:3%;
	width: 28%;
	z-index: 2;
	float:left;box-shadow: 2px 2px 35px #999;text-align:center;color:grey;
	opacity:1 ;
	transition-property: opacity ;
    transition-duration: 1.5s ; background-color:#EAEDED;padding:0px;
}

#foto1:hover{ opacity:1 ;} #foto1-4:hover{ opacity:1 ;}



#foto1ampliada {
	width: 55%;
	padding-left:4%;
	z-index: 2;
	float:left;
}



#foto2ampliada {
	width: 35%;
	padding-left:4%;
	z-index: 2;
	float:left;
}


#contenedorfotosunoampliada{
	position: relative;
	width: 98%;
	z-index: 2;
	margin:0 auto;
	top:20px;
	
}

#foto1-4 {
	width: 22%;apadding:0px;
	}
#foto2 , #foto2-4{
	z-index: 2;padding-left:0%;
	float:left;box-shadow: 2px 2px 5px #999;width: 30%;text-align:center;margin-left:3%;
	opacity:1 ;
	transition-property: opacity ;
    transition-duration: 1.5s ; 
}
#foto2-4{
	width: 22%;	
}

#foto2 , #foto2-4:hover{ opacity:1 ;}

#foto3 , #foto3-4{
	z-index: 2;padding-left:0%;
	float:left;box-shadow: 2px 2px 5px #999;width: 30%;text-align:center;margin-left:3%;
}
#foto3-4{
	width: 22%;
	}
#foto4 , #foto4-4{
	width: 200px;
	z-index: 2;padding-left:2%;
	float:left;box-shadow: 2px 2px 5px #999;text-align:center;
}

 #foto4-4{
	width: 22%;
}
#cuerpo {
	position: relative;
	width: 96%;
	margin:0 auto;
	z-index: 2;
	apadding-left : 40px;afont-family: 'Myra_4F_Caps_Bold';font-style:italic;
	font-size: 16px;background-repeat: no-repeat;abackground-image: url("imagenesfoto/grass.jpg");background-size: cover;background-color :#FBF8EF ;
	top :-28px;padding: 14px;
}

#cuerpo2 {
	position: relative;
	width: 96%;
	margin:0 auto;
	z-index: 2;
	apadding-left : 40px;afont-family: 'Myra_4F_Caps_Bold';font-style:italic;
	font-size: 16px;background-repeat: no-repeat;abackground-image: url("imagenesfoto/grass.jpg");background-size: cover;background-color : #FBF8EF ;
	top :20px;padding: 14px;
}


#cuerpoabajo {
	position: relative;
	width: 98%;
	top:40px;
	margin:0 auto;
	z-index: 2;
}

#cuerpoder {width: 32%;height: 115px;z-index: 1;float:left;	height:1%;abackground-color:white;text-align:center;font-style:italic;box-shadow: 2px 2px 35px #999;margin-left:1%;color:black;}
#cuerpoder img{opacity :0.8;}

#cuerpoiz {width: 32%;height: 115px;z-index: 1;float:left;height:1%;abackground-color:#F2F4F2;text-align:center;font-style:italic;box-shadow: 2px 2px 35px #999;color:black;}
#cuerpoiz img{ opacity:0.4}

#cuerpomedio {width: 32%;height: 115px;z-index: 1;float:left;height:1%;abackground-color:#F2F4F2;text-align:center;font-style:italic;box-shadow: 2px 2px 35px #999;margin-left:1%;color:black;}
#cuerpomedio {opacity : 0.8;}

#imagenadorno {
	position: relative;
	margin-top :-80px;
	aheight:150px;
	background-color:lightgrey;
	z-index: 1;
}
#limpiar {clear:both;}
#menu {position:relative;width:98%;margin-top:-20px;aborder:1px groove #CCCCCC;border-radius:15px; text-align:right; z-index: 322;}
#menu ul{margin-top:0px;margin-left:0px; padding:4px 4px;text-align:right; }	
#menu li{list-style-type:none;float:right ;aline-height:38px;font-family: verdana;font-style:italic;font-size:12px;padding-right:8px; color:white;}	
#menu li a {display:block; color:black;text-decoration:none;background-color:#F2F3F4 ; aborder:1px groove #CCCCCC;border-radius:8px;padding:10px;}	
#menu li :hover{background-color:white ;color: black; font-family: Verdana ;}


#menu li ul {visibility: hidden;position:absolute; height : 80px;color:white;width:100%}  #menu ul li:hover ul  {visibility: visible; list-style:none; margin-left:-42px;width:26%;color:white;background-color:#F2F3F4; padding-left:0px;position:absolute; line-height:32px;z-index:200;height:250px; padding-top:-0px; margin-top:0px; }  
#menu li ul li a{ display:block;color:black;} 
#menu li:hover ul li{display:block; float:none; text-align:center;color:yellow;font-size:14px;line-height:42px;}	

#imagenadorno {
	position: relative;
	top:80px;
	z-index: 1;background-color :white;
	font-style:italic;
	font-size: 16px;atop:4px;opacity:0.6;margin-left: 44px; 
}

#imagenadorno2 {
	position: relative;
	margin-top:-30px;
	z-index: 1;
}
#aimagenadorno3 {
	position: relative;
	top:100px;
	z-index: 1;background-color :white;
	font-style:italic;
	font-size: 16px;top:4px;opacity:0.6;top:112px;margin-left: 44px; 
}
#paginacion {
	position: relative;
	top:-20px;
	width:40% ;
	height:20px;
	margin-left : 4%; font-size: 16px; background-color : white;
	z-index: 2;
}
#paginas {
	position: relative;
	margin-top:-32px;
	width:40% ;
	height:20px;
	margin-left : 6%; font-size: 16px; font-style:italic ;
	z-index: 102;top:32px;
}

#palomas {
	position: relative;
	width: 180px;
	height: 20px;
	z-index: 3;
	margin-left:78%;
	top: 22px;
}

#pie , #pieampliado , #pieindex , #pieaves {
	position: relative;
	width: 100%;
	height: 52px;
	background-color:darkblue;
	color:white;
	font-family : verdana ;
	font-size :36 px;
	padding:10px;
	margin-top:-80px;
	z-index: 2; text-align:left;
}

#titulo{
	position: relative;
	width: 98%;height:140px;
	atop:-72px; color:#D5D3D3; abackground-color:yellow; opacity: 0.6 ; z-index: 100; 
}	

#pieindex{
	
	top:162px; 
}	
#pie1 {
	position: absolute;
	width: 100%;
	height: 55px;
	background-color:darkblue;
	color:white;
	font-family : verdana ;
	font-size :36 px;
	padding:10px;
	margin-top:80px;
	z-index: 2;
}

#pieaves{
	position: relative;
	top:200px; text-align:left;font-family : verdana ; color:grey ; font-size:22px ;
}	


@media(max-width:650px){
	
	.estilo2 {
	text-align:center; font-size:22px;afont-family: 'BadScript-Regular';font-style:italic;color:black;
opacity : 0.5 ; line-height:5;color:black; }
	
.estilo2-2 {
	text-align:center; font-size:18px;afont-family: 'BadScript-Regular';font-style:italic;
opacity : 0.8 ; line-height:2;color:black; }	
	
	#cabecera {
	position: relative;	
	font-size:22px;background-color:white;top:4px;
}

#contenedorfotos {
	position: relative;
	width: 100%;
	margin:0 auto;
	z-index: 1;
	font-style:italic;
	font-size: 16px;	
}

#cuerpoder {float:none;	text-align:center ; margin-left:-20% ;width:140%}
#cuerpoiz {float:none; margin-left:-20% ; text-align:center ;width:140%}
#cuerpomedio {float:none;margin-left:-20% ;text-align:center ;width:140%}	
#enlacesampliada {
	margin-left:68%;
	font-size: 18px;abackground-color:red;top :-102px ;
}
#foto1 {
	margin-left:0%;
	width: 100%;
	margin:0 auto;
	z-index: 2;
	float:none;box-shadow: 2px 2px 5px #999;text-align:center;
}
#foto1-4{
	margin-left:0%;
	width: 100%;
	z-index: 2;
	float: none;box-shadow: 2px 2px 5px #999;text-align:center;
}
#foto1ampliada ,#foto2ampliada {
	width: 55%;
	height: 115px;
	padding-left:4%;
	z-index: 2;
	float:none;
}

#foto1ampliada {
	width: 88%;
	padding-left:4%;
	z-index: 2;
	float:none;margin-top:-40px;
}

#foto2ampliada {
	width: 88%;
	padding-left:4%;
	z-index: 2;
	float:none;
	margin-top:52%;
}
#menu {position: relative;width:100%;margin-top:-132px;margin-left:0%;abackground-color:blue;amargin-right:0px;z-index: 1242;line-height:32px;}


#menu li:hover ul {display:block; list-style:none; margin-left:-42px;width:60%;color:white;background-color:#F2F3F4; padding-left:0px;position:absolute; line-height:62px;z-index: 1242;height:250px;  padding-top:24px; }  

#palomas {
	position: relative;
	margin-left:64%;
	}


#pie {
	position: absolute;
	width: 100%;
	height: 115px;
	background-color:darkblue;
	color:white;
	font-family : verdana ;
	font-size :36 px;
	padding:10px;
	margin-top:120px;
	z-index: 2;
}
#pie1 {
	position: absolute;
	width: 100%;
	height: 62px;
	background-color:darkblue;
	color:white;
	font-family : verdana ;
	font-size :2 px;
	padding:10px;
	margin-top:180px;
	z-index: 2;
}



}

@media (min-width:1200px) {
    #aparallax,#aparallax2,#aparallax3 , #aparallax3-2, #aparallax3-3, #aparallax4 , #aparallax5 , #aparallax6, #aparallax7, #aparallax8 , #aparallax9 , #aparallax10 , #aparallax2-1, #aparallax2-2,#aparallax2-3,#aparallax2-4,#aparallax2-6,#aparallax2-8,#aparallax2-9{
		height:388px;
}

}