@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_azul{
	background-color: #0279c9;
}

.fondo_celeste{
	background-color: #6b8fb2;
}


.fondo_morado{
	background-color: #a763a4;
}


.fondo_verde{
	background-color: #20ad9f;
}


.fondo_verde_claro{
	background-color: #5ebb7e;
}


.fondo_naranja{
	background-color:#ef7d00;
}

.fondo_blanco{
	background-color: #fff;
}


.fondo_amarillo{
	background-color: #f5d13a;
}


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

.slide_pc{
	display:block;
}

.slide_movil{
	display:none;
}


.marco{
	border:1px solid #F1F1F1;
}



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


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

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

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

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



.categoria_2{
	float: left;
	width: 50%;
	height: auto;
	/*min-height: 700px;*/
	padding: 20px 10px 20px 10px;
	/*background-color: beige;*/
}


.categoria_4{
	float: left;
	width: 290px;
	height: auto;
	padding: 20px 40px 20px 40px;
	box-sizing: border-box;
	/*background-color: beige;*/
}


.categoria_5{
	float: left;
	width: 230px;
	height: auto;
	padding: 10px 15px 10px 15px;
	/*background-color: beige;*/
}



.categoria_6{
	float: left;
	width: 190px;
	height: auto;
	padding: 5px 5px 5px 5px;
	/*background-color: beige;*/
}



.categoria_foto{
	float: left;
	width: 100%;
	height: auto;
	
}

.categoria_foto img{
	width: 100%;
	height: auto;
	padding:20px 40px 20px 40px;
}


.lista_caja{
    border-radius			: 5px 5px 5px 5px;
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;

    float:left;
    width:100%;
    height:auto;
    margin-bottom:5px;
    padding:10px;
    background:#F0F0F0;
    text-align:center;
}


.lista_vineta{
    border-radius			: 5px 5px 5px 5px;
	-moz-border-radius		: 5px 5px 5px 5px;
	-webkit-border-radius	: 5px 5px 5px 5px;

    float:left;
    width:100%;
    height:auto;
    margin-bottom:5px;
    padding:10px;
    background:#F0F0F0;
    text-align:left;
	text-decoration: dashed;
	
}

.categoria_foto_medico{
	float: left;
	width: 100%;
	height: auto;
	
}

.categoria_foto_medico img{
	width: 100%;
	height: auto;
	padding:15px;
}

.efecto_foto_encima:hover{
	
	opacity: 0.7;
	cursor: pointer;
}

.medico_datos{
	float: left;
	width: 100%;
	height: 50px;

}

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


.mitad_nosotros{
	float: left;
	width: 50%;
	height: auto;
	padding:100px 20px 0px 20px;
}

.tercera{
	float: left;
	width: 33%;
	height: auto;
	min-height: 100px;
	text-align: justify;
	padding:0px 20px 10px 20px;
}

.cuarta{
	float: left;
	width: 25%;
	height: auto;
	min-height: 300px;
	
	padding:60px 20px 20px 20px;
}


.tres_cuartas{
	float: left;
	width: 75%;
	height: auto;
	min-height: 50px;
	
	padding:10px 10px 10px 10px;	
}

.mitad_testimonio{
	float: left;
	width: 50%;
	height: auto;
/*	background-color:aquamarine;*/
}

.mitad_testimonio img{
	float: left;
	width: 100%;
	height: auto;
}


.mitad_testimonio_datos{
	float: left;
	width: 50%;
	height: auto;
/*	background-color: aquamarine;*/
	padding:70px;
}


.mitad_detalle{
	float: left;
	width: 50%;
	height: auto;
/*	background-color: aquamarine;*/
	padding:10px 80px 50px 40px;
}

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




.blog_3_test{
	float: left;
	width: 400px;
	height: auto;
	padding: 20px 25px 20px 25px;
	/*background-color: beige;*/
}


.blog_3{
	float: left;
	width: 33.3%;
	height: auto;
	padding: 20px 15px 20px 15px;
	/*background-color: beige;*/
}

.blog_2{
	float: left;
	width: 50%;
	height: auto;
	padding: 20px 15px 20px 15px;
	/*background-color: beige;*/
}

.blog_1{
	float: left;
	width: 100%;
	height: auto;
	padding: 10px;
 	background-color: #f1f1f1;
}

.blog_foto{
	float: left;
	width: 100%;
	height: auto;
	
}

.blog_foto img{
	width: 100%;
	height: auto;
	padding:0px;
}

.blog_datos{
	float: left;
	width: 100%;
	height: 180px;

}


.sombra{
	-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{
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;
	cursor: pointer;
}


.resaltar: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);
	opacity					: 0.8;
}


.con_sombra{
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;
	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);
	
}



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





.lista_banner{

	border-radius			: 45px 45px 45px 45px;
	-moz-border-radius		: 45px 45px 45px 45px;
	-webkit-border-radius	: 45px 45px 45px 45px;

	float: left;
	width: 100%;
	height: auto;
	
	padding:50px;
	margin-bottom: 40px;

	border:4px solid #7B9EBD ;
	box-sizing: border-box;

}



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






.columna_2{
	float: left;
	width: 70%;
	height: auto;
	padding:0px 20px 20px 20px;
}

.columna_1{
	float: left;
	width: 30%;
	height: auto;
	padding: 0px 10px 10px 10px;
}


