/*@font-face{
	font-family: 'Nanum Gothic', sans-serif;
	src: url("../fonts/NanumGothic-Regular.ttf");
}*/

/*
Verde =#00a3c8
Verde #00c7ff usado
*/
*{
	box-sizing:border-box;
}
/*img{
	display: block;
	max-width: 100%;
}*/
* {
    scroll-behavior: smooth;
}
body{

	margin: 0;
}
.body{
	font-family: 'News Cycle', sans-serif;
	color: #504f4f;
}
h1, h2, h3, h4, h5, h6{
	text-emphasis: 5px;
	color: #504f4f;
}

/*----GENERAL -----*/
.titulo{
	font-family: 'News Cycle', sans-serif;
	color: #676565;
}
.subtitulo{
	font-family: 'News Cycle', sans-serif;
	color: #676565;
}
.linea-subtitulo{
	background: #2ac7f3;
}

.bloque-texto{
	font-family: 'News Cycle', sans-serif;
	font-size: 16px;
	color: #676565;
}
.enlace {
	color: #00c7ff !important;
	text-decoration: none;
	font-size: 15px;
}
.enlace:hover{
	color:#0ba8d4 !important;
	text-decoration: none;
}
.espacio-bottom{
	margin-bottom: 25px;
}
.espacio-seccion{
	padding-top: 80px;
	padding-bottom: 80px;
}

/*----HEADER Y MENU ----*/
.header{
	/*height: 60px;*/
	padding-bottom: 0px;
	padding-top:4px;

}
.menu-item-has-children > a::after {
    border-color: #0ecbff transparent transparent transparent !important;
    top: 14px !important;
}
/*--- SUB MENUS ----*/

.menu-item-has-children{
	position: relative;

}
	.menu-item-has-children .sub-menu{
		background-color:#fff;
		display: none;
		list-style-type: none;
		position: absolute;
		z-index: 1031;
		padding: 0;
		min-width: 190px;
		text-align: left;
		color: rgb(0, 0, 0);
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.33);
		/*left: -8px;*/
		border-radius: 5px;
		transition: display 0.75s;
	}
	.menu-item-has-children:hover .sub-menu{
		display: block;
	}
	.menu-item-has-children:hover .sub-menu a {
		border-bottom: 1px solid #00c7ff;
		height: auto;
	}	
	.menu-item-has-children > a::after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #000000 transparent transparent transparent;
		position: relative;
		top: 8px;
		margin-left: 4px;
	}
	.menu-item-has-children > a:hover::after{
		border-color: #fff transparent transparent transparent;
	}

/*----SLIDER-----*/
.w-100 {
    width: 100% !important;
    height: 100% !important;
}
.banner .contenedor{
	position: absolute;
	top:40%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 60%;
	color: #fff;
	text-align: center;

}
/*------ ENACE SACAR FICHA -------*/
.cita{
    position: absolute;
    top: 32%;
    left: 37%;
    width: 53%;
    z-index: 100;
}
.cita a{
    color: #fff;
    vertical-align: sub;
    font-size: 12px;
	display: inline-block;    
}
.cita img{
	width: 50%;
}
.cita a:hover{
    color: #fff;
    vertical-align: sub;
    text-decoration: none;
}
.cita a:visited {
  color: #fff;
}
.cita a:active {
  color: #fff;
}
/* --- QUIENSES SOMOS ----*/
/*-----NOTICIAS -----*/
.flex-subtitulo{
	display: flex;
}
/*.img-noticia{
	width: 250px;
	height: 250px;
}*/
.img-noticia img{
	width: 250px;
	height: 220px;
}
/*---- SU BEBE ---*/
.caja-bebe{
	margin-bottom: 35px;
}
.mb-3 {
    margin-bottom: 3rem !important;
}

/* ------- GALERIA -------*/
.galeria a img{
	width: 150px;
	height: 150px;
	margin: 5px;

}

.efecto{
	transition:box-shadow .6s;
	-moz-transition:box-shadow .6s;
	-ms-transition:box-shadow .6s;
	-webkit-transition:box-shadow .6s;
	-o-transition:box-shadow .6s;
  
  }
  .efecto:hover{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
   }

   .zoom-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    /* border-radius: 5px; */
}
.zoom-img img {
    max-width: 100%;
    max-height: 100%;
    transition: 0.75s;
}
.zoom-img:hover img{
	transform: scale(1.2);
}

/*---------DESCARGAS------*/
.descargas {
	margin-bottom: 15px;
	}
.descargas a{
	font-family: 'News Cycle', sans-serif;
	color: #676565;	
}

.descargas a:hover{
	color: #484747;
	text-decoration: none;	
}


/*-----VACUNAS ---*/
.nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link {
    color: #00c8ff !important;
    cursor: default;
    background-color: #ffffff !important;
    border-bottom: 1px solid #26d0ff;
}
.nav-link {
     color: #6d6c6c !important;
}








.linea-seccion{
	width: 90%;
}
.section_titulo{
	text-align: center;
	font-size: 40px;
	color: #000;
}

.contenedor{
	margin: auto;
	width: 95%;
}
.bloque-espacio{
	padding-top: 30px;
	padding-bottom: 15px;
}
.flex-container {
	display: flex;
 }
 .efecto{
	transition:box-shadow .6s;
	-moz-transition:box-shadow .6s;
	-ms-transition:box-shadow .6s;
	-webkit-transition:box-shadow .6s;
	-o-transition:box-shadow .6s;
}
.efecto:hover{
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
} 





