@charset "UTF-8";
/* CSS Document *
ADMINISTRADOR DE CONTENIDOS - PLANTILLA OFICIAL
DIRECCIÓN DE TECNOLOGÍAS - MUNICIPIO DE LEÓN, GUANAJUATO
-----------------------------------------------------------*/
html {
	box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

@font-face {
    font-family: 'Azo Sans Bk';
    src: url('font/AzoSans-Black.eot');
    src: url('font/AzoSans-Black.eot?#iefix') format('embedded-opentype'),
        url('font/AzoSans-Black.woff') format('woff'),
        url('font/AzoSans-Black.ttf') format('truetype'),
        url('font/AzoSans-Black.svg#AzoSans-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Azo Sans Lt';
    src: url('font/AzoSans-Light.eot');
    src: url('font/AzoSans-Light.eot?#iefix') format('embedded-opentype'),
        url('font/AzoSans-Light.woff') format('woff'),
        url('font/AzoSans-Light.ttf') format('truetype'),
        url('font/AzoSans-Light.svg#AzoSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;}

@font-face {
    font-family: 'Azo Sans';
    src: url('font/AzoSans-Regular.eot');
    src: url('font/AzoSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/AzoSans-Regular.woff') format('woff'),
        url('font/AzoSans-Regular.ttf') format('truetype'),
        url('font/AzoSans-Regular.svg#AzoSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'stroke7pixeden';
	src:url('font/stroke7pixeden.eot?u58ytb');
	src:url('font/stroke7pixeden.eot?#iefixu58ytb') format('embedded-opentype'),
		url('font/stroke7pixeden.woff?u58ytb') format('woff'),
		url('font/stroke7pixeden.ttf?u58ytb') format('truetype'),
		url('font/stroke7pixeden.svg?u58ytb#stroke7pixeden') format('svg');}

body {
  	margin: 0;
  	padding: 0;
	width: 100%;
	min-height: 100vh	;
	font-family: 'Azo Sans';
	background: #f5f3f1;
  	color:#606060;
	line-height:25px;
	font-size:16px;}

main#content {
	margin:0 auto;
	max-width: 1366px; }



/*--------------------------------------------
			GENERAL
----------------------------------------------*/

.sombra{
	clear: both;
	width: 100%;
	background: #fff;
	height: 4px;
	box-shadow: 0px 2px 2px 0px rgba(3, 3, 3, 0.1);}

.nota{font-family: 'Azo Sans Bk'}

#contenido{
	background: #fff;
	padding: 25px 0px 0px 0px; }



/*--------------------------------------------
			OPCIONES CINTILLA
----------------------------------------------*/
#cintilla{
	clear: both;
	font-family: 'Azo Sans Bk';
	color:#fff;
	color:#fff;
	width: 100%;
	height: 40px;
	padding: 5px 30px 5px 10px;
	background: url("img-dependencias/orla.svg");
	background-repeat: no-repeat;
	background-position: right;
	background-color:#202c4d; }

a.link-portal{
	float: left;
	font-size: 13px;
	color:#fff; 
	margin-right: 5px;
	text-decoration:none;}

a.link-portal:hover {
	color:#f6a800; 
	text-decoration:none}

.aire{
	float: left;
	width: 100px;
	height: 25px;
	margin-right: 5px;}

#icon-clima{
	float:left;
	font-size:18px;
	margin-right:15px;
	font-family: 'weathericons';}	

.temperatura{ font-size: 16px;}

#calidad-aire{
	float: left;
	width:320px;
	height: 30px;
	padding: 0px;
	font-size: 12px;
	color:#fff;}

.icono{
	vertical-align: middle;
	width: 20px; 
	height: 20px;
	margin-top: -8px;
	margin-right: 2px;}

a.fuente-aire{
	float: right;
    display: block;
    width:110px;
    height:20px;
	font-size: 10px;
	color:#fff;
    text-decoration: none;
	margin:-6px 0px 10px 0px;
	line-height: 30px;}

a:hover.fuente-aire{
    background-position: -30px 0;
	text-decoration:none;
	color:#e8eeed} 


/*--------------------------------------------
			ENCABEZADO PRINCIPAL
----------------------------------------------*/
#encabezado{
	clear: both;
	height:117px;
	background:#fff;}

.logotipo{
	width: 140px;
	margin-left: 25px;}

a.boton-contacto{
    display: block;
    height:40px;
	line-height: 45px;
	font-size: 14px;
	font-family: 'Azo Sans Bk';
	color:#163a63;
	line-height: 40px;
    text-decoration: none;
    background:url("img-dependencias/contacto.svg") 0 0  no-repeat;
	background-position:left;
	background-size:25px 25px;
	padding-left: 30px;
	margin-left: 15px;
	margin-right: 25px;}

a:hover.boton-contacto{
    background-position: -30px 0;
	text-decoration:none;
	color:#f6a800;
    background:url("img-dependencias/contacto-roll.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:25px 25px;
	padding-left: 30px;	}

/*--------------------------------------------
			SLIDER - BANNERS CAMPAÑAS
----------------------------------------------*/

.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
	top:0px;
  margin: 0 auto;
  background-color: #444;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;}

.slider {
  position: relative;
  width: 9999px;}

.slider:before,
.slider:after {
  display: table;
  content: ' ';}

.slider:after {
  clear: both;}

.slider__item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;}

.slider__item img {
  display: block;
  max-width: 100%;
  height: auto;}

.slider__switch span {
  color: #fff;
  display: block;
  width: 32px;
  height: 32px;}

/* Arrows */
.slider__switch {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 10px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  background: #000;
  opacity: .3;
  transition: opacity .15s ease;
  fill: #fff;}

.slider__switch--prev {
  left: 10px;}

.slider__switch--next {
  right: 10px;}

.slider__switch:hover {
  opacity: .85;}

.slider__switch[disabled] {
  visibility: hidden;
  opacity: 0;}

.slider__caption {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  max-width: 500px;
  padding: 10px;
  color: #fff;
  background: rgba(0, 0, 0, .4);
  box-shadow: 0 0 20px 10px rgba(0,0,0,.4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */}

.slider__caption[disabled] {
  opacity: 0;
  visibility: hidden;}

.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99999;
  filter: alpha(opacity=90); /* ie8 */}

.slider-nav__control {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 3px;
  -webkit-transition: background .5s ease;
     -moz-transition: background .5s ease;
       -o-transition: background .5s ease;
          transition: background .5s ease;
  border: 2px solid #fff;
  border-radius: 50%;
  background: transparent;}

.slider-nav__control.is-active {
  width: 12px;
  height: 12px;
  background: #fff;}

.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;}



/*--------------------------------------------
			EJE - BANDERA
----------------------------------------------*/

#bandera{
	z-index: 1000;
	position: absolute;
	top:116px;
	width:570px;
	height: 118px;
	background: #fdd044;
	color:#fff;}

#contenedor-bandera{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;}	

.modulo-dat-bandera{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	padding: 0px 0px 0px 0px; }

.info-bandera{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin-right:0px;}	

.ilustra{
	margin: 0px;
	width: 118px;
	height: 118px;}

.txt-bandera{
	font-family: 'Azo Sans';
	font-weight: normal;
    font-style: normal;
	padding: 15px 10px 15px 10px;}

.txt-bandera-bis{
	font-family: 'Azo Sans';
	font-weight: normal;
    font-style: normal;
	margin-left: -50px;
	padding: 15px 10px 15px 0px;}

.txt-bandera-bis h1{
	margin:0px 0px 5px 0px;
	line-height: 16px;
	font-size: 14px;}

.cat-flag{
	font-size: 13px;}

h1{
	margin:0px 0px 5px 0px;
	line-height: 19px;
	font-size: 17px;
	text-transform: uppercase;
	text-align: left;}


/*--------------------------------------------
		SOCIAL MEDIA -	REDES SOCIALES
----------------------------------------------*/

#mod-social-media{
	float: right;
	width: 310px;
	background:#fff;}

.marco-redes{	
	position: relative;
	z-index: 50;
	margin: -70px 0px 10px 0px;
	width:300px;
	padding: 15px;
	height: 60px;
	background: #f6a800;
	color:#fff;
	font-family: 'Azo Sans Bk';	}

.letrero-social{
	float:left;
	margin-right: 10px;}

a.facebook{
	float: left;
    display: block;
    width:30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/facebook.svg") 0 0  no-repeat;
	background-position:center;
	background-size:30px 30px;
	margin-bottom: 10px;
	margin-right:10px;}

a:hover.facebook{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/facebook-roll.svg") 0 0 no-repeat;
	background-position:center;	
	background-size:30px 30px;} 

a.twitter{
	float: left;
    display: block;
    width:30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/twitter.svg") 0 0  no-repeat;
	background-position:center;
	background-size:30px 30px;
	margin-bottom: 10px;
	margin-right:10px;}

a:hover.twitter{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/twitter-roll.svg") 0 0 no-repeat;
	background-position:center;	
	background-size:30px 30px;} 

a.instagram{
	float: left;
    display: block;
    width:30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/instagram.svg") 0 0  no-repeat;
	background-position:center;
	background-size:30px 30px;
	margin-bottom: 10px;
	margin-right:10px;}

a:hover.instagram{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/instagram-roll.svg") 0 0 no-repeat;
	background-position:center;	
	background-size:30px 30px;} 


/*--------------------------------------------
			TEMAS DESTACADOS
----------------------------------------------*/

#destacados{
	width: 100%;
	padding:40px 5px 15px 5px;
	background-color:#fff;}

#contenedor-temas{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;}	

.modulo-destacados{
	display: -webkit-flex;
	-webkit-flex-direction: column; }

.info-destacados{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin-right:0px;}	

.datos-mod{
	margin: 0 auto;
	width: 85%;}

.datos-mod-bis{
	margin: 0 auto;
	width: 100%;
	padding-bottom: 30px;}
	.tit-mod-destacados{
	margin: 0px 0px 10px 0px; }

h2{
	font-size: 25px;
	font-family: 'Azo Sans Lt';
	color:#a4a4a4;
	margin-top: 20px;
	margin-bottom: 20px;}

#banner-destacado{
	text-align: center;
	margin: -40px 0px 0px 0px;}

.ilustra-destacado{
	width: 120%;
	margin-left: -28px;
	margin-bottom: 20px;}

.ico-tema{
	float: left;
	width: 38px;
	height: 38px;
	margin-right: 5px;
	margin-bottom: 20px;}

a.link-temas{ 
	color:#a4a4a4; 
	text-decoration:none;}

a.link-temas:hover {
	color:#806688; 
	text-decoration:none}

a.link-mas{
	margin: 0 auto;
    display: block;
    width:150px;
    height:30px;
	font-family: 'Azo Sans Bk';	
	color:#202c4e; 
    text-decoration: none;
    background:url("img-dependencias/ver-mas.svg") 0 0  no-repeat;
	background-position:left;
	background-size:35px 35px;}

a:hover.link-mas{
    background-position: -150px 0;
	text-decoration:none;
	color:#f5a700;
    background:url("img-dependencias/ver-mas.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:35px 35px;} 

/*--------------------------------------------
	SECCIÓN-1 BLOQUE DE MÓDULOS EN DOS 
----------------------------------------------*/

#seccion-1{
	width: 100%;
	background: #202c4e; }

#apartado-a {
	height: 260px;
	background: #202c4e;
    background-image: url("img-dependencias/orla-mod-a.svg");
    background-repeat: repeat-y;
    background-position: bottom right;
	padding: 45px 15px 25px 15px;
	color:#fff;}

#apartado-b {
	height: 260px;
    background: #006e67;
	padding: 45px 15px 25px 15px;
    background-image: url("img-dependencias/orla-mod-b.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    color: #fff;}

h3{
	font-size: 25px;
	font-family: 'Azo Sans Lt';
	color:#fff;
	margin-bottom: 10px;}

.ico-secc{
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 30px;}

a.link-seccion-1{ 
	color:#fff; 
	text-decoration:none;}

a.link-seccion-1:hover {
	color:#F5A700; 
	text-decoration:none}


/*--------------------------------------------------------
			SECCIÓN-2 BLOQUE DE MÓDULOS EN TRES
----------------------------------------------------------*/
#seccion-2{
	width: 100%;
	background: #fff; }

.ico-mod{
	width: 25px;
	height: 25px;
	margin: 0px 5px 0px 15px; }

h4{
	font-size: 18px;
	font-family: 'Azo Sans';
	color:#a4a4a4;
	padding: 0px 10px 0px 10px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 15px;}

.img-secc{
	width: 100%;
	margin-bottom: 15px;}

.widget-secc {
	width: 98%;
	padding: 15px;}

.widget-secc ul {
	margin: 0;
	padding: 0px;	}

.widget-secc li {
	list-style: none;
	clear: both;
	line-height:20px;
	padding:0px 0px 10px 0px;}
	
.widget-secc  li a{
	color: #a4a4a4;
	text-decoration: none;
	outline: none;
	padding:0px 0px 5px 20px;
	background: url("img-dependencias/vineta.svg") no-repeat;
	background-size:15px 15px;}

.widget-secc li a:hover {
	text-decoration:none;
	background: url("img-dependencias/vineta.svg") no-repeat;
	color:#522360;
	background-size:15px 15px;}

a.link-mod{
	float: right;
    display: block;
    width:100px;
    height:30px;
	font-family: 'Azo Sans Bk';	
	color:#005c9a; 
    text-decoration: none;
    background:url("img-dependencias/mas.svg") 0 0  no-repeat;
	background-position:left;
	background-size:20px 20px;
	padding-left: 30px;}

a:hover.link-mod{
    background-position: -100px 0;
	text-decoration:none;
	color:#f5a700;
    background:url("img-dependencias/mas.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:20px 20px;} 

/*--------------------------------------------
			CONTACTO
----------------------------------------------*/
#contacto{
	font-family: 'Azo Sans Lt';
	line-height: 20px;
	background: #f6a800;
	padding: 20px 25px 20px 25px;
	color:#fff;}

h5{
	 font-family: 'Azo Sans Bk';
	font-size: 18px;
	color:#fff;
	margin: 0px 0px 5px 0px;
	font-weight: bold; }

.comentarios{
	padding: 10px;
	text-align: left;
	font-family: 'Azo Sans Lt';}

.iconos{
	width: 25px;
	height: 25px;
	margin-right: 5px;}

a.link-contact-footer{
	margin: 0 auto;
    display: block;
    width:98%;
	color:#fff;
	text-align: left;
    text-decoration: none;
    background:url("img-dependencias/comentarios.svg") 0 0  no-repeat;
	background-position:left;
	background-size:25px 25px;
	padding-left: 35px;}

a:hover.link-contact-footer{
    background-position: -90% 0;
	text-decoration:none;
	color:#52225f;
    background:url("img-dependencias/comentarios-roll.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:25px 25px;} 

#contacto a {
	color:#fff; 
	text-decoration:none;	}

#contacto a:hover {
	color:#52225f; 
	text-decoration:none}


/*--------------------------------------------
			FOOTER
----------------------------------------------*/
footer{
	background: #202c4d;
	padding: 25px 20px 25px 20px;
	color:#fff;}

.info-datos {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.info-datos > div {
	padding: 0px;
	margin: 0px; }

.box {	
	flex-basis:150px;
	flex-grow: 1; }

.box1 {
	flex-basis:600px;
	flex-grow: 3; }

.logo-footer{
	width: 60%; 
	text-align: center !important; }

.linea{
	background: #144a7b;
	height:1px;
	margin-top: 10px;
	margin-bottom: 10px;}

.imagen{
	width:100%;
	margin-bottom: 0px;}

.redes{
	height: 35px;
	width:235px;}

a.facebook-footer{
	float: left;
    display: block;
	width: 30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/facebook-footer.svg") 0 0  no-repeat;
	background-size:30px 30px;
	margin-right:10px;}

a:hover.facebook-footer{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/facebook-footer-roll.svg") 0 0 no-repeat;
	background-size:30px 30px;	}

a.twitter-footer{
	float: left;
    display: block;
	width: 30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/twitter-footer.svg") 0 0  no-repeat;
	background-size:30px 30px;
	margin-right:10px;}

a:hover.twitter-footer{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/twitter-footer-roll.svg") 0 0 no-repeat;
	background-size:30px 30px;	}

a.youtube-footer{
	float: left;
    display: block;
	width: 30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/youtube-footer.svg") 0 0  no-repeat;
	background-size:30px 30px;
	margin-right:10px;}

a:hover.youtube-footer{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/youtube-footer-roll.svg") 0 0 no-repeat;
	background-size:30px 30px;	}

a.instagram-footer{
	float: left;
    display: block;
    width:30px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/instagram.svg") 0 0  no-repeat;
	background-position:center;
	background-size:30px 30px;
	margin-bottom: 10px;
	margin-right:10px;}

a:hover.instagram-footer{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/instagram-footer-roll.svg") 0 0 no-repeat;
	background-position:center;	
	background-size:30px 30px;} 



#sub-menu{
	margin: 0 auto;
	width:100%;
	padding: 5px;
	font-family: 'Azo Sans Lt'; }

#sub-menu a{
	float: left;
    display: block;
    height:30px;
	color:#fff;
	text-align: left;
    text-decoration: none;
    background:url("img-dependencias/vineta-b.svg") 0 0  no-repeat;
	background-size:15px 15px;
	padding-left:20px;
	margin-left: 10px;}

#sub-menu a:hover{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img-dependencias/vineta-c.svg") 0 0 no-repeat;
	background-size:15px 15px;	}

.copy{
	clear: both;
	padding: 5px;
	font-family: 'Azo Sans Lt';
	text-align: center;}

a.link-aviso{
	color:#fff; 
	text-decoration:none;}

a.link-aviso:hover {
	color:#28b2b5; 
	text-decoration:none}

/*--------------------------------------------
			RUTA DE NAVEGACIÓN
----------------------------------------------*/

#ruta{
	float: right;
	width:60%;
	background: #fff;
	text-transform: uppercase;
	text-align: right;
	padding: 15px 25px 15px 25px;
	font-size: 14px;
	font-family: 'Azo Sans Bk';
	color:#888888;
	border-bottom: 1px solid #cccccc;}

a.link-ruta{ 
	color:#888; 
	text-decoration:none;}

a.link-ruta:hover {
	color:#005c99; 
	text-decoration:none}

.nota-rut{
	color:#f5a700; 
	font-family: 'Azo Sans Lt';}

/*--------------------------------------------
			FILOSOFÍA
----------------------------------------------*/

#mision{
	clear: both;
	background: #fff;
	padding: 75px 65px 35px 65px;}

#vision{
	clear: both;
	background: #edeff1;
	padding: 65px 25px 45px 25px;}

#valores{
	clear: both;
	background: #fff;
	padding: 65px 25px 45px 25px;}

.info-filosofia {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.info-filosofia > div {
	/*padding: 0px;
	margin: 0px;*/ }

.box-filosofia {
	flex-basis: 300px;
	flex-grow: 3; }

.box-filosofia-1 {
	flex-basis: 200px;
	flex-grow: 1; }

.titulo-secc{
	font-size: 25px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	margin: 30px 0px 30px 0px;}

.titulo-secc-bis{
	text-align: center;
	font-size: 25px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	margin: 30px 0px 20px 0px;}

.txt-gral{
	font-family: 'Azo Sans Lt';
	padding: 5px;
	color:#7d7d7d;
	text-align: justify;}

.txt-gral-bis{
	margin: 0 auto;
	width: 80%;
	font-family: 'Azo Sans Lt';
	padding: 5px 5px 15px 5px;
	color:#7d7d7d;
	text-align: center;}

.ilustra-filosofia{
	width: 75%;
	margin: 0 auto;}

.widget-filosofia {
	margin: 10px 0px 10px 0px;
	padding: 0px;}

.widget-filosofia ul {
	margin: 0px 0px 20px 25px;
	padding: 0px;	}

.widget-filosofia li {
	font-family: 'Azo Sans Lt';
	color:#7d7d7d;
	list-style: none;
	line-height:22px;
	padding:0px 0px 10px  35px;
	background: url("img-dependencias/bullet.png") no-repeat;
	background-size:20px 20px;}

/*--------------------------------------------
			DIRECCIÓN GENERAL
----------------------------------------------*/

#intro-direccion{
	clear: both;
	background: #fff;
	padding:35px 0px 0px 0px;}

.titulo-direccion-gral{
	text-align: center;
	text-transform: uppercase;
	font-size: 25px;
	font-family: 'Azo Sans Lt';
	color:#7d7d7d;
	margin: 30px 0px 30px 0px;}

#contacto-direccion{
	width: 70%;
	height: 150px;
	background: #cff;
	margin-top: 25px;}

#direccion{
	height: 150px;
	padding: 30px 10px 20px 10px;
	background: #005c99;
	color:#fff;
	font-family: 'Azo Sans Lt';}

#telefono{
	height: 150px;
	padding: 30px 10px 10px 20px;
	background:url("img-dependencias/fondo-contacto.jpg") top center;
	background-repeat:no-repeat;
	background-color:#606060;
	background-size:cover;
	background-position:center;
    background-position-y: initial; 	
	color:#fff;
	font-family: 'Azo Sans Lt';}

.ico-contacto{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 35px;}

#titular-areas{
	clear: both;
	padding: 50px 10px 50px 10px;
	background:url("img-dependencias/fondo-direccion.jpg") top center;
	background-repeat:no-repeat;
	background-color:#606060;
	background-size:cover;
	background-position:center;
    background-position-y: initial; }

