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

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}
.gridContainer::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(svgs/fondo_web_CaS5_w.png);
	background-repeat: no-repeat;
	background-position: 50% 90%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.3;
    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(svgs/fondo_basoak100w.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.2;
    z-index: -1;
}

.gridContainerfv {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	display: block;
	position: relative;
}
.gridContainerfv::after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(svgs/fondo_fv100w.png);
	background-repeat: no-repeat;
	background-position: 50% 70%;
	background-size: contain; 
    width: 100%;
    height: 100%;
    opacity : 0.3;
    z-index: -1;
}
#asfalto  {position:absolute; top: 0.5em; left:-0.7em; color:#F99;
           font-family:"Arial Black", Gadget, sans-serif;
		   font-size:1.8em;
           transform:rotate(-45deg); 
		   -moz-transform:rotate(-45deg); 
		   -webkit-transform:rotate(-45deg);
		   opacity:0.6;  }
#deasfalto  {position:absolute; top: 5.0em; left:-0.6em; color:#F99;
           font-family:"Arial Black", Gadget, sans-serif;
		   font-size:1.5em;
           transform:rotate(-45deg); 
		   -moz-transform:rotate(-45deg); 
		   -webkit-transform:rotate(-45deg);
		   opacity:0.4;  }
.el  {display: none;  }
#pdetitulo  {margin-top: -0.2em;  }		   
.cabezal  {
	background-color:black;
	/*background-image: radial-gradient(black 0%, black 45%, white 100%);
	background-image: -moz-radial-gradient(black 0%, black 45%, white 100%);
	background-image: -webkit-radial-gradient(black 0%, black 45%, white 100%);
	background-image: -o-radial-gradient(black 0%, black 45%, white 100%);
	background-image: -ms-radial-gradient(black 0%, black 45%, white 100%);*/
 }

.linea1 {  border-top:1px	solid white;  clear:both; margin:0px; }
.linea2 {  border-top:1px	solid gray;  clear:both; margin: 0% 16%; }
	
#logo  {clear: none;  float: left;  margin-left: 25%;  width: 58.3333%;  display: block; margin-top:0.5em; margin-bottom:0.1em; 
             }
#logo img  {  border: 0px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }			 

#titulo  {
	z-index:2;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
	font-size:1.5em;
	font-weight:bold;	
	text-align:center;
	clear: both;
	float: left;
	margin-left: 0;
	margin-bottom:0.5em;
	width: 100%;
	display: block;  }
.reco  {font-size:0.7em;  }
.aiaa  {font-size:0.7em;  }
.cifra1  {font-size:0.9em; color:green;  }
.cifra2  {font-size:0.9em; color:green;  }
.cifra3  {font-size:0.9em; color:blue;   }
.cifra4  {font-size:0.9em; color:red;  }
.cifra5  {font-size:0.9em; color:yellow; }
.cifra6  {font-size:0.9em; color:#906;  }

.etapa  {font-size: 0.6em;  }
.subnombre  {font-size: 0.7em; font-family:"Eras Medium ITC";  }
.titbyf  {font-size: 1.4em; font-family:"Eras Medium ITC";  }
.cols {font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; }
.and {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
.sol {font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; color:rgb(231,177,60); }
.bs { font-family:"Eras Medium ITC"; font-size:1.2em; color:black; ; }
.fv { font-family:"Eras Medium ITC"; font-size:1.2em; color:black; }

#acordeongrados p   {font-size:1.3em; text-indent: 1em;  }
.grd1  {font-size:1.07em; font-weight:bold; color:#0C0;   }
.grd2  {font-size:1.07em; font-weight:bold; color:#0C0;  }
.grd3  {font-size:1.07em; font-weight:bold; color:blue;   }
.grd4  {font-size:1.07em; font-weight:bold; color:red;  }
.grd5  {font-size:1.07em; font-weight:bold; color:yellow; }
.grd6  {font-size:1.07em; font-weight:bold; color:#906;  }		

.lrb  {text-align:center; margin-top:3em; margin-bottom: -2em; }
.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); }

#acordeongrados li  {font-size:1.3em; margin-bottom:1%;}
		/*text-shadow:0.03em 0.03em 0px red, -0.025em -0.025em 0px red ;*/ 
#txapa1  {
	clear: both;  	float: none;  	margin: 1em auto;  	width: 94%;  	display: block;
	text-align:justify;  }
#txapa1 h2  {margin-bottom: 1.5em; line-height: 1.4em;  }
.txtpaneles  {font-family: "Eras Medium ITC";
              font-size:1.3em; text-indent: 2em; font-weight:700; line-height:1.5em;  }				 
			 
.nota { font-size:1.3em; font-style:italic; font-weight:700; line-height:1.5em; }
.pacord  {font-family: 'Eras Medium ITC'; font-size:1.3em; text-indent: 1em; font-weight:700; line-height:1.5em;  }

.entradafichas {font-family: 'Eras Medium ITC'; font-weight:bold;	font-size:1.4em; margin-top:2em; text-align:center; }
.wikip  { font-size:0.9em; font-style:italic; font-weight:bold; text-align:center;  }	

#tresfijas  {width: 94%; margin:3em auto;  }

#tresfijas img  {border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }	
#bloqueidiomas {margin-top:0.8em; margin-bottom:0.8em;  }
.idiomas {
	background-color: rgba(64,128,128, 1);
    clear: none;
	float: right;
	margin-left: 0em;
	width: 14%;
	display: block;
	text-align:center;	
	  }
.idiomas p { margin:0.2em 0em;    }
.idiomas a { color: white;
            text-decoration:none }
.idiomas a:hover { color: blue; }

.etapas {
	background-color: rgba(0, 0, 0, 0.99);
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
    clear: none;
	float: left;
	margin-left: 0em;
	width: 20%;
	display: block;
	text-align:center;	
	  }
.etapas p { margin:0.2em 0em;    }
.etapas a { color: white;
            text-decoration:none }
.etapas a:hover { color: blue; }

#perfil  {
	clear: both;
	float: none;
	width: 94%;
	margin:1% auto;
	display: block;  }
	
#perfil img  {
	  border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }	
			 
