*, html{
	margin: 0px;
	padding: 0px;
}
header{
	width: 100%;
	height: auto;
}
.bg-color{
	background-color: #019ba3;
}
.contenedor-header{
	width: 100%;
	max-width: 1100px;
	min-width: auto;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}
.contenedor-clinica{
	width: 100%;
	max-width: 1200px;
	min-width: auto;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
    padding-top: 30px;
}
.contenedor-mitad-left{
    width: 100%;
    max-width: 580px;
    min-width: auto;
    float: left;
}
.contenedor-mitad-right{
    width: 100%;
    max-width: 580px;
    min-width: auto;
    float: right;
}
.contenedor-directorio{
    width: 33%;
}
/*---------- iconos ----------*/
.icon-clinica-pq{
    width: 100%;
    max-width: 48px;
    min-width: auto;
    height: auto;
    float: left;
    padding-right: 20px;
}
.icon-clinica-pq img {
border-radius:6px;

}

.alineacion img {
border-radius:6px;

}
.contenedor-club img{
 border-radius: 6px;
}

.icon-clinica{
    width: 100%;
    max-width: 100px;
    min-width: auto;
    height: auto;
    float: left;
    margin-right: 20px;
}
.item2 {
  position: relative;
  overflow: hidden;
  width: 250px;
  height: 169px;
  margin: 0px;
  background-color: #efefef;
  border-radius: 10px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
z-index:1
}

.item2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease-out;
z-index:1
}
.item2 img:hover {
  transform: scale(1.1);
}
.zoom {
    transition: transform .2s; 
}
 
.zoom:hover {
    transform: scale(1.1); 
}
/*---------- textos ----------*/
.textos{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #333;
}
/*---------- titulos ----------*/
.titulo-servicio{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #662d91;
    padding: 9px 20px;
    margin: 0px;
    float: left;
}
.titulo-noticias{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #27aae1;
    padding: 9px 20px;
    margin: 0px;
    float: left;
}
.titulo-areasdestacadas{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #c893c7;
    padding: 9px 20px;
    margin: 0px;
    float: left;
}
.titulo-nuestraclinica{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #92278f;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-serviciosclinicos{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #2c4574;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-reservahora{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #fb9238;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-contacto{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #27AAE1;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-examenes{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #2583de;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-presupuesto{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #009444;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-recien-nacidos{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #da1c5c;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-medicosonline{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #00a79d;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-aranceles{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #5532b4;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-soluciones{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #8dc63f;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
.titulo-medicos{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 25px;
	color: #008b49;
    padding: 9px 20px 20px 0px;
    margin: 0px;
    float: left;
}
/*---------- logo ----------*/
.contenedor-logo{
	width: 100%;
	max-width: 224px;
	min-width: auto;
	height: auto;
	overflow: hidden;
    padding-top: 20px;
    margin-bottom: 20px;
    float: left;
}
/*---------- reserva hora ----------*/
.contenedor-contacto-header{
    width: 100%;
    max-width: 700px;
    min-width: auto;
    height: auto;
    float: right;
}
.contenedor-reserva{
    width: 100%;
    max-width: 340px;
    min-width: auto;
    height: auto;
    float: right;
}
.contenedor-reserva ul{
	list-style: none;
	margin: 0px;
    float: right;
}
.contenedor-reserva ul li{
	float: left;
}
.contenedor-reserva li a{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 16px;
	color: #fff;
	display: block;
	padding: 10px 30px;
    text-decoration: none;
    text-align: center;
}
#reserva{
     background: #1C75BC;
}
#contacto{
    background: #27aae1;
}
/*---------- teléfonos ----------*/
.contenedor-telefonos{
    width: 100%;
    max-width: 700px;
    min-width: auto;
    height: auto;
    float: right;
    padding-top: 35px;
}
.contenedor-telefonos ul{
	list-style: none;
    justify-content: center;
	flex-wrap: wrap;
	margin: 0px;
}
.contenedor-telefonos ul li{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #662d91;
	display: block;
    float: left;
	padding: 0px 12px;
    text-decoration: none;
    text-align: center;
}
.borde-right{
    border-right: 1px solid #662d91;
}
.bg-menu-directorio{
    background: #662d91;
}
#btn-menu-2{
	display: none;
}
.contenedor-telefonos-movil{
    display: none;
}
/*---------- menu ----------*/
.bg-menu{
    background: #1C75BC;
border-radius: 15px 15px 0px 0px;
}
#btn-menu{
	display: none;
}
.contenedor-header label{
	display: none;
	width: 200px;
	height: 24px;
	margin: 15px;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 15px;
	color: #fff;
	justify-content: flex;
}
.contenedor-header label{
	cursor: pointer;
}
.menu ul{
	list-style: none;
	display: flex;
	display: -webkit-flex;
    justify-content: center;
	flex-wrap: wrap;
    -webkit-justify-content: center;
	-webkit-flex-wrap: wrap;
	margin: 0px;
}
.menu li a{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
	display: block;
	padding: 10px 15px;
    text-decoration: none;
}
.menu li ul{
	display: none;
}
.menu li li{
	position: relative;
}
.menu li li ul{
	position: absolute;
	left: 100%;
	top: 0;
}
.menu li:hover > ul{
	display: block;
	position: absolute;
	background: #1C75BC;
	z-index: 999999;
}
.menu ul ul ul{
    left: 100%;
    top: 0;
    width: 220px;
}
.menu #color a:hover{
    color: #fff;
	background: #fb9238;
	text-decoration: none;
}
.activo{
    color: #fff;
	background: #fb9238;
}
.menu #color1 a:hover{
    color: #fff;
	background: #92278f;
	text-decoration: none;
}
.activo1{
    color: #fff;
	background: #92278f;
}
.menu #color2 a:hover{
    color: #fff;
	background: #2c4574;
	text-decoration: none;
}
.activo2{
    color: #fff;
	background: #2c4574;
}
.menu #color3 a:hover{
    color: #fff;
	background: #009444;
	text-decoration: none;
}
.activo3{
    color: #fff;
	background: #009444;
}
.menu #color4 a:hover{
    color: #fff;
	background: #da1c5c;
	text-decoration: none;
}
.activo4{
    color: #fff;
	background: #da1c5c;
}
.menu #color5 a:hover{
    color: #fff;
	background: #27aae1;
	text-decoration: none;
}
.activo5{
    color: #fff;
	background: #27aae1;
}
.menu #color6 a:hover{
    color: #fff;
	background: #ed1c24;
	text-decoration: none;
}
.activo6{
    color: #fff;
	background: #ed1c24;
}
.activos a{
	color: #fff;
	background: #ff364c;
}
.espacio{
    padding-left: 10px;
}
/*---------- banner ----------*/
.contenedor-banner{
	width: 100%;
	max-width: 1200px;
	min-width: auto;
	height: auto;
	margin: auto;
}
.banner-desktop {
		display: block !important;
	}

	.banner-mobile {
		display: none !important;
	}