.titular-cintilla{
	margin: 0 auto;
	width: 220px;
	height: 55px;
	line-height: 20px;
	font-family: 'Azo Sans Bk';
	color:#1f2b4c;
	font-size: 26px;}

.titular-cintilla-bis{
	margin: 0 auto;
	width: 420px;
	height: 55px;
	line-height: 20px;
	font-family: 'Azo Sans Bk';
	color:#1f2b4c;
	font-size: 26px;}

.ico-titular{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;}

#titular{
	margin: 0 auto;
	width: 85%;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	color:#1f2b4c;
	font-family: 'Azo Sans';}

.foto-titular{
	margin: 0 auto;
	width: 200px;
	height: 200px;
	padding-bottom: 35px;}

a.link-correo{
	font-size: 18px;
	text-transform:none;
	color:#f5a700; 
	margin-right: 25px;
	text-decoration:none;}

a.link-correo:hover {
	color:#005c99; 
	text-decoration:none}

.division-area{
	height: 1px;
	background: #f5a700;
	margin: 25px 0px 25px 0px;}

.tabla-areas{
	width: 40%;
	margin: 0 auto;
	padding: 10px;
	color:#1f2b4c;}

table{
	width: 100%;
	font-family: 'Azo Sans';
	font-size: 14px;}

tbody td {
	height:auto;
	border-bottom: 1px solid #ccc;
	padding:5px 10px; }

tbody th {
	height:auto;
	padding:5px 10px; }

thead td {
	height:auto;
	background: #005C9A;
	font-family: 'Azo Sans Bk';
	color:#fff;
	text-align: center;
	padding:5px 10px; }



.detalle-tabla{
	width: 60%;
	font-family: 'Azo Sans Bk';
	text-align: left; }

.ico-extension{
	float: left;
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-bottom: 15px;}

.tabla-areas a {
	color:#1f2b4c;
	text-decoration: none;}

.tabla-areas a:hover {
	color:#f6a800;
	text-decoration: none;}


/*--------------------------------------------
			ARTÍCULO
----------------------------------------------*/

#intro-articulo{
	clear: both;
	background: #fff;
	padding:65px 0px 0px 0px;}	

