@charset "utf-8";
/* FUENTES LU -------------------------------- */

/* FIN FUENTES LU ----------------------------*/


/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}

/*
	Propiedades de cuadrícula fluida de Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		6;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiración obtenida de "Responsive Web Design" de Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	y Golden Grid System de Joni Korpi
	http://goldengridsystem.com/
*/

/* Diseño móvil: 480 px e inferior. */

.gridContainerfv {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}
.gridContainerfv::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(svgs/fondo_fv100w.png);
	background-repeat: no-repeat;
	background-position: 50% 70%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.12;
    z-index: -1;
}

/*Comienza BARRA*/
.barrapr  {   }
.barrapr li { float: left; font-family: sans-serif; font-size:1em;  color: white; }

.barrapr ul { 
    /*width: 100%;*/
	height: 50px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(122,32,62,1);
	font-size: 1em;
	}

.barrapr li a {
    display: block;
    color: white;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barrapr li a:hover {
    background-color: black;
}
.bmac  {  }
.bmac i  {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	margin-right: 20px;	
	display: block;
				  }				  
.bmac i:hover  { cursor:pointer; color: black;   } 

.batrsfdv  {color: rgba(122,32,62,1);  }
.batrsfdv i  {clear: none;
	          float: left;
	          margin: 6px 20px 6px 20px;
	          display: block;
			  }				  
.batrsfdv i:hover  { cursor:pointer; color: black;   } 

.barra li { float: left; font-family: sans-serif; font-size:1em;  color: white; }

.barra ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	font-size: 1em; 
	/*font-weight:lighter;*/
}
/* Fija la barra arriba sin que se desplaze, pero hay que desplazar hacia abajo lo que vaya a continuación, sino lo tapa. 
.barra ul {
    position: fixed;
    top: 0;
    width: 100%;
}

y si queremos la barra fija abajo:

.barra ul {
    position: fixed;
    bottom: 0;
    width: 100%;
}
*/
.barra li {
    float: left;
}

.barra li a {
    display: block;
    color: white;
    text-align: left;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barra li a:hover {
    background-color: #111;
}
.active {
    /*background-color: rgba(87,136,153,1);	*/
	background-color:#0C3;
	}
/*Fin de barra*/	

.cifra1  {color:#0C0;  }
.cifra2  { color:#0C0;  }
.cifra3  { color:blue;   }
.cifra4  { color:red;  }
.cifra4s  { color:rgba(153,0,51,1);  }
.cifra5  { color:yellow;  }
.cifra6  { color:#906;  }
.reco  {font-size:0.75em;  }
.finacord  { width:100%; display:block; clear: both; float:none; color:rgba(153,0,255,0)  }
.textopaneles  {font-family: "Eras Medium ITC";
     font-size:1.8em; font-weight:bold;
	 text-align:center;  } 
.eras {	font-family:"Eras Medium ITC"; font-size:1.4em; }
.erasspanp { font-family:"Eras Medium ITC"; font-size:1.1em; }
.bs { font-family:"Eras Medium ITC"; font-size:1.2em; color:black; }
.bsb { font-family:"Eras Medium ITC"; font-size:1.2em; color:white; }
.bslink a{ font-family:"Eras Medium ITC"; font-size:1.2em; color:orange; }
.bsbloque  {display:block;
            width: 70%;
			margin: 0.5em auto;
			padding: 0.2em;
            font-family:"Eras Medium ITC"; font-size:1.2em; 
			background-color:#939; } 
.bsbloque a{ color:white; }			
.bsbloque a:hover { color:blue; }
.fv { font-family:"Eras Medium ITC"; font-size:1.2em; color:black; }

.fvlink a{ font-family:"Eras Medium ITC"; font-size:1.2em; color:orange; }
.bscolor { font-family:"Eras Medium ITC"; color: rgba(87,136,153,1); font-size:1.1em; }
.fvcolor { font-family:"Eras Medium ITC"; color: rgba(122,32,62,1); font-size:1.1em; }
.o30  {color:red;  }
.regl {text-align:left;
       margin:1em 0 0 1em;  }

.prepunto  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1.2em;			
}
.punto1  {font-family: 'Conv_neuropolitical_rg'; 
          color: rgba(203,130,154,1);
		  font-size:1.1em; }
.punto2  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:1.1em; }
.elpuntoclaro  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.2em; color: rgba(216,230,228,1); }

.lrb1claro  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; color: rgba(216,230,228,1); }
.lrb1  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; color: rgba(216,230,228,1); }
.lrb1a  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; color: rgba(87,136,153,1); }
.lrb2  {font-family: 'Conv_neuropolitical_rg'; font-size:1em; color: rgba(203,130,154,1); }
.lrb2a  {font-family: 'Conv_neuropolitical_rg'; font-size:1em; color: rgba(122,32,62,1); }
.precio  {font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1em; 
		  color: rgba(122,32,62,1); 
		  display:inline-block;
		  }
#pdetitulo  {margin-top: -0.2em;  }

.nota { font-size:1.0em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic; 
		font-weight:700; 
		line-height:1.4em; }
.notaurg {font-size:1.3em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic; 
		font-weight:700; 
		line-height:1.5em;
		color: red; }
.notali { font-size:0.9em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);
		line-height:0.7em; }