#perfilpanel  {
	width: 98%;
	margin:1% auto;
	text-align:center;
	display: block;  }

#perfilpanel img  {
	  border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }				 		
#mapa  {
	clear: both;
	float: none;
	width: 94%;
	margin:1em auto 2em auto;
	display: block;  }
	
#mapa img  {
	  border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }			

#itinerario  {
	background-color: rgba(64,128,128,0.7);
	clear: both;  	float: none;  	width: 84%;
	margin:1em auto 2em auto;  	display: block;
	padding:0em 0.5em;
	font-family:'Eras Medium ITC';
	color:white;
	text-align:justify;	
	          border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }
#itinerario p {	font-family:'Eras Medium ITC';
	font-size:1.2em;  }		 
.iti  {font-family:'Eras Medium ITC'; font-size:1.1em;  }

#txapa2  {
	clear: both; 
	float: none;
	width: 90%;
	margin:1% auto;
	margin-top:1em;
	display: none;
	padding:0em 0.5em;
	text-align:justify;
		  }
#acordeon0  {clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;
		  }
#wikilocmovil  {
	clear: both;
	float: none;
	width: 84%; height:280px;
	margin: 2em auto;
	padding:2px 2px 2px 2px;
	background-color:black;
	display: block;
	border-radius: 8px;
		-ms-border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		-o-border-radius:8px;  }
		 

#acordeon1  {
	clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;
		  }
#acordeon6  {
	clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;
		  }	
#acordeon7  {
	clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;
		  }			  	  
.fotoacordeonizda {width: 10em; float:left; margin: 0em 0.5em 0em 0em; }
.fotoacordeonizda img  { border: 1px solid white;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;   }
.fotoacordeondcha {width: 10em; float:right; margin: 0em 0em 0em 0.5em; }

.fotoacordeondcha img  {border: 1px solid white;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;    }
.fotoacordeondcha2 {width: 20em; float:right; margin: 1em 0em 1em 0.5em; }
.fotoacordeondcha2 img  {border: 1px solid white;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;    }			 
.fotoacordeoncentro  { width: 65%;  margin:0 auto; }			 
.fotoacordeoncentro img {border: 1px solid white; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;    }			 
.fotoacordeoncentrop  { width: 65%;  margin:0 auto; }			 
.fotoacordeoncentrop img {border: 1px solid white; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;    }	


#wikiloc  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: none;
		  }
#acordeongrados {clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;	
		}