.titulo-articulo{
	text-align: center;
	font-size: 25px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	margin: 10px 15px 10px 15px;}

.titulo-articulo-bis{
	text-align: center;
	font-size: 25px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	padding: 10px;
	margin: 10px 20px 10px 20px;
	border-bottom: 1px solid #ccc;}

.txt-articulo{
	text-align: justify;
	color:#9c9c9c;
	padding: 5px 25px 5px 25px;
	font-family: 'Azo Sans';}

#contenido-articulo{
	clear: both;
	background: #edeff1;
	padding:35px 0px 35px 0px;}	

.info-articulo {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.info-articulo > div {
	padding: 0px;
	margin: 0px; }

.box-contenido {	
	flex-basis: 400px;
	flex-grow: 3; }

.box-ilustra-articulo {
	flex-basis: 200px;
	flex-grow: 1; }

.imagen-articulo{
	width:100%;
	text-align: center;
	margin: 0 auto;}

.foto-articulo{
	margin-top: -35px;
	width: 100%;}

.txt-articulo b, .txt-articulo strong {
	font-family: 'Azo Sans Bk'!important;}

.txt-articulo ul {
	margin: 0;
	padding: 5px 5px 5px 20px;}

.txt-articulo li {
	list-style: none;	
	padding:0px 0px 5px 18px;
	background: url("img-dependencias/vineta-c.svg") no-repeat;
	background-size:12px 12px;}

.txt-articulo a {
	margin: 5px;
    display: block;
	width: 75%;
    height:50px;
	line-height:50px;
    text-decoration: none;
    background:#202c4d url("img-dependencias/descarga.svg") 0 0  no-repeat;
	background-size:50px 50px;
	padding-left:55px;
	color:#fff;
	border-radius: 30px;
	font-size: 13px;}

.txt-articulo a:hover {
    background-position: -290px 0;
	text-decoration:none;
    background:#202c4d url("img-dependencias/descarga-art-roll.svg") 0 0 no-repeat;
	color:#fff;
	background-position:left; }

a.bot-descarga{
	margin: 0 auto;
    display: block;
    width:290px;
	color:#fff;
	font-size: 12px;
	font-family: 'Azo Sans Lt';
    text-decoration: none;
	line-height: 15px;
	text-align: left;
    background:url("img-dependencias/descarga.svg") 0 0  no-repeat;
	background-position:left;
	padding:5px 0px 5px 45px;}

a:hover.bot-descarga{
    background-position: -290px 0;
	text-decoration:none;
    background:url("img-dependencias/descarga-roll.svg") 0 0 no-repeat;
	background-position:left; } 

#img-articulo{
	padding: 15px;
	margin: 0 auto;
	width: 85%;
	text-align: center;}

.imagen-unica{
	width: 100%;
	margin-bottom: 20px;}

/*--------------------------------------------
			MICROSITIO
----------------------------------------------*/
.cabecera-micrositio{
	clear: both;
	height: 680px;
	padding: 120px 25px 120px 25px;
	background:url("img-dependencias/leon-ciudad.jpg") top right;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:cover;
    background-position-y: initial; }

.tit-micrositio{
	width: 52%;
	text-align: left;
	font-size:35px;
	line-height:40px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	text-transform: uppercase;
	margin: 10px 0px 10px 0px;}

.descrip-micrositio{
	width:55%;
	text-align: justify;
	color:#7d7d7d;
	padding: 15px 0px 15px 0px;
	font-family: 'Azo Sans';}

.items-microsito-a{
	clear: both;
	padding: 40px 25px 10px 25px;
	background-color:#fff;}

.items-microsito-b{
	clear: both;
	padding: 45px 25px 45px 25px;
	background:url("img-dependencias/fondo-micrositio.png") top center;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:cover;
	background-position:left;
    background-position-y: initial; }

.items-liga{
	margin: 0 auto;
	padding: 0px 10px 20px 10px;
	text-align: center;
	color:#888;
	font-family: 'Azo Sans Lt'; }

.tit-item{
	font-family: 'Azo Sans Bk';
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;}

.ico-item{
	width: 85px;
	height: 85px;}

.items-microsito-a a{
	color:#888;
	text-decoration: none;}

.items-microsito-a a:hover{
	color:#008E46;
	text-decoration: none;}

.items-microsito-b a{
	color:#888;
	text-decoration: none;}

.items-microsito-b a:hover{
	color:#008E46;
	text-decoration: none;}


/*--------------------------------------------
			DIRECTORIO
----------------------------------------------*/
#directorio{
	clear: both;
	background: #fff;
	padding: 35px 25px 35px 25px;}

.division-directorio{
	height: 1px;
	background: #f5a700;
	margin: 25px 0px 105px 0px;}

.integrante{
	width: 50%;
	margin: 0 auto;
	font-family: 'Azo Sans Lt';
	color:#7d7d7d;
	background:#f5f3f1;
	padding: 10px;
	border-radius: 15px;}

.integrante-bis{
	width:85%;
	margin: 0 auto;
	font-family: 'Azo Sans Lt';
	color:#7d7d7d;
	background:#f5f3f1;
	padding: 10px;
	border-radius: 15px;}

.foto-integrante{
	width:200px;
	margin: 0px auto}

.imagen-integrante{
	width: 100%;
	margin: -110px 0px 10px 0px;}

.nombre{
	font-family: 'Azo Sans Bk';
	text-align: center;
	text-transform: uppercase;
	margin-top: -25px;
	margin-bottom: 5px;}

.cargo{
	font-family: 'Azo Sans Bk';
	text-align: center;
	text-transform: uppercase;
	margin-top: -10px;		
	margin-bottom: 5px;}

.datos-directorio{
	padding: 5px;
	margin: 5px 0px 5px 0px;}