.ppb1 { text-align:center;  font-size:0.75em;  }		
.notadestc { font-size:1.1em; 
        font-family: 'Eras Medium ITC';
		font-weight:900;
		color: rgba(122,32,62,1);
		line-height:0.7em; }
.human  { font-family:"Segoe Print", "Segoe Script";
	      font-size: 1.2em;
		  line-height:1.5em;  }				
a {text-decoration:none; color:black;  }
a:visited  {color:black;  }
a:hover {color:blue; text-shadow: black -0.05em 0.05em; } 
.bs a { color:rgba(122,32,62,1); }
.fv a { color:rgba(122,32,62,1); }
.bs a:hover { color:blue; }
.fv a:hover { color:blue; }
.resalteli  {text-transform:uppercase; font-size:1.1em;   }
.resaltedias  {font-size:1.2em; font-weight:900; color: rgba(122,32,62,1);   }
.hotel { width:96%;	}
.hotel a  {color: blue;  }
.inplus  {font-family:'Eras Medium ITC';
	
	font-weight:900;
	border-bottom:solid 0px #CCC;
	margin: 0.5em;
	
	text-align:center;	
}
.inplus h1 { font-size:1.8em; color: rgba(122,32,62,1);   }

.etapas  {font-family:'Eras Medium ITC';
	font-size:1.1em;
	font-weight:900;
	border-bottom:solid 0px #CCC;
	margin: 0.5em;
	padding: 4px 2px 8px 2px;
	text-align:center;	
}
.cols {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:black; }
.and {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color:black; }
.sol {font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; color:rgb(231,177,60); }
.posentrada {font-family: 'Eras Medium ITC'; font-size:1.3em; font-weight:bold; }
.linklinea {color: blue;  }

#cabezal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#333;
	background-image: radial-gradient(black 0%, black 45%, white 100%);
	background-image: -moz-radial-gradient(black 0%, black 45%, white 100%);
	background-image: -webkit-radial-gradient(black 0%, black 45%, white 100%);
	background-image: -o-radial-gradient(black 0%, black 45%, white 100%);
	background-image: -ms-radial-gradient(black 0%, black 45%, white 100%);
}
.logoByF {display: block;	width: 100%; margin: 1em auto 0em auto; text-align:center;  }
.logoByFg  {display:none;  }
.logoByFSer {display: block;	width: 90%; margin: 4em auto 0em auto; text-align:center;  }
.logoByFgSer  {display:none;  }
.logoCaS {display: block;	width: 100%; margin: 1em auto 4em auto; text-align:center;  }
.logoCaSg  {display:none;  }
#mapa {display: block;	margin: 1em auto 0em auto; text-align:center;  }
#mapag  {display:none;  }
#indexcabezal { clear: both;
 float: none;
 margin: 0.6em auto 3em auto;
 width: 96%;
 display: block;
 text-align:center;
 font-family:"Eras Medium ITC";
 font-size:1.0em;
 }	
#indexcabezal h1 {	font-size:1.6em; } 		  	  	 	
#indexcabezal h5 { font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  }
#indexcabezal h3 { font-size:1.2em; line-height:1.5em;   }
				   
#indexcabezal img {
	margin: 0.4em auto;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }
			 
.tipocabezal { clear: both;
 float: none;
 margin: 0.6em auto 3em auto;
 width: 96%;
 display: block;
 text-align:center;
 font-family:"Eras Medium ITC";
 font-size:1.0em;
 }	
.tipocabezal h1 {	font-size:1.6em; } 		  	  	 	
.tipocabezal h5 { font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  }
.tipocabezal h3 { font-size:1.2em; line-height:1.5em;   }
				   
.tipocabezal img {
	margin: 0.4em auto;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }			 
			 			 			 
#indexcabezalcontact { clear: both;
     float: none;
     margin: 1em auto 1em auto;
     width: 96%;
     display: block;
     text-align:center;
     font-size:1.1em;
}
#cabhotel  {width: 100%; margin:3em auto;  }

#cabhotel img  {border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
.bicis  {width: 90%; margin:2em auto;  }			 
.bici  {width: 80%; margin:3em auto;  }

.bici img  {border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }				 	
#bloqueidiomas {margin-top:0em;
                margin-bottom:3.0em;				
				  }
#bloqueidiomas img  {border: 0px solid #333;
			  border-radius: 0px;
			 -ms-border-radius: 0px;
			 -o-border-radius: 0px;
			 -moz-border-radius: 0px;
			 -webkit-border-radius: 0px;
			  }
.idiomas {
	background-color: rgba(122,32,62,1);
    clear: none;
	float: left;
	margin-left: 0em;
	padding: 0.4em;
	width: 18%;
	display: block;
	font-size:1.3em;
	text-align:center;	
	  }
.idiomasf {
	background-color: rgba(150, 150, 150, 0.4);
    clear: none;
	float: right;
	margin-left: 0em;
	width: 25%;
	display: block;
	text-align:center;	
	  }
					
.idiomas p {  margin:0.2em 0em; color: white; text-decoration:none;  }
.idiomas a { color: white; text-decoration:none; }
.idiomas a:hover { color: blue; }

.idiomasf p { margin:0.2em 0em;    }
.idiomasf a { color: black;
            text-decoration:none }
