@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. */

.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;
			color: white; 
			background-color: rgba(87,136,153,0.6);
			 } 
.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.1em;			

}

.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.3em; 

        font-family:Arial, Helvetica, sans-serif;

		font-style:italic; 

		font-weight:700; 

		line-height:1.5em; }

.notaurg {font-size:1.1em; 
        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 a  {color: blue;  }

.inplus  {font-family:'Eras Medium ITC';
	font-weight:900;
	border-bottom:solid 0px #CCC;
	margin: 0.5em;
	text-align:center;	}

.inplus p { font-size:1.5em; 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;  }

.gridContainerb {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}

.gridContainerb::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(svgs/fondo_basoak100w.png);
	background-repeat: no-repeat;
	background-position: 50% 70%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.22;
    z-index: -1;
}

.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.22;
    z-index: -1;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}

.gridContainer::after {    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(svgs/fondo_web_CaS5_w.png);
	background-repeat: no-repeat;
	background-position: 50% 90%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}

#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; }

#bloqueidiomas {margin-top:0em; margin-bottom:3.0em;  }
#bloqueidiomas a { color:white;  }

.idiomas {

	background-color: rgba(87,136,153,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;    }

.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;	
	  }				 

#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.4em; 
			  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.2em; 
			  font-weight:700;          
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em; 
			   }
.piesdefoto {font-family: Helvetica, sans-serif;
              color: rgba(0,0,0,1);
              font-size:1.15em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   }	
.piesdefoto a {  color: blue;  }	
		   		   					  			   
.puerto  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.00em; 
		   color: rgba(213,25,83,1);
			} 
			  		  		  

.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: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);
    }
.botentrarstop p {margin:inherit;
       font-family:"Eras Light ITC"; font-size:2.2em; color:black; font-weight:bold;  }
.btn-group1  {	display:block; margin: 0 auto; text-align:center;  }
.btn-group1 button { margin: 1em 1em;
    background-color:rgba(87,136,153,1); 
    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-group1 button:not(:last-child) {
  /*  border-right: none;  Prevent double borders cuando estan pegados */
}
/* Clear floats (clearfix hack) */
.btn-group1:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-group1 button:hover {
    background-color: black;
}
	   
.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(87,136,153,0.2);
            }

.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(87,136,153,0.2);
}

.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(87,136,153,0.2);	
}
.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;  } 

	 

.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%;  }


.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 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";

	clear: none;

	float:none;

	margin:0.2em 1em; 

    display: block;

    text-align:center;  }

.interBF img { width:25%;

              border: 0px solid black;

			  border-radius: 8px;

			 -ms-border-radius: 8px;

			 -o-border-radius: 8px;

			 -moz-border-radius: 8px;

			 -webkit-border-radius: 8px;  }	

			 

.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;  }

.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; }

.linea3bs {  border-top:5px	solid rgba(87,136,153,1);  clear:both; margin: 4em 0px 2em 0px; }



#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: 60%; 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; 	}



/*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(87,136,153,1);
	font-size: 1em;
	}



.barrapr li {  float: left;  }

.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;   } 

.batrsbs  {color: rgba(87,136,153,1);  }
.batrsbs i  {clear: none;
	          float: left;
	          margin: 6px 20px 6px 20px;
	          display: block;
			  }				  
.batrsbs 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:#0C3;  }

.barrad ul {  list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color: rgba(87,136,153,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(87,136,153,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;   } 
.hotel { width:96%;	}	
.ppb1 { text-align:center;  font-size:0.75em;  }
.ppb2 { text-align:center;  font-size:0.7em; color:black; font-style:italic;  }
.bajoh1  {font-family: "Eras Medium ITC"; font-size: 1.25em; line-height:1.3em;  }	  
.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;
			}
/* texto expandible*/					
.mastexto { font-size:1.15em; font-weight:600; line-height:1.30em;  }	
#more  { font-family:"Segoe Print", "Segoe Script"; font-size:0.9em;
         color: blue;
		 cursor:pointer;		 
		  }	
#less  { font-family:"Segoe Print", "Segoe Script"; font-size:0.9em;
         color: blue;
		 cursor:pointer;		 
		  }		  			
/* fin de texto expandible*/
.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; } 				
			

/* 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%; }

#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;  }

			

.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;
			 			  }			 			  			 

.hotel { 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;    }

		   
.piesdefoto {   font-size:1.05em;    }	
#central img  { width: 95%; margin: 1em 2% 1em 2%;  }



.interBF img { width:20%;   }	

.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;  }

/*PASAFOTOS*/

.fluid_container {
margin: 0 auto;
max-width: 1000px;
width: 98%;
}

/*FIN PASAFOTOS*/


#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;  }	
		
/* texto expandible*/					
.mastexto { font-size:1.2em; font-weight:600; line-height:1.4em;  }	
#more  { font-size:0.9em;   }				
/* fin de texto expandible*/			  	 				 									 				 											 			   	

}

	





/* 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.5em;  }

.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;  }
.piesdefoto {   font-size:1.20em; line-height:1.4em;    }	

#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;    }

.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 img { width:15%;   }
.bajoh1  {font-size: 1.4em; line-height:1.5em;  }	


#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;  }	
	   						

}