.datos-directorio a{
	text-decoration: none;
	color:#7d7d7d;}

.datos-directorio a:hover{
	color:#f5a700;}

.ico-directorio{
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 5px;}

#nivel-titulares{
	margin: 130px 0px 20px 0px;}

a.boton-direccion{
    display: block;
    width:150px;
    height:30px;
    text-decoration: none;
    background:url("img-dependencias/mas-direcciones.svg") 0 0  no-repeat;
	background-position:left;
	background-size:30px 30px;
	font-family: 'Azo Sans Bk';
	padding-left: 40px;
	text-align: left;
	color:#7d7d7d}

a:hover.boton-direccion{
    background-position: -100px 0;
	text-decoration:none;
    background:url("img-dependencias/mas-direcciones-roll.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:30px 30px;
	color:#005c99} 

/*--------------------------------------------
			CONTACTO
----------------------------------------------*/
#contacto-dependencia{
	clear: both;
	background: #fff;
	padding: 45px 25px 35px 25px;}

.info-contacto-dependencia {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.info-contacto-dependencia > div {
	/*padding: 0px;
	margin: 0px;*/ }

.box-formulario{
	flex-basis: 410px;
	flex-grow: 3; }

.box-contacto {
	flex-basis: 320px;
	flex-grow: 1; }

.nota-color{
	font-family: 'Azo Sans Bk';
	color:#911d81;}

.titulo-contacto{
	font-size: 35px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	margin: 30px 0px 0px 0px;}

.campo{
	font-size: 15px;
	font-family: 'Azo Sans Bk';
	width:98%;
	height: 30px;
	padding: 5px;
	background: transparent;
	color:#7D7D7D;
	border-top:0px;
	border-right: 0px;
	border-left: 0px;
	margin-top: 20px;
	border-bottom: 1px solid #d4d4d4;}

.mensaje{
	margin: 20px 10px 20px 10px;
	width: 96%;
	height: 220px;
	font-size: 15px;
	border:1px solid #ccc;
	padding: 10px;
	color:#888;
	font-family: 'Azo Sans Lt';}

.etiqueta-mensaje{
	margin: 0 auto;
	width: 100px;
	padding: 15px 0px 5px 0px;
	font-family: 'Azo Sans Bk';
	text-align: center;}

.centrar-boton{
	margin: 0 auto;	
	width: 160px;
	padding-top: 20px;
	padding-bottom: 20px;}

.enviar{
	width:150px;
	height:55px;
	border:0px;
    background:url("img-dependencias/enviar.svg") 0 0  no-repeat;
	background-position:center;
	baseline-shift: 100px 100px;}

#aviso-consulta{
	margin: 0 auto;
	font-family: 'Azo Sans Lt';
	width: 50%;
	color:#606060;
	padding: 25px 5px 25px 5px;
	text-transform: uppercase;
	text-align: center}

.casilla{
	width: 20px;
	height: 20px;}

#no-soy{
	margin: 0 auto;
	font-family: 'Azo Sans Bk';
	text-transform: uppercase;
	width: 220px;
	color:#7d7d7d;
	padding: 10px 0px 10px 5px;
	text-align: center}

#fondo-contacto{
	background: #edeff1;
	padding: 15px;
	text-align: center;}

.box-contacto a {
	color:#7d7d7d;
	text-decoration: none;}

.box-contacto a:hover {
	color:#005c99;}

#mapa-contacto{
	clear: both;
	margin: 20px 0px 20px 0px;
	background: #fafafa;
	padding: 20px;}

.dependencia{
	color:#005c9a;
	margin: 20px 0px 25px 0px;
	font-size:22px;
	font-family: 'Azo Sans Bk';}

.ico-dependencia{
	float: left;
	margin-right: 10px;
	width: 40px;
	height: 40px;}

.notificaciones{
	font-family: 'Azo Sans Lt';
	line-height: 26px;
	width: 95%;
	padding: 15px;
	background: #F5F3F1;}

.det-not{
	color:#E70F13; }

/*--------------------------------------------
			DOCUMENTOS
----------------------------------------------*/
.cabecera-documentos{
	clear: both;
	padding: 100px 25px 80px 25px;
	background:url("img-dependencias/ley-contabilidad-gubernamental.png") top center;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:cover;
	background-position:right;
    background-position-y: initial; }

.tit-documentos{
	color:#7d7d7d;
	line-height: 28px;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-family: 'Azo Sans Bk';	}

.descrip-documentos{
	width: 50%;
	color:#7d7d7d;
	font-family: 'Azo Sans Lt';
	text-align: left;
	padding: 10px 0px 10px 0px}

/*****************************/
/* TABS */
/*****************************/

.tabs-style-fillup nav ul li a {
	padding: 1.2em 0;
	border-right: 1px solid #005d9a;
	line-height: 1;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #005d9a;
	text-decoration: none;
	outline: none;}

.tabs-style-fillup nav ul li:last-child a {
	border: none;}

.tabs-style-fillup nav ul li.tab-current {
	z-index: 100;}

.tabs-style-fillup nav ul li.tab-current a {
	color: #fff;}

.tabs-style-fillup nav ul li a::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	height: calc(100% + 1px);
	border: 1px solid #005d9a;
	background: #005d9a;
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);}

.tabs-style-fillup nav ul li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}

.tabs-style-fillup nav ul li a span,
.tabs-style-fillup .icon::before {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	-webkit-transform: translate3d(0,5px,0);
	transform: translate3d(0,5px,0);}

.tabs-style-fillup nav ul li a span {
	display: block;
	font-weight: 700;
	font-size: 0.7em;
	line-height: 1.5;}

.tabs-style-fillup .icon::before {
	display: block;
	margin: 0;}

.tabs-style-fillup nav ul li.tab-current a span,
.tabs-style-fillup li.tab-current .icon::before {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);}

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;}

/* Nav */
.tabs nav {
	text-align: center;}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;}

.tabs nav li.tab-current a {
	color: #005d9a;}

.tabs nav a:focus {
	outline: none;}

/* Icons */
.icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.3em;
	font-family: 'stroke7pixeden';
	line-height: 1;
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

.icon-upload::before {
	content: "\e68a";}

.icon-tools::before {
	content: "\e60a";}

.icon-plane::before {
	content: "\e625";
}
.icon-joy::before {
	content: "\e6a4";
}
.icon-plug::before {
	content: "\e69a";
}
.icon-home::before {
	content: "\e648";
}
.icon-gift::before {
	content: "\e652";
}
.icon-display::before {
	content: "\e65e";
}
.icon-date::before {
	content: "\e660";
}
.icon-config::before {
	content: "\e666";
}
.icon-coffee::before {
	content: "\e669";
}
.icon-camera::before {
	content: "\e66f";
}
.icon-box::before {
	content: "\e674";}

/* Content */
.content-wrap {
	position: relative;}

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 20px 20px 90px 20px;
	max-width: 1366px;
	text-align: center;}

.content-wrap section.content-current {
	display: block;}

.content-wrap section .lista {
	margin: 0px;
	background: #eee;
	padding: 10px;
	line-height: 26px;
	text-align: left;
	font-family: 'Azo Sans Lt';	
	font-size: 15px;}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}

@media screen and (max-width: 58em) {
	.tabs nav a.icon span {
		/*display: none;*/
	}
	.tabs nav a:before {
		margin-right: 0;
	}
}

.archivo{
	float: left;
	width: 22px;
	height: 22px;
	margin-right: 5px;}

a.link-archivo{
	color:#7d7d7d; 
	text-decoration:none;}

a.link-archivo:hover {
	color:#005C9A; 
	text-decoration:none}


/*****************************/
/* ACORDION-LISTAS */
/*****************************/
.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordion > li {
	margin: 0;
}

/**
 * Add zero-width space. needed to ensure Safari + VO respect list semantics.
 * Set the before content to position absolute to negate any visible space
 * the before content could add to the document.
 */
.accordion > li:before {
	content: "\200B";
	position: absolute;
}

/**
 * Accordion Heading
 */
.accordion__heading {
	border-bottom: 1px solid #eee;
	font-size: inherit;
	margin: -1px 0 0;
}

.accordion__trigger {
	-webkit-appearance: none;
	background: #fafafa;
	background: url("img-dependencias/bullet-doc.png") no-repeat;
	background-position: left;
	background-size: 20px 20px;
	border: none;
	font-family: 'Azo Sans Lt';
	color: #7d7d7d;
	cursor: pointer;
	display: block;
	font-size: 15px;
	margin: 0;
	padding: 10px 10px  10px 30px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 2;
}

.accordion__trigger:after {
  border-left: .4em solid transparent;
  border-right: .4em solid transparent;
  border-top: .5em solid #7d7d7d;
  bottom: 0;
  content: '';
  height: 0;
  margin: auto;
  position: absolute;
  right: 1em;
  top: 0;
  transition: transform .2s ease-in-out;
  transform-origin: center center;
  transform: rotate(0deg);
  width: 0;
}

.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
	border-top-color: #FDD044;
}

.accordion__trigger[aria-expanded="true"]:after {
	transform: rotate(180deg);
}


.accordion__trigger:hover,
.accordion__trigger:focus {
	background-color: #e4ebf0;
	color: #005d9a;
	outline: none;}

.accordion__trigger:focus {
	box-shadow: inset 0 0 0 1px #ccc;
}

.accordion__trigger[aria-disabled="true"]:hover {
	background-color: #202C4D;
	color: #fff;
	cursor: not-allowed;
}

.accordion__trigger[aria-disabled="true"]:focus {
	background-color: #0a2a42;
}

.accordion__panel {
	background-color: inherit;
	max-height: 0vh;
	overflow: hidden;
	padding: 0.001em 1.25em;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.accordion__panel--transition {
	transition:
		max-height .2s ease-in-out,
		padding-top .2s ease-in-out,
		padding-bottom .2s ease-in-out;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
	max-height: 100vh;
	overflow: auto;
	padding: 10px;
	visibility: visible;
}

.accordion__trigger[aria-expanded="true"] {
	background: #F5F3F1;
	background: url(img-dependencias/bullet-doc.png) no-repeat;
	background-position: left;
	background-size: 20px 20px;
	color: #7d7d7d;
}

/*--------------------------------------------
			LISTA TEMAS
----------------------------------------------*/
#lista-temas{
	clear: both;
	background: #fff;
	padding: 65px 25px 45px 25px;}

.txt-lista-tema{
	width: 75%;
	font-family: 'Azo Sans Lt';
	padding: 0px 5px 5px 5px;
	color:#7d7d7d;
	text-align:left;}

.items-tema{
	margin: 0 auto;
	width: 85%;
	padding: 30px 10px 20px 10px;
	color:#7d7d7d;
	font-family: 'Azo Sans Lt';}

a.boton-item{
    display: block;
	font-size: 14px;
	color:#7d7d7d;
	padding: 10px 0px 10px 0px;
    text-decoration: none;
	border-bottom: 1px dotted #ccc;}

a:hover.boton-item{
    background-position: -30px 0;
	text-decoration:none;
	color:#005c9d;}

.num-item{
	font-family: 'Azo Sans Bk';	
	padding-right: 10px;}

#enterate{
	clear: both;
	padding: 45px 0px 45px 0px;}

.tit-enterate{
	text-align: center;
	font-size: 25px;
	font-family: 'Azo Sans Bk';	
	padding: 10px;
	border-bottom: 1px solid #eee;}

#mixedSlider { position: relative; }

#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 50px 5px 20px 5px; }

#mixedSlider .MS-content .item {
  display: inline-block;
  width: 30%;
  height: 100%;
	text-align: center;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  white-space: normal;
  padding:5px;}

#mixedSlider .MS-content .item .imgTitle {  position: relative; }

#mixedSlider .MS-content .item .imgTitle .blogTitle {
	color: #fff;
	margin: 0px;}