.idiomasf a:hover { color: blue; }	

.fb {background-color: rgba(150, 150, 150, 0);
	 clear:both;
	margin-top:1.5em;
	
	margin-left: 0em;
	margin-bottom:1em;
	width: 35%;
	display: block;
	text-align:center;	
	  }	
.bajoh1  {font-family: "Eras Medium ITC"; font-size: 1.25em; line-height:1.3em;  }	  			 
#central {
	width: 90%;
	margin: 0 auto 2em auto;
	text-align:justify; 	}	
#centralbajo {
	width: 90%;
	margin: 0 auto 2em auto;
	text-align:justify; 	}			 
			 	
.mail h4 {	 font-family:Verdana, Geneva, sans-serif;
                   font-size:1.5em; 
				   font-style:italic;
				   text-align:center;  }			 

.acordeon0 img {
	margin: 1em auto;
	border: 0px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }	
.h2index  { text-align:center;  }			 			 
.indexdef  { text-align:justify;
             margin:3em 15% 3em 15%;
			 font-family: "Eras Medium ITC"; }
			 
.txtpaneles  {font-family: "Eras Medium ITC";
              font-size:1.35em; 
			  text-indent: 2em; 
			  font-weight:700; 
			  line-height:1.5em;
			    }	
.txtpaneles2  {font-family: "Eras Medium ITC";
              font-size:1.3em; 
			  text-indent: 2em; 
			  font-weight:700;              
			  line-height:1.5em;
			  text-align:center;
			    }	
	
.piesdefotof {font-family: Helvetica, sans-serif;
              color: rgba(122,32,62,1);
              font-size:1.1em; 
			  font-weight:700;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			   }	
	
.piesdefotob {font-family: Helvetica, sans-serif;
              color: #0a7977;
              font-size:1.1em; 
			  font-weight:700;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em; 
			   }					  			   
			  		  		  
.reglamt li {font-family: "Eras Medium ITC";
             text-align:left;
             font-size:0.95em; text-indent: 0em; font-weight:700; line-height:1.3em;  }			  
.reservas    {font-family: "Eras Medium ITC";
             list-style:disc;
			 text-align:left;
			 font-size:1.15em; text-indent: 0em; font-weight:700; line-height:1.3em;  }	
