@charset "utf-8";

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

/* Algunos de estos valores modifican el css de w3 */

/*.w3-xlarge{font-size:18px!important}
.w3-xxlarge{font-size:24px!important}
.w3-xxxlarge{font-size:28px!important}*/

/* FIN de Algunos de estos valores modifican el css de w3 */

/* COLORES hexadecimales */
/*pirineos: #578899
cols: #E7B13C
Pyrineist: #366560
Castillos: #D51953
Fuentes del Vino: #7A203E
B&W: #64328A
*/

/* FIN de COLORES hexadecimales */




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

.fv { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(122,32,62,1); text-decoration: none; }
.bs { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(87,136,153,1); }
.bsw3 { font-family:"Eras Medium ITC"; font-size:1.0em; color: rgba(87,136,153,1); }
.bsfort  { font-family:"Eras Medium ITC"; 
           font-size:1.15em; 
		   color: rgba(54,101,96,1);
		   font-weight:bold;
		    }
.bsfort404  { font-family:"Eras Medium ITC"; 
           font-size:2.15em; 
		   color: rgba(54,101,96,1);
		   font-weight:bold;
		     }			
             
.fvcolor { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(122,32,62,1); }
.culinaryhgrande { font-family:"Segoe Print", "Segoe Script"; font-size:1.5em; color: rgba(122,32,62,1); }
.bscolor { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(87,136,153,1); }
.bswhite { font-family:"Eras Medium ITC"; font-size:1.3em; color: rgba(255,255,255,0.9); }
.bsneg { font-family:"Eras Medium ITC"; font-size:1.2em; color: black; }
.bsbl { font-family:"Eras Medium ITC"; font-size:1.2em; color: white; font-weight:600; }
.bsp { font-family:"Eras Medium ITC"; font-size:0.85em; color: rgba(87,136,153,1);
       font-style:italic; }
.fvp { font-family:"Eras Medium ITC"; font-size:0.85em; color: rgba(122,32,62,1);
       font-style:italic; }
.fvmenu { font-family:"Eras Medium ITC"; font-size:1.2em; color: white; font-weight:600;  }
.teuro0  { font-size:0.8em;  }
.teuro { font-family:"Eras Medium ITC"; font-size:1em; color: rgba(80,50,137,1);   }
.teuro2 { font-family:"Eras Light ITC"; font-size:0.85em;  }
.tgirls { font-family:"Eras Medium ITC"; font-size:0.9em; color: rgba(148,27,128,1);   }
.mn { font-family:"MISTRAL";
               font-size:1.1em;
			   letter-spacing: 2px; 
			   color: rgba(156,20,95,1);
			      }
.mnb { font-family:"MISTRAL";
               font-size:1.1em;
			   letter-spacing: 2px; 
			   color: rgba(255,255,255,1);
			      }	
.mnbp { font-family:"MISTRAL";
               font-size:1.0em;
			   letter-spacing: 2px; 
			   color: rgba(255,255,255,1);
			      }					  			  
.colorgirls { color: rgba(148,27,128,1);   }
.colorgirlsb { color:#FCF;  }
.nolink {  }	
.nolink a {text-decoration:none; color: black;  }
.nolink a:hover { cursor:text;  }
.pftext {text-decoration:none; color: white;  }	
.pftext a {text-decoration:none; color: white;  }
.prepunto  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:0.8em;
              }
.prepuntost  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1.0em;
			  }
.prepuntopy  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(54,101,96,1);
             font-size:0.9em;
}
.prepyg  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(54,101,96,1);
             font-size:1.05em;
}
.pirig  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(40,75,124,1);
             font-size:1.05em;
}
.prepuntobl  { font-family: 'Conv_Helvetica-BlackOblique';
             color: white;
             font-size:1em;
}
.punto2menu  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:1.1em; }
.puntoblanco  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(255,255,255,1);
		  font-size:1.1em; }
.lanegra  {color: rgba(0,0,0,1); font-family: 'Conv_Helvetica-BlackOblique'; }			  		  
.punto1  {font-family: 'Conv_neuropolitical_rg'; 
          color: rgba(203,130,154,1);
		  font-size:0.8em; }
.punto2  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:0.8em; }
.punto2st  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:1.0em; }		  
.elpuntoclaro  {font-family: 'Conv_neuropolitical_rg'; font-size:1em; color: rgba(216,230,228,1); }
.elpunto11  {font-family: 'Conv_neuropolitical_rg'; font-size:1em; color: rgba(216,230,228,1); }
.elpunto1a  {font-family: 'Conv_neuropolitical_rg'; font-size:1em; color: rgba(87,136,153,1); }
.enfasis  { font-weight:bold; color: rgba(122,32,62,1); }
.cifra1  {color:green;  }
.cifra2  {color:green;  }
.cifra3  {color:blue;   }
.cifra3n  {color:blue; font-weight:bold;   }
.cifra4  {color:red;  }
.cifra4s  { color:rgba(153,0,51,1);  }
.cifra5  { color:yellow;  }
.cifra6  { color:#906;  }
.cifra7  { color:rgba(80,80,80,1);  }
.cifrapyre  { color: rgba(54,101,96,1);  }
.cifra8  { color:black;  }
.cifraitours  { color: rgba(54,101,96,1); font-size:1.1em; font-weight:bold;  }
.cifracry  {color:rgba(213,25,83,1);   }


.linea00 {  border-top:0px	solid gray;  clear:both; margin:0px; }
.linea0 {  border-top:1px	solid gray;  clear:both; margin:0px; }
.linea1 {  border-top:1px	solid white;  clear:both; margin:0px; }
.linea2 {  border-top:1px	solid gray;  clear:both; margin: 0% 10%; }
.linea2g {  border-top:1px	solid rgba(87,136,153,1);  clear:both; margin: 0em 5% 1em 5%; }
.linea3 {  border-top:1px	solid white;  clear:both; margin:0.2em; }
.linea1packs {  border-top:1px	solid #333;  clear:both; margin:0px; }
.linea2packs {  border-top:0px	solid #333;  clear:both; margin:0 0 1em 0; }
.linea3bs {  border-top:5px	solid rgba(87,136,153,1);  clear:both; margin: 4em 0px 2em 0px; }
.linea1pbs {  border-top:1px	solid rgba(87,136,153,1);  clear:both; margin: 1em 5% 0em 5%; }

.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(graficos/fondo_web.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.1;
    z-index: -1;
}

.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(graficos/fondo_web.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.1;
    z-index: -1;
}

.gridContainerf {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}
.gridContainerf::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(graficos/fondo_webf.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.1;
    z-index: -1;
}
@-webkit-keyframes girando {
			from { -webkit-transform: rotateY(0deg);    }
			to   { -webkit-transform: rotateY(-360deg); }
		}
@-moz-keyframes girando {
			from { -moz-transform: rotateY(0deg);    }
			to   { -moz-transform: rotateY(-360deg); }
		}
    	#girando {
				margin: 20px auto;
				width: 70%;
				padding: 10px;
				height: 40px;
				background-color: rgba(0,0,0,0);
				border: 0px solid #666;
				color: #fff;
				
			    -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: 10s;
				-moz-animation-duration: 10s;
				animation-duration: 10s;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				transform-style: preserve-3d;
			  }
			  
@-webkit-keyframes girandocolor {
			from { -webkit-transform: rotateY(0deg);    }
			to   { -webkit-transform: rotateY(-360deg); }
			0% {background: gray; }
	        10% {background: rgba(54,101,96,1); }
	        50% {background: white; }
	       100% {background: gray; }
		}	
				  
@keyframes girandocolor {
			from { -webkit-transform: rotateY(0deg);    }
			to   { -webkit-transform: rotateY(-360deg); }
			0% {background: gray; }
	        10% {background: rgba(54,101,96,1); }
	        50% {background: white; }
	       100% {background: gray; }
		}
@-moz-keyframes girandocolor {
			from { -moz-transform: rotateY(0deg);    }
			to   { -moz-transform: rotateY(-360deg); }
			0% {background: gray; }
	        10% {background: rgba(54,101,96,1); }
	        50% {background: white; }
	       100% {background: gray; }
		}
    	#girandocolor {
				margin: 20px auto;
				width: 90%;
				padding: 10px;
				height: 40px;
				background-color: rgba(0,0,0,0);
				border: 0px solid #666;
				color: #fff;
				
			    -webkit-animation-name: girandocolor;
				-moz-animation-name: girandocolor;
				animation-name: girandocolor;
				-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: 16s;
				-moz-animation-duration: 16s;
				animation-duration: 16s;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				transform-style: preserve-3d;
			  }
		  			  
#anicolor4 {
	margin: 0 auto;
	padding: 1px 1em; 
	width:70%;
	border: 1px solid black;  
    background-color: rgba(0,0,0,0);
	transition: transform 1s;
   -moz-transition: -moz-transform 1s;
   -webkit-transition: -webkit-transform 1s; 
    animation: cuarta 8s;
	-webkit-animation: cuarta 8s;
	-moz-animation: cuarta 8s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
	
@keyframes cuarta{
	0% {background: gray; }
	10% {background: blue; }
	90% {background: red; }
	100% {background: gray; }
}
@-webkit-keyframes cuarta{
	0% {background: gray; }
	10% {background: blue; }
	90% {background: red; }
	100% {background: gray; }
}
@-moz-keyframes cuarta{
	0% {background: gray; }
	10% {background: blue; }
	90% {background: red; }
	100% {background: gray; }
}	

 /* Popup container PARA POPUP*/
.popup {
  position: relative;
  display: inline-block;
  padding: 5px 2px;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 300%;
  background-color: rgba(87,136,153,1);
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 3px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 
/* FIN PARA POPUP */

/* DESPLEGABLE */
li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: rgba(87,136,153,1);
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(87,136,153,0.9);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}



li.dropdown2 {
    display: inline-block;
}
.dropdown2:hover .dropdown2-content {
    display: block;
}

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


.dropdown2-content {
    display: none;
    position: absolute;
    background-color: rgba(87,136,153,0.9);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown2-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

dropdown2-content a:hover {background-color: #f1f1f1}

.dropdown2:hover .dropdown2-content {
    display: block;
}
.mega1  {width:400px;max-width:100%;  }
.mega2  {padding:5px 12px;  }

/* FIN DESPLEGABLE */
.logoCp {display: block;	width: 100%; margin: 1em auto 0em auto; text-align:center;  }
.logoCg  {display:none;  }

.logoCaS {display: block;	width: 100%; margin: 1em auto 4em auto; text-align:center;  }
.logoCaSg  {display:none;  }

.logoP {display: block;	
        width: 100%!important; 
		max-width: 1060px; 
		margin: 0 auto; 
		text-align:center;
		  }
.logoP img {  width: 100%!important; 
		max-width: 1060px; 
		 }		  
.logoG  {display:none;  }

.fotocentro {display: block;	width: 90%; margin: 0em auto 5em auto; text-align:center;  }
.fotocentro  img {
	
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }
.fotocentropeq {display: block;	width: 60%; margin: 0em auto 1em auto; text-align:center;  }
.fotocentropeq  img {
	
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }			 
			 
#indexcabezal { clear: both;
 float: none;
 margin: 2.6em auto 3em auto;
 width: 96%;
 display: block;
 text-align:center;
 /*font-family:"Eras Medium ITC";*/
 font-size:1.0em;
 }	
#indexcabezal h1 { font-family:"Eras Medium ITC"; font-size:1.3em; font-weight:800; text-align:center;  } 
#indexcabezal h2 { font-family:"Eras Medium ITC"; font-size:1.0em; font-weight:600; line-height:1.4em; } 
#indexcabezal h3 { font-family:"Eras Medium ITC"; font-size:1.2em; font-weight:700; line-height:1.5em;   }
#indexcabezal h5 { font-family:"Eras Medium ITC";font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  }			   
#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;    }
#indexcabezalpacks  {  }			 
#indexcabezalpacks h1 {	font-family:"Eras Medium ITC";
 font-size:1.9em; text-align:center; color:rgba(0,0,0,1); }
#indexcabezalpacks h2 {	font-family:"Eras Medium ITC"; padding: 0em 1em;
 font-size:1.4em; text-align:center; color:black; } 
.noventa { margin: 0 auto; width: 90%; text-align:center;  }			 
#bloqueidiomas {margin-top:0em; margin-bottom:1.8em;  }
.idiomas {
	background-color: rgba(20, 20, 20, 0.8);
    clear: none;
	float: right;
	margin: 0em;
	width: 10%;
	display: block;
	text-align:center;	
	  }
					
.idiomas p { margin:0.2em 0em;    }
.idiomas a { color: white;
            text-decoration:none }
.idiomas a:hover { color: blue; }

.mastextosolo { clear: both;
 float: none;
 margin: 0.6em auto 3em auto;
 width: 90%;
 display: block;
 text-align:center;
 /*font-family:"Eras Medium ITC";
 font-size:1.0em;*/
 }

#contenido { 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;
 }
#contenido h1 {	font-size:1.8em; } 
#contenido h2 {	font-size:1.5em; } 
#contenido h3 { font-size:1.3em; line-height:1.5em;   }
#contenido h5 { font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  } 
.general { 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;
 }
.general h1 {	font-size:1.8em; } 
.general h2 {	font-size:1.5em; } 
.general h3 { font-size:1.3em; line-height:1.5em;   }
.general h5 { font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  } 				   
					  					   			   
.fotop {display: block;
    	margin: 1em auto 0em auto; 
		text-align:center;
		   }
.fotop img {border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }			   
.fotog {display:none;  } 
.fotog img {border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }			   
.paneles01  {width:92%;
             margin: 0 auto;  }
