@charset "utf-8";

.nav2 li{
	list-style-position: outside;
	list-style: circle;
	margin-bottom: 13px;
}

.nav_lista li{
	list-style-position: outside;
	list-style: disc;
	margin-bottom: 7px;
}

.fondo_gris{
	background-color: #efefef;
}


.fondo_blanco{
	background-color: #fff;
}




.fondo_counter{
	background-image: url('/web_local/imagenes/web/indicadores/fondo_counter.png');
	background-repeat: no-repeat;
 	background-size:cover;
	background-position-x: center;
}




.redondeado_chico{
	border-radius			: 5px 5px 5px 5px;
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;
}


.redondeado_mediano{
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;
}

.redondeado{
	border-radius			: 15px 15px 15px 15px;
	-moz-border-radius		: 15px 15px 15px 15px;
	-webkit-border-radius	: 15px 15px 15px 15px;
}

.borde{
	border:1px solid #ccc;
}



.mitad{
	float: left;
	width: 50%;
	height: 400px;
	/*background-color: aquamarine;*/
}

.mitad_auto{
	float: left;
	width: 50%;
	height: auto;
	text-align: justify;
	padding:0px 20px 10px 20px;
	
}


.distancia{
	float: left;
	width: 100%;
	height: auto;
	
	margin-bottom: 20px;
}

.distancia_corta{
	float: left;
	width: 100%;
	height: auto;
	
	margin-bottom: 10px;
}

.distancia_doble{
	float: left;
	width: 100%;
	height: auto;
	
	margin-bottom: 50px;
}



.sombra{
	-webkit-box-shadow		: 3px 0px 15px -12px rgba(0,0,0,0.75);
	-moz-box-shadow			: 3px 0px 15px -12px rgba(0,0,0,0.75);
	box-shadow				: 3px 0px 15px -12px rgba(0,0,0,0.75);

}

.sombra:hover{
	-webkit-box-shadow		: 3px 0px 20px -12px rgba(0,0,0,0.75);
	-moz-box-shadow			: 3px 0px 20px -12px rgba(0,0,0,0.75);
	box-shadow				: 3px 0px 20px -12px rgba(0,0,0,0.75);
}



.con_sombra{
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;
	
	box-shadow				: -2px 1px 14px -3px rgba(0,0,0,0.58);
	-webkit-box-shadow		: -2px 1px 14px -3px rgba(0,0,0,0.58);
	-moz-box-shadow			: -2px 1px 14px -3px rgba(0,0,0,0.58);
	
/*
	-webkit-box-shadow		: 1px 2px 10px -10px rgba(0,0,0,0.75);
	-moz-box-shadow			: 1px 2px 10px -10px rgba(0,0,0,0.75);
	box-shadow				: 1px 2px 10px -10px rgba(0,0,0,0.75);
*/	

	transition: 0.2s;

	/*cursor: pointer;*/
}

.con_sombra:hover{

	-webkit-box-shadow: 3px 0px 20px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 0px 20px -12px rgba(0,0,0,0.75);
	box-shadow: 3px 0px 20px -12px rgba(0,0,0,0.75);
		

}


.resaltar_1:hover{
	
	box-shadow			: -1px 1px 28px -2px rgba(0,0,0,0.32);
	-webkit-box-shadow	: -1px 1px 28px -2px rgba(0,0,0,0.32);
	-moz-box-shadow		: -1px 1px 28px -2px rgba(0,0,0,0.32);
	
	cursor: pointer;
	

}

.resaltar:hover{
	transform:scale(1.1);
	transition:1.0s cubic-bezier(0.075, 0.82, 0.165, 1);
	cursor:pointer;
}

.lista{
	float: left;
	width: 100%;
	height: auto;
	
	margin-bottom: 40px;
	
}

.lista_foto{
	float: left;
	width: 300px;
	height: auto;
}

.lista_foto img{
	width: 100%;
	height: auto;
}


.lista_datos{
	float: left;
	width: calc(100% - 300px);
	height: auto;

	padding:0px 0px 10px 20px;
}



.foto_auto{
	
	width: 100%;
	height: auto;
}

.foto_auto img{
	
	float:left;
	width: 100% !important;
	height: auto;
}





.foto_full{
	float:left;
	width: 100% !important;
	height: auto;
}


.foto_chico
{
	width: 100px;
	height: auto;
}


.foto_mediano
{
	width: 200px;
	height: auto;
}

.marco_contenido{
	margin-top:0em;
}

.top_1{
	margin-top:1em;
}


.top_2{
	margin-top:2em;
}


.top_3{
	margin-top:3em;
}


.top_4{
	margin-top:4em;
}

.abajo_1{
	margin-bottom: 0.5em;

}

.abajo_2{
	margin-bottom: 1em;

}



.icono_chico{
	width:20px;
	height:auto;
	margin-right:10px;
}

.icono_chico img{
	width:100%;
	height:auto;
}

.icono_1{
	float: left;
	width:20px;
	height:auto;
	margin-right:10px;
}

.icono_1 img{
	width:100%;
	height:auto;
}


.icono_2{
	float: left;
	width:25px;
	height:auto;
	margin-right:5px;
}

.icono_2 img{
	width:100%;
	height:auto;
}

.icono_3{
	float: left;
	width:30px;
	height:auto;
	margin-right:10px;
}

.icono_3 img{
	width:100%;
	height:auto;
}

.icono_4{
	
	width:50px;
	height:auto;
	margin-right:10px;
}

.icono_4 img{
	width:100%;
	height:auto;
}



@media only screen and (max-width:1580px){
	
	
}


@media only screen and (max-width:1200px){

	
}


@media only screen and (max-width:900px){
	
	.marco_contenido{
		margin-top:3em;
	}
	

	.lista{
		float: left;
		width: 100%;
		height: auto;
		
		margin-bottom: 40px;
		
	}
	
	.lista_foto{
		float: left;
		width: 100%;
		height: auto;
	}
	
	.lista_foto img{
		width: 100%;
		height: auto;
	}
	
	
	
	
	
}