.fotoacordeoncentrob {text-align:center;
              border: 1px solid #0a7977; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 margin-bottom:2em;  }
.fotoacordeoncentrob img  {border: 0px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }
			 
.fotoacordeoncentrof {text-align:center;
              border: 1px solid rgba(122,32,62,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 margin-bottom:2em;  }
.fotoacordeoncentrof img  {border: 0px solid rgba(122,32,62,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }			 
			 
.fotoacordeoncentro {text-align:center;
              border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;  }
.fotoacordeoncentro img  {border: 0px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }			 				 		  		 			 
.noruta  {font-family: "Eras Medium ITC"; font-size:1.3em; text-indent: 1em; font-weight:700; line-height:1.5em;  }	

#isis {clear: both;
	float: none;
	margin:3em auto;
	width: 55%;
	display: block;
	text-align:center;
	padding: 0.5em 0;
	background-color:#white;
    }
.b  { border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
.b:hover { cursor:pointer;  }
.b h3  {font-family:"Eras Light ITC";
           font-size:1.3em;
		   margin:inherit;  }

.b h2 {margin:inherit;
       font-family:"Eras Light ITC"; font-size:2.2em; color:black; font-weight:bold;  }
.b h4  {font-family:"Eras Light ITC";
	font-size:1.2em;
	font-weight:900;
		   margin:inherit;  }


.botentrar {clear: both;
	float: none;
	margin:3em auto 0em auto;
	width: 55%;
	display: block;
	text-align:center;
	padding: 0.5em 0;
	background-color:#82BFBF;	 
	background-image: radial-gradient(white 0%, #808383 50%, white 100%);
	background-image: -moz-radial-gradient(white 0%, #808383 50%, white 100%);
	background-image: -webkit-radial-gradient(white 0%, #808383 50%, white 100%);
	background-image: -o-radial-gradient(white 0%, #808383 50%, white 100%);
	background-image: -ms-radial-gradient(white 0%, #808383 50%, white 100%);
}

.botentrar {		    -webkit-animation-name: girando;
				-moz-animation-name: girando;
				animation-name: girando;
				-webkit-animation-timing-function: linear;
				-moz-animation-timing-function: linear;
				animation-timing-function: linear;
				-webkit-animation-iteration-count: infinite;
				-moz-animation-iteration-count: infinite;
				animation-iteration-count: infinite;
				-webkit-animation-duration: 20s;
				-moz-animation-duration: 20s;
				animation-duration: 20s;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				transform-style: preserve-3d;
			  }	
.botentrar:hover {-webkit-animation-name: otra;
			 -moz-animation-name: otra;
			 animation-name: otra;    }

.botentrarstop {clear: both;
	float: none;
	margin:0.2em auto 0em auto;
	width: 45%;
	display: block;
	text-align:center;
	padding: 0.5em 0;
	background-color: rgba(255,255,255,0.5);	 
    }
.afichabs {clear: both;
	float: none;
	margin:1em auto 3em auto;
	width: 80%;
	display: block;
	text-align:center;
	padding: 0.5em 0;
	border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
        	background-color: rgba(255,255,255,0.5);
            }
.afichabs h3 {margin:inherit;
       font-family:"Eras Light ITC"; font-size:1.4em; color:black; font-weight:bold;  }
.afichabs h3:hover { color:blue;   }	 

.afichafdv {clear: both;
	float: none;
	margin:1em auto 3em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: 0.5em 0;
	border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
		background-color: rgba(122,32,62,0.3);
}
.afichafdv h3 {margin:inherit;
       font-family:"Eras Light ITC"; font-size:1.4em; color:black; font-weight:bold;  }
.afichafdv h3:hover { color:blue;   }
.afichafdv h2 { font-size: 1.30em;  }
.interps {clear: both;
	float: none;
	margin:0.7em auto;
	width: 60%;
	display: block;
	text-align:center;
	padding: -1.5em 0;	
	border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
	background-color: rgba(122,32,62,0.1);		 
	/*background-color: rgba(0,102,102,0.1);*/
}
.interps p {margin:inherit; font-family:"Segoe Script"; font-size:1.4em; color:black; font-weight:bold; }	     


#piearginenea {margin-top: 3em;	
	width: 100%;
	bottom:0;
	display: block;
	}	
.desplegable { clear: both;
	float: none;
	margin: 2em auto;
	width: 90%;
	display: block;
}
.desplegableventa { clear: both;
	float: none;
	margin: 2em auto;
	width: 90%;
	display: block;
}			  	  	 	
ol { font-family:"Segoe Print", "Segoe Script";
     font-size:1.3em; font-weight:bold;  }
ul { font-family:"Segoe Print", "Segoe Script";
     font-size:1.3em; font-weight:bold;  }	 
li  {margin-bottom:1em; }
dl  {font-size:1.3em; font-weight:bold;
	 padding: 1em; }

/* Venta de Azkarate */			
.fotoli img{ width: 95%;
	       margin: 2.5em auto 0.1em auto;
	       border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }				
			
	
.fotoli  { color: rgba(137,28,100, 0);  }

.txapitas { font-family:"Segoe Print", "Segoe Script";
     font-size:1.3em; font-weight:bold;
	 text-align:center;  } 
	 
/*.piesdefoto { font-family:"Segoe Print", "Segoe Script";
     font-size:1.1em; font-weight:bold;
	 margin-left:0.9em;
	   } */	  		 	 
.CollapsiblePanelContent h4 { font-family:"Segoe Print", "Segoe Script";
     font-size:1.1em; font-weight:bold;
	 margin-left:0.9em;
	   } 
	   
#botonatras  {
	clear: none;
	float: left;
	margin-left: 7%;
	width: 30%;		
	margin-bottom: 1.6em;	
	display: block;
	font-size: 1.2em;
	font-weight:bold;
	 }

				  
.ppbizda {	clear: none;
	        float: left;
			margin-left: -23%;  }			  
#botonatras a  {text-decoration:none; color: black;  }			  
#botonatras:hover { cursor:pointer;  }
#botonatras img  {width:15%;  }

/*.botonatrassvg  {clear: both;
	             float: left;
	             margin: 0.5em 0em 1.2em 7%;
	             width: 80%;		
	           }
.botonatrassvg img { width: 30%;  }				  
.botonatrassvg:hover { cursor:pointer;  }*/

.button2  {
	width:25%;
    background-color: rgba(1,1,1,0); /* transparente */
	margin-left:1em;
    border: none;
    color: rgba(1,1,1,0.5);
    text-align: left;
    display: inline-block;    
	float: left;
}
.button2:hover  { cursor:pointer;   } 
.button2 img  {	width: 100%; } 		

#botonalante  {
	clear: none;
	float: right;
	margin-right: 7%;
	width: 30%;	
	margin-bottom: 1.6em;
	display:block;
	font-size: 1.2em;
	font-weight:bold;
	text-align:right;
				  }
#botonalante a  {text-decoration:none; color: black;  }			  
#botonalante:hover { cursor:pointer;  }
#botonalante img  {width:15%;  }

.acordeon0  {clear: both;
	float: none;
	width: 90%;
	margin:0 auto 4em auto;
	display: block;	
		  }
.acordeonfyb  {clear: both;
	float: none;
	width: 90%;
	margin:2em auto 0.5em auto;
	display: block;	
		  }		  
		  
.Accordion  {clear: both;
	float: none;
	width: 90%;
	margin:0 auto 4em auto;
	display: block;	
		  }		  
.panelesimg img { border: 1px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }	
			 
.perfil  { margin:2em auto; width: 96%;  }

.perfil img  {  border: 1px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			 margin-bottom: 1em;  }
.propuestas  { margin:2em auto; width: 96%;  }

.propuestas img  {  width: 80%;
			 margin: 1em 20% 1em 5%;
			  border: 2px solid rgba(122,32,62,1);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }	
.abouts  {   }  			  
.abouts h2  { font-family:"Segoe Print", "Segoe Script";
     font-size:1.5em; font-weight:bold;
	 margin-left: 2em;
	   } 						  	 
.abouts img  {  width: 80%;
			 margin: 1em 10% 1em 10%;
			  border: 2px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }		 
.abouts a  {color:blue;	   } 

.plus  {width: 86%;
        padding: 1em 2em;
        margin:1em auto;
        text-align:center;
        font-size:0.9em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);
		line-height:1.9em;  } 
.plus a  { color:white;  }
		
.buyplus {text-align:center;
        font-size:0.9em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);
		line-height:1.9em;  }
		
#central img  { width: 100%; 
			  border: 2px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
}

.interBF  {font-family: "Eras Medium ITC"; font-size:1.1em;
	clear: none;
	float:none;
	margin:0.2em 3em; 
    display: block;
    text-align:center;
	  }
.interBF img { width:40%;
              border: 0px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			   }	
.interBF2  {font-family: "Eras Medium ITC"; font-size:1.1em;
    width: 90%;
	clear: none;
	margin:0em auto;     
    text-align:center;
}			 
			 
.botongradient {
	font-family:"Eras Light ITC";
	font-size:1.6em;
	font-weight:900;
	background-image: radial-gradient(white 30%, #066 100%, white 100%);
	background-image: -moz-radial-gradient(white 30%, #066 100%, white 100%);
	background-image: -webkit-radial-gradient(white 30%, #066 100%, white 100%);
	background-image: -o-radial-gradient(white 30%, #066 100%, white 100%);
	background-image: -ms-radial-gradient(white 30%, #066 100%, white 100%);
	width: 90%;
	margin: 1em auto;
	border-bottom:solid 0px #CCC;
	padding: 4px 2px 8px 2px;
	text-align:center;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.botongradientfdv {
	font-family:"Eras Light ITC";
	font-size:1.6em;
	font-weight:900;
	background-image: radial-gradient(white 30%, #776bad 100%, white 100%);
	background-image: -moz-radial-gradient(white 30%, #776bad 100%, white 100%);
	background-image: -webkit-radial-gradient(white 30%, #776bad 100%, white 100%);
	background-image: -o-radial-gradient(white 30%, #776bad 100%, white 100%);
	background-image: -ms-radial-gradient(white 30%, #776bad 100%, white 100%);
	width: 90%;
	margin: 1em auto;
	border-bottom:solid 0px #CCC;
	padding: 4px 2px 8px 2px;
	text-align:center;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}			 

.fbpagelu { clear: none;
	float:none;
	margin:1.2em 1em; 
    display: block;
    text-align:center;
}
.fcentro { clear: none;
	float: left;
	margin:0.8em 1em;
	display: block;
   widhth: 20%;
}
.descargasn { font-size:1.3em; text-indent: 1em; font-weight:600; text-align:center;  }
.descargasn a  {text-decoration:none; color:blue;  }
.descargasn a:visited  {color:blue;  }
.descargasn a:hover {color:#B92D70; text-shadow: black -0.15em 0.05em;  }
.linea0 {  border-top:0px	solid white;  clear:both; margin:0px; }
.linea1 {  border-top:1px	solid white;  clear:both; margin:0px; }
.linea2 {  border-top:1px	solid gray;  clear:both; margin: 0% 16%; }
.linea3 {  border-top:1px	solid white;  clear:both; margin:0.2em; }
.linea3fv {  border-top:5px	solid rgba(122,32,62,1);  clear:both; margin: 4em 0px 2em 0px; }
.ppb1 { text-align:center;  font-size:0.75em;  }
.ppb2 { text-align:center;  font-size:0.7em; color:black; font-style:italic;  }

#redesdivid  { padding: 0em 0em 2em 0em; margin:1em 5% 1em 5%;  }
#redes1 { clear: both; float: left;  margin-left: 0;  margin-bottom: 0.5em; width: 48.2758%; display: block; }
#redes2 { clear: none;  float: left;  margin-left: 3.4482%;  margin-bottom: 0.5em;   width: 48.2758%;display: block; }
#redes3 { clear: both; float: left;  margin-left: 0;  margin-bottom: 0.5em; width: 48.2758%; display: block; }
#redes4 { clear: none; float: left;  margin-left: 3.4482%; margin-bottom: 0.5em; width: 48.2758%;  display: block;  }
#redes5 { clear: both; float: left;  margin-left: 0;  margin-bottom: 0.5em; width: 48.2758%; display: block;  } 
  
                     
#wikilocmovil  {
	clear: both;
	float: none;
	width: 84%; height:280px;
	margin: 2em auto;
	padding:2px 2px 2px 2px;
	background-color:black;
	display: block;
	border-radius: 8px;
		-ms-border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-o-border-radius:8px;  }
#wikiloc  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
		  }
.wikip  { font-size:0.9em; font-style:italic; font-weight:bold; text-align:center;  }
.conf  {color: blue;  }
.lux  {font-family:"Eras Medium ITC"; font-size:1.2em; color:#ef680e;   }
.mapape {width: 90%; display: block;	margin: 1em auto 0em auto; text-align:center;  }
.mapape img  {border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }
.plus  {width: 86%;
        padding: 1em 2em;
        margin:1em auto;
        text-align:center;
        font-size:0.9em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);
		line-height:1.9em;  } 
.plus a  { color:white;  }

.plusb  {width: 86%;
        padding: 1em 2em;
        margin:1em auto;
        text-align:center;
        font-size:0.9em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: black;
		line-height:1.9em;  } 
.plusb a  { color:white;  }
.fvbloque  {display:block;
            width: 70%;
			margin: 0.5em auto;
			padding: 0.2em;
            font-family:"Eras Medium ITC"; font-size:1.2em; 
			color:white; 
			background-color: rgba(122,32,62,1); } 
.fvbloque a{ color:white; }			
.fvbloque a:hover { color:blue; }			 
#pie {margin-top: 3em;	
	width: 100%;
	bottom:0;
	display: block;
	}			  	  	 	
#pie img { width: 100%;  }
#pieg {   display:none; 	}
/*.mastexto { font-size:1.15em; font-weight:600; line-height:1.30em;  }
.mastexto a { text-decoration:none; font-weight:900; }	*/

/* Comienza barra abajo*/
.barrad ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: rgba(122,32,62,1);
	 /*background-color: rgba(64,128,128,1);*/
}

.barrad ul  {  font-size: 1em; 
font-weight:normal;  }
.barrad li { float: left; font-family: sans-serif; font-size:1em;  color: white; }

.barrad li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barrad li a:hover {
    background-color: #111;
}
#direcion {	margin: 0 auto;
            padding-bottom: 0.4em;
            text-align:center;
			background-color: rgba(122,32,62,1);
			color:white;
}
.simbolos  {color:white;  }
#phone  {color:white;  }
#faceboo  {color:white;  }
#casahome  {color:white;
margin:-5px 0px; }
/* FIN barra */

/* comienza ZOOM */
.imgzoommyt img {
	margin: 0.4em auto;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			     }

/* styles unrelated to zoom 
		* { border:0; margin:0; padding:0; }*/
		/*zoom p { position:absolute; top:3px; right:28px; color:#555; font:bold 13px/1 sans-serif;}*/

		/* these styles are for the demo, but are not required for the plugin */
		.zoom {
			display:inline-block;
			position: relative;
		}
		
		/* magnifying glass icon */
		.zoom:after {
			content:'';
			display:block; 
			width:33px; 
			height:33px; 
			position:absolute; 
			top:0;
			right:0;
			background:url(zoom/icon.png);
		}

		.zoom img {
			display: block;
		}

		.zoom img::selection { background-color: transparent; }

		#ex2 img:hover { cursor: url(zoom/grab.cur), default; }
		#ex2 img:active { cursor: url(zoom/grabbed.cur), default; }
					   
.imgzoom img {
	margin: 0em auto 2em auto;
	border: 1px solid black; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			     }			   				

.imgzoom  {display:none;  }	

/* fin de zoom */

.bleftbs i  {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	margin-right: 20px;	
	display: block;
	color: rgba(122,32,62,1);
				  }				  
.bleftbs i:hover  { cursor:pointer; color: black;   } 
.resr { color: rgba(122,32,62,1); font-size:1.05em; }
.pans {margin:2em auto;  }
.pans img  {width: 90%; margin:0px auto; text-align:center;  }		
.icowasap {display:inline-block; width:30px; height:30px; 
            border: 1px solid rgba(255,255,255,1);
			  border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px; } 
.miniwasap {display:inline-block; width:16px; height:16px; } 
	
.btn-group4 button { margin: 1em 1em;
    background-color:rgba(122,32,62,0.9); 
    border: 1px solid black; /* Green border */
    color: white; /* White text */
	font-size:1.1em; 
	font-family:Arial, Helvetica, sans-serif;
    padding: 10px 24px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
	float:none;
}
.btn-group4 button:not(:last-child) {
  /*  border-right: none;  Prevent double borders cuando estan pegados */
}
/* Clear floats (clearfix hack) */
.btn-group4:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-group4 button:hover {
    background-color: black;
}
.button4  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.2em; 
    color: rgba(122,32,62,1);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.button4:hover  { cursor:pointer; color: black;   }	
.icowasap {display:inline-block; width:30px; height:30px; 
            border: 1px solid rgba(255,255,255,1);
			  border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px; } 
.miniwasap {display:inline-block; width:16px; height:16px; } 
.resr3 { color: rgba(122,32,62,1); font-size:1.1em; }

/* texto expandible*/					
.mastexto { font-size:1.25em; font-weight:500; line-height:1.30em;  }
.mastexto a { text-decoration:none; font-weight:900; }
#more {display: none;}	
#more2 {display: none;}		
#myBtn { background-color:rgba(122,32,62,0.7); 
    border: 1px solid black; /* border color */
    color: white; /* White text */
	font-size:1em; 
	font-family:Arial, Helvetica, sans-serif;
    padding: 3px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */    
}
#myBtn:hover {
    background-color: black;
}
#myBtn2 {background-color:rgba(122,32,62,0.9); 
    border: 1px solid black; /* border color */
    color: white; /* White text */
	font-size:1em; 
	font-family:Arial, Helvetica, sans-serif;
    padding: 5px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    }
#myBtn2:hover {
    background-color: black;
}
/* fin de texto expandible*/
.resumen  {padding:0.6em;
	      margin-top:0.5em;
          font-family: sans-serif;
		  text-align:center;
  		  font-size:1.3em;
		  color: black;
		  line-height:1.5em;
		    }
.elvideo { 	clear: both; margin: 2em auto; width: 90%; display: block; text-align:center;	}				
.panelestilo { clear: both; margin: 2em auto; width: 90%;	}
.lugar  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1.1em;
             }
.lugar2  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1em;
             }	
.resr3 { font-size:1.1em; }	
.fv { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(122,32,62,1); }
.up  { display:block;           
		  background-image:url(graficos/cd-top-arrow-tinto.svg);
		  background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size: contain;		 
		 }	
.uptexto  {	font-family:"Segoe Print", "Segoe Script";  font-size: 1.1em; text-align:center;
           display:block;
		   margin: 0 auto;  }
.cuadrada  {margin: 2em auto;  }			   
.cuadrada img {text-align:center;
			  border: 1px solid rgba(0,0,0,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }		   
#interesa  {  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;  }
		   			
#interesa img  {  width: 100%;
             margin:1em auto;
			 /*margin: 1em 20% 1em 5%;*/
			  border: 1px solid rgba(0,0,0,1);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }	
#listapaneldos  { font-size:0.95em;    }			
#listapaneldos li  { font-size: 1.3em;
                   text-align:left;
                   line-height: 1.4em;
				   list-style-image: url("icos/arrow-verde.png");
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }			  
.resr2 { color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase; }	
.botonear {  
             text-align:center;              
             padding: 0.1em 0.6em; 
             color: rgba(255,255,255,1); 
             font-size:0.9em; text-transform:uppercase;
			 border: 1px solid #333;
			  border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;
	    	background-color: rgba(0,0,0,0.7); }
.buttond  {width:45%;
           margin:1em 2%;
              border: 1px solid #333;
			  border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
	    	background-color: rgba(255,255,255,1);
    color: rgba(1,1,1,0.9);
    padding: 8px 10px;
	font-size:0.9em; 
	color: rgba(122,32,62,1);
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.buttond:hover  { cursor:pointer; color: rgba(122,32,62,0.9);   } 				  		  		   		 		 		
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer { 
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
#indexcabezal {
	clear: both;
	float: none;
    margin: 0 auto 3em auto;
	width: 92%;
	display: block;
	font-size:1.2em;
}
.tipocabezal {
	clear: both;
	float: none;
    margin: 0 auto 3em auto;
	width: 92%;
	display: block;
	font-size:1.2em;
}
#cabhotel  {margin:1.9em auto;  }
#bloqueidiomas {margin-top:2em; margin-bottom:3.5em;  }
.idiomas {	width: 15%;	  }
.idiomasf {	width: 20%;	  }

#central {
	width: 80%;
	/*margin: 0 auto 2em auto;
	text-align:justify;*/
	}
#centralbajo {	width: 80%;		}

.botongradient {
	width: 80%;	
	border-bottom:solid 0px #CCC;
	padding: 4px 2px 8px 2px;	}	
.botongradientfdv {
	width: 82%;	
	border-bottom:solid 0px #CCC;
	padding: 4px 2px 8px 2px;	}				 

#mapa { display:none;  }
#mapag  {display: block; margin: 1em auto 0em auto; text-align:center;  }
.mapape {width: 80%; }
			
.desplegable {
	clear: both;
	float: none;
	margin-left: 12.8205%;
	width: 74.3589%;
	display: block;
}

.acordeon0  {width: 74.3589%;   }

.propuestas img  {   width: 45%; 
                     float: left; 
                     margin: 0.3em;
			         clear:none; 
			         display: block;	
			   }
.abouts h2  { font-size:1.8em; 
	 margin-left: 2em;
	   } 							   
   
.abouts img  {   width: 40%;
			 float: left; 
			 margin: 1.5em 3.5em;
			clear:both ;
			display: block;
			 			  }	 
.abouts  {   }   
					  		 			  			 
.hotel {width:100%; clear: both; 	}	
#isis {clear: both;
	   float: none;
	   margin:0 auto;
	   width: 74.3589%;
	   display: block;
}
.b h3  {font-size:1.5em;	}
.b h2 { font-size:2.35em;   }
.b h4  {font-size:1.2em;    }
		   