/*.fixed-top{
	background: #000000b3;
	-moz-background:#000000b3;
	-webkit-background: #000000b3;

}

.sticky-top{
	background: #000000b3;
	vertical-align:top;
}*/


/*.navbar-toggler-right {
    position: static;
 
}





/*-----estilos contacto-----*/
#form{
	width: 100%;
	align-content: center;
}
.form-1{
	background: #fff;
	padding: 10px;
	color: #000;
	border-radius:2px;
}
.fondo-contact{
	/*background: url(../img/banner-otm.jpg) no-repeat fixed;
	background-size: cover;
	position: relative;*/
	height: 60%;
	

}
/* ------- CONTADOR DE VISITAS ---- */
.contador {
    background-color: #155a6d;
    border-radius: 3px;
    color: #fff;
     text-align: center;
    text-shadow: 1px 4px 14px #000000;
}
/*-----------estilos de footer------*/
.footer{
	background: #263238;
	color: #fff;
	padding: 10px;
	font-size: 12px;
	font-family: 'News Cycle', sans-serif;
}
.linea-footer{
	height: 0px;
	width: 100%;
	background-color:#0bccff;
}

.copy{
	font-size: 11px;
	color: #fff;
}
.btn-warning {
    background-color: #0bccff !important;
    border-color: #0bccff !important;
}
.btn-warning:hover {
    background-color: #ff3700;
    border-color: #ff3700;
}

footer a {
    color: #FFF;
    font-size: 11px;
    transition: padding-left 0.7s;
}
footer a:hover{
	padding-left:13px;}
footer ul{
list-style-type:none;
list-style-position:inside;
padding:0px;
	}
.footer a:hover {
    color: #FFF;
    text-decoration: underline;
    padding-left: 15px;
}
.social-footer{
    margin-top: 0px;
    text-decoration: none;
}
.social-footer a {
    color: #000;
    transition: all 0.5s;
}
.social-footer a .fa-inverse{
    color:#FFF;
}
.social-footer a:hover {
    color: #fff;
    text-decoration: none;
}
.social-footer a:hover .fa-inverse{
    color:#000;
}
.copy{
	font-size: 12px;
	color: #fff;
}
#footer {
    height: 150px;
    position: absolute; left: 0; bottom: 0; width: 100%;}
/*estilos responsive*/
/* Small devices (landscape phones, 576px and up)*/

@media(min-width:576px){/*------480----*/
	.logo{
		font-size: 40px;
	}
	.cita{
	    top: 55%;
	    left: 44%;
	}
	.cita img{
		width:25%;
	}	
	.banner_titulo{
		font-size: 30px;
		margin: 5px 0;
	}
	.txt-condicion{
		padding-top: 20%;
		padding: 15px;
	}
	
}
@media(min-width: 768px){/*------768-----*/
/*------ ENACE SACAR FICHA -------*/
	.cita{
	    top: 39%;
	    left: 44%;
	}
	.cita img{
		width:25%;
	}	

}
@media(min-width: 810px){/*------768-----*/
	.cita{
		top: 55%;
		left: 43%;
	}
	.cita img{
		width: 25%;
	}	
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	.banner .contenedor{
		position: absolute;
		top:40%;
		left: 40%;
		transform: translateX(-50%) translateY(-50%);
		width: 90%;
		color: #fff;
		text-align: center;

	}
	.w-100 {
	    width: 100% !important;
	    height: 100% !important;
	}	
	.cita{
	    top: 33%;
	    left: 42%;
	}
	.cita img{
		width: 30%;
	}			
 }
/*Extra large devices (large desktops, 1200px and up)*/
@media(min-width: 1200px){/*-------1024-----*/
	
	.contenedor{
		width: 80%;
	}
	.contenedor img{
		width: 30%;
	}
	.banner .contenedor{
		position: absolute;
		top:40%;
		left: 20%;
		transform: translateX(-50%) translateY(-50%);
		width: 90%;
		color: #fff;
		text-align: center;

	}		
	
	p{
		font-size: 16px;
	}
	.servi li{
		font-size: 16px;
	}
	.txt-form{
		font-size: 16px;
	}
	.txt-condicion p{
		font-size: 15px;
		margin: 8px;
	}
	.footer{
		font-size: 12px;
	}
	.footer a{
		font-size: 12px;
	}
	.footer p{
		font-size: 12px;
	}
	.footer h6{
		font-size: 12px;
	}
	.copy{
		font-size: 12px;
	}
	.w-100 {
	    height: 95vh !important;
	}
	.cita{
	    top: 66%;
	    left: 41%;
	}
	.cita img{
		width: 45%;
	}			

}

@media(min-width: 1600px){/*-------1024-----*/
	.cita{
	    top: 67%;
	    left: 42%;
	}
	.cita img{
		width: 49%;
	}		
}

@supports (overflow:-webkit-marquee)
   and (justify-content:inherit) {
    /* Estos estilos solo los ejecutara Safari */
    .fixed-top {
		background: #000;
		opacity: 0.7;
	}
	.sticky-top{
		background: #000;
		opacity: 0.7;
	}
}