#mixedSlider .MS-content .item .imgTitle img {
	height: auto;
	width: 92%;}

#mixedSlider .MS-content .item .imgTitle a img {
	border: 0px;  }

#mixedSlider .MS-content .item .imgTitle a:hover img {
	border: 0px;}

#mixedSlider .MS-content .item p {
	color:#fff;
	margin: 0px;
	line-height: 20px;
	 font-size: 14px;}

#mixedSlider .MS-content .item a { color: #fff; text-decoration: none; }

#mixedSlider .MS-content .item a:hover {
	color:#024abb;}

#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 50px;
  top: 45px;
  color: rgba(0, 0, 0, 0.4);
  transition: 0.15s linear;}

#mixedSlider .MS-controls button:hover {
  color: rgba(0, 0, 0, 0.8);}

#mixedSlider .MS-controls .MS-right {
  right: 0px;}


/*--------------------------------------------
			MENSAJE AGRADECIMIENTO
----------------------------------------------*/
#mensaje-acuse{
	clear: both;
	background: #fff;
	padding: 115px 25px 75px 25px;}

#mensaje-usuario{
	width: 85%;
	margin: 0 auto;
	padding: 120px 30px 140px 30px;
	background:url("img-dependencias/mensaje.png") top center;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:cover;
	background-position:right;
    background-position-y: initial; }

.tit-mensaje{
	text-transform: uppercase;
	font-size: 30px;
	color:#7d7d7d;
	font-family: 'Azo Sans Bk';	}

.txt-mensaje{
	width: 70%;
	text-transform: uppercase;
	color:#7d7d7d;
	padding: 10px 20px 10px 0px;
	font-family: 'Azo Sans Lt';		}


/*--------------------------------------------
			GALERIA FOTOGRÁFICA
----------------------------------------------*/

#tit-galeria{
	clear: both;
	background: #fff;
	padding: 65px 25px 45px 25px;}

.titulo-galeria{
	font-size: 30px;
	font-family: 'Azo Sans Bk';
	color:#005d9a;
	margin: 30px 0px 15px 0px;}

.division-galeria{
	width: 65%;
	height: 1px;
	background: #ccc;
	margin: 10px 0px 20px 0px;}

.galeria{
	width: 75%;
	padding: 0px 15px 0px 60px;
	font-family: 'Azo Sans Lt';
	color:#888;
	font-size: 15px;}

.sub-tit-galeria{
	text-transform: uppercase;
	font-size: 20px;
	font-family: 'Azo Sans Bk';
	color:#888;
	margin: 0px 0px 15px 0px;}

#contenedor-galeria{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;}	

.modulo-foto{
	display: -webkit-flex;
	-webkit-flex-direction: column; }

.info-foto{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin-right:0px;}	

.foto{
	margin: 0 auto;
	padding: 10px 10px 10px 10px;
	width: 100%;
	text-align: center;}

.thumb-1{
	max-height: 280px;
	margin-bottom: 10px;}

.thumb-2{
	max-height: 280px;
	margin-bottom: 10px;}

.txt-foto{
	color:#888;
	padding:0px 10px 0px 10px;
	text-transform: uppercase;
	font-style: italic;}

.imageGallery1 {
	overflow: hidden; margin: 0px -20px; }

.imageGallery1 > a {
	float: left; width: 33.3333%; padding: 1px; box-sizing: border-box; position: relative;}

.imageGallery1 > a:first-child { left: -1px; }

.imageGallery1 > a:last-child { right: -1px; }

.imageGallery1 > a > img { display: block; width: 100%; }


/*--------------------------------------------
			NOTICIAS
----------------------------------------------*/
#noticias{
	background: #f2f7fa;
	padding: 60px 25px 40px 25px;
	color:#888888;}

.tit-noticias{
	color:#888;
	font-family: 'Azo Sans Bk';
	font-size: 30px;
	margin: 0px 0px 30px 0px;}

.orla-nota{
	width: 80%;
	margin: 0px;}

#nota-prin{
	padding: 10px;
	height: 280px;
	font-family: 'Azo Sans Lt';
	margin-bottom: 20px;
	text-align: justify;}

.nota-tit{
	font-size: 17px;
	margin: 0px;
	font-family: 'Azo Sans Bk';}

.nota-imagen{
	float: left;
	width: 45%;
	margin-right: 15px;
	margin-bottom: 20px;}

#nota-prin a {
	color:#888;
	text-decoration: none;}

#nota-prin a:hover {
	color:#005c99;
	text-decoration: none;}

.nota-bis{
	padding: 20px;
	margin-bottom: 15px;}

.nota-sec-img{
	width: 100%;
	margin-bottom: 15px;}

.nota-bis a {
	color:#888;
	text-decoration: none;}

.nota-bis a:hover {
	color:#005c99;
	text-decoration: none;}


/*--------------------------------------------
			MULTIMEDIA GALERÍA DE VIDEOS
----------------------------------------------*/
#multimedia{
	background: #fff;
	padding: 60px 25px 40px 25px;
	color:#888888;}

.tit-media{
	color:#888;
	text-align: center;
	font-family: 'Azo Sans Bk';
	font-size: 30px;
	margin: 0px 0px 30px 0px;}

.orla-media{
	width: 35%;
	margin: 0px;}