#central img  { width: 95%; margin: 1em 2% 1em 2%;  }
.interBF  {	  }
.interBF img { width:35%;  }	
.mail h4 {	 font-family:Verdana, Geneva, sans-serif;
                   font-size:1.1em; 
				   font-style:italic;
				   text-align:center;  }	
.etapas  {	font-size:1.3em;  }				   
.afichafdv {margin:1em auto 3em auto;
	width: 70%;	}			   
/*.botonatrassvg img { width: 20%;  }	*/
.button2  {	width:20%;	}		  	 				 									
#pie { display:none; }
#pieg {margin-top: 6em;	
	width: 100%;
	bottom:0;
	display: block;
	} 				 											 			   	
.fcentro {widhth: 35%;  }
#redesdivid  { padding: 0em 0em 0em 0em; margin:1em 5% 0.5em 5%;  }
#redes1 {clear: none;  float: left;  margin-left: 0;  width: 23.0769%;  display: block;  }
#redes2 {clear: none;  float: left;  margin-left: 2.5641%;  width: 23.0769%;  display: block;  }
#redes3 {clear: none;  float: left;   margin-left: 2.5641%;  width: 23.0769%;  display: block;  }
#redes4 {clear: none;  float: left;  margin-left: 2.5641%;  width: 23.0769%;  display: block;  }
#redes5 {clear: none;  float: left;  margin-left: 0;  width: 23.0769%;  display: block;  }