/*---------- extras ----------*/
.alineacion{
	display: flex;
    display: -webkit-flex;
	justify-content: center;
	flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: center;
}
.alineacion-2{
	display: flex;
    display: -webkit-flex;
	justify-content: left;
	flex-wrap: wrap;
}
.block{
	margin-bottom: 40px;
	margin-top: 40px;
}
a {
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.linea{
    width: 100%;
    max-width: 1200px;
    min-width: auto;
    height: auto;
    border-bottom: 1px solid #27aae1;
    padding-top: 30px;
    margin: auto;
}
.linea-titulos{
    background: #27aae1;
    height: 2px;
}
.borde-top{
    border-top: 2px solid #fff;
}
/*---------- noticias ----------*/
.contenedor-noticias{
    width: 240px;
    min-width: auto;
    height: auto;
    background: #27aae1;
    overflow: hidden;
    margin: 5px;
    display: block;
}
.destacado-noticias{
    width: 100%;
    height: 200px;
    padding: 5px;
}
.titulo-noticias-destacado{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 15px;
	color: #fff;
    text-transform: uppercase;
}
.bajada-noticias-destacado{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
}
.btn-mas{
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: right;
    display: block;
    padding: 5px 5px 5px 0px;
}
/*---------- contacto ----------*/
.form-contacto{
    width: 100%;
    max-width: 650px;
    min-width: auto;
    height: auto;
    margin: auto;
}
.form-radio{
    display: block;
    padding: 2px 0px;
    float: left
}
.form-radio label{
    padding-right: 20px;
}
.motivo{
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*---------- recien nacidos ----------*/
.contenedor-nacido{
    width: 100%;
    max-width: 567px;
    min-height: auto;
    height: auto;
    margin: auto;
}
/*---------- footer ----------*/
footer{
	width: 100%;
	max-width: 1200px;
	min-width: auto;
	height: auto;
	margin: auto;
	padding-top: 30px;
	overflow: hidden;
}
.contenedor-footer{
	width: 100%;
	max-width: 1200px;
	min-width: auto;
	height: auto;
	margin: auto;
	overflow: hidden;
    padding-top: 10px;
}
.logo-footer{
    width: 129px;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 60px;
}
.llamado-footer{
    width: 100%;
    max-width: 390px;
    min-width: auto;
    height: auto;
    float: left;
    margin-left: 20px;
    margin-top: 40px;
}
.llamado-footer h1{
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 35px;
	color: #fff;
	margin: 0px;
}
.llamado-footer p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #fff;
    padding-top: 10px;
}
.menu-footer{
    width: 100%;
    max-width: 150px;
    height: auto;
    float: left;
    margin-left: 20px;
}
.menu-footer ul{
    list-style: none;
    text-decoration: none;
}
.menu-footer li a{
    font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #1C75BC;
    display: block;
    padding: 2px;
}
.menu-footer li a:hover{
   text-decoration: none;
    background: #27aae1;
	color: #fff;
	border-radius:20px;
}
.contendor-club{
    float: left;
    margin-top: 55px;
    padding-left: 20px;
}
.btn-club{
    font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 20px;
	color: #fff;
    display: block;
    padding: 15px;
    text-align: center;
    border: 3px solid #fff;
}
.btn-club:hover{
    color: #fff;
    text-decoration: none;
    background: #27aae1;
}
.legal{
	width: 100%;
	max-width: 1200px;
	min-width: auto;
	height: auto;
	margin: auto;
	padding: 10px;
	background: #27aae1;
	text-align: center;
	overflow: hidden;
}
.legal p{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: #fff;
	margin: 0px;
}

/*==================================== media query ===============================*/

@media only screen and (max-width: 500px) {
    .contenedor-reserva li{
        width: 100%;
        padding: 3px;
        text-align: center;

    }

.bg-menu {
 border-radius:0px 0px 0px 0px;
}
}

@media only screen and (max-width: 420px) {
    .icon-clinica{
        max-width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
.bg-menu {
 border-radius:0px 0px 0px 0px;
}
}

@media only screen and (max-width: 768px) {
.banner-desktop {
		display: none !important;
	}

	.banner-mobile {
		display: block !important;
	}
	.borde-bajo{
		border-bottom: solid 1px #D0D2D3;
	}
    .contenedor-logo{
        max-width: 100%;
        overflow: hidden;
    }
    .contenedor-logo img{
        display: block;
        float: none;
        margin: auto;
    }
	.contenedor-header label{
		display: block;
	}
	.menu{
		position: absolute;
		width: 100%;
		margin-left: -200%;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
	  	z-index: 999999;
	}
	.menu ul{
		display: block;
		background: #1c5dbc;
	}
	.menu ul li:hover{
		display: block;
	}
    .menu ul li:hover > ul{
		display: none;
		position: static;
	}
    .menu ul ul ul{
        left: 100%;
        top: 0;
        width: 100%;
        background-color: #1c5aa1;
        padding-left: 20px;
    }
	#btn-menu:checked ~ .menu{
		margin: 0;
	}
    
    /*-- fin de menu --*/
    .contenedor-clinica{
        padding: 30px 5px 0px 5px;
    }
    .contenedor-mitad-left{
        max-width: 100%;
        height: auto;
        margin: 0px auto;
    }
    .contenedor-mitad-right{
        max-width: 100%;
        height: auto;
        margin: 0px auto;
    }
	.alineacion{
		display: column;
	}
    .contenedor-contacto-header{
        max-width: 100%;
        height: auto;
    }
    .contenedor-reserva{
        margin: auto;
        float: none;
    }
    .contenedor-telefonos{
        display: none;
    }
    .contenedor-telefonos-movil{
        display: block;
    }
    .nav-telefonos-movil{
        position: absolute;
		width: 100%;
		margin-left: -200%;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
	  	z-index: 999999;
    }
    .nav-telefonos-movil ul{
		display: block;
		background: #662d7f;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 13px;
        color: #fff;
	}
    .nav-telefonos-movil ul li{
		padding: 10px;
	}
	.nav-telefonos-movil ul li:hover{
		display: block;
	}
    #btn-menu-2:checked ~ .nav-telefonos-movil{
		margin: 0;
	}
    .icon-clinica-pq{
        padding-left: 10px;
    }

icon-clinica-pq img {
border-radius:6px;

}

    .logo-footer{
        width: 100%;
        height: auto;
        margin: auto;
        text-align: center;
    }
    .llamado-footer{
        width: 100%;
        height: auto;
        margin: 0px auto;
        padding-top: 20px;
    }
    .menu-footer{
        max-width: 100%;
        height: auto;
        margin: 0px auto;
        padding-top: 20px;
    }
    .contendor-club{
        width: 100%;
        height: auto;
        margin: 0px auto;
        padding: 20px;
    }
    .btn-club{
        width: 100%;
        height: auto;
        margin: 0px auto;
    }
    .contenedor-footer{
        padding: 10px;
    }
    .contenedor-directorio{
        width: 100%;
        padding-bottom: 20px;
    }
}