#acordeongrados p, li  {
font-weight:600;
	line-height:1.5em;  }

#acordeon2  {
	clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;
		  }

#acordeon3  {
	clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	margin-bottom: 2em;
		  }
#aloj {clear: both;
	float: none;
	width: 90%;
	margin:1% auto;
	display: block;
	text-align:center; margin-top: 3em; 
    margin-bottom: 2em;
    font-size:1.3em;
    font-weight:bold;
    padding:1em 0;
    border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
#aloj a { text-decoration:none;
color: black; }
			 

#botonatrasjava  {
	clear: both;
	float: left;
	margin-left: 10%;
	width: 35%;
	height: 3em;
	margin-bottom: 1.6em;
	display:block;
	font-size: 1.4em;
	font-weight:bold;
				  }
#botonatrasjava a  {text-decoration:none; color: #2E5C5C;  }			  
#botonatrasjava:hover { cursor:pointer;  }
#botonatrasjava img  {width:15%;  }
#aotrasrutas  {clear: none;  float: left;  margin-left: 3.4482%;  width: 48.2758%;  display: block;
     font-size: 1.4em;
	font-weight:bold;
	text-align:right;
	margin-top:1.1em;
	  }
#aotrasrutas a  {text-decoration:none; color: #2E5C5C;  }
#aotrasrutas:hover { cursor:pointer;  }
#pieg  {display:none;  }
#piedepagina  {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color:#F69;
		  }
#piedepagina img {width: 100%;  }

.descargas {
	clear: both;
	float: none;
	margin: 0em auto 2em auto;
	width: 98%;
	display: block;
}

.descargasn { font-size:1.3em; text-indent: 1em; font-weight:600; text-align:center;  }
.descargasn a  {text-decoration:none; color:blue;  }
.descargasn a:visited  {color:blue;  }
.descargasn a:hover {color:#B92D70; text-shadow: black -0.15em 0.05em;  }
.descargasnblack { font-size:1.3em; text-indent: 1em; font-weight:600; text-align:center;  }
.descargasnblack a  {text-decoration:none; color:black;  }
.descargasnblack a:visited  {color:black;  }
.descargasnblack a:hover {color:#B92D70; text-shadow: black -0.15em 0.05em;  }

.finacord  { width:100%; display:block; clear: both; float:none; color:rgba(153,0,255,0)  }
.fbpagelu { clear: none;
	float:none;
	margin:1.2em 1em; 
    display: block;
    text-align:center;
}
#redesdivid  { padding: 0em 0em 2em 0em; margin:1em 5% 1em 5%;  }
#compartirfb { clear: both; float: left;  margin-left: 0;  margin-bottom: 0.5em; width: 48.2758%; display: block; }
#enviarfb { clear: none;  float: left;  margin-left: 3.4482%;  margin-bottom: 0.5em;   width: 48.2758%;display: block; }
#pinterest { clear: both; float: left;  margin-left: 0;  margin-bottom: 0.5em; width: 48.2758%; display: block; }
#tweter { clear: none; float: left;  margin-left: 3.4482%; margin-bottom: 0.5em; width: 48.2758%;  display: block;  }
#gogleeplus { clear: both; float: left;  margin-left: 0;  margin-bottom: 0.5em; width: 48.2758%; display: block;  }  

.fotoacordeoncentrob {text-align:center;
              border: 1px solid #0a7977; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 margin-bottom:2em;  }
.fotoacordeoncentrob img  {border: 0px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }
			 
.fotoacordeoncentrof {text-align:center;
              border: 1px solid rgba(122,32,62,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 margin-bottom:2em;  }
.fotoacordeoncentrof img  {border: 0px solid rgba(122,32,62,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }			 
.piesdefotof {font-family: Helvetica, sans-serif;
              color: rgba(122,32,62,1);
              font-size:1.1em; 
			  font-weight:700;              
			  text-align:center;
			  margin:0.5em 0.5em;
			   }	
	
.piesdefotob {font-family: Helvetica, sans-serif;
              color: #0a7977;
              font-size:1.1em; 
			  font-weight:700;              
			  text-align:center;
			  margin:0.5em 0.5em; 
			   }						    
/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}
#titulo {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	margin-top: 3em;
	width: 48.7179%;
	display: block;
}
.reco  {font-size:0.6em;  }
.cifra1  {font-size:0.8em; color:green;  }
.cifra2  {font-size:0.8em; color:green;  }
.cifra3  {font-size:0.8em; color:blue;   }
.cifra4  {font-size:0.8em; color:red;  }
.cifra5  {font-size:0.8em; color:yellow;  }
.cifra6  {font-size:0.8em; color:#906;  }	
#logo {
	clear: both;
	float: right;
	margin-left: 0;
	margin-right: 2em;
	margin-top: 0.1em;
	margin-bottom: 1.1em;
	width: 40%;
	display: block;
}

#bloqueidiomas {margin-top:2em; margin-bottom:1.5em;  }
.idiomas {	width: 10%;	  }
.etapas {font-size: 1.3em; width: 22%;	}

#txapa1 {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;
	display: block;
}

.entradafichas {font-size:1.5em;  }

.nota { font-size:1.3em; }
	
#tresfijas  {margin:1.9em auto;  }
#mapa  {width: 74.3589%;  }	
#perfil {
	clear: both;
	float: none;
	width: 94%;
	margin:1% auto;
	display: block; 
}
#itinerario {
	clear: both;  	float: none;  	width: 84%;
	margin:1em auto 2em auto;   	display: block;
	padding:0em 0.5em;
	font-size:1.1em;
	text-align:justify;	
	          border: 2px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; 
}