.notafechas  { font-size:1.2em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		text-align:center;
			}
			
#wikilocmovil {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;
	display: none;
	margin-bottom: 3em;
}
#wikiloc {
	clear: both;
	float: none;
	width: 80%; height:450px;
	margin: 2em auto;
	padding: 0.3em 0.5em 0.5em 0.3em;
	background-color: black;
	display: block;
	border-radius: 8px;
		-ms-border-radius :8px;
		-moz-border-radius :8px;
		-webkit-border-radius: 8px;
		-o-border-radius: 8px;  }
.pans  {margin:2em auto;  }		
.pans img  {margin:2em auto; width: 80%; text-align:center;  }	
/* texto expandible*/					
.mastexto { font-size:1.3em; font-weight:500; line-height:1.4em;  }	
/* fin de texto expandible*/		  	 				 									 				 											.interBF2  {width: 80%;  }	
.resumen  {margin-top:1em;
          font-size:1.3em;		  
		  line-height:1.7em;
		    }
.panelestilo { width: 84%; margin: 0 auto;	}	
.lugar  {font-size:1.2em;   }
.lugar2  {font-size:1em;   }
#interesa  { margin-top:4em;  font-size:1.1em;   }
#interesa img  {  margin: 2%;  clear:none; 	}
.listapaneldos  { font-size:0.95em;    }			
.listapaneldos li  { font-size: 1.5em;
                   text-align:left;
                   line-height: 1.3em;
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }	
.buttond  {width:45%;  font-size:1.1em;   }				   							 			   	
}
	


