@media (min-width: 767px) {
  .banner{
	max-height:34.688em;min-height:34.688em;
  }
  .img_mostrar{
	max-height:15.563em;min-height:17.563em;
  }
  .img-galeria{
	max-height:6.625em;min-height:6.625em;
  }
  .img-noti{
	max-height:11em;min-height:11em;
  }
  .img-notiDet{
	max-height:15em;min-height:15em;
  }
  .img-evenDet{
	max-height:14em;min-height:14em;
  }
  .img-notiDet1{
	max-height:4.75em;min-height:4.75em;
  }
  .img-galeria1{
	max-height:10.875em;min-height:10.875em;
  }
}

@media (min-width: 1500px) {
  .container {
    max-width: 1320px;
  }
  .banner{
	max-height:37.5em;min-height:37.5em;
  }
  .img_mostrar{
	max-height:18.375em;min-height:18.375em;
  }
  .img-noti{
	max-height:12.25em;min-height:12.25em;
  }
  .img-notiDet{
	max-height:16.25em;min-height:16.25em;
  }
  .img-evenDet{
	max-height:16.25em;min-height:16.25em;
  }
  .img-notiDet1{
	max-height:5.5em;min-height:5.5em;
  }
  
  .img-galeria{
	max-height:7.875em;min-height:7.875em;
  }
}

body{
	background-color: #edf2f9;
	font-family: Helvetica, sans-serif;
}
header{
	margin-top: 65px;
}
 .navbar {
 	/*background-color: #181c32;*/
 	background-image: linear-gradient(-45deg,rgba(0,160,255,.86),#0048a2);
 	min-height: 80px;
 }
 .nav-item{padding: 0 10px;}
.nav-link{
	color: black;
}

div .img-espe{
	border-radius: 15px;
}
div .photo{
	width: 200px;height: 200px;border-radius: 100%;border-bottom: 5px solid #0e9aa7;
}

div .contac {
 font-size:18px;line-height:1.33;letter-spacing:.1em;
}
div a:hover {
  color: orange;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#mask {
	display: none;
	background: #000000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
	opacity: 0.8;
	z-index: 2;
}

.spaceh-lg{width: 100%; height: 130px; clear: left;}
.spaceh-md{width: 100%; height: 60px; clear: left;}
.spaceh-ml{width: 100%; height: 45px; clear: left;}
.spaceh-ms{width: 100%; height: 30px; clear: left;}
.spaceh-nh{width: 100%; height: 20px; clear: left;}
.spaceh-ns{width: 100%; height: 10px; clear: left;}
.spaceh-mx{width: 100%; height: 5px; clear: left;}
.ocult{display: none;}


.container-fluid{padding: 0px; box-shadow: 0px 1px 6px #454545;}

footer{background-color: #F8F8F8; color: #fff; text-align: center; padding: 15px 0; box-shadow: 0px -1px 6px #454545;}
	footer .footlat1{text-align: center; border-right: 1px solid #7E7E7E; line-height: 100px;}
		footer .footlat1 img{width: 180px; height: 100px;}
	footer .footlat2{color: #343434; text-align: center; display: flex; justify-content: center; align-items: center; font-size: 9pt;}
		footer .footlat2 a{color: #377A23;}
		footer .footlat2 img{width: 150px; height: 30px;}

header#dochead{background: #fff; padding: 20px; font-size: 16px; border-bottom: 1px solid #CFCFCF;}
	header#dochead #title{font-size: 25px;}
	header#dochead .icon-database{font-size: 30px;}
	header#dochead a{color: #000; font-size: 14px;}
	header#dochead a:hover{color: #3AC0BB;}


/*--------REDES SOCIALES-------*/
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	bottom: 0; /* Establecemos la barra en la izquierda */
	top: 250px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerias, etc */
}
.social ul {
	list-style: none;
}
.social ul li a {
	display: inline-block;
	color: #fff;
	background: #000;
	width: 40px;
	padding: 10px 14px;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
.social ul li .fa-facebook {
	background: #3b5998;
} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .fa-twitter {
	background: #00abf0;
}
.social ul li .fa-youtube {
	background: #ae181f;
}
.social ul li .fa-instagram {
	background: #ae181f;
}
.social ul li .fa-flickr {
	/*padding: 14.5px;*/
}
.social ul li .fa-google {
	background: #666666;
}

.social ul li a:hover {
	background: #4073ce9e; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 10px 35px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */

}
/*---------FIN REDES SOCIALES---------*/

/*carousel*/
.carousel#carouselbanners{
	  box-shadow: 0px 8px 8px -6px black;
}

.carousel{
	position: relative;
}

.carousel h5{
	color: #131f7b;
	font-weight: bold;
	font-size: 19px;
}

.carousel p{
	color: #131f7b;
	font-weight: bold;
	font-size: 17px;
}

.carousel-item #div-a a:hover{
	color: #767ca8;
	text-decoration: none;
}

.carousel-control-next, .carousel-control-prev {
	position: absolute;
	color: #ffffff;
	opacity: 1;
	width: 0%;
}

.control-button{
	background-color: #17a2b8d9;
	color: #fff;
	width: 40px;
	height: 40px;
	padding: 10px;
	/*border: 1px solid #1a1a1a;*/
	border-radius: 10px;
	font-size: 15px;
}

.control-buttonE{
	background-color: #007bffd6;
	opacity: 1;
	width: 40px;
	height: 40px;
	padding: 8px;
	/*border: 1px solid #1a1a1a;*/
	border-radius: 10px;
	font-size: 15px;
}


/*Carousel Banner*/
.control-buttonB{
	background-color: #000000ab;
	opacity: 1;
	width: 50px;
	height: 50px;
	padding: 10px;
	/*border: 1px solid #1a1a1a;*/
	border-radius: 10px;
	font-size: 20px;
}
#carouselbanners .control-buttonB:hover{
	background-color: #000000;
}
	
.carousel#carouselbanners h5{
	color: white;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0;
	text-shadow: -1px -1px 1px #333, 1px -1px 1px #333, -1px 1px 1px #333, 1px 1px 1px #333;
}

.carousel-indicators li {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background-color: #a899bdf0;
}
.carousel-indicators {
	position: absolute;
    bottom: 0px;
}

.carousel-indicators .active{
   background-color: #38353cf0;
}

/*stilos noticias-eventos*/

 .enlace:hover > div{
 	color: #fff;
    background-color: #0b1c59;
    -webkit-box-shadow:0px 0px 27px 0px #0C0C0D;
    box-shadow:0px 0px 27px 0px #0C0C0D;
    -webkit-border-radius:10px;
    border-radius:10px; 
  }

 .card-body #div-enlace a:hover {
  	text-decoration: none;
  }
 
 .enlace {
 	color: #084B8A;
  }

  .head-vent{
  	background-color: #2E5B89;
  	color: #fff;
  	font-weight: bold;
  	font-size: 1.2em;
  	border-radius: 17px 0px;
  }

  .datef{font-size: 12px; padding-top: 5px;}

  .owl-carousel img{height: 60px;}

/*slick*/