.txtpaneles  { padding-right:1em; font-family: "Eras Medium ITC";
              font-size:0.85em; 
			  text-indent: 1em; 
			  font-weight:600; 
			  line-height:1.4em;
			    }
.lineasprecios  {font-family: "Eras Medium ITC";
              font-size:0.85em; 
			  line-height:1.2em;
			    }						
.fotopanelcentrof {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;  }
.fotopanelcentrof 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;    }	
			 			 
.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; 
			   }	
	
.piesdefotob {font-family: Helvetica, sans-serif;
              color: #0a7977;
              font-size:1.1em; 
			  font-weight:700;              
			  text-align:center;
			  margin-top:0.5em; 
			   }
			   

/* 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;
			     }			   				
.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;
			     }
.imgzoom  {display:none;  }	

.fcentrodesktop img {
	margin: -1.1em 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;
			     }			   				
.fcentromovil img {
	width:90%;
	margin: 0.5em auto 0.9em auto;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			     }
.fcentrodesktop  {margin-top: 0.5em; display:none;  }	

/* fin de zoom */			 
			 			   			  
#pieg {   display:none; 	}
#pie {margin-top: 3em;	
	width: 100%;
	bottom:0;
	display: block;
	}			  	  	 	
#pie img { width: 100%;  }

.simbolos  {color:white;  }

#phone  {color:white;  }
#faceboo  {color:white;  }
#instaboo  {color:white;  }

#casahome  {color:white; margin:-5px 0px;  }

/*PASAFOTOS*/

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

/*FIN PASAFOTOS*/
#mapa {display: block;	margin: 1em auto 0em auto; text-align:center;   }
#mapag  {display:none;   }
#mapa img {	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
#mapag img {	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
.liimg {margin: 2em auto;  }
.liimg img { width: 90%;
              float:none; 
              border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }
.izdamapa {
	margin:0 auto; width:40%;  float:none;  }
.izdamapa {	text-align:center;  }

#antepie  {color: white; background-color: rgba(87,136,153,0.4); }
#antepie img {border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }
.finacord  { width:100%; display:block; clear: both; float:none; color:rgba(153,0,255,0)  }	
.finacordnegativo  { width:100%; margin:-2em auto; display:block; clear: both; float:none; color:rgba(153,0,255,0);  }	
.afichabs {
	text-decoration:none;
	clear: both;
	float: none;
	margin:1em auto 3em auto;
	width: 25%;
	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;   }	 
.afichabs a {
	text-decoration:none;  }
	
.button0  {
    background-color: rgba(1,1,1,0); /* transparente */
	padding:0px 5px;
    border: none;
	font-size:2.5em; 
    color: rgba(255,255,255,1);    
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	}
.button0:hover  { cursor:pointer; color: rgba(0,0,0,1);   } 

.button2  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(87,136,153,1);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.button2:hover  { cursor:pointer; color: black;   }	

.button3  {
    background-color: rgba(1,1,1,0.0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(1,1,1,0.5);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.button3:hover  { cursor:pointer; color: rgba(122,32,62,0.9);   }

.button4  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    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;   }	

.buttoneuro  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(30,50,137,0.9);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.buttoneuro:hover  { cursor:pointer; color: black;   }

.buttonnava  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(213,25,83,1);
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.buttonnava:hover  { cursor:pointer; color: rgba(87,136,153,1);   }	

.buttongirls  {
    background-color: rgba(1,1,1,0); /* transparente */
    border: none;
	font-size:1.3em; 
    color: rgba(148,27,128,0.9);
	/*color:#909;*/
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.buttongirls:hover  { cursor:pointer; color: rgba(87,136,153,1);   }	

.btmasinfo  {width:25%;
             margin:0 auto;
             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(87,136,153,0.2);
			font-family:"Eras Medium ITC"; 
            padding: 10px 6px;
	        font-size:1.4em; 
	        color: rgba(53,101,96,1);
            text-align: center;
            text-decoration: none;
            display: inline-block;    
	        float: none;
}
.btmasinfo:hover  { cursor:pointer; color: rgba(122,32,62,0.9);   } 

.buttoninfobs  {	width:60px;
    font-family:"Eras Medium ITC";
	font-size:0.8em; 
	color: rgba(255,255,255,1);
	padding: 0.2em 0.2em; 
    background-color:rgba(87,136,153,0.7);
	border: 1px solid rgba(122,32,62,1); 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;	
             }
.buttoninfobs:hover  { cursor:pointer;   }

.buttoninfofv  {	width:60px;
    font-family:"Eras Medium ITC";
	font-size:0.8em; 
	color: rgba(255,255,255,1);
	padding: 0.2em 0.2em; 
    background-color:rgba(122,32,62,0.7);
	border: 1px solid rgba(122,32,62,1); 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;	
             }
.buttoninfofv:hover  { cursor:pointer;   } 	 	
	
.botongpx {
	text-decoration:none;	
	clear: none;
	float: left;
	margin:0em 1em 2em 1.5em;
	width: 35%;
	display: block;
	padding: 0.2em;
	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(53,101,96,0.2);
}

.botongpx a {text-decoration:none;  }	
.py { font-family:"Eras Medium ITC"; font-size:0.6em; color: rgba(53,101,96,1); }	
.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(53,101,96,0.2);
    color: rgba(1,1,1,0.9);
    padding: 8px 10px;
	font-size:0.8em; 
	color: rgba(53,101,96,1);
    text-align: center;
    text-decoration: none;
    display: inline-block;    
	float: left;
}
.buttond:hover  { cursor:pointer; color: rgba(122,32,62,0.9);   } 		

.btn-group1 button { margin: 1em 1em;
    background-color:rgba(87,136,153,0.9); 
    border: 1px solid black; /* Green border */
    color: white; /* White text */
	font-size:1.0em; 
	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;
}

.btn-group4 button { margin: 1em 1em;
    background-color:rgba(122,32,62,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-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;
}

.btn-groupeuro button { margin: 1em 1em;
    background-color: rgba(30,50,137,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-groupeuro button:not(:last-child) {
  /*  border-right: none;  Prevent double borders cuando estan pegados */
}
/* Clear floats (clearfix hack) */
.btn-groupeuro:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-groupeuro button:hover {
    background-color: black;
}

.btn-groupnava button { margin: 1em 1em;
    background-color:rgba(213,25,83,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-groupnava button:not(:last-child) {
  /*  border-right: none;  Prevent double borders cuando estan pegados */
}
/* Clear floats (clearfix hack) */
.btn-groupnava:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-groupnava button:hover {
    background-color: rgba(87,136,153,1);
}

.btn-groupgirls button { margin: 1em 1em;
    background-color:rgba(148,27,128,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-groupgirls button:not(:last-child) {
  /*  border-right: none;  Prevent double borders cuando estan pegados */
}
/* Clear floats (clearfix hack) */
.btn-groupgirls:after {
    content: "";
    clear: both;
    display: table;
}
/* Add a background color on hover */
.btn-groupgirls button:hover {
    background-color: rgba(87,136,153,1);
}
 

.preciob  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; color: white; display:inline-block;  }	
.precio  {font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1em; 
		  color: rgba(122,32,62,1); 
		  display:inline-block;
		  }
.precio2  {font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1em; 
		  color: rgba(122,32,62,1); 
		  }		  
.lugares  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; 
           color: rgba(122,32,62,1); 
		   display:inline-block;
		     }
.lugares1  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.5em; 
           color: rgba(122,32,62,1); 
		   display:inline-block;
		     }			 
.lugares2  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:1.5em; 
            color: yellow;
		    }
.lugares2p  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:0.95em; 
            color: yellow;
		    }			
.lugares3  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:1.3em; 
            color:rgba(87,136,153,1);
		    }
.lugares4  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:1.3em; 
            color:rgba(255,255,255,1);
		    }
.lugaresnbt  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:1.2em; 
            color: rgba(44,91,86,1));
		    }
												
.modalidad  {font-family:"Segoe Print", "Segoe Script";  color: white; font-weight:300; }
.modalidadpacks  {font-family:"Segoe Print", "Segoe Script";  color: black; }
.modalidad2  {font-family:"Segoe Print", "Segoe Script";
              font-size:0.9em;
              color:rgba(122,32,62,1);
			  font-weight:700;
			   }
.opcbarraw3 {font-family:"Eras Medium ITC"; font-size:0.9em; color: white;    }
.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;
			}
.conf  {font-family:"Eras Medium ITC"; font-size:1.2em; color: blue;  }
.lux  {font-family:"Eras Medium ITC"; font-size:1.2em; color:yellow;   }
.luxscolor  {color:yellow;   }
.lux2  {font-family:"Eras Medium ITC"; font-size:1.2em; color:#ef680e;    }
.luxnegra  {font-family:"Eras Medium ITC"; font-size:1.2em; color:black;   }
.fhl1  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.0em; color: rgba(87,136,153,1);  }
.fhl1b  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.1em; color: rgba(122,32,62,1);  }
.fhestr  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.2em; color: #ef680e;  }
.alma  { font-size:1.1em; font-weight:bold; color: rgba(213,25,83,1);  }
.tcomodin1  { font-family:"Eras Medium ITC"; font-size:1.1em; color: white; 
             display:inline-block;
             padding: 0.2em 0.4em; background-color:#ef680e; margin: 0.4em auto;
	       	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;  }	
.tcomodin2  { font-family:"Eras Medium ITC"; font-size:1.3em; color: white; 
             display:inline-block;
             padding: 0.1em 0.4em; background-color: #06F;  margin: 0.2em auto;
	       	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;  }	
.varisyweek  { font-family:"Eras Medium ITC"; font-size:1.5em; color: black; 
             display:block;
			 width: 90%;
             padding: 0.2em 0.4em; margin: -1em auto 1em auto;
			 background-color: rgba(122,32,62,0);
	         border: 2px solid rgba(213,25,83,1); 
                }				 
.pamplona  { font-family:"Eras Light ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(213,25,83,1); margin: 0.2em auto;
	          border: 1px 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;  }	
.etapasnoches  { font-family:"Segoe Print", "Segoe Script"; font-size:1.0em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(213,25,83,1); margin: 0.2em auto;
	          border: 1px 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;  }	
			 
.etapasnoches a  { font-family:"Eras Light ITC"; font-size:1.1em; 
              color: white; text-decoration:none;			  
               }	
			   
.etapaseurovelo  { font-family:"Segoe Print", "Segoe Script"; font-size:1.2em; 
              color: white;
              display:inline-block; 
              padding: 0.1em 0.4em; background-color:rgba(30,50,137,1); margin: 0.2em auto;
	          border: 1px 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;  }	
.etapasbw  { font-family:"Segoe Print", "Segoe Script"; font-size:1.2em; 
              color: white;
              display:inline-block; 
              padding: 0.1em 0.4em; background-color:rgba(100,50,138,1); margin: 0.2em auto;
	          border: 1px 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;  }					 			   			
.numstage  { font-family:"Eras Demi ITC"; font-size:1.5em; 
              color: black;
              display:inline-block;
              padding: 0.1em 0.2em; background-color:rgba(255,255,255,0.5); margin: 0.1em auto;
	          border: 2px solid rgba(213,25,83,1); 
              border-radius: 20px;
			 -ms-border-radius: 20px;
			 -o-border-radius: 20px;
			 -moz-border-radius: 20px;
			 -webkit-border-radius: 20px;  }
.numstagesV  { font-family:"Eras Demi ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.2em; background-color:rgba(8,116,113,1); margin: 0.1em auto;
	          border: 2px solid rgba(0,0,0,1); 
              border-radius: 24px;
			 -ms-border-radius: 24px;
			 -o-border-radius: 24px;
			 -moz-border-radius: 24px;
			 -webkit-border-radius: 24px;
			   }
.numstagesR  { font-family:"Eras Demi ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.2em; background-color:rgba(214,9,83,1); margin: 0.1em auto;
	          border: 2px solid rgba(0,0,0,1); 
              border-radius: 24px;
			 -ms-border-radius: 24px;
			 -o-border-radius: 24px;
			 -moz-border-radius: 24px;
			 -webkit-border-radius: 24px;
			   }
.numstagesM  { font-family:"Eras Demi ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.2em; background-color:rgba(99,33,123,1); margin: 0.1em auto;
	          border: 2px solid rgba(0,0,0,1); 
              border-radius: 24px;
			 -ms-border-radius: 24px;
			 -o-border-radius: 24px;
			 -moz-border-radius: 24px;
			 -webkit-border-radius: 24px;
			   }
.numstagesN  { font-family:"Eras Demi ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.2em; background-color:rgba(230,100,17,1); margin: 0.1em auto;
	          border: 2px solid rgba(0,0,0,1); 
              border-radius: 24px;
			 -ms-border-radius: 24px;
			 -o-border-radius: 24px;
			 -moz-border-radius: 24px;
			 -webkit-border-radius: 24px;
			   }			   
.numstagesA  { font-family:"Eras Demi ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.2em; background-color:rgba(215,158,27,1); margin: 0.1em auto;
	          border: 2px solid rgba(0,0,0,1); 
              border-radius: 24px;
			 -ms-border-radius: 24px;
			 -o-border-radius: 24px;
			 -moz-border-radius: 24px;
			 -webkit-border-radius: 24px;
			   }			 			 			 			 				 			 
.perderte  { font-family:"Segoe Print", "Segoe Script"; font-size:0.80em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(213,25,83,1); margin: 0.1em auto;
	          border: 1px 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;
			   }	