/* Diseño escritorio: de 769 px hasta un máximo de 1920 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
.imgzoommyt  {display:none;  }			  	 				 									
.imgzoom  {display:block;
           display:!important;  } 
.imgzoom p {margin-bottom: 3em; text-align:center; }

.indexdef  { text-align:center;  }
#indexcabezal h1 {	font-size:1.7em; }
.nota { font-size:1.1em;  }

.logoByF { display:none;  }
.logoByFg  {display: block; width: 100%; margin: 1em auto 0em auto; text-align:center;  }
.logoByFSer { display:none;  }
.logoByFgSer  {display: block; width: 90%; margin: 5em auto 0em auto; text-align:center;  }
.logoCaS { display:none;  }
.logoCaSg  {display: block; width: 100%; margin: 1em auto 2em auto; text-align:center;  }



#indexcabezal { clear: both;   float: none;
 margin: 0 auto 3em auto;   width: 79.5918%;   display: block;    }
.tipocabezal { clear: both;   float: none;
 margin: 0 auto 3em auto;   width: 79.5918%;   display: block;    }
.bajoh1  {font-size: 1.4em; line-height:1.5em;  }	 
.textodirecto h3  {
	font-size:36px; line-height:2.5em;
		 }
.txtpaneles  {	margin:1em 3em;      }	

.fotoacordeoncentro {
	margin: 1em 3em; text-align:center; border: 2px solid #0a7977; }
.fotoacordeoncentro img  {border: 0px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }

.idiomas {	width: 12%;	  }

.desplegable { clear: both;   float: none;   margin-left: 20.4081%;   width: 59.1836%;   display: block;  }

.acordeon0  {width: 79.5918%;	  }


#isis { clear: both;
        float: left;
		margin-left: 10.204%;
		width: 38.7755%;
		display: block;
		  }
		  
.b h2 {margin: 0 auto;   }
.b h4 {margin: 0 auto;   }		  

.propuestas img  {   width: 30%; margin: 0.3em;  }		

.etapas  {	font-size:1.5em;  }
.afichafdv {margin:1em auto 3em auto; width: 50%;	}	
	
 #botonatrasjava {
	clear: both;  	float: left;  	margin-left: 10.204%;  	width: 28.5714%;  	display: block;  }
#botonatras { font-size: 1.5em;  }
#botonalante { font-size: 1.5em;  }
/*.botonatrassvg { width: 80%;  }
.botonatrassvg img { width: 15%;  }*/
.button2  {	width:15%;	}
#central img  { width: 85%;  }
.interBF  {    }
.interBF img { width:25%;   }

#redesdivid  { margin:1em 5% 0.1em 5%;  }
#redes1 {clear: both;  float: left;  margin-left: 0;  width: 17%;  display: block;  }
#redes2 {clear: none;  float: left;  margin-left: 2.0408%;  width: 17%;  display: block;  }
#redes3 {clear: none;  float: left;  margin-left: 2.0408%;  width: 17%;  display: block;  }	
#redes4 {clear: none;  float: left;  margin-left: 2.0408%;  width: 17%;  display: block;  }	
#redes5 {clear: none;  float: left;  margin-left: 2.0408%;  width: 17%;  display: block;  }	   	 
	 
.pans  {margin:3em auto; }	  	 
.pans img  {margin:0px auto; width: 70%; text-align:center;  }		  	 
.elvideo  { width: 84%; }	  	 
#interesa  { font-size:1.0em;  }
#interesa img  {margin: 1%;  }
.buttond  {width:26%; margin:1em 1%;  }	
.botonear {  font-size:1.1em;  }   						
}