.video-principal{
	height: 460px;
	padding: 20px;
	color:#fff;
	font-size: 14px;
	line-height: 18px;
	font-family: 'Azo Sans Lt';
	text-transform: uppercase;
	background: #202c4d;}

.video-secundario{
	height: 230px;
	padding: 20px;
	text-transform: uppercase;
	color:#888888;
	font-size: 14px;
	line-height: 18px;	
	font-family: 'Azo Sans Lt';
	background: #f5f3f1;}

.video-tercer{
	height: 230px;
	padding: 20px;
	color:#fff;
	font-size: 14px;
	line-height: 18px;	
	font-family: 'Azo Sans Lt';
	text-transform: uppercase;
	background: #005c99;}

.reproductor{
	width: 100%;
	height: 280px;
	margin: 0 auto;
	padding: 10px 10px 20px 10px;}

.reproductor-sec{
	float: left;
	width: 50%;
	height: 180px;
	margin-right: 10px;
	padding:10px 10px 25px 10px;}

a.video-bot{
	float: right;
    display: block;
    width:210px;
    height:70px;
	font-size: 14px;
	line-height: 40px;
	padding: 15px 0px 0px 75px;
	color:#fff; 
	text-align: left;
	font-family: 'Azo Sans Bk';
    text-decoration: none;
    background:url("img-dependencias/video.svg") 0 0  no-repeat;
	background-position:left;
	background-size:200px 70px;
	margin: 0px 0px 0px 0px;}

a:hover.video-bot{
	color:#fff; 
    background-position: -210px 0;
	text-decoration:none;
    background:url("img-dependencias/video-roll.svg") 0 0 no-repeat;
	padding: 15px 0px 0px 75px;
	background-position:left;	
	background-size:210px 70px;} 

.descrip-video{
	padding: 0px 5px;}

/*--------------------------------------------
			MULTIMEDIA SECCIÓN INTERIOR
----------------------------------------------*/
#media{
	padding: 120px 15px 30px 15px;}

.ico-media{
	float: left;
	width:35px;
	height:35px;
	margin-right: 20px;}

.info-media {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.info-media > div {
	padding: 0px;
	margin: 0px; }

.video-secc {	
	flex-basis: 400px;
	flex-grow: 3; }

.notas-side{
	flex-basis: 200px;
	flex-grow: 1; }

.min-video{
	width: 49%;
	height: 360px;
	float: left;
	font-size: 14px;
	padding: 10px;
	margin: 2px;
	border-radius: 5px;
	line-height: 16px;
	color:#888;
	font-size: 13px;
	font-family: 'Azo Sans Lt';
	background: #f5f3f1;}

.nota-video{
	color:#888;
	line-height: 18px;
	font-family: 'Azo Sans Bk';}

.reproductor-video{
	height: 220px;
	padding:10px 10px 15px 10px;}

.nota-side-txt{
	color: #888;
	text-transform: uppercase;
	padding: 20px 10px 20px 10px;}

.nota-side-txt a{
    display: block;
	color:#888;
	font-family: 'Azo Sans Lt';
	text-align: left;
    text-decoration: none;
    background:url("img-dependencias/vineta-b.svg") 0 0  no-repeat;
	background-size:15px 15px;
	padding-left:20px; }

.nota-side-txt a:hover{
    background-position: -30px 0;
	text-decoration:none;
	color:#005c99;
    background:url("img-dependencias/vineta-c.svg") 0 0 no-repeat;
	background-size:15px 15px;	}

.nota-pic{
	width: 100%;
	margin: 5px 0px 0px 0px;}

.espacio-videos{
	clear:both;
	padding: 20px 0px 20px 0px; }

#paginacion{
	margin: 0 auto;
    width: 450px;
	font-family: 'Azo Sans Bk';
    height: 40px;
    padding: 35px 0px 55px 0px;}

a.bot-pag-next{
	float: left;
    display: block;
    width:35px;
    height:35px;
    text-decoration: none;
    background:url("img-dependencias/next-page.svg") 0 0  no-repeat;
	line-height:35px;
	margin:5px;}

a:hover.bot-pag-next{
    background-position: -35px 0;
	text-decoration:none;
    background:url("img-dependencias/next-page-roll.svg") 0 0 no-repeat;} 		

a.bot-pag-back{
	float: left;
    display: block;
    width:35px;
    height:35px;
    text-decoration: none;
    background:url("img-dependencias/rigth-page.svg") 0 0  no-repeat;
	line-height:35px;
	margin:5px;}

a:hover.bot-pag-back{
    background-position: -35px 0;
	text-decoration:none;
    background:url("img-dependencias/rigth-page-roll.svg") 0 0 no-repeat;} 		

a.bot-pag{
	float: left;
    display: block;
    width:25px;
    height:25px;
	line-height: 25px;
	font-size: 13px;
    text-decoration: none;
	text-align: center;
	color:#fff;
    background:#0f1b3b;
	margin:5px;
	border-radius: 5px;}

a:hover.bot-pag{
    background-position: -25px 0;
	text-decoration:none;
    background:#fdd044;} 

.bot-pag-activo {
    float: left;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: #0f1b3b;
    margin: 4px;
    border-radius: 5px;
    background-position: -25px 0;
    text-decoration: none;
    background: #fdd044;}

/*--------------------------------------------
			IFRAME
----------------------------------------------*/

#intro-iframe{
	clear: both;
	background: #fff;
	padding:65px 0px 15px 0px;}	

.titulo-iframe{
	text-align: center;
	font-size: 25px;
	font-family: 'Azo Sans Bk';
	color:#7d7d7d;
	margin: 10px 15px 10px 15px;}

#contenido-iframe{
	margin: 0 auto;
	width: 95%;
	background: #F5F3F1;
	padding:25px;}	

.txt-iframe{
	font-family: 'Azo Sans Lt';
	font-size: 17px;
	line-height: 25px;
	color:#606060;
	padding: 10px;
	border-bottom: 1px solid #ccc;}

.espacio-iframe{
	padding: 25px;}


.marco{
	width: 100%;
	border: 0px;
	padding-top: 10px;}

.ico-iframe{
	vertical-align: middle;
	width: 80px;
	margin-right: 10px;}

/*--------------------------------------------
			MÓDULO DE EVENTOS
----------------------------------------------*/
#seccion-eventos{
	width: 100%;
	padding: 30px 0px;
	background: #fff; }

#eventos{
	width: 100%;
	padding: 0px 40px 40px 40px;
	background:#4c855b;}

.tit-eventos-prin{
	background:url("img-dependencias/orla-eventos.png") top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
    background-position-y: initial; 	
	color:#fff;
    font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-size: 30px;
	padding: 20px 10px 10px 10px;
	line-height: 45px;}

.ico-eventos-prin{
	width: 65px;
	vertical-align: middle;
	margin-right: 15px;
	margin-bottom: 10px;}

.linea-eventos-prin{
	clear: both;
	height:1px;
	margin: 10px 0px 20px 0px;
	background: #fff;}

#contenedor-eventos{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;}	

.mod-evento{
	display: -webkit-flex;
	-webkit-flex-direction: column; }

.info-evento{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin-right:0px;}	

.datos-evento{
	margin: 0 auto;
	width: 99%;
	color:#fff;
	padding: 5px;}

.fecha-evento{
	float: left;
	width: 14%;	
    font-family: 'Azo Sans Bk';
	font-weight: 900;
	margin-right: 5px;
	padding: 40px 0px;
	color:#fff;
	text-align: right;
	line-height: 28px;
	font-size: 22px;}

.img-evento{
	float: left;
	width: 70%;
	text-align: center;
	padding:15px 0px;}

.ilust-evento{
	width: 100%;}

.datos-event-detalle{
	clear: both;
	padding: 15px 15px;}

a.agenda-actividades   {
    display: block;
    width:210px;
	height: 45px;
	margin: 10px 0px;
	color:#fff;
	font-size: 11px;
	line-height: 45px;
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	text-decoration: none;
	text-align: left;
    background:url("img-dependencias/agenda-acti.png") 0 0  no-repeat;
	background-size: 20px;
	background-position:left;
	border-radius: 5px;
	border:1px solid #fff;
	padding:0px 10px 0px 25px;}

a.agenda-actividades:hover {
    background-position: -290px 0;
	text-decoration:none;
	background:url("img-dependencias/agenda-acti.png") 0 0  no-repeat;
	background-size: 20px;
	background-position:left;
	padding:0px 30px 0px 25px;
	border:1px solid #ffb200;
	color:#ffb200;}

a.bot-ver-eventos{
	margin: 0 auto;
    display: block;
	width: 140px;
    height:50px;
    text-decoration: none;
	text-align: center;
	background: #163a63;
	font-family: 'Azo Sans Bk';
    font-weight: 900;
    font-style: normal;
	color:#fff;
	border-radius: 5px;
	line-height: 50px;}

a:hover.bot-ver-eventos{
	background: #ffa500;
	color:#fff}

.evento-nota{
	font-family: 'Azo Sans Bk';
	text-transform: uppercase;}

.tit-eventos-interna{
	margin: 0 auto;
	width: 90%;
	padding: 130px 35px 10px 35px; 
	color:#888888;
    font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-size: 30px;
	line-height: 45px;
	border-bottom: 1px solid #86c000;}

.caja-eventos{
	padding: 30px 20px;
	margin:  0 auto;
	width: 75%;}

.buscar-eventos{
	margin: 0 auto;
	width: 90%;
	background: #f5f5f5;
	border-radius: 5px;
	padding:40px 25px;}

.caja-campos{
	width: 98%;
	height: 65px;
	padding: 10px;
	margin:0 auto;}

.input-fecha{
	float: left;
	width:47%;
	background-image: url('img-dependencias/calendar.png');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:25px;
	display: flex;
	align-items: center;
	padding:0px 0px 0px 40px;
	height: 50px;
	border: 0px;
	border-bottom: 1px solid #ccc;
	margin-left:10px;}

.input-fecha input { 
	width:99%;
	color:#888;
	font-size: 16px;
	font-family: 'Azo Sans Lt';
	background: transparent;
	border: none;}

.input-fecha input:focus { 
	outline: none;}

.input-fecha input::placeholder {
	color:#005f96!important; }

.input-disciplina  {
	background: url('img-dependencias/disciplina.png');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:35px;
	padding:0px 0px 0px 45px;
	height: 50px;
	border: 0px; }

select{
	background: transparent;
	width: 94%;
	height: 45px;
	color:#888;
	font-family: 'Azo Sans Lt';
	font-size: 16px;
	border:0px;
	margin:10px 0px;
	border-bottom: 1px solid #ccc;}

.input-palabras{
	width: 95%;
	background-image: url('img-dependencias/palabras-clave.png');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:45px;
	display: flex;
	align-items: center;
	padding:0px 0px 0px 60px;
	height: 50px;
	border-bottom: 1px solid #ccc;
	margin: 10px 0px;}

.input-palabras input { 
	width:99%;
	color:#888;
	font-size: 16px;
	font-family: 'Azo Sans Lt';
	background: transparent;
	border: none;}

.input-palabras input:focus { 
	outline: none;}

.input-palabras input::placeholder {
	color:#888!important; }

.input-parque  {
	background: url('img-dependencias/parques.png');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:35px;
	padding:0px 0px 0px 45px;
	height: 50px;
	border: 0px; }

.centrar-bot-eventos{
	margin: 0 auto;	
	width: 220px;
	padding:50px 20px;}

.boton-eventos{
	width: 180px;
	height:40px;
	border:0px;
	border-radius: 5px;
    background:#86c000;
	font-size: 16px;
	font-family: 'Azo Sans Bk';	
	color: #fff;
	margin-top: 15px;}

#borrafiltro {
    float: left;
    padding: 8px;
    margin: 0px 10px 0px 10px;
    background: #222;
    color: #fff;
    font-weight: 700;
    border: 1px solid #fff;
    cursor: pointer;}

.tipo-vista{
	margin: 0 auto;
	width: 90%;
	background: #f5f5f5;
	padding:20px;
	height: 70px;
	border-radius: 5px;
	text-align: right;
	text-transform: uppercase;}

a.vista-lista{
	float:right;
    display: block;
	width: 140px;
    height:40px;
	line-height: 40px;
	text-align: left;
    text-decoration: none;
	color: #888;
    background:url("img-dependencias/vista-lista.png") 0 0  no-repeat;
	background-position:left;	
	padding: 0px 10px 10px 60px; 
	background-size:45px 45px;
	margin-left:15px;
	font-family: 'Azo Sans Bk';	}

a:hover.vista-lista{
    background-position: -150px 0;
	text-decoration:none;
    background:url("img-dependencias/vista-lista.png") 0 0  no-repeat;
	padding: 0px 10px 10px 60px; 
	background-position:left;
	background-size:45px 45px;
	color: #f6A800}

a.vista-calendario{
	float:right;
    display: block;
	width: 160px;
    height:40px;
	line-height: 40px;
	text-align: left;
    text-decoration: none;
	color:#888;
    background:url("img-dependencias/vista-calendario.png") 0 0  no-repeat;
	background-position:left;	
	padding: 0px 10px 10px 60px; 
	background-size:45px 45px;
	margin-left:15px;
	font-family: 'Azo Sans Bk';	}

a:hover.vista-calendario{
    background-position: -150px 0;
	text-decoration:none;
    background:url("img-dependencias/vista-calendario.png") 0 0  no-repeat;
	padding: 0px 10px 10px 60px; 
	background-position:left;
	background-size:45px 45px;
	color: #f6A800}

.caja-eventos-info{
	padding: 30px 45px;}

#contenedor-info-event{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;}	

.modulo-event-dat{
	display: -webkit-flex;
	-webkit-flex-direction: column; }

.info-event-dat{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin-right:0px;}	

.ficha-event{
	margin:10px auto;
	width: 96%;
	background: #f5f5f5;
	border-radius: 5px;
	padding: 20px;}

.ilus-event{
	float: left;
	width: 200px;
	margin-right: 10px;}

.dest-event{
	color:#006b5c;
	font-family: 'Azo Sans Bk';
	font-size: 18px;}

.fecha-det-event{
	font-family: 'Azo Sans Bk';
	color:#888;
	font-size: 20px;}

a.agenda-actividades-bis   {
    display: block;
	float:left;
    width:190px;
	height: 45px;
	margin: 10px 0px;
	color:#fff;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	text-decoration: none;
	text-align: left;
    background:#86c000 url("img-dependencias/agenda-acti.png") 0 0  no-repeat;
	background-size: 20px;
	background-position:left;
	border-radius: 5px;
	padding:0px 10px 0px 35px;}

a.agenda-actividades-bis:hover {
    background-position: -290px 0;
	text-decoration:none;
	background:url("img-dependencias/agenda-acti.png") 0 0  no-repeat;
	background-size: 20px;
	background-position:left;
	padding:0px 30px 0px 35px;
	border:1px solid #86c000;
	color:#86c000;}

.geolocaliza{
	width: 145px;}

/*--------------------------------------------
			DETALLE-EVENTO
----------------------------------------------*/

.caja-detalle-eventos{
	margin:25px auto;
	width: 90%;
	padding: 25px;
	background: #f5f5f5;
	border-radius: 5px}

.detalle-evento-info {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.detalle-evento-info > div {
	padding: 0px;
	margin: 0px; }

.box-img-event {	
	flex-basis:400px;
	flex-grow: 1; }

.box-datos-evento {
	flex-basis:550px;
	flex-grow: 3; }

.img-centrar{
	margin: 0 auto;
	width: 95%;
	text-align: center;
	padding: 20px;}

.bann-evento{
	width: 95%;
	margin-bottom: 10px;}

.dato-event{
	font-size: 16px;
	padding: 10px;}

.tit-programa-act{
	color:#005c99;
	font-family: 'Azo Sans Bk';
	font-size: 20px;
	padding:35px 0px;
	line-height: 35px;
	border-bottom: 1px solid #005c99;
	margin-bottom: 20px;}

.ico-actividades{
	width: 50px;
	float: left;
	margin-right: 20px;}

.descrip-evento{
	text-align: justify;
	color:#888;
	padding: 20px;
	font-size: 16px;
	line-height: 25px;}

.disciplina-ico{
	vertical-align: middle;
	width: 35px;
	margin-right: 10px;}

/*--------------------------------------------
			ENTÉRATE
----------------------------------------------*/
#enterate{
	background: #fff;
	padding:120px 35px;
	color:#888;}

.tit-boletines{
	font-size: 60px;
	color:#005C9A;
	text-align: left;
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-style: normal;
	margin:10px 0px 15px 0px;}

.notas-enterate {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;

  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: stretch;
  align-items: stretch;}

.notas-enterate > div {
	padding: 0px;
	margin: 0px; }

.nota-principal {	
	flex-basis: 440px;
	flex-grow: 3; 
	font-family: 'Azo Sans Lt';
	font-weight: 300;
	font-style: normal;
	font-size: 20px;
	line-height: 25px; }

.items-notas {
	flex-basis: 370px;
	line-height: 20px;
	flex-grow: 1; }

.nota-principal h2 {
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-style: normal;
	font-size:20px;
	line-height: 28px;
	color:#888;
	margin:5px 0px 5px 0px;
	text-transform: uppercase;}

.nota-principal span {
	background: #005C9A;
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-style: normal;
	font-size:16px;
	line-height: 25px;
	color:#fff;
	padding: 8px;
	border-radius: 5px}

.img-news{
	width:68%;
	padding: 15px 0px;
	text-align: center;}

.img-nota{width: 100%;}

.enterate-resumen{
	text-align: center;
	background: #F5F3F1;
	padding: 15px;
	color:#005C9A;
	font-size:20px;}

.img-nota-detalle{
	width:25px;
	margin:10px 0px 10px 0px;}

.img-thumb{
	width:9%;
	text-align: center !important;
	padding:2px;}

a.link-nota{ 
	line-height: 18px;
	font-family: 'Azo Sans Lt';
	font-weight: 300;
	font-style: normal;
	font-size: 15px;
	text-transform: uppercase;
	color:#888;
	text-decoration:none;}

a.link-nota:hover {
	color:#005C9A; 
	text-decoration:none}

.mas-notas{
	clear: both;
	padding:25px;}

a.mas-noticias{
	margin: 0 auto;
    display: block;
    width:225px;
    height:55px;
	line-height: 50px;
    text-decoration: none;
	color:#fff;
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-style: normal;
	border-radius: 5px;
	border:5px solid #005C9A;
    background:#005C9A url("img-dependencias/noticias.png") 0 0  no-repeat;
	background-position:left;
	background-size:40px 40px;
	padding-left: 55px;}

a:hover.mas-noticias{
    background-position: -30px 0;
	text-decoration:none;
    background:#32B1B4 url("img-dependencias/noticias.png") 0 0 no-repeat;
	background-position:left;	
	background-size:40px 40px;
	border:5px solid #32B1B4} 

.notas-side{
	background: #F5F3F1;
	clear: both;
	padding: 25px 0px 35px 0px;
	border-radius: 5px;}

.resumen-nota{
	margin: 0 auto;
	width: 93%;
	padding:10px 5px;}

.resumen-nota a {
	text-transform: uppercase;
	font-size: 16px;
	line-height: 18px;
	color:#888;
	text-decoration: none;}

.resumen-nota a:hover {
	color:#005c99;
	text-decoration: none;}

.img-resumen{
	width: 100%;
	margin-bottom: 10px;}

.fecha-resumen{
	width: 22px;
	margin-right: 10px;
	vertical-align: middle;}

.not-fecha{
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	font-style: normal;
	color:#005C9A;}

/*---------------------------------------------------------------
			GALERÍA FOTOGRÁFICA ARTÍCULO
-----------------------------------------------------------------*/
#galeria-art{
	padding: 25px;
	margin:25px 0px 0px 0px;}

.img-arti {
	width: 85% !important;
	margin: 10px 0px 10px 0px;
	border-radius: 50%;}


/* -------------------------------------------------
			ESPACIOS SEGUROS
--------------------------------------------------- */

a.espacios-seguros{
	float:right;
    display: block;
	width:90px;
	height:90px;
    text-decoration: none;
    background:url("img-dependencias/espacios-seguros.svg") 0 0  no-repeat;
	background-position:center;
	margin-top:50px;}

a:hover.espacios-seguros{
    background-position: -35px 0;
	text-decoration:none;
    background:url("img-dependencias/espacios-seguros.svg") 0 0 no-repeat;
	background-position:center; } 
/*-----------------------------------------------------------
			MAPAS - GEOLOCALIZACIÓN
----------------------------------------------------*/
#contenido-mapa{
	background: #fff;
	padding:90px 0px 25px 0px; }

.intro-mapa{
	height: 95px;
	background: #16c172;
	color:#fff;
	border-radius: 3px;
	padding:10px 15px;
	font-size: 16px;
	font-family: 'Azo Sans Bk';
	font-weight: 900;
	margin: 25px 0px 3px 0px;}

.ico-mapa-tit{
	width:70px;
	float: left;
	margin-right: 10px;}

#categorias-mapas{
	background: #eeeeee;
	border-radius: 3px;
	padding: 5px;
	height:70px;
	margin:5px 0px 3px 0px;}

.item-cat{
	float: left;
	padding: 3px;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 13px;
	color:#888;}

.ico-cat{
	width:50px;
	vertical-align: middle;
	margin-right: 5px;}

#mod-panel-obra{
	z-index: 1;
	position:relative;
	top:-500px;
	height: 540px;
	width: 260px;}

.mapa-categorias{
	width:100%;
	height: 500px;}

.tit-mapa-categoria{
	margin: 0 auto;
	text-align: center;
	width: 80%;}

.img-mapa-panel{
	width:70px;
	margin: 10px;}

.campo-categorias{
	font-family: 'Azo Sans Lt';
	width: 90%;
	height: 40px;
	background: transparent;
	color:#606060;
	font-size: 14px;
	border-top:0px;
	border-right: 0px;
	border-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d4d4d4;}

.slidein {
    display: block;      /* don't change this */
    position: absolute;  /* don't change this */
    z-index: 999;
    background: #f4f4f4;
	border-bottom-right-radius: 90px;}

.slidein-panel {
    /* don't add width or height, use 'breadth' widget option as it then works for horz and vert */}

.slidein-handle {
    overflow: hidden;  /* don't change this */
    padding: 5px;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;}

.slidein{
    background:#f4f4f4;}

.slidein-panel{
    overflow : hidden;
    padding  : 15px;}

.slidein-handle{
	font-size:25px;
    color:#3e6be8;}

.borrar-select{
	width:90%;
	height: 40px;
	border-radius: 3px;
	font-weight: 900;
	color:#fff;
	border:0px;
	background:#ffc000; 
	margin: 5px;
	padding: 10px;
	
}
/*-----------------------------------------------------------
			MEDIA QUERY
----------------------------------------------------*/
@media (max-width: 1100px) {
	.box-img-event { flex-basis:310px; }

	.box-datos-evento { flex-basis:560px; }
	
	.tit-boletines{font-size: 40px;}
	
	.img-news{ width:90%;}
	
	.nota-principal {font-size: 16px; line-height: 22px; }
	
	.nota-principal h2 {font-size:18px; line-height: 24px;}

	#contenido{ padding:120px 0px 25px 0px; }

	#contenido-mapa{ padding:15px 0px 25px 0px; }
	
	#ruta{ width:95%;}
	
	
}

@media (max-width: 1030px) {
	.tabla-areas{ width: 55%;}
	
	.titulo-direccion-gral{ font-size: 18px; margin: 30px 0px 15px 0px;}	
	
	#mensaje-usuario{width: 98%; background-position: 95%}	
	
	.foto-articulo{margin-top: 15px;}
	
	.tit-micrositio{ font-size:25px; line-height: 25px;}
	
	.video-principal{height: 600px;}

	.video-secundario{height: 300px;}

	.video-tercer{height: 300px;}	

	.tit-eventos-prin{font-size: 20px; line-height: 35px;}	

	.tit-eventos-interna{ padding: 130px 25px 10px 25px; font-size: 20px; line-height: 35px;}
	
	.box-img-event {flex-basis:280px; }

	.box-datos-evento {		flex-basis:420px}	
	
	#enterate{ padding:75px 35px;}	
	
}


@media (max-width: 992px) {
	.slider-container { top:20px;}
	
  .mobileMenu {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    position: fixed;
    top: 50px;
    bottom: 0;
    margin: auto;
    left: 0;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;  }
	
  .mobileMenu.open {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);  }
	
  .mobileMenu .navbar-nav {
    overflow-y: auto;
  }
  .overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;  }
	
  .overlay.open {
    display: block;
    z-index: 1029;}
	
	#bandera{width: 65%; height: 110px;}	

	.txt-bandera-bis{margin-left: -40px;}	
	
	.txt-bandera-bis h1{ line-height: 15px; font-size: 12px;}	
	
	.ilustra{ width: 110px; height: 110px;}	
	
	h1{ line-height: 15px; font-size: 14px;}	 
	
	h2{font-size: 18px;}

	#destacados{padding:51px 5px 15px 5px;}	
	
	#contacto-direccion{width: 90%; height: auto;}

	.tabla-areas{ width: 68%;}
	
	.titulo-articulo{font-size: 15px;}
	
	.titulo-articulo-bis{font-size: 15px;}
	
	.cabecera-micrositio{padding: 20px 25px 40px 25px; background-position:50% !important}
	
	.descrip-micrositio{width:60%;}	

	.cabecera-documentos{padding: 20px 25px 50px 25px; background-position: 70%!important}	
	.items-tema{width: 95%;}	

	.orla-nota{ width: 85%; }
	
	.tit-noticias{font-size: 20px;}
	
	.tit-media{font-size: 20px;}	
	
	.txt-articulo a {width:100%; padding: 15px 0px 0px 68px;}
	
	.titulo-iframe{font-size: 19px; line-height:18px;}
	
	#calidad-aire{width: 270px; font-size: 10px;}		
	
	#eventos{ padding: 0px 10px 0px 10px;}	

	.ico-eventos-prin{width: 40px;}
	
	.tit-eventos-interna{ width: 96%; font-size: 18px; padding: 80px 15px 10px 15px;}	

	.tipo-vista{ width: 96%; padding:10px;}	
	
	.box-datos-evento {		flex-basis:370px}

	.nota-principal {flex-basis: 390px;}	

	.items-notas { flex-basis: 220px;}	
	
	#enterate{ padding:40px 25px;}		
	
	.logo-footer{ width:180px; margin: 0 auto;}	
	
	.redes{margin: 0 auto;}
	
}

@media (max-width: 789px) {
	.logo-footer{ width: 22%; margin: 0 auto;}	
	
	.slidesWrap .slides .slide img{	width: 100%;}

	.slidesArea{display: block;	}
	
	.tabla-areas{ width: 75%;}	
	
	.tit-micrositio{ font-size: 16px;}
	
	.box-formulario{flex-basis: 350px;}

	.box-contacto {flex-basis: 250px;  }	

	#mensaje-usuario{padding: 170px 30px 90px 30px;}	
	
	.tit-mensaje{font-size: 20px; line-height: 24px;}	
	
	.orla-nota{ width: 75%;}
	
	#contenedor-eventos {-webkit-flex-direction: column; width: 100%; }	
	
	.datos-evento{width: 78%; border-bottom: 1px solid #fff}
	
	.fecha-evento{ width: 15%;	}
	
	.img-evento{ width: 55%; padding:10px 0px;}
	
	#contenedor-eventos {-webkit-flex-direction: column; width: 100%; }	
	
	.datos-evento{width: 78%; border-bottom: 1px solid #fff}
	
	.fecha-evento{ width: 15%;	}
	
	.img-evento{ width: 55%; padding:10px 0px;}		
	
	.caja-eventos{width: 95%;}

	.buscar-eventos{ width: 100%; padding: 15px;}
	
	.box-img-event {flex-basis:180px; }

	.box-datos-evento {flex-basis:300px}
	
	#enterate{ padding:20px 25px;}			
	
}


@media (max-width: 668px) {
	
	#cintilla{padding: 5px 5px 5px 10px;}	
	
	#bandera{width: 100%; height: 85px;}	
	
	.ilustra{ width: 85px; height: 85px;}		
	
	.txt-bandera-bis{margin-left: -100px; }
	
	.txt-bandera-bis h1{ line-height: 14px; font-size: 12px;}
	
	#destacados{padding:79px 5px 15px 5px;}	
	
	#contenedor-temas {-webkit-flex-direction: column; width: 100%; }

	#banner-destacado{  margin: 0px 0px 0px 0px;}	
	
	.ilustra-destacado{ width: 100%; margin-left:0px;}	
	
	.tit-mod-destacados{margin: 20px 0px 0px 0px; }	
	
	.datos-mod{ width: 95%; }
	
	footer{	padding: 25px 10px 25px 10px; }
	
	h3{font-size: 18px;}
	
	.titulo-secc{font-size: 18px;}

	.titulo-secc-bis{font-size: 18px;}
		
	.slider-container {top:76px;}	
	
	.slider__switch { display: none; }
	
	.slider__caption { display: none;}

	.marco-redes{	margin: 25px 0px 0px 0px;}	
		
	#ruta{ float:none; width:100%; margin: 30px 0px 10px 0px; font-size: 13px;}

	.txt-gral-bis{width: 95%;}
	
	.titulo-direccion-gral{ font-size: 16px; }	
	
	#contacto-direccion{width: 100%;}	
	
	.tabla-areas{width: 100%;}
	
	tbody td { display: block;  height: auto; padding: 2px;}	
		
	tr:nth-child(even) td { background-color: rgb(157, 216, 228, .3); padding: 2px 10px; } 					
	.detalle-tabla{width: 100%;}
	
	thead { display:flex;}	

	.titular-cintilla{ font-size: 18px;}
	
	.titular-cintilla-bis{ font-size: 18px;}
	
	.ico-titular{ width: 40px; height:40px;}

	.imagen-articulo{ width:90%;}	
	
	.foto-articulo{margin-top: 10px;}	

	.items-liga{ border-bottom: 1px dotted #ccc; padding: 20px 0px 20px 0px;}	
	
	.integrante{width: 91%;}
	
	.integrante-bis{width: 85%;}	

	.titulo-contacto{font-size: 20px;}	

	#aviso-consulta{width: 95%;}	

	#no-soy{width: 95%;}	
	
	.tit-documentos{ line-height: 20px; font-size: 18px;}

	.descrip-documentos{width: 70%;}
	
	a.link-correo{font-size: 15px;}

	#mision{padding: 20px 25px 35px 25px;}
	
	#intro-direccion{ padding:10px 0px 0px 0px;}
	
	#directorio{ padding: 10px 25px 35px 25px;}
	
	#intro-articulo{padding:10px 0px 25px 0px;}	
	
	#lista-temas{padding: 10px 15px 10px 15px;}

	.txt-lista-tema{width: 100%;}
	
	.tit-enterate{font-size: 18px;}
	
	#mixedSlider .MS-content .item {width: 50%;}
	
	.tit-mensaje{font-size: 18px; line-height: 22px;}	
	
	#mensaje-acuse{ padding: 25px 15px 25px 15px;}	

	.txt-mensaje{width: 60%; padding: 10px 0px 10px 0px; font-size: 13px; line-height: 20px;}

	#img-articulo{width: 95%;}	
	
	#tit-galeria{ padding: 15px 25px 45px 25px;}	
	
	.titulo-galeria{font-size: 18px;}

	.division-galeria{width: 85%;}	
	
	.galeria{ width: 88%; padding: 0px 15px 20px 30px;}
	
	.sub-tit-galeria{font-size: 15px;}	

	.txt-foto{ font-size: 12px; line-height: 16px;}

	#nota-prin{height: auto;}	
	
	.nota-imagen{width: 95%; margin-right: 0px; }

	.video-principal{height: 440px;}

	.video-secundario{height: 220px;}

	.video-tercer{height: 220px;}	

	.reproductor{height: 220px;}

	.reproductor-sec{height: 160px;}	
	
	#media{padding: 5px 15px 30px 15px;}
	
	.info-media{-webkit-flex-direction: column; }	
	
	.min-video{height: 320px;}

	.reproductor-video{height: 160px;}	

	.ico-eventos-prin{width: 35px;}
	
	.tit-eventos-interna{ width: 98%; padding: 20px 10px 10px 10px;}		
	
	.caja-eventos{width: 100%;}	

	.caja-campos{ width: 100%; height: 120px;}
	
	.input-fecha{ width:99%;}

	.detalle-evento-info{-webkit-flex-direction: column; }		
	
	.img-centrar{width: 50%; padding: 10px;}
	
	.img-news{ width:100%;}	
	
	.intro-mapa{font-size: 14px; line-height: 18px; height: 85px;}

	.ico-mapa-tit{width:50px;	margin-right:5px;}
	
	#categorias-mapas{ height:130px;}	
	
	.item-cat{ font-size: 11px;}

	.ico-cat{ width:30px; margin-right: 3px;}
	
	
}


@media (max-width: 595px) {
	
	#cintilla{height: 65px;}	

	#bandera{top:142px;  height: 105px;}
			
	.ilustra{ width: 105px; height: 105px;}		
		
	h1{ line-height: 14px; font-size: 13px;}
	
	.slider-container {top:118px;}	

	#contacto{ padding: 25px 15px 25px 15px; }	

	#sub-menu{width:100%;}	

	.txt-bandera{ padding: 3px 5px 0px 5px;}	
	
	.txt-bandera-bis{margin-left: -50px;  padding: 5px 0px 0px 0px;}	
	
	.txt-bandera-bis h1{ line-height: 13px; font-size: 10px;}	
	
	.logo-footer{ width: 30%; }
	
	.marco-redes{	margin: 40px 0px 0px 0px;}	
	
	.info-filosofia {-webkit-flex-direction: column; }
	
	.ilustra-filosofia{ width: 40%; }	
	
	.imagen-articulo{ width:50%;}	
	
	.info-contacto-dependencia {-webkit-flex-direction: column; }
	
	.titular-cintilla-bis{width: 300px; font-size: 16px;}
	
	.ico-titular{ width: 30px; height:30px;}
	
	#mensaje-usuario{padding: 210px 30px 50px 30px;}	
	
	.orla-nota{ width: 70%;}

	.orla-media{width: 28%;}
	
	.thumb-1{ max-height: 200px;}

	.thumb-2{ max-height: 200px;}
	
	
}

	
@media (max-width: 495px) {
	#bandera{top:143px;}
	
	.txt-bandera-bis{margin-left:-40px;}	
	
	#mixedSlider .MS-content .item {width: 98%;}
	
	#mixedSlider .MS-content .item .imgTitle img {width: 95%;}	
	
	#mensaje-usuario{padding: 265px 30px 2px 20px;  background-position: 93%}	
	
	.txt-mensaje{width: 68%;}
	
	.orla-nota{ width: 55%;}
	
	.orla-media{width: 18%;}

	.min-video{ width: 92%; float: none; }	
		
}

@media (max-width: 475px) {
	#bandera{top:130px; top: 143px;}
	
	.txt-bandera-bis{margin-left: -20px}	

	
	.min-video{ width: 60%; float: none;  margin: 5px;}		
}