.covid1  { font-family:"Segoe Print", "Segoe Script"; font-size:0.85em; 
              color: white;
			  display:inline-block;
              padding: 0.1em 0.4em;
			  background-color:rgba(87,136,153,1);
			  margin: 0.1em auto;
	          border: 1px solid black; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			   }				 			 
.tipopamplona  { font-family:"Eras Demi ITC"; color:rgba(213,25,83,1); font-size:1.1em; } 
.irati  { font-family:"Eras Light ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(54,101,96,1); margin: 0.2em auto;
	          border: 1px 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;  }
.basoakigual  { font-family:"Eras Medium ITC"; font-size:1.1em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(1,1,1,0.8); margin: 0.6em auto;
	          border: 1px solid rgba(1,1,1,1); 
              border-radius: 1px;
			 -ms-border-radius: 1px;
			 -o-border-radius: 1px;
			 -moz-border-radius: 1px;
			 -webkit-border-radius: 1px;  }			 
.titulostarifas  { font-family:"Eras Light ITC"; font-size:1.4em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(54,101,96,1); margin: 0.2em auto;
	          border: 1px 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;  }			 	
.tipoirati  { font-family:"Eras Demi ITC"; color:rgba(54,101,96,1); font-size:1.1em; } 
.tipoirati2  { font-family:"Eras Light ITC"; color:rgba(54,101,96,1); font-size:1.1em; } 
.tipobardenas1  { font-family:"Eras Light ITC"; color:#F30; font-size:1.1em;  } 
.tipobardenas2  { font-family:"Eras Light ITC"; color:rgba(213,25,83,1); font-size:1.1em; } 
.tipobardenas1  { font-family:"Eras Light ITC"; color:#F30; font-size:1.1em;  } 
.tipooasis2  { font-family:"Eras Light ITC"; color:rgba(213,25,83,1); font-size:1.2em; } 
.tipooasis3  { font-family:"Eras Light ITC"; color:rgba(255,160,60,1); font-size:1.2em; } 
.tipooasisblanco  { font-family:"Eras Light ITC"; color:rgba(255,255,255,1); font-size:1.3em; } 
.tipooasisbg  { font-family:"Eras Light ITC"; color:rgba(255,255,255,1); font-size:1.6em; } 
.tipocry  { font-family:"Eras Medium ITC"; color:black; font-size:1.1em; } 			 
.rectggirls  { width:98%;
              display:inline-block;
              padding: 0em 1em; background-color:rgba(148,27,128,1); 
			  margin: 0.2em auto 0em auto;
	          border: 1px solid rgba(122,32,62,1);
			  font-family:"Eras Light ITC"; 
			  font-size:0.75em; 
              color: white; 
                }
.rectggirls2  { width:80%;
              display:inline-block;
              padding: 0em 0.5em; background-color:red;); 
			  margin: 0.2em auto 0em auto;
	          border: 1px solid rgba(122,32,62,1);
			  font-family:"Eras Light ITC"; 
			  font-size:0.75em; 
              color: white; 
                }								 
.fbpagelu { clear: both;
	float:none;
	margin:1.2em 1em 3em 1em; 
    display: block;
    text-align:center;
	}

.abouts h2  { font-family:"Segoe Print", "Segoe Script";
     font-size:1.5em; font-weight:bold;
	 margin-left: 2em;
	   } 
.excla  { font-family:"Segoe Print", "Segoe Script";
     font-size:1.5em; font-weight:bold;	 
	   } 
.excla2  { font-family:"Segoe Print", "Segoe Script";  font-weight:bold;
           color: rgba(87,136,153,1);	  }	
.excla3  { font-family:"Segoe Print", "Segoe Script";  font-weight:bold;
           color: rgba(0,0,0,0.8); line-height:1.5em;	  }			      	   						  	 
.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;	   } 
.noruta  { font-family: "Eras Medium ITC";
            font-size:1.1em;
		    text-indent: 0.7em; 
			font-weight:700;
			line-height:1.5em;
		    text-align:left;
		    }	
.noruta a  { display:inline;  }
.noruta a:hover  { background-color: rgba(87,136,153,0.1);  }	
.nota { font-size:1.01em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic; 
		font-weight:600; 
		line-height:1.4em;
		}
.notaencabezal { font-size:1em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic; 
		font-weight:600; 
		line-height:1.3em;
		}		


/* Acordeon */
.rlAccordion > h3 {
  background-color: rgba(87,136,153,0.9);
  border: 1px solid black;
  border-radius: 3px;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.55);*/
  color: white;
  font-family: sans-serif;
  font-size: 1.0em;
  font-weight: normal;
  margin: 0 auto;
  padding: 0.5em 1.0em;
  text-decoration: none;
  /*text-shadow: 1px 1px 0 #004E68;*/
}
.rlAccordion > h3 > span {  float: right;  font-family: sans-serif; }/* afecta al + y al - */
.rlAccordion > h3 + div {  display: none;  padding: 2% 5%; }/* afecta al interior de los acordeones */
#thirth  {margin-top:2em;  }
#thirth h3 {font-family: sans-serif; font-size:1.0em; text-align:left;  } 
/*#thirth a {	text-decoration:none;	font-style:italic; color:blue; }*/
#thirth img  {margin-top:1em;  }
#cuarto  {margin-top:2em;
          background-color: rgba(0,0,0,0.02);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#cuarto a {	text-decoration:none;	font-style:italic; color:blue; }
#cuarto h3 {font-family: sans-serif; font-size:1.0em; text-align:left;  } 
#cuarto img  {margin-top:0em;  }
#cuarto p  {text-align:center;  }

#cuartofdv  {margin-top:2em;
          background-color: rgba(0,0,0,0.05);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#cuartofdv a {	text-decoration:none;	font-style:italic; color:blue; }
#cuartofdv h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:left;
			   background-color: rgba(122,32,62,0.7);/* color de los cabezales */
			   } 
#cuartofdv img  {margin-top:0em;  }
#cuartofdv p  {text-align:center;  }

#cuartonegro  {margin-top:2em;
          background-color: rgba(0,0,0,0.05);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;
		    }
#cuartonegro a {	text-decoration:none;	font-style:italic; color:black; }				
#cuartonegro h3 {font-family: sans-serif;
            font-size:1.0em; 
			font-weight: normal; 
			text-align:left;
			background-color: #333;/* color de los cabezales */
		    color: white;
		   }
#cuartonegro img  {margin-top:0.01em;  }
#cuartonegro p  {text-align:center;  }	

#cuartoazul  {margin-top:2em;
          background-color: rgba(30,50,137,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;
		    }
#cuartoazul a {	text-decoration:none;	font-style:italic; color:black; }				
#cuartoazul h3 {font-family: sans-serif;
            font-size:1.0em; 
			font-weight: normal; 
			text-align:left;
			background-color: rgba(30,50,137,0.9);/* color de los cabezales */
		    color: white;
		   }
#cuartoazul img  {margin-top:0.01em;  }
#cuartoazul p  {text-align:center;  }		   

#quinto  {margin-top:2em;
          background-color: rgba(0,0,0,0.07);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#quinto a {	text-decoration:none;	font-style:italic; color:blue; }
#quinto h3 {font-family: sans-serif; font-size:1.0em; text-align:left;  } 
#quinto img  {margin-top:1em;  }
#quinto p  {text-align:center;  }

#sexto  {margin-top:2em;
          background-color: rgba(0,0,0,0.07);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;
		    }
#sexto a {	text-decoration:none;	font-style:italic; color:blue; }
#sexto h3 {font-family: sans-serif; font-size:1.0em; text-align:left;  } 
#sexto img  {margin-top:0em;  }
#sexto p  {text-align:center;  }


/*#quinto  {margin-top:2em;  }
#quinto h3 {font-family: sans-serif; font-size:1.0em; text-align:left;  }	*/
.itinerarioli {list-style-image: url("icos/arrow-verde.png");
               list-style-position:inside;
               margin: 0;
			   margin-left:0.3em;			   
               padding: 0;
               }
.itinerarioli li { line-height:1.35em; margin-bottom:1.5em; text-align:left;  }
.girlsli2 li  {list-style-image: url("icos/punto-rojo.png");  
              border-bottom: none;
			  font-size:0.9em;  
             /*list-style: none;*/
             margin: 0;			 
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }				 	
#incluyes {margin-top:2em; 
          background-image: url(graficos/fondo_webpb.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:80%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyes h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal; 
			color: black;  
            background-color: white;/* color de los cabezales */
			}
#incluyes ul {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;  
             }
#incluyes ul > li  li {list-style-image: url("icos/punto-rojo.png");  
              border-bottom: none;
			  font-size:0.9em;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }	

#incluyes2 {margin-top:2em; 
          background-image: url(graficos/fondo_webpb.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:80%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyes2 h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal; 
			color: black;  
            background-color: white;/* color de los cabezales */
			}
#incluyes2 ul {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;  
             }
#incluyes2 ul > li  li {list-style-image: url("icos/punto-rojo.png");  
              border-bottom: none;
			  font-size:0.9em;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }

#incluyes3 {margin-top:2em; 
          background-image: url(graficos/fondo_webpb.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:80%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyes3 h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal; 
			color: black;  
            background-color: white;/* color de los cabezales */
			}
#incluyes3 ul {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;  
             }
#incluyes3 ul > li  li {list-style-image: url("icos/punto-rojo.png");  
              border-bottom: none;
			  font-size:0.9em;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }	
#incluyes4 {margin-top:1em; 
          background-image: url(graficos/fondo_webpb.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:100%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyes4 h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal;
			text-align:center; 
			color: white;  
            background-color: rgba(54,101,96,0.9);/* color de los cabezales */
			}	
#incluyes4 a {	text-decoration:none;	font-style:italic; color:blue; }			 			 					#incluyes5 {margin-top:1em; 
          background-image: url(graficos/fondo_webpb.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:100%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyes5 h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal;
			text-align:center; 
			color: white;  
            background-color: rgba(100,50,138,1);/* color de los cabezales */
			}
#incluyes5 a {	text-decoration:none;	font-style:italic; color:blue; }									 			 			 			 		  
#hightligts {margin: 3em auto; 	  }	
#hightligts h2 {font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			font-weight: normal; 
			color: rgba(122,32,62,1);
			}
#hightligts h3 {font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			font-weight: normal; 
			color: rgba(122,32,62,1);
			background-color: rgba(240,215,50,0.2);/* color de los cabezales */  
            /*background-color: yellow;*/
			}
#hightligts p { font-size: 1.1em; font-weight: 500; } 			 
#hightligts a {	text-decoration:none;	font-style:italic; color:black; }

#hightligts2 {margin: 3em auto; 	  }	
#hightligts2 h2 {font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			font-weight: normal; 
			color: rgba(122,32,62,1);
			}		  
#hightligts2 h3 {font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			font-weight: normal; 
			color: rgba(122,32,62,1);
			background-color: rgba(240,215,50,0.2);/* color de los cabezales */  
            /*background-color: yellow;*/
			}
#hightligts2 h4 {font-size: 1.02em;
			font-weight: normal; 
			color: rgba(122,32,62,1);
			}
#hightligts2 p { font-size: 1.1em; font-weight: 500; } 			 			 
#hightligts2 a {	text-decoration:none;	font-style:italic; color:black; }	

#eurovelo1  {margin-top:2em;
          background-color: background-color: rgba(30,50,137,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#eurovelo1 a {	text-decoration:none;	font-style:italic; color:blue; }
#eurovelo1 h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:center;
			   background-color: rgba(30,50,137,0.9);/* color de los cabezales */
			   } 
#eurovelo1 img  {margin-top:0em;  }
#eurovelo1 p  {text-align:center;  }

#pamplona  {margin-top:2em;
          background-image: url(graficos/fondo_webp.png);
          /*background-color: rgba(0,0,0,0.05);*/
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#pamplona a {	text-decoration:none;	font-style:italic; color:blue; }
#pamplona h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:left;
			   background-color: rgba(213,25,83,1);/* color de los cabezales */
			   } 
#pamplona img  {margin-top:0em;  }
#pamplona p  {text-align:center;  }	
#pamplona2 {background-image: url(graficos/fondo_webpb.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:80%;
          margin: 0 auto;
		  margin-top:2em;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#pamplona2 h3 {font-family: sans-serif; 
            font-size:1.0em;
			font-weight: normal; 
			color: white;  
            background-color: rgba(213,25,83,1);/* color de los cabezales */
			}
#pamplona2 ul {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;  
             }
#pamplona2 ul > li  li {list-style-image: url("icos/punto-rojo.png");  
              border-bottom: none;
			  font-size:1.0em;			  
             /*list-style: none;*/
             margin: 0;
			 margin-left:1.3em;
             padding: 0;
			 margin-bottom:0.6em;  
             }
#pamplona2 a {	text-decoration:none;	font-style:italic; color:black; }			 
#girls  {margin-top:2em;
          background-color: background-color: rgba(148,27,128,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#girls a {	text-decoration:none;	font-style:italic; color:blue; }
#girls h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:left;
			   background-color: rgba(148,27,128,0.9);/* color de los cabezales */
			   } 
#girls img  {margin-top:0em;  }
#girls p  {text-align:center;  }

#girls2  {margin-top:2em;
          background-color: background-color: rgba(148,27,128,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#girls2 a {	text-decoration:none;	font-style:italic; color:blue; }
#girls2 h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:left;
			   background-color: rgba(148,27,128,0.9);/* color de los cabezales */
			   } 
#girls2 img  {margin-top:0em;  }
#girls2 p  {text-align:center;  }	

