body{ background-image:url(../../../../../templates/default/img/frameBgWhite.jpg); background-repeat:repeat;}
.homeContainer.datosItem{ margin-top:85px;}
.seccionContainer{ float:left; position:relative; width:100%; min-height:500px; background-image:url(../img/bgContainerTop.png); background-repeat:no-repeat; background-position:top center; z-index:1; margin-top:-7px;}
	.volverRutas{font-family: 'Sansita One', arial; color: #000; font-size:1.1rem; text-decoration:none; position:absolute; left:50%; margin-left:-470px; top:138px; z-index:3;}
		.volverRutas:hover{ color:#ffffff;}
	.frameContainer{ float:left; width:100%;}
		.detalleLogoAct{ float:left; position:absolute; background-image:url(../img/detalle-logo-geaventura.png); width:147px; height:147px; background-repeat:no-repeat; top:0px; left:50%; margin-left:330px; z-index:1; background-position:0px -51px;}
		.datosItem .detalleLogoAct{ margin-top:40px;}
		.introContainer{ width:950px; float:left; position:relative; left:50%; margin-left:-470px; z-index:2;}
			.introContainer h2{font-family: 'Sansita One', arial; color: #000; font-size:3.4rem; letter-spacing:0.02rem; font-weight:normal; margin-bottom:0px; margin-top:74px;}
			.introContainer p{ float:left; margin-top:0px; font-size:1.15rem; line-height:1.6rem;}
		.introContainerSelector{ width:950px; float:left; position:relative; left:50%; margin-left:-470px; z-index:2;}
			.introContainerSelector h2{font-family: 'Sansita One', arial; color: #000; font-size:4rem; letter-spacing:0.02rem; font-weight:normal; margin-bottom:0px; margin-top:20px;}
			.introContainerSelector p{ float:left; margin-top:0px; font-size:1.15rem; line-height:1.6rem;}
	.seccionBottom{ float:left; position:relative; width:100%; height:213px; background-image:url(../img/bgContainerBottom.png); background-repeat:no-repeat; background-position:top center; margin-top:-150px;}

	.frameFavoritas{ float:left; width:100%; overflow:hidden;}
		.favoritas{ margin-bottom:0px !important; margin-top:140px !important;}

@media(max-width:780px)
{
	.homeContainer.datosItem{ margin-top:65px;}
	
	.frameImagenPortada{ margin-top:10px; width:100%; height:200px;}
		.frameImagenPortada img{ min-height:250px;}
	.seccionContainer{ height: auto; background-size:cover; min-height:260px; background-size:auto 130px;}
		.introContainer{ width:94%; margin-left:3%; float:left; left:0px;}
			.introContainer h2{ font-size:1.5rem; margin-top:30px; margin-bottom:50px;}
		.introContainerSelector{ width:94%; margin-left:3%; float:left; left:0px;}
			.introContainerSelector h2{ font-size:1.5rem; margin-top:30px; margin-bottom:50px;}
			.introContainerSelector p{}
			.volverRutas{ display:none;}
			
		.detalleLogoAct{ width:100px; height:100px; left:60%; margin-left:40px; margin-top:8px !important; background-size:contain;}
	.seccionBottom{ background-size:cover; height:100px; background-position:bottom center; margin-top:-100px;}
	
	.favoritas{ margin-top:0px !important;}
}	



	/* ### FILTRO - BUSCADOR ### */
	.frameRutasFiltro{ float:left; width:100%;}
		.rutasFiltro{ width:914px; position:relative; left:50%; margin-left:-437px; border-top: solid 3px #f49717; border-bottom: solid 3px #f49717; float:left; padding-bottom:50px;}
			.rutasFiltro h5{font-family: 'Sansita One', arial; font-weight:normal; font-size:2.6rem; margin-top:6px; margin-bottom:20px;}
		.filtroCol{ width:200px; float:left; margin-left:38px;}
			.col1{ margin-left:0px;}
		.cabeceraCol{ width:100%; height:33px; line-height:33px; color:#FFF; font-family: 'Sansita One', arial; font-weight:normal; background-color:#f49717; font-size:1.3rem; border-radius:18px; letter-spacing:0.02rem; cursor:pointer;}
		.rutasFiltro .button{ width:100%; height:28px; margin-top:21px; line-height:28px; color:#FFF; font-family: 'Sansita One', arial; font-weight:normal; background-color:#f49717; font-size:0.9rem; border-radius:18px; float: right; width:166px; text-align:center; letter-spacing:0.03rem; position:absolute; right:0px; top:0px; cursor:pointer;}
			.rutasFiltro .button:hover{ opacity:0.5;}
		.botonVerRutas{ float:left; width:100%; position:relative; margin-bottom:100px; margin-top:-18px;}
		.verRutas{ position:relative; left:50%; margin-left:-100px; height:33px; line-height:33px; color:#FFF; font-family: 'Sansita One', arial; font-weight:normal; background-color:#f49717; font-size:1.2rem; letter-spacing:0.02rem; border-radius:18px; float:left; width:200px; text-align:center; text-decoration:none;}
		.cabeceraTriangulo{ width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 12px solid #f49717; margin-top:8px; margin-left:8px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg);}
			.cabeceraCol.active .cabeceraTriangulo{ transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);  margin-top:9px; margin-left:6px;}
		.cabeceraCirculo{ width:27px; height:27px; float:left; background-color:#FFF; border-radius:20px; margin-top:3px; margin-left:3px;}
		.filtroContainer{ float:left; width:100%; display:none;}
			.itemCol{ float:left; width:100%; margin-top:8px;}
			.cabeceraCol span{ float:left; margin-left:6px;}
				.labelCol{ font-size:1.13rem; cursor:pointer; float:left; width:150px; margin-left:9px; line-height:1.25rem;}
				.checkCol{ float:left; width:10px; height:10px; border:solid 2px #000000; cursor:pointer; margin-top:3px; margin-left:9px;}
					.checkCol div{ float:left; width:8px; height:8px; background-color:#CCC; margin-left:1px; margin-right:1px; margin-top:1px; opacity:0;}
					.checkCol div.active{ background-color:#000000; opacity:1;}
				.itemCol:hover .checkChecked{ opacity:1 !important;}
				
@media(max-width:780px)
{
	.rutasFiltro{ width:94%; margin-left:3%; left:0px;}
		.rutasFiltro h5{ font-size:1.5rem;}
		.filtroCol{ width:100%; margin-right:1%; margin-left:0px; margin-bottom:10px;}
			.cabeceraCol{ width:100%; font-size:1rem; }
			.botonVerRutas{ font-size:1rem; margin-bottom:20px;}
			
			.rutasFiltro .button{ width:49%; font-size:0.8rem; margin-top:0px; margin-bottom:10px; position: relative !important; margin-left:20px;}
}	

	.rutasList{ float:left; width:1010px; position:relative; left:50%; margin-left:-505px; list-style:none; padding:0px; margin-top:0px; margin-bottom:100px;}
		.rutasList h3{ font-size:1.55rem; padding-left:60px; float:left; width:100%; background-image:url(../img/cabecera-categoria.png); background-repeat:no-repeat;  font-family: 'Sansita One', arial; font-weight:normal; height:40px; line-height:40px; margin-top:0px; margin-bottom:16px;}
		.margenListado{ float:left; width:42px; height:210px;}
		.rutasList li{ float:left; width:143px; height:200px; overflow:hidden; margin-left:8px; margin-right:8px; }
			.rutasList li .imgItem{ float:left; width:133px; height:133px; border:solid 5px #f49717; overflow:hidden; border-radius:100px; background-color:#f49717;  background-position:center; background-size:auto 110%; background-repeat:no-repeat;}
			.rutasList li img{ float:left; width:auto; min-width:100%; height:120%; margin-top:-10%; display: block; position: relative; transform: translateX(-50%); left: 50%; border-radius:100px;}
			.rutasList li h4{ float:left; width:100%; font-family: 'Sansita One', arial; font-weight:normal; font-size:0.8rem; margin-top:5px; line-height:1rem;}
				.rutasList li h4 a{ float:left; width:100%; text-align:center; color:#000; text-decoration:none;}
			.rutasList li:hover img{ opacity:0.4;}
			.rutasList li:hover h4 a{ color:#f49717;}
			
			.noResultados{  font-family: 'Sansita One', arial; font-weight:normal; float:left; width:90%; margin-left:5%; text-align:center; font-size:1.8rem;}
				
@media(max-width:780px)
{
	.rutasList{ width:94%; margin-left:3%; left:0px; overflow:hidden;}
		.rutasList h3{ font-size:1.1rem; padding-left:58px; float:left; width:100%; background-image:url(../img/cabecera-categoria.png); background-repeat:no-repeat;  font-family: 'Sansita One', arial; font-weight:normal; height:40px; line-height:40px; margin-top:10px; margin-bottom:24px;}
		.rutasList li{ width:48%; margin-left:1%; margin-right:1%; height:auto; float:left;}
			.rutasList li .imgItem{ width:80%; margin-left:9%; padding-top:80%; float: left; border:solid 4px #f49717; border-radius:50%; height:0px; background-color:#f49717; background-position:center; }
			.rutasList li img{ float:left; width:auto; height:120%; margin-top:-10%; display: block; position: relative; transform: translateX(-50%); left: 50%;}
			.rutasList li h4{ font-size:1rem; float:left; width:100%; text-align: center; height:2.5rem;}
			.rutasList li:hover img{ opacity:0.4;}
			.rutasList li:hover h4 a{ color:#f49717;}
			.margenListado{ display:none;}
}	
						
	.frameContent{ float:left; width:100%; background-image:url(../../../../../templates/default/img/frameBgWhite.jpg); background-repeat:repeat; border-top: solid 6px #f49717; min-height:500px; position:relative; margin-top:110px;}
	.frameTexto{ width:646px; float:left; position:relative; left:50%; margin-left:-508px; margin-bottom:200px;}
		.frameTexto .texto{ float:left; width:100%;}
	.frameTexto h3{ float:left; width:100%; font-family: 'Sansita One', arial; color: #000; font-size:2rem; letter-spacing:0.02rem; font-weight:normal; margin-top:14px; margin-bottom:10px;}
	.frameTexto p{ float:left; width:100%; margin-top:0px; margin-bottom:15px; padding:0px; font-size:1.05rem; line-height:1.6rem; text-align:justify; }
	.frameTexto ul,.frameTexto ol{ float:left; width:90%; margin-top:0px; margin-bottom:15px; padding:0px; margin-left:10%; }
		.frameTexto .consulta{ float:left; background-image:url(../../../../../templates/default/img/fondoNaranjaOscuro.jpg); background-repeat:repeat; width:328px; height:33px; line-height:33px; font-size:1.1rem; font-family: 'Sansita One', arial; color:#FFF; text-align:center; text-decoration:none; font-weight:normal; letter-spacing:0.02rem; margin-top:20px; left:50%; position:relative; margin-left:-164px;}
			.frameTexto .consulta:hover{ opacity:0.5;}
			.frameTexto p a, .frameTexto ul a, .frameTexto ol a{color: #f49717;}	
				
		.frameTexto .galeria{ float:left; width:100%; margin-top:15px;}
			.frameTexto .galeria h4{ float:left; width:100%; font-family: 'Sansita One', arial; color: #000; font-size:1.7rem; letter-spacing:0.01rem; font-weight:normal; margin-top:14px; margin-bottom:14px;}
			
		.frameTexto .galeria ul{ float:left; width:110%; margin:0px; padding:0px; list-style:none;}
			.frameTexto .galeria ul li{ float:left; width:100%; margin:0px; padding:0px; list-style:none; width:152px; height:115px; margin-right:12px; overflow:hidden; margin-bottom:12px; cursor:pointer;}
				.frameTexto .galeria ul li img{ float:left; min-height:110%; height:auto; width:110%; margin-top:-5%; display: block; position: relative; transform: translateX(-50%); left: 50%;}
				.frameTexto .galeria ul li:hover img{opacity:0.6;}
				
		.materialObligatorio{ float:left; width:49%; margin-right:1%; font-size:1rem; line-height:1.5rem; }
			.materialObligatorio h5{ font-family: 'Sansita One', arial; float:left; width:100%; font-size:1.4rem; font-weight:normal; margin-bottom:10px; margin-top:9px;}
				.materialObligatorio h5 span{ font-family: 'Sansita One', arial; float:left; width:100%; font-size:1.05rem;}
				
		.materialNecesario{ float:left; width:49%; margin-right:1%; font-size:1rem; line-height:1.5rem; }
			.materialNecesario h5{ font-family: 'Sansita One', arial; float:left; width:100%; font-size:1.4rem; font-weight:normal; margin-bottom:10px; margin-top:9px;}
				.materialNecesario h5 span{ font-family: 'Sansita One', arial; float:left; width:100%; font-size:1.05rem;}
				
		.frameContacto{ float:left; width:100%; margin-top:10px; margin-bottom:20px;}		
		
@media(max-width:780px)
{
	.frameTexto{ width:94% !important; margin-left:3% !important; left:0px !important; float:left; margin-bottom:20px;}
	.frameTexto h3{ font-size:1.6rem; }
	.frameTexto p{ font-size:1.1rem; line-height:1.6rem; }
	.frameTexto .galeria ul{ width:100%;}
		.frameTexto .galeria h4{ font-size:1.4rem;}
			.frameTexto .galeria ul li{ width:31%; margin-right:2%; height:90px;}
	.frameContent{ margin-top:0px;}
	.materialObligatorio{ width:100%;}
	.materialNecesario{ width:100%; margin-top:20px;}
}	
		
/* REDES SOCIALES Y COMENTARIOS*/

#entrada-social_box_title{ font-family: 'Sansita One', arial; color: #000; font-size:1rem; float:left; width:100%; margin-top:30px; margin-bottom:15px;}
#entrada-comentarios{ float:left; width:100%; margin-top:15px;}
	#entrada-comentarios div{ float:left; width:100%; }
	#compartirRedes{ float:left; width:100%;}
				
/* COLUMNA DERECHA */
				
		.rightCol{ float: right; position:relative; right:50%; margin-right:-508px; margin-top:12px; width:340px; min-height:1500px; height:auto; background-image:url(../../../../../templates/default/img/fondoNaranjaOscuro.jpg); background-repeat:repeat;}
			.rightCol h5{ float:left; width:90%; margin-left:5%; color:#FFF; font-size:1.5rem; font-family: 'Sansita One', arial; font-weight:normal !important; margin-top:12px; letter-spacing:0.02rem; margin-bottom:6px;}
			.rightCol ul{ float:left; width:90%; margin:0px; padding:0px; list-style:none; margin-left:5%;}
			.fichaRuta{ margin-bottom:10px !important;}
				.rightCol ul li{}
					.rightCol ul li h6{ float:left; margin-top:0px; width:100%; font-weight: lighter; font-size:1.16rem; margin-bottom:0px; color:#FFF;}
						.rightCol ul li .info{ float:left; width:13px; height:13px; background-image:url(../img/info.png); background-repeat:no-repeat; background-size:contain; margin-top:16px; margin-left:5px;}
					.rightCol ul li a{ color:#FFF; text-decoration:none;}
					.rightCol ul li p{ color:#FFF; font-size:0.95rem; float:left; width:auto; margin-top:14px; margin-bottom:0px; }
					
			.bloquePubli{ float:left; width:90%; margin-left:5%; list-style:none; padding:0px; min-height:200px; margin-bottom:20px;}
				.bloquePubli li{ background-color:#000; margin-left:0px; float:left; width:96%; margin-bottom:12px; padding-left:2%; padding-right:2%;}
					.bloquePubli li img{ float:left; width:100%;}
					.bloquePubli li h6{ font-size:1.55rem !important; margin-top:7px !important; float:left; width:100%; font-weight: normal !important; margin-bottom:0px !important;}
					.bloquePubli li h7{ font-size:1.1rem; font-weight:normal; color:#FFF; margin-top:0px; margin-bottom:4px; float:left;}
					.bloquePubli li p{ font-size:1.1rem !important; margin-top:7px; float:left; width:100%; font-weight: normal !important; margin-bottom:10px !important;}
					
					.anunciate p{ font-size:1.1rem; float:left; width:90%; margin-left:5%; color:#FFF; margin-top:0px; margin-bottom:10px;}
					.anunciate a{ font-size:1.1rem; color:#FFF;}
					
			.blogList{ float:left; margin-bottom:200px !important;}
				.blogList li{ font-size:1.1rem !important; margin-top:5px !important;}
					
					.rightCol a:hover{ opacity:0.5;}

@media screen and (max-width : 780px){ 
.rightCol{ float:left !important; width:100%; margin-left:0px; left:0px; height:200px; right:0px; margin-right:0px; min-height:500px; height:auto; margin-top:0px; }
		.rightCol .rutasTitle{ margin-top:20px;}
		.rightCol h5{ font-size:1.2rem;}
		
			.bloquePubli li h6{ font-size:1.4rem !important; margin-bottom:10px; }
			.bloquePubli li h7{ font-size:0.9rem; }
			.bloquePubli li p{ font-size:0.9rem ;}
}

.errorNoRutas{ float:left; width: 100%; text-align: center;font-family: 'Sansita One', arial; margin-top: 400px; margin-bottom: 300px; font-size: 30px;}


.rutasList li img,.rutasList li h4 a,#slide,#slide img,.textoSlider,.volverRutas,.frameTexto .galeria ul li img,.consulta,.checkChecked,.rightCol a,.cabeceraTriangulo,.button{
	 transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}