@font-face {font-family: "fuenteUno"; src: url("../fonts/doubt.ttf") format("opentype");}
@font-face {font-family: "fuenteDos"; src: url("../fonts/walahard.ttf") format("opentype");}
@font-face {font-family: "fuenteTitulos"; src: url("../fonts/gellosia.ttf") format("opentype");}

.verdeo {color: #00AB00 !important; font-weight: bold;}
.fuenteUno {font-family: "Times New Roman", Times, serif;}
.fuenteDos{font-family: "Calibri"; font-size: 16px;}
.fuenteTitulos{font-family: "fuenteTitulos"; font-size: 16px;}

input:invalid, textarea:invalid {box-shadow: 0 0 5px 1px red;}

input:focus:invalid, textarea:focus:invalid {box-shadow: none;}

/* FORMATO PARA LA LINEA DIVISIORIA HORIZONTAL */
hr {height: 2px; border: 0; color: #000080; background-color: #000080; box-shadow: 5px 5px 5px #999;}


span.glyphicon {margin-right: 5px;}


thead tr {background: #008080; color: #FFF; font-weight: bold;}
thead tr th {text-align: center;}

td, th {vertical-align: middle !important; font-size: 12px !important; text-align: middle !important;}

.card {height: 330px !important; width: 98%; box-shadow: 5px 5px 5px #999;}
.card-title {font-size: 18px; font-weight: bold; text-align: center;}

.inp1{
    background-image:url(img/iconos7calendario.png);
    position:absolute;
    color:#000;
    width:25px;
    height:25px;
    top:15px;
    left:499px;
    border:none;
    color:#ccc;
    font-size:12px;}


/* ESTILOS PARA EL CONTENEDOR DE ALERTAS */
#Alertas {position: fixed; top: 250px; left: 200px; width: 50%; height: 75px; z-index: 100000; display: none;}



/* ESTILOS PARA LOS LOGOS DE LA PAGIAN PRINCIPAL */
.logosIncap img {height: 100px; margin-bottom: 30px;}
.agrupados {display: none;}


/* ESTILOS PARA EL CARRUSEL PRINCIPAL */
.carousel-inner .item > img {width:99.5%; height: 400px; margin: 0 auto;}


/* ESTILOS PARA LAS IMAGENES DE LAS NOTICIAS */
.card  img {height: 100px; width: 120px;}


/* ESTILOS PARA EL MAPA */
.map-container-6{overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0;}
.map-container-6 iframe{left: 0; top: 0; height: 100%; width: 100%; position: absolute;}


/* ESITLOS PARA LOS ICONOS DE LAS REDES SOCIALES CON ICONMOON */
#redesSociales span {font-size: 24px; margin: 15px 8px; padding: 0px; color: #00007F;}

/* ESTILOS PARA LOS ELEMENTOS DEL PIE DE PAGINA */
.imgfooter {width: 250px; height: 50px; margin-top: 20px;}


#marquesina img {height: 200px; margin: 70px 30px;}


/* ESTILOS PARA EL BOTON IR-ARRIBA */
.ir-arriba 
	{
		display: none; 
		width: 30px; height: 30px; 
		padding: 3px 5px; 
		background: #444; 
		font-size: 16px; 
		color: #fff;
		text-align: center;  
		cursor: pointer; 
		position: fixed; 
		bottom: 20px; right: 20px;
		border-radius: 5px;
	}






/* ESTILOS PARA EL SILDER */
.Marquee 
	{
		width: 100%;
		height: 300px;
		color: #fff;
		padding: 1em;
		font-weight: 200;
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-o-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		overflow: hidden;
	}

.Marquee-content 
	{
		display: -webkit-box;
		display: -moz-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: box;
		display: flex;
		-webkit-animation: marquee 30s linear infinite running;
		-moz-animation: marquee 30s linear infinite running;
		-o-animation: marquee 30s linear infinite running;
		-ms-animation: marquee 30s linear infinite running;
		animation: marquee 30s linear infinite running;
	}

.Marquee-content:hover 
	{
		-webkit-animation-play-state: paused;
		-moz-animation-play-state: paused;
		-o-animation-play-state: paused;
		-ms-animation-play-state: paused;
		animation-play-state: paused;
	}

.Marquee-tag 
	{
		width: 200px;
		margin: 0 0.5em;
		padding: 0.5em;
		display: -webkit-inline-box;
		display: -moz-inline-box;
		display: -webkit-inline-flex;
		display: -ms-inline-flexbox;
		display: inline-box;
		display: inline-flex;
		-webkit-box-align: center;
		-moz-box-align: center;
		-o-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;
		-o-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}

.Marquee-tag:hover 
	{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		cursor: pointer;
	}

@-moz-keyframes marquee 
	{
		0% 
			{
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-o-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		100% 
			{
				-webkit-transform: translate(-50%);
				-moz-transform: translate(-50%);
				-o-transform: translate(-50%);
				-ms-transform: translate(-50%);
				transform: translate(-50%);
			}
	}

@-webkit-keyframes marquee 
	{
		0% 
			{
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-o-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		100% 
			{
				-webkit-transform: translate(-50%);
				-moz-transform: translate(-50%);
				-o-transform: translate(-50%);
				-ms-transform: translate(-50%);
				transform: translate(-50%);
			}
	}

@-o-keyframes marquee 
	{
		0% 
			{
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-o-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		100% 
			{
				-webkit-transform: translate(-50%);
				-moz-transform: translate(-50%);
				-o-transform: translate(-50%);
				-ms-transform: translate(-50%);
				transform: translate(-50%);
			}
	}

@keyframes marquee 
	{
		0% 
			{
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-o-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		100% 
			{
				-webkit-transform: translate(-50%);
				-moz-transform: translate(-50%);
				-o-transform: translate(-50%);
				-ms-transform: translate(-50%);
				transform: translate(-50%);
			}
	}


















/* ----------------------------- ESTILOS PARA LAS CONSULTORIAS ------------------------------------- */

#Form_Login {width: 450px;}
#mensajes, #acceso {width: 25%; height: auto; display: none; position: fixed; top: 10px; left: 10px;}
.contenedor01 {display: flex; align-items: center; justify-content: center; width: 30%; margin: auto; margin-top: 50px;}
.contenedor02 {display: flex; align-items: center; justify-content: center; width: 90%; margin: auto; margin-top: 50px;}
.contenedor03 {display: flex; align-items: center; justify-content: center; width: 90%; margin: auto;}

.LetraNegra  {color: #000 !important;}
.LetraBlanca {color: #FFF !important;}


































@media screen and (max-width: 600px)
	{
		/* ESTILOS PARA LOS LOGOS DE LA PAGIAN PRINCIPAL */
		.logosIncap {display: none;}
		.agrupados {display: block;}
		.agrupados img {height: 50px; margin-bottom: 15px;}
		.imgfooter {width: 125px; height: 25px; margin-top: 10px;}
		#TituloMenu {display: none;}

		#instructivo2 {margin-top: 375px;}


		/* ESTILOS PARA LAS CONSULTORIAS */
		* {font-size: 100%;}

		/* ENCABEZADO */
		#header img {display: none;}
		#titleArea {font-size: 14px; left: 17px;}
		#introArea {font-size: 14px;left: 17px;}

		/* VENTANA DE MENSAJES*/
		#mensajes {width: 90%; height: 50px;}

		/* AREA DEL FORMULARIO DEL LOGIN */
		#Form_Login {width: 85%;}
		#logosvih {display: none;}
	}