#girls3  {margin-top:2em;
          background-color: background-color: rgba(148,27,128,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#girls3 a {	text-decoration:none;	font-style:italic; color:blue; }
#girls3 h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:left;
			   background-color: rgba(148,27,128,0.9);/* color de los cabezales */
			   } 
#girls3 img  {margin-top:0em;  }
#girls3 p  {text-align:center;  }	

#girls4  {margin-top:2em;
          background-color: background-color: rgba(148,27,128,0.1);
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.00em;
		  color: black;
		  line-height:1.4em;
		    }
#girls4 a {	text-decoration:none;	font-style:italic; color:blue; }
#girls4 h3 {font-family: sans-serif;
               font-size:1.0em; 
			   text-align:left;
			   background-color: rgba(148,27,128,0.9);/* color de los cabezales */
			   } 
#girls4 img  {margin-top:0em;  }
#girls4 p  {text-align:center;  }			 				 			 
/* fin de acordeon */

.roncal  {  }
.roncal a {color: black;  }
.roncal li  { list-style-image: url("icos/arrow-verde.png"); font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.05em; color:black;
			  text-decoration:none;
			  text-align:left; }
#roncalensis a {color: black;  }
#roncalensis li  { list-style-image: url("icos/arrow-verde.png"); font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.05em; color:black;
			  text-decoration:none;
			  text-align:left; }			  
.hightligtsint { 
	/*margin: 3em auto; */
	border-bottom:solid 0px #CCC;
	/*padding: 4px 4px 8px 4px;*/
	text-align:center;	 
	background-color: rgba(240,215,50,0.2);
	/*border: 1px solid black; */
             /* border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;*/ }
.hightligtsint h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);   }	
.hightligtsint h2 { font-family:"Eras Medium ITC";
               font-size: 1.1em;
              line-height:1.5em;   }
.hightligtsint h2	a {text-decoration:none;  }	

.hightligtsint img {  margin:0.5em 0.5em;
              width: 95%;               
              border: 1px solid black; 
              border-radius: 5px;
			 -ms-border-radius: 5px;
			 -o-border-radius: 5px;
			 -moz-border-radius: 5px;
			 -webkit-border-radius: 5px;
			   }
.hightligtsint p {display:block;
          padding:0.6em;
	      margin-top:2em;
          font-family: sans-serif;
		  text-align:center;
  		  font-size:1.15em;
		  color: black;
		  line-height:1.5em;  }	
.logoimg {  }			   
.logoimg img {max-width: 200px;  }
.logoimgp  {  }	
.logoimgp img {max-width: 140px;  }			  
		
/* insertado de index.css  */ 		
.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); }

.perfiles  {padding:0.5em;  }
.perfiles img  { width: 96%;
			 margin: 1em auto 3em auto;
			  border: 2px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }
  
.acordeonespanel {padding:1em;  }			  
.acordeonespanel img  { width: 96%;
			 margin: 1em auto 1em auto;
			  border: 2px solid black;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }	
.notali { margin: 0em 0.5em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.1em;
		}
.notaliw3 { margin: 0em 1em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.4em!important;
		}		
.notalimin { margin: 0em 1em;  
        font-size:0.65em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.1em;
		}	
.notaliminbw3 { margin: 0em 1em;  
        font-size:0.70em; 
        /*font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);*/
		}			
.notaliok { margin: 0em 1em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(54,101,96,1);
		line-height:1.1em!important;
		}
.notaliokw3 { margin: 0em 1em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(54,101,96,1);
		line-height:1.4em!important;
		}		
.interes  { display:block;  }   
.interes li  { font-family: sans-serif;
          text-align:left;
	      font-size: 0.9em;
		  line-height: 1.3em;
		  margin-bottom:0.8em;  }
.interes li a  { padding: 1px; font-style:oblique; font-weight:bold; color:blue;  }
		  
.interespack  { display:block;	    }

.interespack li  { font-family: sans-serif;
                   list-style-image: url("icos/arrow-verde.png");
                   text-align:left;
	               font-size: 0.75em;
		           line-height: 1.3em;
				   margin-left:-1.5em; 
		           margin-bottom:0.8em;   }	
.interespack li a  { padding: 1px; font-style:oblique; font-weight:bold; color:blue;  }
.interespack li	img {display:inline; width: 24px;  }
.resr { color: rgba(122,32,62,1); font-size:1.2em; }
.resr2 { color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase; }
.resr3 { color: rgba(122,32,62,1); font-size:1.1em; }
.resr4 { font-family:Arial, sans-serif; color: rgba(122,32,62,1); font-size:1.1em; font-weight: 400; }
.bloquestandar { color: rgba(255,255,255,1); font-size:1.2em; text-transform:uppercase;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(227,70,46,1);
			  margin: 0.2em auto;
	          border: 1px 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;
			   }	
.bloqueeco { color: rgba(255,255,255,1); font-size:1.2em; text-transform:uppercase;
             display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(77,99,194,1);
			  margin: 0.2em auto;
	          border: 1px 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;
			   }
.resaltelilistas  {color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase;  }
		  
.lineainterdias { margin:0em 5em 2em 5em;  border-top:1px	solid rgba(122,32,62,1);  clear:both; }	

.logoslink  {margin: 0 auto; text-align:center;  }
.logoslink 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;
 }	
.cuadrada  {margin: 2em auto;  }			   
.cuadrada img {width:70%;
              text-align:center;
			  border: 1px solid rgba(3, 0, 1, 1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;  }
.cuadradaborde  {margin: 2em auto;  }			   
.cuadradaborde img {width:80%;
              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;  }			 
.cuadradaeuro  {margin: 2em auto;  }			   
.cuadradaeuro img {width:80%;
              text-align:center;
			  border: 1px solid rgba(30,50,137,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;  }			 
.cuadradap  {margin: 2em auto;  }			   
.cuadradap img {width:70%;
              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;  }			 
.fotoacordeoncentro {text-align:center;
              margin: 1em auto;
              border: 1px solid rgba(0,0,0,1);
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 margin-bottom:2em;  }
.fotoacordeoncentro img  {border: 0px solid black; 
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;    }
.fotoacordeoncentro2 {width: 85%; 
              text-align:center;
              margin: 2em auto;
              border: 1px solid rgba(0,0,0,1);
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 margin-bottom:2em;  }
.fotoacordeoncentro2 img  {border: 1px solid black; 
              border-radius: 0px;
			 -ms-border-radius: 0px;
			 -o-border-radius: 0px;
			 -moz-border-radius: 0px;
			 -webkit-border-radius: 0px;    }
			 				 			 		  						  	 				
.piesdefoto {font-family: Helvetica, sans-serif;
              color: rgba(0,0,0,1);
              font-size:1.2em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   } 
.puerto  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.1em; 
		   color: rgba(54,101,96,1);
			}
.puerton  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		   color: rgba(213,25,83,1);
			}			 
.rutaspies	{ font-family:Helvetica, sans-serif;       
		   color: rgba(122,32,62,1);
		   font-style:italic;
		   			} 