.foto_auto{
	display:inline-block;
	width: 100%;
	height: auto;
	padding:0px;
	border:0px;
	margin:0px;
	line-height: 0;
}

.foto_auto img{
	display: block;
	float:left;
	width: 100% !important;
	height: auto;
	padding:0px;
	border:0px;
	margin:0px;
	line-height: 0;
}





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

.alto_50{
	float: left;
	width: 100%;
	height: 50%;
}

.ancho_50{
	float: left;
	width: 50%;
	height: 100%;
}

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


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

.padding_5{
	padding:5px;
}

.padding_10{
	padding:10px;
}

.padding_20{
	padding:20px;
}

.padding_30{
	padding:30px;
}


.padding_40{
	padding:40px;
}


.padding_grande{
	padding:10px 80px 80px 80px;
}

.padding_vertical{
	padding-top: 30px;
	padding-bottom:30px;
	
}


.raya_abajo{
 	border-bottom:1px solid #ccc;
}

.subrayado_blanco{
	border-bottom:3px solid #fff;
	margin-bottom: 15px;
}

.subrayado_azul{
	border-bottom:3px solid #376eb4;
	margin-bottom: 15px;
}

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

.icono_logo2{
    width:150px;
    height:auto;
}


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

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

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

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


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

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

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

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

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

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



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

	.mitad_testimonio_datos{
		padding:35px;
	}
	
	
}


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

	.mitad_testimonio_datos{
		float: left;
		width: 50%;
		height: auto;
		padding:30px;
	}
	
	
}


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

	.lista_banner{
		border-radius			: 25px 25px 25px 25px;
		-moz-border-radius		: 25px 25px 25px 25px;
		-webkit-border-radius	: 25px 25px 25px 25px;
	
		float: left;
		width: 100%;
		height: auto;
		
		padding:20px;
		margin-bottom: 50px;
		border:1px solid #7B9EBD ;
	}
	
	
	.slide_pc{
		display:none;
	}

	.slide_movil{
		float:left;
		width:100%;
		height:auto;
		display:block;
		margin-top:65px;
	}

	.cuarta{
		float: left;
		width: 100%;
		height: auto;
		min-height: 200px;
		
		padding:20px 20px 20px 20px;
	}
	
	
	.tres_cuartas{
		float: left;
		width: 100%;
		height: auto;
		min-height: 50px;
		
		padding:10px 10px 10px 10px;	
	}
	

	.categoria_4{
		float: left;
		width: 50%;
		height: auto;
		min-height: 230px;
		padding: 15px 15px 15px 15px;
		/*background-color: beige;*/
	}

	.categoria_5{
		float: left;
		width: 50%;
		height: auto;
		
		padding: 10px 10px 10px 10px;
		/*background-color: beige;*/
	}


	.categoria_6{
		float: left;
		width: 50%;
		height: auto;
		padding: 0px 15px 0px 15px;
		/*background-color: beige;*/
	}

	
	.categoria_2{
		float: left;
		width: 100%;
		height: auto;
		/*min-height: 700px;*/
		padding: 10px 0px 10px 0px;
		/*background-color: beige;*/
	}
	


	.categoria_foto img{
		width: 100%;
		height: auto;
		padding:5px 5px 5px 5px;
	}
	
	.categoria_foto_medico img{
		width: 100%;
		height: auto;
		padding:5px;
	}
	
	
	.mitad_testimonio{
		float: left;
		width: 100%;
		height: auto;
		padding:10px;
	/*	background-color:aquamarine;*/
	}

	.mitad_testimonio img{
		float: left;
		width: 100%;
		height: auto;
	}


	.mitad_testimonio_datos{
		float: left;
		width: 100%;
		height: auto;
	/*	background-color: aquamarine;*/
		padding:20px;
	}

	.mitad_auto{
		width: 100% !important;
		height: auto;
		padding:0px 5px 10px 5px;
		
	}

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

	.mitad_nosotros{
		width: 100%;
		height: auto;
		padding:0px 20px 0px 20px;
	}
	
	.blog_3{
		float: left;
		width: 100%;
		height: auto;
		padding: 20px 15px 20px 15px;
		/*background-color: beige;*/
	}

	.blog_2{
		float: left;
		width: 50%;
		height: auto;
		padding: 15px;
		/*background-color: beige;*/
	}

	.blog_datos{
		height: auto;
		/*min-height: 290px;*/
	
	}
	
	.medico_datos{
		float: left;
		width: 100%;
		height: auto;
		min-height: 100px;
	
	}



	.columna_2{
		float: left;
		width: 100%;
		height: auto;
		padding:5px;
	}

	
	
	.columna_1{
		display: block;
		float: left;
		width: 100%;
		height: auto;
	}


	.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;
	}
	
	
	.lista_datos{
		float: left;
		width: 100%;
		height: auto;
	
		padding:20px 10px 0px 10px;
	}
	
	.mitad_detalle{
		float: left;
		width: 100%;
		height: auto;
	/*	background-color: aquamarine;*/
		padding:10px 20px 20px 20px;
	}

	
	.padding_grande{
		padding:0px 0px 10px 0px;
	}

	.tercera{
		float: left;
		width: 100%;
		height: auto;
		min-height: 30px;
		text-align: justify;
		padding:0px 20px 20px 20px;
	}
	
	
}