#wikilocmovil {
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;
	display: none;
	margin-bottom: 3em;
}
#txapa2 {
	clear: both;
	float: none;
	width: 90%;
	display: none;
	padding: 1em 1em;
  -webkit-column-count: 2;
  -webkit-column-width: 38%;
  -webkit-column-gap: 3em;
  -moz-column-count: 2;
  -moz-column-width: 40%;
  -moz-column-gap: 2em;
  column-count: 2;
  column-width: 40%;
  column-gap: 2em;
}

#acordeon0  {
	display: block;
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;	
		  }

#acordeon1 {
	display: block;
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;	
}
#acordeon6 {
	display: block;
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;	
}
#acordeon7 {
	display: block;
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;	
}
.fotoacordeonizda {width: 13em; float:left; margin: 0em 0.5em 0em 0em; }
.fotoacordeonizda img  { border: 1px solid white;
			  border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;   }
.fotoacordeondcha {width: 13em; float:right; margin: 0em 0em 0em 0.5em; }
.fotoacordeondcha img  {border: 1px solid white;
			  border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }
.fotoacordeoncentro  { width: 26em;  margin:0 auto;  } 			 
.fotoacordeoncentro img {border: 1px solid white; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }	
.fotoacordeoncentrop  { width: 20em;  margin:0 auto;  } 			 
.fotoacordeoncentrop img {border: 1px solid white; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }	

#wikiloc {
	clear: both;
	float: none;
	width: 80%; height:450px;
	margin: 2em auto;
	padding: 0.3em 0.5em 0.5em 0.3em;
	background-color: black;
	display: block;
	border-radius: 8px;
		-ms-border-radius :8px;
		-moz-border-radius :8px;
		-webkit-border-radius: 8px;
		-o-border-radius: 8px;  }
		
#acordeongrados {display: block;
	clear: both;
	float: left;
	margin-left: 12.8205%;
	width: 74.3589%;	 }	
		
#acordeon2 {
	clear: both;  	float: left;  	margin-left: 12.8205%;  	width: 74.3589%;  	display: block;  }
#acordeon3 {
	clear: both;  	float: left;  	margin-left: 12.8205%;  	width: 74.3589%;  	display: block;  }
#botonatrasjava {
	clear: both;  	float: left;  	margin-left: 12.8205%;  	width: 35.8974%;  	display: block;  }
#aotrasrutas {
	clear: none;  	float: left;  	margin-left: 2.5641%;  	width: 35.8974%;  	display: block;  }
	
/*#piedepagina {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#piedepagina img {width: 100%;  }*/	
#aloj {clear: both;  float: left;  margin-left: 12.8205%;  width: 74.3589%;  display: block;  }