.logoByFSer {display: block;	width: 90%; margin: 4em auto 0em auto; text-align:center;  }
.logoByFgSer  {display:none;  }
.fotopanw  { width:85%; margin: 1em auto;   }
.fotopanw2  { width:100%; margin: 1em auto;   }
.blockpacks a {text-decoration:none; color:black;  }
.blockpacks a:visited  {color:black;  }
.blockpacks a:hover {color:blue; text-shadow: black -0.05em 0.05em; } 
.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;
}			 
.botongradientrioja {
	font-family:"Eras Light ITC";
	font-size:1.6em;
	font-weight:900;
	background-image: radial-gradient(white 30%, #C36 100%, white 100%);
	background-image: -moz-radial-gradient(white 30%, #C36 100%, white 100%);
	background-image: -webkit-radial-gradient(white 30%, #C36 100%, white 100%);
	background-image: -o-radial-gradient(white 30%, #C36 100%, white 100%);
	background-image: -ms-radial-gradient(white 30%, #C36 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;
		}
.botongradienteuro {
	font-family:"Eras Light ITC";
	font-size:1.6em;
	font-weight:900;
	background-image: radial-gradient(white 30%, #039 100%, white 100%);
	background-image: -moz-radial-gradient(white 30%, #039 100%, white 100%);
	background-image: -webkit-radial-gradient(white 30%, #039 100%, white 100%);
	background-image: -o-radial-gradient(white 30%, #039 100%, white 100%);
	background-image: -ms-radial-gradient(white 30%, #039 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;
		}		
.tservicios {clear: both;
	float: none;
	margin:1em auto 1em auto;
	width: 75%;
	display: block;
	text-align:center;
	padding: 0em 1em ;
	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(0,0,0,0.1);
	font-family:"Eras Medium ITC"; font-size:1.05em; color:black; font-weight:bold;	
}

.tservicios2 {clear: both;
	float: none;
	margin:1em auto 1em auto;
	width: 95%;
	display: block;
	text-align:center;
	padding: 0em 1em ;
	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(0,0,0,0);
	font-family:"Eras Medium ITC"; font-size:0.80em; color:black; 	
}
#central {	width: 90%;
	margin: 0 auto 2em auto;
	text-align:justify;
	font-size:1.20em;
}
.contenid { clear: both;
    float: none;
    margin: 0.6em auto 3em auto;
    width: 100%;
    display: block;
    text-align:center;
    font-family:"Eras Medium ITC";    
 } 							
.fotopan  { width: 94%;
          margin: 0 auto; 
	      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;
		     }
.lineab2 {  border-top:5px	solid rgba(87,136,153,1);  clear:both; margin: 0em 0px 2em 0px; }
.lineaf2 {  border-top:5px	solid rgba(122,32,62,1);  clear:both; margin: 0em 0px 2em 0px; }
.lineagirls {  border-top:5px	solid rgba(148,27,128,1);  clear:both; margin: 0em 0px 0em 0px; }
.lineanav {  border-top:5px	solid rgba(213,25,83,1);  clear:both; margin: 0em 0px 2em 0px; }
.prepuntob  {font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
			 font-size:1em;
             }
.prepuntof  {font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(122,32,62,1);
			 font-size:1em;
              }

.bgoback  {	color: white; }
.bgoback i  {
	clear: none;
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	margin-right: 20px;	
	display: block;
				  }	
.bgoback i:hover  { cursor:pointer; color: rgba(122,32,62,0.9);   } 

.general h1 {	font-size:1.6em; margin: 1em 0em;} 
.general h2 {	font-size:1.4em; } 
.general h3 { font-size:1.2em; line-height:1.5em;   }
.general h5 { font-family:Verdana, Geneva, sans-serif;
                   font-size:0.6em; 
				   font-style:italic;  } 
.titulo  {margin: 1em auto;  }
.titulo h1  {font-family:"Eras Medium ITC"; font-size:2.2em; color: black;  }
.titulo h2  {font-family:"Eras Medium ITC"; font-size:1.5em; color: black;  }
.tiporuta  { font-family:"Segoe Print", "Segoe Script";
	        font-size: 0.9em;
		    margin-left: 10px;
	     	margin-right: 10px;	 }
.tiporutasemi  { font-family:"Segoe Print", "Segoe Script";
	          font-size: 0.8em;
			  color: yellow; }			  
.tiporutabig  { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.05em;
			  color: yellow; }			  
.tuno  { font-family:"Eras Medium ITC"; font-size:1.1em; color: black;  } 
.tdos  { font-family: 'Conv_Helvetica-BlackOblique'; 
         font-size:1.0em; 
		 color: rgba(87,136,153,1);
		 }
.ttres  { font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1.2em; 
		  color: rgba(122,32,62,1);  
		  }
.t4  { font-family:"Segoe Print", "Segoe Script"; font-size:1.05em; color: black;  } 		  		 
.testr  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.4em; color: #ef680e;  }
.testrp  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.2em; color: #ef680e;  }
.tdias  { font-family:"Eras Medium ITC"; font-size:1.1em; color: black;  } 
.h2small  {font-size: 0.8em;  }
.cabhotel  {width: 100%; margin:2em auto;  }
.cabhotel img  {border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
.cabhoteleuro  {width: 100%; margin:2em auto;  }
.cabhoteleuro img  {border: 1px solid rgba(30,50,137,0.9);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
.cabhotelcry  {width: 100%; margin:2em auto;  }
.cabhotelcry img  {border: 1px solid rgba(213,25,83,0.9);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }	
.cabhotelis  {width: 100%; margin:2em auto;  }
.cabhotelis img  {border: 1px solid rgba(54,101,96,1);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }				 			 			 
.mapsacord  {width: 100%; margin:1.5em auto 0em auto;  }
.mapsacord img  {border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }			 
.atener {  width: 80%;
	margin: 3em auto;
	border-bottom:solid 0px #CCC;
	padding: 4px 4px 8px 4px;
	text-align:center;	
	background-color: rgba(240,215,50,0.15);
	border: 1px solid black; 
              border-radius: 0px 0px 20px 0px;
			 -ms-border-radius: 0px 0px 20px 0px;
			 -o-border-radius: 0px 0px 20px 0px;
			 -moz-border-radius: 0px 0px 20px 0px;
			 -webkit-border-radius: 0px 0px 20px 0px;
			  }	
.atener h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);   }	
.atener h2 { font-size: 1.1em;   }
.atener h3 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.0em;
			  color: rgba(122,32,62,1);
			  }	
.atenerfdv {  width: 80%;
	margin: 3em auto;
	border-bottom:solid 0px #CCC;
	padding: 4px 4px 8px 4px;
	text-align:center;	
	background-color: rgba(0,0,0,0.05);
	border: 1px solid black; 
              border-radius: 0px 0px 20px 0px;
			 -ms-border-radius: 0px 0px 20px 0px;
			 -o-border-radius: 0px 0px 20px 0px;
			 -moz-border-radius: 0px 0px 20px 0px;
			 -webkit-border-radius: 0px 0px 20px 0px;
			  }	
.culinary {  width: 84%;
	margin: 2em auto;
	border-bottom:solid 0px #CCC;
	padding: 1em 1em 2em 1em;
	text-align:center;	
	background-color: rgba(240,215,50,0.2);
	border: 1px solid black; 
              border-radius: 0px 0px 20px 0px;
			 -ms-border-radius: 0px 0px 20px 0px;
			 -o-border-radius: 0px 0px 20px 0px;
			 -moz-border-radius: 0px 0px 20px 0px;
			 -webkit-border-radius: 0px 0px 20px 0px;
			  }	
.culinary h2 { font-size: 1.1em;   }
.culinary h3 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.0em;
			  color: rgba(122,32,62,1);
			  }				  
.human  { display:block; 
          font-family:"Segoe Print", "Segoe Script";
	      font-size: 1em;
		  line-height:1.4em;  }	
.tariffs { width: 80%;
	margin: 3em auto;
	padding: 4px 4px 8px 4px;
	text-align:center;	 
	background-color: rgba(0,0,0,0.10);
	border: 1px solid black; 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px; }
.tariffs h1 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);   }	
.tariffs h2 { font-size: 1.1em;
              line-height:1.5em;   }
.tariffs h2	a {text-decoration:none;  }	

.tarifasg { width: 80%;
	margin: 3em auto;
	padding: 4px 4px 8px 4px;
	text-align:center;	 
	background-color: rgba(148,27,128,0.1);
	border: 1px solid black; 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px; }
.tarifasg h2 { font-size: 1.1em;
              line-height:1.5em;   }
.tarifasg h2	a {text-decoration:none;  }	
.tarifasg h3 {width: 70%; margin: 0.3em auto; font-size: 0.9em;  }	

.resumen  {padding:0.6em;
	      margin-top:0.5em;
          font-family: sans-serif;
		  text-align:center;
  		  font-size:1.2em;
		  color: black;
		  line-height:1.5em;
		    }
.logos3 img {width: 30%;  }
   						 	 
.parrafofoto  {	font-family:Verdana, Geneva, sans-serif; font-size:1.2em;   }
.parrafofoto2  { font-family:Verdana, Geneva, sans-serif; font-size:1.4em;   }
.bstfindep  { font-family:"Eras Light ITC"; font-size:1.2em; color: white; 
             display:inline-block;
             padding: 0.1em 0.4em; background-color:#ef680e; margin: 0.2em auto;
	       	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;  }	
.interps {clear: both;
	float: none;
	margin:0.7em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: -1.5em 0.6em;	
	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);	  }
	
.parrafodeli  {	font-family: sans-serif;
		  text-align:center;
  		  font-size:1.3em;
		  color: black;	  }


.interps p {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }
.interpseuro {clear: both;
	float: none;
	margin:0.7em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: -1.5em 0.6em;	
	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(30,50,137,0.2);	
}
.interpseuro p {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }
.interpsfdv {clear: both;
	float: none;
	margin:0.7em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: -1.5em 0.6em;	
	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.2);	
}
.interpsfdv p {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }
.cifrasetapas {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }

.etapas  {font-family:'Eras Medium ITC';
	font-size:1.05em;
	font-weight:900;
	border-bottom:solid 0px #CCC;
	margin: 0.5em;
	padding: 2px;
	text-align:center;	
}
.reco  {font-size:0.75em;  }
.reco2  {font-family:"Segoe Script"; font-size:0.85em;  }
.diadia  { text-align:left;   } 
.dia  {   }	
.dia h2 { font-family:"Eras Medium ITC";
              text-align:center;
              font-size: 1.1em;
              line-height:1.5em;   }	   			
.dia img  {  width: 80%;
             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;
			  }	
.dia2  {  text-align:center;   margin: 2em auto;    }	
.dia2 h2 { font-family:"Eras Medium ITC";
              text-align:center;
              font-size: 1.1em;
              line-height:1.5em;   }	   			
.dia2 img  {  width: 80%;
              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;
			  }
.resaltedias2 { font-family:"Segoe Print", "Segoe Script";
	            color: rgba(122,32,62,1);    }
.resaltedias2 { font-family:"Segoe Print", "Segoe Script";
	            color: rgba(122,32,62,1);    }									  				  
.resaltedias  {font-size:1.2em; font-weight:900; color: rgba(122,32,62,1); }
.resaltediasplus  {font-size:1.2em; font-weight:900; color: blue;   }
.sub  {font-size:0.9em; font-weight:700; }
.sub2  {font-size:0.9em; font-weight:700; }
.sub3  {font-size:1em;  }
.resalteesp { font-family:"Segoe Print", "Segoe Script";
	            color: rgba(122,32,62,1);
				font-size: 1.7em;    }	
.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;
             }					 
.resalteli  {font-family:"Eras Medium ITC";
             text-transform:uppercase;
			 font-size:1.0em;
			 font-weight:800;
			 }	

.publicidad  { background-color: rgba(0,0,0,0.1);  }
.publicidadhome  { background-color: rgba(0,0,0,0.1);  }
.publihead  {display:block;  
            float:left; margin: 1em 0em 0.5em 2%;
			font-size: 1.4em;
			}
.publiheadb  {display:block; color:white;  
            float:left; margin: 1em 0em 0.5em 2%;
			font-size: 1.4em;
			}			
.publicidadsippb  { background-color: rgba(87,136,153,0);  }
.publicidadsirpb  { background-color: rgba(122,32,62,0.3);  }			
.colaboradoresppb  { background-color: rgba(87,136,153,0.55);  }
.colaboradoresrpb  { background-color: rgba(122,32,62,0.55);  }
.huecoredesppb  { background-color: rgba(87,136,153,0.75);  }
.huecoredesrpb  { background-color: rgba(122,32,62,0.75);  }
.cromitocentro  { text-align:center; background-color: rgba(213,25,83,0.1);  }
.cromitocentro img  { width: 20%;
                      background-color: white;
                      border: 1px solid black ; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }
#resalton {background-color: rgba(125,139,200,0.90);  }
#resalton h3 {color: rgba(255,255,255,1);  }				
#rojosuave {background-color: rgba(122,32,62,0.9);  }
#rojosuave h3 {color: rgba(255,255,255,1);  }
#verdebasoak {background-color: rgba(0,128,64,0.15);  }
.verdebasoakcolor { color: rgba(0,128,64,1); }
 
#vip1 {background-color: rgba(213,25,83,0);
       border: 1px solid black ; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 }
#vip1 h3 {color: rgba(213,25,83,1);  }
#vipdos {background-color: rgba(213,25,83,0);
       border: 1px solid black ; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 }	
.vip2   { margin: 0.58em; 
           font-family:"Eras Medium ITC";
           font-size:160%;
		   font-weight:bold; 
		   color: rgba(213,25,83,1);
           text-decoration:none;
		     }
.vip3   { margin: 0.58em; 
           font-family:"Eras Medium ITC";
           font-size:160%;
		   font-weight:bold; 
		   color:#ef680e;
           text-decoration:none;
		     }
.cabezalcromo  { margin: 0.7em 0.1em; 
           font-family:"Eras Medium ITC";
           font-size:140%;
		   color: rgba(0,0,0,1);
            }
.cabezalcromo2  { margin: 0.7em 0.1em; 
           font-family:"Eras Medium ITC";
           font-size:140%;
		   color: rgba(255,255,255,1);
            }								 
.vipcromo   { margin: 0.58em; 
           font-family:"Eras Light ITC";
           font-size:1.8em;
		   color: yellow;
           }			 
.eurocromo   { margin: 0.3em; 
           font-family:"Eras Light ITC";
           font-size:180%;
		   color: rgba(30,50,137,1);
           text-decoration:none;
		     }	
.eurotipo   { margin: 0.3em; 
           font-family:"Eras Light ITC";
           font-size:1.1em;
		   color: rgba(30,50,137,1);
           text-decoration:none;
		     }				 		 
.eurotipom   { margin: 0.3em; 
           font-family:"Eras Light ITC";
           font-size:1.2em;
		   color: rgba(30,50,137,1);
		   text-transform:uppercase;
            }				 
.cuadrohome {  width: 46%;
	       margin: 2% 1% 2% 2%;
	       padding: 0px;
	       float:left; 
           clear:none;
	       text-align:center;		 
	/*background-color: rgba(122,32,62,0.6);*/
	border: 0px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
.cuadrohome img {  width: 100%; 
	margin: 0 auto;	
	border-bottom:solid 1px #CCC;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
             }
.cuadrohome2 {  width: 46%;
	       margin: 2% 1% 2% 2%;
	       padding: 0px;
	       float:left; 
           clear:none;
	       text-align:center;		 
	background-color: white;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
.cuadrohome2 img {  width: 100%; 
	margin: 0 auto;	
	border-bottom:solid 1px #CCC;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
             }			  			 			  
.cuadro {  width: 46%;
	       margin: 2% 1% 2% 2%;
	       padding: 3px 3px 3px 3px;
	       float:left; 
           clear:none;
	       text-align:center;		 
	/*background-color: rgba(122,32,62,0.6);*/
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
.cuadro img {  width: 90%; 
	margin: 0.2em auto;	
	border-bottom:solid 1px #CCC;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}	
.cuadro h3{	font-family:'Eras Medium ITC'; 
                    font-size:0.9em ;
                    color:rgba(0,0,0,1);  
					}
.cuadrow {  width: 90%;
	       margin: 2em auto;
	       padding: 3px 3px 3px 3px;
	       /*float:left;*/ 
           clear:none;
	       text-align:center;
		   font-size:1.5em;		 
	/*background-color: rgba(122,32,62,0.6);*/
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
.cuadrow img {  width: 90%; 
	margin: 0.2em auto;	
	border-bottom:solid 1px #CCC;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}	
.cuadrow h3{	font-family:'Eras Medium ITC'; 
                    font-size:0.9em ;
                    color:rgba(0,0,0,1);  
					}
										
.espaciobasoak  { background-color: rgba(87,136,153,0);  }
.espaciobasoak h2 { font-size: 2.0em;  }
.espaciobasoak div  { background-color: rgba(87,136,153,1);  }
.espaciobasoak div h3  { color: white; font-size: 1.1em;  }	

.espaciofdv  { background-color: rgba(122,32,62,0);  }
.espaciofdv h2 { font-size: 2.0em;  }						
.espaciofdv div  { background-color: rgba(122,32,62,1);  }
.espaciofdv div h3  { color: white; font-size: 1.1em;  }

.espaciolarioja  { background-color: rgba(122,32,62,0);  }
.espaciolarioja h2 { font-size: 2.0em;  }
.espaciolarioja div  { background-color: rgba(30,50,137,1);  }
.espaciolarioja div h3  { color: white; font-size: 1.1em; margin-bottom:-0.5em;  }
.espaciolarioja p  { color: white; font-size: 1.2em;  }	

.espacioeremua  { background-color: rgba(0,0,0,0);  }
.espacioeremua h2 { font-size: 2.0em;  }
.espacioeremua div  { background-color: rgba(0,0,0,0.7);  }
.espacioeremua div h3  { color: white; font-size: 1.1em; margin-bottom:-0.5em;  }
.espacioeremua p  { color: white; font-size: 1.2em;  }	

.espaciobrni  { background-color: rgba(0,0,0,0);  }
.espaciobrni h2 { font-size: 2.0em;  }						
.espaciobrni div  { background-color: rgba(255,51,0,0.90);  }
.espaciobrni div h3  { color: white; font-size: 1.1em;  }
.espaciobrni p  { color: white; font-size: 1.2em;  }

.espaciobasoakmtb  { background-color: rgba(0,0,0,0);  }
.espaciobasoakmtb h2 { font-size: 2.0em;  }
.espaciobasoakmtb div  { background-color: rgba(44,91,86,1);  }
.espaciobasoakmtb div h3  { color: white; font-size: 1.1em; margin-bottom:-0.5em;  }
.espaciobasoakmtb p  { color: white; font-size: 1.2em;  }

.espaciofdvmtb  { background-color: rgba(0,0,0,0);  }
.espaciofdvmtb h2 { font-size: 2.0em;  }
.espaciofdvmtb div  { background-color: rgba(122,32,62,1);  }
.espaciofdvmtb div h3  { color: white; font-size: 1.1em; margin-bottom:-0.5em;  }
.espaciofdvmtb p  { color: white; font-size: 1.2em;  }

.espaciocry  { background-color: rgba(122,32,62,0);  }
.espaciocry h2 { font-size: 2.0em;  }
.espaciocry div  { background-color: #C03;  }
.espaciocry div h3  { color: white; font-size: 1.1em; margin-bottom:-0.5em;  }
.espaciocry p  { color: white; font-size: 1.2em;  }	

.espacionbt  { background-color: rgba(255,255,255,1);  }
.espacionbt h2 { font-size: 2.0em;  }
.espacionbt div  { background-color: rgba(87,136,153,0.02);  }
.espacionbt div h3  { color: black; font-size: 1.1em; margin-bottom:-0.5em;  }
.espacionbt p  { color: rgba(44,91,86,1); font-size: 1.2em;  }	

.publistext	 { display:block; padding: 0 1em; font-size: 1.4em;  }		
.btinfopubli  { display:inline-block;
            font-family:"Eras Light ITC";
		    font-size:1.25em; 
		    color: black;             
		    margin: 0.1em auto 0.1em auto;
            padding: 0.1em 0.4em; 
			background-color: white;
	        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;
}
.btinfoppb  { display:inline-block;
            font-family:"Eras Light ITC";
		    font-size:1.1em; 
		    color: black;             
		    margin: 0.1em auto 0.4em auto;
            padding: 0.1em 0.4em; 
			background-color: rgba(87,136,153,0.4);
	        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;
}
.btinforpb  { display:inline-block;
            font-family:"Eras Light ITC";
		    font-size:1.1em; 
		    color: black;             
		    margin: 0.1em auto 0.4em auto;
            padding: 0.1em 0.4em; 
			background-color: rgba(122,32,62,0.6);
	        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;
}
.up  { display:block;           
		  background-image:url(graficos/cd-top-arrow-verde.svg);
		  background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size: contain;		 
		 }	
.uptexto  {	font-family:"Segoe Print", "Segoe Script";  font-size: 1.1em;  }
#listapaneldos  { font-size:0.95em;    }			
#listapaneldos li  { font-size: 1.1em;
                   text-align:left;
                   line-height: 1.3em;
				   list-style-image: url("icos/arrow-verde.png");
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }
#listapanelhotel  { font-size:0.95em;    }			
#listapanelhotel li  { font-size: 1.1em;
                   text-align:left;
                   line-height: 1.3em;
				   list-style-image: url("icos/arrow-verde.png");
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }	
#listapanelhotel li li li {  text-align:left;
                   line-height: 1.3em;
				   list-style-image: url("icos/PPB-liso16-ico.png");
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }					   			   
#interesa  {  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;  }
            		   			
#interesa img  { width: 45%; 
             float: left; 
             margin: 2%;
		     clear:none; 
             /*margin:1em auto;*/
			  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;
			  }	
		  
.linkd { display:block; font-size:2em; text-decoration:none;       
		  background-image:url(icos/linkedin-tr-1.png);
		  background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size: contain;		 
		 }	   
.linkd a { text-decoration:none;  }	
.h3gordo  {font-size:1.8em; margin:1em 1em;  }
			  
.fbpagelu {	clear: both;
	float:none;
	margin:1em auto; 
    display: block;
    text-align:center;
}

.redbloquefb { clear: both;
	float:none;
	margin: 1em; 
    display: block;
    text-align:center;
	}
.red1 { clear: none; float: left; margin-top: 1em;  margin-left: 10%;  margin-bottom: 0.9em; width: 40%;         display: block; }
.red2 { clear: none; float: left; margin-top: 1em; margin-left: 5%;  margin-bottom: 0.9em;   width: 40%;         display: block; }
.red3 { clear: both; float: left;  margin-left: 10%;  margin-bottom: 0.9em; width: 40%; display: block; }
.red4 { clear: none; float: left;  margin-left: 5%; margin-bottom: 0.9em; width: 40%;  display: block;  }
.red5 { clear: none; float: left;  margin-left: 10%;  margin-bottom: 0.9em; width: 40%; display: block;  } 

#pieg { display:none; 	}
#pie {margin-top: 1.5em;	
	width: 100%;
	bottom:0;
	display: block;
	}			  	  	 	
#pie img { width: 100%;  } 
#direcion {	font-size:0.5em; 
            font-family: Verdana, Geneva, sans-serif;
            margin: 0 auto;
            padding-bottom: 0.4em;
            text-align:center;
			/*background-color: rgba(87,136,153,1);*/
			color:white;
}

.barracookies  {font-size:0.8em; background-color: black;
                text-align:center;
				padding: 0.06em;
                color: rgba(231,177,60);
				 }
/* Barra de abajo */
.barrad  {  }
.barrad ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(87,136,153,1);
}
/* 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:

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

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

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

.icotelegram {display:inline-block; 
              font-size:30px; color:blue;
              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; } 
.importantcol  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		   color: rgba(231,177,60,1);
			}
.importantcol a { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		   color: rgba(231,177,60,1);
		   text-decoration:none;
			}					 
.tjourneyb  { font-family:"OratorStd_0"; font-size:1.0em; color: white;  }
.interes  { display:block;  }   		 		 
.interes li  { font-family: sans-serif;
          text-align:left;
	      font-size: 1.1em;
		  line-height: 1.3em;
		  margin-bottom:0.8em;  }
#incluyeslux {margin-top:2em; 
          background-image: url(graficos/fondo_webp.png);
	      background-repeat: no-repeat;
	      background-position: 50% 50%;
	      background-size:cover; 
          /*background-color: rgba(0,0,0,0.1);*/
          width:80%;
          margin: 0 auto;
		  font-family: sans-serif;
		  text-align:center;
  		  font-size:0.9em;
		  color: black;		  
		  }
#incluyeslux h3 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1); 
			}
#incluyeslux ul {list-style-image: url("icos/arrow-verde.png");  
              border-bottom: none;  
              margin: 0;
			 margin-left:1.3em;
             padding: 0;  
             }	
#incluyeslux li  { font-size: 1.1em;
                   text-align:left;
                   line-height: 1.3em;
				   list-style-image: url("icos/arrow-verde.png");
				   margin-left: 2em; 
				   margin-bottom: 0.9em;  }
.lineapiri {  border-top:3px	solid rgba(87,136,153,1);  clear:both; margin: 1em 0% 1em 0%; }			   	
.lineacol {  border-top:3px	solid rgba(231,177,60,1);  clear:both; margin: 1em 0% 1em 0%; }
.lineacolplana {  border-top:3px	solid rgba(231,177,60,1);  clear:both; margin: 0%; }
.lineacolcorta {  border-top:3px	solid rgba(231,177,60,1);  clear:both; margin: 1em 5% 1em 5%; }
.lineacol1px {  border-top:1px	solid rgba(231,177,60,1);  clear:both; margin: 1em 5% 0em 5%; }	
.resalteslow  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.1em; 
		   color: rgba(231,177,60,1);
			}
.outtoursmall {  }
.outtoursmall img {width:50%;
              margin: 0 auto;
              text-align:center;
              border: 1px solid black; 
              border-radius: 5px;
			 -ms-border-radius: 5px;
			 -o-border-radius: 5px;
			 -moz-border-radius: 5px;
			 -webkit-border-radius: 5px;
			   }
.liexpg  {  font-size: 1.0em; font-weight:bold; color: rgba(122,32,62,1); }	

.eldesierto  {font-family:"Segoe UI Symbol";
             color: rgba(60,60,60,1);
			 font-weight:600;
		     font-size:1.1em; }
.eldesiertog  {font-family:"Segoe UI Symbol";
             color: rgba(60,60,60,1);
			 font-weight:600;
		     font-size:2.2em; }			 
.eldesierto2  {font-family:"Eras Light ITC";
             color: rgba(228,70,46,1);
			 font-weight:400;
		     font-size:1.2em; }			 
		  			   													   			  
/* FIN Barra de abajo */

/*footer p {z-index:2;
          display:block;
		  width:100%;
          margin: 0.2em auto;
          position: absolute;
		  bottom: 0;
		  font-family:"Arial Black", Gadget, sans-serif;
		  color:white;
		  font-size:0.6em;
		  text-align:center;
		  }	*/
/*footer a {color: white; text-decoration:none;  }
footer a:hover {color: black; text-decoration:none;  }
footer a:visited {color: white; text-decoration:none;  }	*/	

.w3bloquecentral  {width:100%;
              margin: 0 auto;
              text-align:center;
			  font-family:"Eras Medium ITC";
               }
.w3bloqueanchofull  {width:100%; margin: 0 auto;
              text-align:center;
              /*background-color: rgba(122,32,62,0.1);*/              
                }
.w3bloqueanchofull2  {width:100%; margin: 0 auto;
              text-align:center;
              background-color: rgba(0,0,0,0.5);              
                }									   
.pasafotow3	{ text-align:center;
			  font-family:"Arial", sans-serif;
			  font-size:1.02em;
               }
.compimapas { font-family:"Eras Medium ITC"; 
              font-size:0.9em; 
			  font-weight:600; 
			  line-height:1.3em; }
.luxbarraw3  {font-family:"Eras Medium ITC"; font-size:1.05em; color:yellow;   }
.colsbarraw3  {font-family:"Eras Demi ITC"; font-size:1em; color:rgb(231,177,60);   }
.tipopamplonaw3  { font-family:"Eras Demi ITC"; color:rgba(213,25,83,1); font-size:1.3em; }	
.lugaresbarraw3  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:0.90em; 
            color: rgba(122,32,62,1);
		    }
.modalidadw3  {font-family:"Segoe Print", "Segoe Script"; font-size:0.9em;  color: white; font-weight:300; }					.w3-sidebar .w3-bar-item:hover{ background-color: green; /* Un verde claro */  }

.w3-cell a { text-decoration:none;  }
.botones-esquina-superior-derecha {
  position: fixed!important;
  top: 6px; /* Ajusta este valor para la distancia desde la parte superior */
  right: 20px; /* Ajusta este valor para la distancia desde la derecha */
  z-index: 9; /* Asegura que los botones estén por encima de otros elementos */
}

.botones-esquina-superior-derecha .w3-bar button {
  margin-left: 0px; /* Espacio entre los botones */
  padding: 4px 10px!important;;
}
.publiheadw3  {font-family:"Eras Medium ITC"; font-size:0.9em; font-weight:600;  
            float:left; margin: 1em 1.0em;			
			}
.publiheadbw3  {font-family:"Eras Medium ITC"; font-weight:600; color:white;  
            float:left; margin: 1em 1.0em;
			font-size: 1.01em;
			}
.subpaisajes  { font-family: 'Conv_Helvetica-BlackOblique';
             color: white;
             font-size:0.9em;
}						   
.barradw3  {  }
.barradw3 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(87,136,153,1);
}

.barradw3 li { float: left; font-family:"Arial"; font-size: 0.8em; }

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

/* Change the link color to #111 (black) on hover */
.barradw3 li a:hover {
    background-color: #111;
}
.wine {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color:rgb(148,30,129); font-weight:900; }
.bike1  {font-family: 'Conv_neuropolitical_rg';  font-size:1.3em; color: rgba(122,32,62,1); font-weight:900; }
.wine2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:rgb(148,30,129); font-weight:700; }
.bike2  {font-family: 'Conv_neuropolitical_rg';  font-size:1.0em; color: rgba(122,32,62,1); font-weight:700; }

.fotoacordw3 {text-align:center;
              margin: 1em auto;
              border: 1px solid rgba(0,0,0,1);
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 margin-bottom:2em;  }
.fotoacordw3 img  {
	         width: 100%; margin:0px!important;
			 border-radius: 0px;
			 -ms-border-radius: 0px;
			 -o-border-radius: 0px;
			 -moz-border-radius: 0px;
			 -webkit-border-radius: 0px;   
	            }
		 				
.piefotow3 {font-family: Helvetica, sans-serif;
              color: rgba(0,0,0,1);
              font-size:0.95em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.2em;
			   } 
.lineaetapasw3 	{font-family: Verdana, sans-serif;
              color: rgba(0,0,0,1);
              font-size:0.9em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   } 
.txentradasacordw3 	{font-family: Verdana, sans-serif;
              color: rgba(0,0,0,1);
              font-size:0.9em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   }
.bloquesleermas {font-family: Verdana, sans-serif;
              color: rgba(0,0,0,1);
              font-size:1.1em; 
			  text-align:center;
			    }
.barratrans {color: rgba(0,0,0,0.1); }	
.tariffs { width: 70%;  }

.titulosenpanelesw3  {  font-size:0.8em; 
              color: white;
              display:inline-block;
              padding: 0.3em 0.8em; 
			  margin: 0.2em auto;
	          border: 1px solid rgba(0,0,0,1); 
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 transition: all 0.3s;  }	
.titulosenpanelesw3:hover  { 
              transform: scale(1.1);
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
              opacity: 0.9;
              cursor: pointer;
               }				 
.notasenzonasw3  {  font-size:0.8em;
              font-style:italic; 
             /* color: white;*/
              width:80%; margin-left:2em;
			  border: 1px solid rgba(0,0,0,1);
			  border-radius: 0px 4px 4px 0px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			  	   }				 
.contact-options a {
    text-decoration: none !important;
  }	
.w3-cell {
  margin-right: 10px!important;
  margin-bottom: 10px; /* Si también quieres espacio vertical */
}

.w3-cell:last-child {
  margin-right: 0;
}     
.w3-border-flat-midnight-blue {
  border-color: #2c3e50 !important;
  border-left-width: 8px !important;  /* Grosor personalizado (4px es el default) */
  border-left-style: solid !important;
}

/* ===== ESTILOS BASE (MOBILE FIRST) PARA LOS TITLES Y BADGES EN FOTOS ===== */
.custom-title {
  /* Tipografía y caja */
  font-size: clamp(0.9rem, 2.5vw, 1.5rem); /*texto: nunca menor a 0.9rem, ideal 2.5vw, máximo 1.5rem*/
  display: inline-block;
  max-width: 90%;
  padding: clamp(0.5rem, 1.5vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  border-radius: 4px;
  
  /* Color y efectos */
  background-color: inherit;
  color: inherit;
  opacity: 0.85;
  transition: all 0.3s;
}

.custom-badge {
  /* Dimensiones y disposición */
  width: clamp(3rem, 5vw, 3.625rem);
  height: clamp(3rem, 5vw, 3.625rem);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  
  /* Tipografía */
  font-size: clamp(0.9rem, 4.5vw, 1.5rem);
  
  /* Estilos visuales */
  background-color: inherit;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.75;
  transition: all 0.3s;
}

/* ===== INTERACCIONES (MOBILE) ===== */
.custom-title:hover {
  transform: scale(1.05);
  opacity: 0.9;
  cursor: default;
}

.custom-badge:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
  cursor: default;
}
/* Container holding image and text */
/* Estilos base - Mobile First */
.contenedorfotohoteles {
  position: relative;
  overflow: hidden; /* Para contener el efecto zoom */
}