#redesdivid  { padding: 0em 0em 0em 0em; margin:1em 5% 0.5em 5%;  }
#compartirfb {clear: none;  float: left;  margin-left: 0;  width: 23.0769%;  display: block;  }
#enviarfb {clear: none;  float: left;  margin-left: 2.5641%;  width: 23.0769%;  display: block;  }
#pinterest {clear: none;  float: left;   margin-left: 2.5641%;  width: 23.0769%;  display: block;  }
#tweter {clear: none;  float: left;  margin-left: 2.5641%;  width: 23.0769%;  display: block;  }
#gogleeplus {clear: none;  float: left;  margin-left: 0;  width: 23.0769%;  display: block;  }

}



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

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 100%;
	max-width: 1920px;
	padding-left: 0%;
	padding-right: 0%;
	margin: auto;
}
#titulo {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	margin-top: 1.5em;
	width: 48.7179%;
	display: block;
}
.reco  {font-size:0.7em;  }
.cifra1  {font-size:0.9em; color:green;  }
.cifra2  {font-size:0.9em; color:green;  }
.cifra3  {font-size:0.9em; color:blue;   }
.cifra4  {font-size:0.9em; color:red;  }
.cifra5  {font-size:0.9em; color:yellow;  }
.cifra6  {font-size:0.9em; color:#906;  }	
#logo {
	clear: both;
	float: right;
	margin-left: 0;
	margin-right: 3em;
	width: 35.8974%;
	display: block;
}
.idiomas {	width: 7%;	  }
.etapas {font-size: 1.4em; width: 18%;	}
.entradafichas {font-size:1.7em; margin-top:2em; margin-bottom: 2em; }

#txapa1 {
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;
	display: block;
}

.nota { font-size:1.3em; }

#perfil {
	max-width:1500px;
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;
	display: block;
}
#mapa {
	max-width:1500px;
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;
	display: block;
}
#itinerario {
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;
	display: block;
}
#txapa2 {
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;
	display: none;
}
#acordeon0  {
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;
	display: block;
		  }

#wikilocmovil {
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 59.1836%;
	display: none;
}
#acordeon1 {
	display: block;
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;	
}
#acordeon6 {
	display: block;
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;	
}
#acordeon7 {
	display: block;
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;	
}
.fotoacordeonizda {width: 15em; float:left; margin: 0em 0.5em 0em 0em; }
.fotoacordeonizda img  { border: 1px solid white;
			  border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;   }
.fotoacordeondcha {width: 15em; float:right; margin: 0em 0em 0em 0.5em; }
.fotoacordeondcha img  {border: 1px solid white;
			  border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }
.fotoacordeoncentro  { width: 32em;  margin:0 auto; }			 
.fotoacordeoncentro img {border: 1px solid white; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;    }	

#wikiloc {
	clear: both;
	float: none;
	margin-left: 10.204%;
	width: 69.3877%;
	display: block;
	height: 450px;
	padding: 0.3em 0.5em 0.5em 0.3em; 
	background-color: black;
		border-radius: 8px;
		-ms-border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-o-border-radius: 8px;  }
#acordeongrados {display: block;
	clear: both;
	float: left;
	margin-left: 10.204%;
	width: 79.5918%;  }		
		
#acordeon2 {
	clear: both;  	float: left;  	margin-left: 10.204%;  	width: 38.7755%;  	display: block;  }
#acordeon3 {
	clear: none;  	float: left;  	margin-left: 2.0408%;  	width: 38.7755%;  	display: block;  }
#botonatrasjava {
	clear: both;  	float: left;  	margin-left: 10.204%;  	width: 28.5714%;  	display: block;  }
#aotrasrutas {
	clear: none;  	float: left;  	margin-left: 12.2448%;  	width: 38.7755%;  	display: block;  }
#piedepagina  {display:none;  }
#pieg {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
}
			  	  	 
#pieg img {width: 100%;  }	
#aloj {clear: both;  float: left;  margin-left: 10.204%;  width: 79.5918%;  display: block;  }	

#redesdivid  { margin:1em 5% 0.1em 5%;  }
#compartirfb {clear: both;  float: left;  margin-left: 0;  width: 15%;  display: block;  }	  	 
#enviarfb {clear: none;  float: left;  margin-left: 2.0408%;  width: 15%;  display: block;  }
#pinterest {clear: none;  float: left;  margin-left: 2.0408%;  width: 15%;  display: block;  }	  	 
#tweter {clear: none;  float: left;  margin-left: 2.0408%;  width: 15%;  display: block;  }	  	 
#gogleeplus {clear: none;  float: left;  margin-left: 2.0408%;  width: 15%;  display: block;  }
	
}