.contenedorfotohoteles img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease; /* Para efecto hover */
}
/* Efectos hover */
.contenedorfotohoteles:hover img {
  transform: scale(1.05); /* Ligero zoom en la imagen */
}

.contenedorfotohoteles:hover .text-block-center {
  opacity: 0.9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Sombra para destacar */
}

/* Bottom en bloque y centrado */
.text-block-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5rem;
  text-align: center;
  color: white;
  width: 46%;
  max-width: 500px;
  transition: all 0.3s ease;
  border-radius: 4px; /* Bordes ligeramente redondeados */
}

.text-block-center h4 {
  font-size: 1.0rem;
  margin: 0 0 0.5rem 0;
  }

.text-block-center p {
  font-size: 0.9rem;
  margin: 0;
}

/* Bottom right text */
.text-block-bottom-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0.8;
}
/* Up right text */
.text-block-up-right {
  position: absolute;
  top: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0.8;
}



/* HRs con color w3 */

hr.custom-hr0 {  height: 0px; /* Grosor personalizado */  border: none;  }
hr.custom-hr1 {  height: 1px; /* Grosor personalizado */  border: none;  }
hr.custom-hr2 {  height: 2px; /* Grosor personalizado */  border: none;  }
hr.custom-hr3 {  height: 3px; /* Grosor personalizado */  border: none;  }
hr.custom-hr4 {  height: 4px; /* Grosor personalizado */  border: none;  }
hr.custom-hr5 {  height: 5px; /* Grosor personalizado */  border: none;  }

hr.custom-hr0m0 {  margin: 0px!important; height: 0px; /* Grosor personalizado */  border: none;  }
hr.custom-hr1m0 {  margin: 0px!important; height: 1px; /* Grosor personalizado */  border: none;  }
hr.custom-hr2m0 {  margin: 0px!important; height: 2px; /* Grosor personalizado */  border: none;  }
hr.custom-hr3m0 {  margin: 0px!important; height: 3px; /* Grosor personalizado */  border: none;  }
hr.custom-hr4mo {  margin: 0px!important; height: 4px; /* Grosor personalizado */  border: none;  }
hr.custom-hr5m0 {  margin: 0px!important; height: 5px; /* Grosor personalizado */  border: none;  }

/* MODALS SOBRESCRIBIENDO LOS DE w3 */
.w3-modal {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index:20;
}

.w3-modal-content {
  transform: scale(0.95);
  transition: transform 0.3s ease-out;
}

.w3-modal.w3-show {
  opacity: 1;
}

.w3-modal.w3-show .w3-modal-content {
  transform: scale(1);
}
/* FIN de MODALS SOBRESCRIBIENDO LOS DE w3 */


/* ICONOS CONTACTO Mobile First (default) */
/* Estilos para los botones de contacto con iconos */
.bloquecontactolu { width: 90%; margin: 0 auto; }
.contacto-icono-boton {
  display: inline-block; /* Para que los botones estén en línea horizontalmente */
  /*margin: 4px;*/ /* Espacio entre botones */
}

.contacto-icono-imagen {
  width: 30px;
  margin: 0 6px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 1); /* Borde blanco */
  vertical-align: middle; /* Alinea verticalmente el icono con el texto si lo hubiera */
}

/* fin ICONOS CONTACTO Mobile First (default) */
/* Modal Footer */
.modal-header {
  padding: 2px 16px;
  text-align:center;
}
.micardpie {   }
.micardpie p {
  padding: 8px;  
  text-align:center;
 }
.micardpie a {   text-decoration:none;  }
.textosolo {  font-family: Verdana, Geneva, sans-serif;
              font-size:0.9em; 
			  line-height:1.5em;
			  margin:1em;
			   }

    			 	    		   	   				  		  
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 660px) {
	
.titulosenpanelesw3  {  font-size:1.05em; padding: 0.4em 1.1em; }
.notasenzonasw3  {  font-size:0.85em; width:70%; margin-left:3em; } 
.lineaetapasw3 	{ font-size:1.0em; font-weight:500;    }	
.txentradasacordw3 	{ font-size:1.1em; font-weight:500;    }
.bloquesleermas 	{ font-size:1.0em;    }
#indexcabezal {
	clear: both;
	float: none;
    margin: 3em auto 3em auto;
	width: 92%;
	display: block;
	font-size:1.2em;
}

#indexcabezal h1 {	font-size:1.2em;  }
#indexcabezal h2 {	font-size:1.05em;  }

#indexcabezalpacks  {  }			 
#indexcabezalpacks h1 {	font-size:2.6em;  }
#indexcabezalpacks h2 {	font-size:1.6em;  }
.teuro0  { font-size:1.05em;  }
.teuro {  font-size:1.1em;  }
.teuro2 {  font-size:1.1em;  }
.tgirls {  font-size:1.0em;  }
#bloqueidiomas {margin-top:2em; margin-bottom:2.5em;  }
.prepunto  {  font-size:0.95em;  }
.prepuntost  {  font-size:1.15em;  }
.punto2  {	  font-size:0.95em; }
.punto2st  { font-size:1.05em; }
.idiomas {	width: 6%;	  }
.lugar  {font-size:1.2em;   }
.lugar2  {font-size:1em;   }

#contenido {
	clear: both;
	float: none;
    margin: 0 auto 3em auto;
	width: 92%;
	display: block;
	font-size:1.2em;
}
.general {
	clear: both;
	float: none;
    margin: 0 auto 3em auto;
	width: 92%;
	display: block;
	font-size:1.2em;
}
.txtpaneles  { font-size:1.05em;  }
.lineasprecios  {font-size:0.95em; line-height:1.2em;    }	
.etapas  {	font-size:1.1em;  }
.paneles01  {width:96%;
             margin: 0 auto;  }
			 
#mapa { display:none;  }
#mapag  {display: block; margin: 1em auto 0em auto; text-align:center;  }
.liimg img { width: 50%; float:right;  }

.izdamapa { float:left;  }
.izdamapa {	text-align:left;  }

/* Acordeon */

#thirth h3 { font-size:1em;  } 

#cuarto  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#cuarto h3 { font-size:1.0em;   }

#cuartofdv  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#cuartofdv h3 { font-size:1.0em;   }

#cuartonegro  {margin-top:4em;  text-align:left;  font-size:1.1em;    }
#cuartonegro h3 { font-size:1.0em;   }

#cuartoazul  {margin-top:4em;  text-align:left;  font-size:1.1em;    }
#cuartoazul h3 { font-size:1.0em;   }

#quinto  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#quinto h3 { font-size:1.0em;   }

#sexto  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#sexto h3 { font-size:1.0em;   }
		
#hightligts  {margin-top:4em; text-align:center;  font-size:1.0em;    }
#hightligts h2 {font-size: 1.3em; font-weight: normal; 	}
#hightligts h3 { font-size:1.15em;   }
#hightligts h4 {font-size: 1.10em;		} 	
#hightligts p { font-size: 1.15em; font-weight: 500;   } 


#hightligts2  {margin-top:4em; text-align:center;  font-size:1.0em;    }
#hightligts2 h2 {font-size: 1.3em; font-weight: normal; 	}
#hightligts2 h3 { font-size:1.15em;   }
#hightligts2 h4 {font-size: 1.10em;		} 	
#hightligts2 p { font-size: 1.15em; font-weight: 500;   } 
 
				
#incluyes {margin-top:4em;  
          width:80%;
          text-align:left;
  		  font-size:1.0em;
		  }	
#incluyes h3 { font-size:1.0em;	} 

#incluyes2 {margin-top:4em;  
          width:80%;
          text-align:left;
  		  font-size:1.0em;
		  }	
#incluyes2 h3 { font-size:1.0em;	} 

#incluyes4 {margin-top:2em;  
          width:100%;
          text-align:left;
  		  font-size:1.0em;
		  }	
#incluyes4 h3 { font-size:1.0em;	}
#incluyes5 {margin-top:2em;  
          width:100%;
          text-align:left;
  		  font-size:1.0em;
		  }	
#incluyes5 h3 { font-size:1.0em;	}  

#eurovelo1  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#eurovelo1 h3 { font-size:1.0em;   }
#pamplona  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#pamplona h3 { font-size:1.0em;   }	
#pamplona2 {margin-top:3em;  
          width:80%;
          /*text-align:left;*/
  		  font-size:1.0em;
		  }	
#pamplona2 h3 { font-size:1.0em;	} 
#girls  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#girls h3 { font-size:1.0em;   }

#girls2  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#girls2 h3 { font-size:1.0em;   }

#girls3  {margin-top:2em;  text-align:left;  font-size:1.1em;    }
#girls3 h3 { font-size:1.0em;   }

/* Fin Acordeon */
.eurocromo   {  font-size:150%;    }
.cabezalcromo  {  font-size:120%;  }
.cabezalcromo2  {  font-size:120%;  }
.abouts h2  { font-size:1.8em; 
	 margin-left: 2em;
	   } 							   
   
.abouts img  {   width: 40%;
			 float: left; 
			 margin: 1.5em 3.5em;
			clear:both ;
			display: block;
			 			  }	
.botongpx {	margin:0em 1em 3em 2.5em;	width: 38%;  }
.py { font-size:0.95em;  }
.buttond  {width:45%;    }
.btmasinfo  {width:20%;  }
.notali { font-size:0.85em; }
.notaliok { font-size:0.85em; }
.notalimin { font-size:0.65em; }
.lineainterdias {margin:1.5em 5em 2em 5em; }
.cuadrada  {margin: 2em auto;  }			   
.cuadrada img {width:60%;   }
.cuadradaborde  {margin: 2em auto;  }			   
.cuadradaborde img {width:70%;   }
.cuadradaeuro  {margin: 2em auto;  }			   
.cuadradaeuro img {width:70%;   }
/* texto expandible*/					
.mastexto { font-size:1.2em; font-weight:500; line-height:1.4em;  }	
/* fin de texto expandible*/
	
.piesdefoto {   font-size:0.9em; font-weight:500;    }

.botongradient {
	width: 80%;	
	border-bottom:solid 0px #CCC;
	padding: 4px 2px 8px 2px;	}	
.botongradientfdv {	width: 82%;	}
.botongradientrioja { width: 82%;	}
.botongradienteuro { width: 82%;	}
#central {width: 100%; margin:0em 0em 2em 2em; float:none;  }
#central img {width: 80%; margin-bottom:2em;   }
.contenid {	 margin: 0em auto 3em auto;	width: 100%;  }
.contenid h1 {	font-size:2.3em; }
.prepuntob  {  font-size:1.45em;  }
.prepuntof  {  font-size:1.45em;  }
.cuadradap  {margin: 3em auto;  }			   
.cuadradap img {width:55%; }
.fotocentropeq { width: 50%; margin: 2em auto;  }

.titulo  {margin: 2em auto;  }

.tuno  { font-size:1.3em;  }
.tdos  { font-size:1.2em;  }
.ttres  { font-size:1.5em;  }
.testr  { font-size:1.6em;  }
.testrp  { font-size:1.3em;  }
.t4  { font-size:1.15em;  }
.tdias  { font-size:1.4em;  } 
.tcomodin1  { font-size:1.2em;              
             padding: 0.3em 0.4em;  margin: 0.2em auto;
	         }	
.tcomodin2  { font-size:1.2em;  
             padding: 0.1em 0.4em;  margin: 0.2em auto;
	         }
.varisyweek  { margin: -0.5em auto; font-size:2.2em;  }			 
.pamplona  { font-size:1.4em;              
             padding: 0.3em 0.4em;  margin: 0.2em auto;
	         }
.etapasnoches  { font-size:1.0em;              
             padding: 0.3em 0.6em;  margin: 0.2em auto;
	         }
.numstage  { font-size:1.4em;              
             padding: 0.1em 0.2em;  margin: 0.2em auto;
	         }			 
			 			 
.irati  { font-size:1.4em;              
             padding: 0.3em 0.4em;  margin: 0.2em auto;
	         }
.titulostarifas  { font-size:1.2em;           
             padding: 0.3em 0.4em;  margin: 0.2em auto;
	         }			 			 	
.rectggirls  { font-size:0.95em;              
             padding: 0.3em 1em;  margin: 0.2em auto;
	         }
.rectggirls2  { font-size:0.95em;              
             padding: 0.3em 1em;  margin: 0.2em auto;
	         }			 				 			 
.cabhotel  {margin:2.4em auto;  }
.cabhoteleuro  {margin:2.4em auto;  }
.mapsacord  {margin:2em auto 0em auto;   }
.atener h2 { font-weight:500;  }
.tariffs h2 { font-weight:500;  }
.resumen  {margin-top:1em;
          font-size:1.1em;		  
		  line-height:1.7em;
		    }
.hightligtsint {  }
.hightligtsint h2 { font-size: 1.0em; font-weight:300;  }	
.hightligtsint img {  margin:0.8em 0.5em; width: 45%;	   }
.hightligtsint p {margin-top:2em;
          font-size:1.1em;		  
		  line-height:1.7em; 
		 
		      }
.interps {	width: 75%;  }
.interps p  {font-size:1.0em;  }
.etapas  {	font-size:1.05em;  }
.reco  {font-size:0.9em;  }
.reco2  {font-size:0.9em;  }
.dia  {  }
.dia h2 { font-size: 1.0em; font-weight:300;  }
.dia img  { width: 45%; 
            float: left; 
            margin: 2%;
		    clear:none; 
			}
.dia2  {  }
.dia2 h2 { font-size: 1.0em; font-weight:300;  }
.dia2 img  { width: 90%; 
            float: none; 
            margin: 2%;
		    clear:none; 
			}			
.visitas  {  }
.visitas img  { width: 45%; float:none; clear:both;	text-align:center;  }			
			
.lineainterdias {margin:1.5em 5em 2em 5em; }
.interespack  { font-size:0.95em;    }			
.interespack li  { font-size: 0.95em; line-height: 1.3em; margin-bottom: 0.7em; }
.resalteli  {font-size:1.1em; font-weight:800;  }
.parrafofoto  {	font-size:0.95em;   }
.parrafodeli  {	font-size:1.15em;   }
.parrafofoto2  { font-size:1.15em;   } 
.resalteesp { 	font-size: 1.4em;   }
.fotopan img { width: 94%;  margin: 0 auto;   }


.cuadrohome {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
           float:left; 
           clear:none;
           }
.cuadrohome2 {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%; 
           float:left; 
           clear:none;
           }
.cuadro {  width: 28.5%;  
           margin: 2% 1% 2% 3%; 
           float:left; 
           clear:none;
           }
.cuadro h3{	  font-size:1.0em ; }

.cuadrow {  width: 46%;
	       margin: 2% 1% 2% 2%;
	       padding: 3px 3px 3px 3px;
	       float:left; 
           clear:none;
		   font-size:1em;	
	       }

.cuadrow h3{   font-size:0.9em ; }           
					
.logos3 img {width: 20%;  }
#listapaneldos  { font-size:0.95em;    }			
#listapaneldos li  { font-size: 1.1em;
                   text-align:left;
                   line-height: 1.3em;
				   list-style-image: url("icos/arrow-verde.png");
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }
#listapanelhotel  { font-size:0.95em;    }			
#listapanelhotel li  { font-size: 1.1em;
                   text-align:left;
                   line-height: 1.3em;
				   list-style-image: url("icos/arrow-verde.png");
				   margin-left: 2em; 
				   margin-bottom: 0.7em;  }				   
#interesa  { margin-top:4em;  font-size:1.1em;   }
#interesa img  {   width: 31%; margin: 1%;  }			
.linea1pbs {  border-top:1px	solid rgba(87,136,153,1);  clear:both; margin: 1em 1% 1.5em 1%; }								   

.red1 {clear: none;  float: left;  margin-left: 5%;  width: 20%;  display: block;  }
.red2 {clear: none;  float: left;  margin-left: 5%;  width: 20%;  display: block;  }
.red3 {clear: none;  float: left;  margin-top: 1em; margin-left: 5%;  width: 20%;  display: block;  }
.red4 {clear: none;  float: left;  margin-top: 1em; margin-left: 0%;  width: 20%;  display: block;  }
.red5 {clear: none;  float: left;  margin-left: 5%;  width: 20%;  display: block;  }	
						  
#pie { margin-top: 3em; 	}

.outtoursmall  {  }							  
.outtoursmall img {width:40%;  }
/*footer p { font-size:0.7em;	  }	*/	
				 									 			 											
.w3bloquecentral  {width:98%;
              margin: 0 auto;
              text-align:center;
			  }
			   
.w3bloqueanchofull  {width:100%;  	  }	
.w3bloqueanchofull2  {width:100%;  	  }			  
.compimapas { font-size:1.0em; }
.publiheadw3  {	font-size: 1.0em;
			}
.publiheadbw3  {font-size: 1.0em; 	}					  																											.tjourneyb  { font-size:0.9em;  } 

.cromitocentro  {  }
.cromitocentro img  { width: 12%;
                      background-color: white;
                      border: 1px solid black ; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }
.piefotow3 { font-size:1.1em; line-height:1.3em;  } 
.bloquecontactolu { width: 70%;  }

#direcion {	font-size:0.7em; 
            padding-bottom: 0.4em;
            }
/*.text-block-center {
    padding: 1.5rem;
    width: 70%;
  }
.text-block-center h4 {font-size: 1.5rem;  }
.text-block-center p {font-size: 1.1rem;  }	*/
 .text-block-center {
    padding: 1.0rem 0.3rem;
    width: 36%;
  }
  
  .text-block-center h4 {font-size: 1.6rem;  }
  .text-block-center p {font-size: 1.1rem;  }
 .textosolo {  font-size:1.02em; line-height:1.8em;   } 							 			   	

/* 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: 992px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}

.logoCp { display:none;  }
.logoCg  {display: block; width: 100%!important; margin: 0em auto 0em auto; text-align:center;  }

.logoP { display:none;  }
.logoG  {display: block; width: 100%!important; margin: 0em auto 0em auto; text-align:center;  }

.fotop {display:none;  }
.fotog {display: block; 
         margin: 1em 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;
				}
#indexcabezal h1 {	font-size:1.4em;  }
#indexcabezal h2 {	font-size:1.05em;  }
.idiomas {	width: 7%;	  }

#contenido { clear: both;   
             float: none;
             margin: 0 auto 3em auto;   
			 width: 79.5918%;   
			 display: block;
}
.general { clear: both;   
             float: none;
             margin: 0 auto 3em auto;   
			 width: 79.5918%;   
			 display: block;
}
#contenidop {  clear: both;   
               float: none;
               margin: 0 auto 3em auto;   
			   width: 84%;   
			   display: block;
}

.txtpaneles  { font-size:1.10em; line-height:1.4em;  } 
.paneles01  {width:88%;
             margin: 0 auto;  }
		 
.botongpx {	width: 38%;  }
.buttond  {width:22%; margin:1em 1%;  }
.imgzoom  {display:block;  }
.imgzoom p {margin-bottom: 3em;  } 		  
.imgzoommyt  {display:none;  }

.fcentrodesktop  {margin-top: 1em; display:block;  }
.fcentrodesktop p {margin-bottom: 3em;  } 		  
.fcentromovil  {margin-top: 1em; display:none;  }

.notali { font-size:0.9em; }
.notalimin { font-size:0.7em; }
.notaliok { font-size:0.9em; }
.interes li  { font-size: 1.0em; line-height: 1.5em; margin-bottom: 1em; }
.interespack li  { font-size: 1.0em; line-height: 1.5em; margin-bottom: 1em; }
#cuarto  {font-size:1.0em;    }
#cuartofdv  {font-size:1.0em;    }
#cuartonegro  {font-size:1.0em;    }
#cuartoazul  {font-size:1.0em;    }
#quinto  {font-size:1.0em;    }
#sexto  {font-size:1.0em;    }
#eurovelo1  {font-size:1.0em;    }
#pamplona  {font-size:1.0em;    }
#girls  {font-size:1.0em;    }
#girls2  {font-size:1.0em;    }
#girls3  {font-size:1.0em;    }
.vip2   {  font-size:180%;  }
.vip3   {  font-size:180%;  }
.eurocromo   {  font-size:180%;    }
.vipcromo   {  font-size:1.6em;    }
.cabezalcromo  {  font-size:135%;  }
.cabezalcromo2  {  font-size:135%;  }	
.fotoacordeoncentro2 {width: 70%; margin: 2.5em auto; }

.piesdefoto { font-size:1.02em; line-height:1.4em;    }			 

.btmasinfo  {width:15%;  }
.logoByFSer { display:none;  }
.logoByFgSer  {display: block; width: 90%; margin: 5em auto 0em auto; text-align:center;  }
.contenid { width: 100%;   }
.contenid h1 {	font-size:2.55em;  }
.prepuntob  {  font-size:1.6em;  }.prepunto2  {  font-size:1.6em;  }
.prepuntof  {  font-size:1.6em;  } 

.titulo  {margin: 2.5em auto;  }
.tuno  { font-size:1.5em;  }
.tdos  { font-size:1.5em;  }
.ttres  { font-size:1.9em;  } 
.t4  { font-size:1.5em;  }
.testr  { font-size:1.85em;  }
.testrp  { font-size:1.45em;  }
.tdias  { font-size:1.5em;  }
.tcomodin1  { font-size:1.7em;              
             padding: 0.35em 0.4em;  margin: 0.2em auto;
	         }	
.tcomodin2  { font-size:1.7em;  
             padding: 0.1em 0.4em;  margin: 0.2em auto;
	         }
.pamplona  { font-size:1.7em;              
             padding: 0.35em 0.4em;  margin: 0.2em auto;
	         }
.etapasnoches  { font-size:1.05em;              
             padding: 0.35em 0.6em;  margin: 0.2em auto;
	         }	
.numstage  { font-size:1.3em;              
             padding: 0.1em 0.2em;  margin: 0.2em auto;
	         }				 		 
.perderte  { font-size:0.75em;      }
.covid1  { font-size:1.05em;    }				 			 			 
.irati  { font-size:2.0em;              
             padding: 0.35em 0.4em;  
			 margin: 0.2em auto;
	         }
.titulostarifas  { font-size:1.3em;              
             padding: 0.35em 0.4em;  
			 margin: 0.2em auto;
	         }			 				 	
.rectggirls  { font-size:1.05em;              
             padding: 0.35em 1em;  margin: 0.2em auto;
	         }	
.rectggirls2  { font-size:1.05em;              
             padding: 0.35em 1em;  margin: 0.2em auto;
	         }				 			 			 	
.resalteli  {font-size:1.25em; font-weight:800;  }				 
.atener  {width: 80%;  }
.atenerfdv  {width: 70%;  }
.culinary  {width: 90%;  }
.tariffs  {width: 80%;  }
.tarifasg  {width: 70%;  }
#hightligts h2 {font-size: 1.4em;  	}
#hightligts h4 {font-size: 1.25em;		} 
#hightligts2 h2 {font-size: 1.4em;  	}
#hightligts2 h4 {font-size: 1.25em;		} 
.hightligtsint h1 { font-size: 1.7em;   }	
.hightligtsint h2 { font-size: 1.1em; font-weight:300;  }	
.hightligtsint img {  margin:1.2em 0.6em; width: 30%;  }
.dia img  {   width: 31%; margin: 1%;  }
.dia2 img  {   width: 85%; margin: 1%;  }
.fotopan img { width: 94%;  margin: 0 auto;   }
.cuadrohome {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
            }
.cuadrohome2 {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
            }		   	
.cuadro {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
           float:left;
           clear:none;
           }
.cuadrow {  width: 28.5%;  
           margin: 2% 1% 2% 3%; 
           float:left; 
           clear:none;
           }
		   
.espaciolarioja  {  }
.espaciolarioja div h3  { font-size: 1.6em;  }
.espaciolarioja p  { font-size: 1.4em;  }

.espacioeremua  {  }
.espacioeremua div h3  { font-size: 1.6em;  }
.espacioeremua p  { font-size: 1.4em;  }

.espaciobrni  {  }
.espaciobrni div h3  { font-size: 1.6em;  }
.espaciobrni p  { font-size: 1.4em;  }

.espaciobasoakmtb  {  }
.espaciobasoakmtb div h3  { font-size: 1.6em;  }
.espaciobasoakmtb p  { font-size: 1.4em;  }

.espaciofdvmtb  {  }
.espaciofdvmtb div h3  { font-size: 1.6em;  }
.espaciofdvmtb p  { font-size: 1.4em;  }

.espaciocry  {  }
.espaciocry div h3  { font-size: 1.6em;  }
.espaciocry p  { font-size: 1.4em;  }

.espacionbt  {  }
.espacionbt div h3  { font-size: 1.6em;  }
.espacionbt p  { font-size: 1.4em;  }

.publistext	 {	font-size: 1.75em;  }
.cromitocentro  {    }	
.cromitocentro img  { width: 12%;    }	
#interesa  { font-size:1.0em;  }
#interesa img  {   width: 31%; margin: 1%;  }
.sub2  {font-size:1.1em; font-weight:700; }
			 
#pie {   display:none; 	}		
#pieg {margin-top: 3em;	
	width: 100%;
	bottom:0;
	display: block;
	}
#pieg img {width: 100%;  }
#direcion {	font-size:0.75em;  }
.tjourneyb  { font-size:0.95em;  }
.bstfindep  { font-size:1.4em;              
             padding: 0.1em 0.4em;  
			 margin: 0.2em auto;
	         }
.outtoursmall {  }
.outtoursmall img {width:30%;  }			 
/*footer p { font-size:0.85em;	  }	*/

.w3bloquecentral  {width:96%;       
			  }
.compimapas { font-size:1.1em; }		  	 
.lugaresbarraw3  { font-size:0.90em;   }
.publiheadw3  {	font-size: 1.1em;
			}
.publiheadbw3  {font-size: 1.1em; 	}	
.tariffs { width: 60%;  }
.titulosenpanelesw3  {  font-size:1.35em; padding: 0.6em 1.3em; }	

.custom-title:hover {
    transform: scale(1.08); /* Efecto más pronunciado en pantallas grandes */
  }
  
.custom-badge:hover {transform: scale(1.15);  }	
.bloquecontactolu { width: 76%;  }
 .text-block-center {
    padding: 1.1rem;
    width: 35%;
  }
.text-block-center h4 {font-size: 1.7rem;  }
.text-block-center p {font-size: 1.1rem;  }	  	 
	   						
}