@charset "UTF-8";
/* CSS Document
HOJA DE ESTILOS UNIDAD DE TRANSPARENCIA MUNICIPAL
DIRECCIÓN GENERAL DE TECNOLOGÍAS DE LA INFORMACIÓN Y GOBIERNO DIGITAL
*/

html {
	box-sizing: border-box;}

*, *:before, *:after {
  box-sizing: inherit;}

body {
	font-size: 13px;	
	padding:35px 10px;
	color:#4a4b4c;
	font-family: 'Poppins';
	background:#f1f5f9;}

@font-face {
    font-family: 'Poppins';
    src: url('font/Poppins-Bold.eot');
    src: url('font/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/Poppins-Bold.woff') format('woff'),
        url('font/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;}

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

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

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

#page{
	margin: 0 auto;
	width: 90%;
	max-width: 1366px; }

header{
	padding: 15px;
	border-radius:8px;
	background: #fff;}

.cintilla{
	background: #f2f9ff;
	padding: 5px 15px;
	border-radius: 5px;
	margin-bottom: 10px;
	height:40px;}

a.tel{
	float: left;
    display: block;
    width:140px;
    height:30px;
	line-height: 30px;
    text-decoration: none;
	font-weight:normal; 
	color:#4a4b4c;
    background:url("img/tel.svg") 0 0  no-repeat;
	background-position:left;
	background-size:30px 30px;
	padding-left: 35px;
	margin: 0px 10px 0px 0px;}

a:hover.tel{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img/tel-roll.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:30px 30px;
	color:#0194fe;} 

a.mail{
	float: left;
    display: block;
    width:160px;
    height:30px;
	line-height: 30px;
    text-decoration: none;
	font-weight:normal; 
	color:#4a4b4c;
    background:url("img/mail.svg") 0 0  no-repeat;
	background-position:left;
	background-size:30px 30px;
	padding-left: 35px;
	margin: 0px 10px 0px 0px;}

a:hover.mail{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img/mail-roll.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:30px 30px;
	color:#0194fe;} 

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

.conten-imagen-social{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-identidad{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin-bottom: 5px;
	margin-right: 10px;}	

.logo{
	float: left;
	width: 160px;
	margin-right: 10px;}

.logo-b{
	float: left;
	width: 245px;
	height: 70px;
	margin-right: 10px;}

a.facebook{
	float: right;
    display: block;
    width:30px;
    height:30px;
    text-decoration: none;
    background:url("img/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/facebook-roll.svg") 0 0 no-repeat;
	background-position:center;	
	background-size:30px 30px;} 

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

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

a.instagram{
	float: right;
    display: block;
    width:30px;
    height:30px;
    text-decoration: none;
    background:url("img/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/instagram-roll.svg") 0 0 no-repeat;
	background-position:center;	
	background-size:30px 30px;} 

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

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

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

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

a.bot-site{float: right;
    display: block;
    width:140px;
    height:30px;
	line-height:30px;
    text-decoration: none;
	text-align: center;
	color:#0194fe;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 1px;}

a:hover.bot-site{
    background-position: -100px 0;
	text-decoration:none;
	color:#ffbe00} 

#identidad{
	margin: 0 auto;
	width: 410px;
	height: 90px;
	text-align: center;}

.logo{
	float: left;
	width: 195px;
	margin-right: 10px;}

/* ----------------------------------------------------
					SLIDER
----------------------------------------------------- */
.slider-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  background-color: #e2e2e2;
  -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;}

/*--------------------------------------------
			RUTA DE NAVEGACIÓN
----------------------------------------------*/
.ruta{
	clear:both;
	padding: 15px 20px;
	text-align: right;
	font-size: 16px;
	line-height: 18px;	}

.ruta a{
	color:#888;
	font-weight: bold;
	text-decoration: none;}

.ruta a:hover{
	color:#0194fe;
	text-decoration: none;}


/*--------------------------------------------
			BARRA DE NAVEGACIÓN PRINCIPAL
----------------------------------------------*/
.unav{
    width: 100%;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px;}

.unav-burger{
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    -webkit-border-radius: none;
            border-radius: none;
    cursor: pointer;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
    background-color: #3e6be8;
	border-radius: 5px;
    outline: none;}

.unav-burger span{
    height: 3px;
    display: block;
    position: absolute;
    top: 22.5px;
    left: 10%;
    right: 10%;
    background-color: #fff;
    -webkit-transition: background 0.15s linear 0.15s;
    -o-transition: background 0.15s linear 0.15s;
    transition: background 0.15s linear 0.15s;}

.unav-burger span::before,
.unav-burger span::after{
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    background-color: #fff;}

.unav-burger span::before{
    top: -10px;
    -webkit-transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
    transition: top 0.15s linear 0.15s, -webkit-transform 0.15s linear;
    -o-transition: top 0.15s linear 0.15s, transform 0.15s linear;
    transition: top 0.15s linear 0.15s, transform 0.15s linear;
    transition: top 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;}

.unav-burger span::after{
    bottom: -10px;
    -webkit-transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
    transition: bottom 0.15s linear 0.15s, -webkit-transform 0.15s linear;
    -o-transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
    transition: bottom 0.15s linear 0.15s, transform 0.15s linear;
    transition: bottom 0.15s linear 0.15s, transform 0.15s linear, -webkit-transform 0.15s linear;}

.unav-burger-open{
    background-color: #0194fe;
	border-radius: 5px;}

.unav-burger-open span{
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
    background: none;}

.unav-burger-open span::before{
    top: 0px;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
    transition: top 0.15s linear, -webkit-transform 0.15s linear 0.15s;
    -o-transition: top 0.15s linear, transform 0.15s linear 0.15s;
    transition: top 0.15s linear, transform 0.15s linear 0.15s;
    transition: top 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;}

.unav-burger-open span::after{
    bottom: 0px;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
    transition: bottom 0.15s linear, -webkit-transform 0.15s linear 0.15s;
    -o-transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
    transition: bottom 0.15s linear, transform 0.15s linear 0.15s;
    transition: bottom 0.15s linear, transform 0.15s linear 0.15s, -webkit-transform 0.15s linear 0.15s;
}

.unav nav{
    width: 250px;
    height: 100%;
    position: fixed;
    top: 70px;
    left: 0;
    bottom: 0;
    -webkit-transition-duration: 0.3s;
         -o-transition-duration: 0.3s;
            transition-duration: 0.3s;
    -webkit-transform: translateX(-270px);
        -ms-transform: translateX(-270px);
            transform: translateX(-270px);
    padding: 5px 5px;}

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

.unav-sidebar-show{
	background:#ccc;
    -webkit-transform: translateX(0px)!important;
        -ms-transform: translateX(0px)!important;
            transform: translateX(0px)!important;}

.unav-item{
    width: 100%;
    min-height: 35px;
    line-height: 35px;
    display: block;
    text-align: center;}

.unav-item:hover { background-color: #0194fe; border-radius: 5px; }

.unav-dropdown{
    cursor: pointer;
    position: relative;}

.unav-dropdown.is-active{
    height: auto;
    background-color: #2c2a31;}

.unav-dropdown:after{
    content: '';
    border: 7px solid transparent;
    border-left: 7px solid #ebdcca;
    position: absolute;
    top: 10px;
    right: 1px;}

.unav-dropdown.is-active:after{
    -webkit-transform-origin: 25% 50%;
        -ms-transform-origin: 25% 50%;
            transform-origin: 25% 50%;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);}

.unav-dropdown-menu{
    display: none;
    background-color: #fff;}

.unav-dropdown-menu a{
    display: block;
    color: #000;}

.unav-dropdown-menu a:hover { background-color: #d0d0d0; }

.unav-dropdown-menu.is-active { display: block; }


svg#ham-menue {
	fill: white;
	width: 50px;
	height: 50px;
	margin-left: 10px;
	margin-right: 30px;}

.line {
	fill: none;
	stroke: #fff;
	stroke-width: 3;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);}

.line1 {
	stroke-dasharray: 60 207;
	stroke-width: 3;}

.line2 {
	stroke-dasharray: 60 60;
	stroke-width: 3;}

.line3 {
	stroke-dasharray: 60 207;
	stroke-width: 3;}

.vg-nav-hamburger.vg-sidebar-active .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 3;}

.vg-nav-hamburger.vg-sidebar-active .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
	stroke-width: 3;}

.vg-nav-hamburger.vg-sidebar-active .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
	stroke-width: 3;}

/*--------------------------------------------
			TEMAS DESTACADOS
----------------------------------------------*/
#contenedor-temas {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;}	

.conten-destacados{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:0px;
	text-align: center;}

.dato-item{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin: 0px; }	

.dato-item h2{
	margin:0px 0px 5px 0px;
	font-size: 16px;
	font-weight: 600;
	text-align: center;}	

a.boton-destacado{
	height: 280px;
    display: block;
	color:#4a4b4c;
    font-weight: 300;
    font-style: normal;
	text-align: center;
    text-decoration: none;
    background:#e9eef2;
	line-height: 16px;
	padding: 25px 20px 25px 20px;}

a:hover.boton-destacado{
    background-position: -30px 0;
	text-decoration:none;
	color:#fff;
    background:#0194fe;}

.ico-destacado{
	width: 110px;
	margin:10px 0px 5px 0px;}

/*--------------------------------------------
			TRANSPARENCIA ITEMS
----------------------------------------------*/
#transparencia{
	padding:70px 25px 200px 25px;
	background:url("img/back-solicitudes.jpg") top center;
	background-repeat:no-repeat;
	background-color:#1e4e87;
	background-size:cover;
	background-position:center;
	background-position-y: initial; }

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

.conten-items{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:5px 0px;
	text-align: center;}

.dato-solicitud{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin:5px 0px 0px 5px; }	

.dato-solicitud h2{
	color:#fff;
	margin:5px 0px;
	font-size: 20px;
	line-height: 22px;}

.ilustra-secc{
	float: left;
	width:170px;
	margin-right:10px;}

.list-items {
	width:99%;
	margin: 0px 0px 0px 0px;
	padding: 5px; }

.list-items ul {
	float: left;
	width:63%;
	height: 120px;
	margin: 10px 5px 30px 5px;
	padding: 0px;	}

.list-items li {
	list-style: none;
	clear: both;
	padding:0px 0px 5px 0px;}
	
.list-items  li a{
	color: #fff;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	outline: none;
	padding:0px 0px 5px 30px;
	background: url("img/bullet-b.svg") no-repeat;
	background-size:25px 25px;}

.list-items li a:hover {
	text-decoration:none;
	background: url("img/bullet-roll.svg") no-repeat;
	color:#0194fe;
	background-size:25px 25px;}

a.bot-ver{
	float: right;
    display: block;
    width:120px;
    height:25px;
	line-height:30px;
    text-decoration: none;
	text-align: center;
	color:#fff;
	font-size: 16px;
	font-weight: 900;
    background:url("img/bullet-b.svg") 0 0  no-repeat;
	background-size:30px 30px;
	padding-left: 30px; }

a:hover.bot-ver{
    background-position: -100px 0;
	text-decoration:none;
	color:#0194fe;
    background:url("img/bullet-roll.svg") 0 0  no-repeat;
	background-size:30px 30px; } 


/*--------------------------------------------
			SUB ITEMS TRANSPARENCIA
----------------------------------------------*/
#sub-transparencia{
	background: #eaeff2;
	padding: 30px 25px 50px 20px;
	margin-top: -10px;}

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

.conten-items-sub{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-transparencia{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin:0px 5px; }	

.dato-transparencia h2{
	color:#4a4b4c;
	margin:5px 0px;
	font-size: 20px;
	line-height: 22px;}

.list-items-sub {
	width:99%;
	margin: 0px 0px 0px 0px;
	padding: 5px; }

.list-items-sub ul {
	float: left;
	width:63%;
	height: 120px;
	margin: 10px 5px 10px 5px;
	padding: 0px;}

.list-items-sub li {
	list-style: none;
	clear: both;
	padding:0px 0px 5px 0px;}
	
.list-items-sub  li a{
	color:#4a4b4c;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	outline: none;
	padding:0px 0px 5px 30px;
	background: url("img/bullet.svg") no-repeat;
	background-size:25px 25px;}

.list-items-sub li a:hover {
	text-decoration:none;
	background: url("img/bullet-roll.svg") no-repeat;
	color:#0194fe;
	background-size:25px 25px;}

a.bot-ver-sub{
	float: right;
    display: block;
    width:120px;
    height:25px;
	line-height:30px;
    text-decoration: none;
	text-align: center;
	color:#4a4b4c;
	font-size: 16px;
	font-weight: 900;
    background:url("img/bullet.svg") 0 0  no-repeat;
	background-size:30px 30px;
	padding-left: 30px;}

a:hover.bot-ver-sub{
    background-position: -100px 0;
	text-decoration:none;
	color:#0194fe;
    background:url("img/bullet-roll.svg") 0 0  no-repeat;
	background-size:30px 30px; } 

/*--------------------------------------------
			MULTIMEDIA
----------------------------------------------*/
#multimedia{
	background: #fff;
	padding:60px 25px 70px 25px;
	border-radius: 5px;
	margin:25px 0px;}

#multimedia h1{
	color:#0091fe;
	margin: 10px 0px 80px 0px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
	font-size:40px;
	line-height:30px;}

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

.conten-video{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:5px 0px;
	text-align: center;}

.reproduce{
	height:230px;
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin:5px 5px; }	

.mod-video{
	margin: 0 auto;
	width: 96%;
	height: 200px;
	padding: 10px 15px;
	background: #ddeefd;
	border-radius: 5px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;}

.mod-video a{
	color:#4a4b4c;
	text-decoration: none;}

.mod-video a:hover{
	color:#0091fe;
	text-decoration: none;}

.ico-video{
	margin-top: -30px;
	text-align: center;
	padding-bottom: 20px;}

.media{
	width:80px;
	margin-bottom:5px;}

.detalle-video{
	color:#0091fe;
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;}

a.bot-media{
	margin: 0 auto;
    display: block;
    width:120px;
    height:35px;
	line-height:30px;
    text-decoration: none;
	text-align: center;
	color:#4a4b4c;
	font-size: 16px;
	font-weight: 900;
    background:url("img/ver.svg") 0 0  no-repeat;
	background-size:30px 30px;
	padding-left: 30px; }

a:hover.bot-media{
    background-position: -100px 0;
	text-decoration:none;
	color:#3e6be8;
    background:url("img/ver-roll.svg") 0 0  no-repeat;
	background-size:30px 30px; } 

/*--------------------------------------------
			PLATAFORMA NACIONAL
----------------------------------------------*/
#plataforma-nacional{
	padding:40px 30px 170px 30px;
	background:url("img/plataforma-back.png") top right;
	background-repeat:no-repeat;
	background-color:#e3f0f9;
	background-size:cover;
	background-position:right;
    background-position-y: initial;
	border-radius: 5px;}

#plataforma-nacional h1{
	color:#888;
	margin: 10px 0px 40px 0px;
	text-align: left;
	font-weight: 600;
	font-size:30px;
	line-height:30px;}

.item-plataforma{
	width:50%;
	padding:20px 10px;
	font-size: 16px;
	line-height: 22px;}

.item-plataforma a{
	color:#4a4b4c;
	text-decoration: none;}

.item-plataforma a:hover{
	color:#3e6be8;
	text-decoration: none;}

.nota{
	font-size: 20px;
	font-weight: 600;}

.img-plataforma{
	width:60%;
	margin: 10px 0px;}


/*--------------------------------------------
			FOOTER - PIE DE PÁGINA
----------------------------------------------*/
footer{
	padding:55px 35px;
	background: #1e4e87;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top:20px;
	text-align: center;}

.identidad{
	width: 200px;
	margin-bottom:5px;}

.linea{
	height: 1px;
	background-color: #0091fe;
	margin-bottom: 20px;}

.social-media-footer{
	margin: 0 auto;
	width: 240px;
	height: 30px;
	padding: 0px 5px 10px 10px; }

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

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

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

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

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

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

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

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

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

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

.menu-footer {
	width:98%;
	margin: 0 auto;
	padding: 10px; }

.menu-footer  ul {
	width:100%;
	height:30px;
	margin:5px;
	padding: 0px;	}

.menu-footer li {
	list-style: none; 
	float: left;
	padding:0px 10px 0px 10px; }
	
.menu-footer   li a{
	color: #fff;
	font-size: 16px;
	line-height:14px;
	height: 16px;
	text-decoration: none;
	outline: none; 
	background: url("img/vineta.svg") no-repeat;
	background-size:15px 15px;
	padding-left: 20px}

.menu-footer li a:hover {
	text-decoration:none;
	color:#ffbe00; 
	background: url("img/vineta-roll.svg") no-repeat;
	background-size:15px 15px; }

.contacto{
	padding: 35px;
	background: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 16px;
	line-height: 20px;}

.identidad-direccion{
	width:300px;
	margin: 10px 20px 10px 0px;}

.nota-copy{
	font-weight: 600;}


/*--------------------------------------------
			COPY
----------------------------------------------*/
#copy{
	padding: 30px 35px;
	background: #fff;
	color:#4a4b4c;
	font-size: 16px;
	line-height: 22px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius: 5px;}

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

.conten-copy{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px; }

.dato-copy{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin:5px 0px 15px 0px; }	

.logo-copy{
	width: 245px;
	height: 70px;
	margin-bottom: }: 10px;}

.links{
	padding: 10px; }

#copy a {
	width: 175px;
	display: block;
	float: right;
	color:#4a4b4c;
	font-weight: 600;
	text-decoration: none}

#copy a:hover{
	text-decoration: none;
	color:#ffbe00}

/*--------------------------------------------
			UTM
----------------------------------------------*/
#back-utm{
	clear: both;
	padding:60px 0px 60px 0px;
	background:url("img/filosofia-back.png") top center;
	background-repeat:no-repeat;
	background-color:#f1f5f9;
	background-size:cover;
	background-position:center;
    background-position-y: initial;}

#back-utm h1{
	color:#4a4b4c;
	font-size: 50px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0px;}

.descripicion{
	margin: 0 auto;
	width: 80%;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	color:#4a4b4c}

.cintilla-ilustra{
	background:url("img/filosofia.jpg") top center;
	background-repeat:no-repeat;
	background-color:#f1f5f9;
	background-size:cover;
	background-position:center;
    background-position-y: initial;
	padding:70px 20px;
	margin:50px 0px;}

.cintilla-ilustra h2{
	color:#fff;
	font-size: 50px;
	letter-spacing: 1px;
	text-align: center;
	margin: 0px;}

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

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

.conten-misvis{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:0px;
	text-align: center;}

.dato-misvis{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin:10px 0px; }	

.txt{
	margin: 0 auto;
	width: 80%;
	padding:25px 10px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;}

.txt h3{
	color:#4a4b4c;
	font-size:25px;
	text-align: center;
	margin:10px 0px;}

#valores{
	margin: 0 auto;
	background: #edeeef;
	border-radius: 5px;
	width: 95%;
	padding: 20px;}

#valores h3{
	color:#0194fe;
	font-size:25px;
	text-align: left;
	margin:10px 0px;}

.linea{
	height: 1px;
	background: #0194fe;
	margin-bottom: 20px;}

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

.conten-valor{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:0px;}

.dat-valor{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin:10px 0px;}	

.txt-valor{
	margin: 0 auto;
	width: 145px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;}

.ico-valor{
	width: 80px;
	margin-bottom: 5px;}

/*--------------------------------------------
			ARTÍCULO
----------------------------------------------*/
#articulo{
	padding: 35px 30px;}

#articulo h1{
	color:#4a4b4c;
	font-size:30px;
	text-align: center;
	margin: 0px;}

.intro{
	margin: 0 auto;
	width:70%;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	line-height: 26px;
	color:#4a4b4c}

.intro strong{
	font-weight: bold;	}

.foto-principal{
	margin: 0 auto;
	padding: 20px 0px;
	width:72%;
	text-align: center;}

.contenido-articulo{
	padding:50px 35px;
	background: #eaf1f8;
	text-align: justify;
	font-size: 18px;
	line-height: 24px;}

.contenido-articulo ol {
	margin: 0 auto;
	padding:40px 0px;
	width: 90%;
	counter-reset:item;}

.contenido-articulo ol>li {
	margin:0px;
	padding:15px 25px 15px 25px;
	text-indent:-1em;
	list-style-type:none;
	counter-increment:item;}

.contenido-articulo ol>li  {
	text-decoration: none;}

.contenido-articulo ol>li:before {
	color:#0091fe;
	font-weight: 900; 
	font-style:normal;	
	display:inline-block;
	font-size:25px;
	width:20px;
	text-align:left;
	content:counter(item) "";}

.contenido-articulo a{
	display: block;
	width: 70%;
	margin: 0 auto;
	height:35px;
	line-height:18px;
	background:#0194fe url("img/enlace.svg") no-repeat;
	padding:10px 0px 10px 30px;
	background-size:25px;	
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
	color:#fff;}

.contenido-articulo a:hover{
	border: 1px solid #ffc000;
	background: url("img/enlace-roll.svg") no-repeat;
	padding:10px 0px 0px 30px;
	background-size:25px;	
	color:#ffc000;}

.contenido-articulo ul li {
	margin:15px 0px 15px 0px;
	padding:5px;
	text-align: left;}

.contenido-articulo ul li {
	list-style: none;
	clear: both;
	line-height:22px;
	font-size: 18px;
	background: url("img/vineta-b.svg") no-repeat;
	background-size:30px 30px;	
	padding:5px 0px 10px 45px;}

#galeria-art{
	background: #fff;
	padding: 25px; }

#galeria-art h1{
	color:#0091fe;
	margin: 10px 0px 20px 0px;
	text-align: left;
	font-weight: 600;
	letter-spacing: 1px;
	font-size:40px;
	line-height:30px;}

#mixedSlider { position: relative; }

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

#mixedSlider .MS-content .item {
	display: inline-block;
	width: 33%;
	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:70%;}

#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;}

.img-arti {
	width:70% !important;
	margin: 10px 0px 10px 0px;
	border-radius: 50%;}
/*--------------------------------------------
			DIRECTORIO
----------------------------------------------*/
#directorio{
	margin-top: 5px;
	background: #fff;
	padding:5px 20px; }

#directorio h1{
	color:#214083;
	font-size:40px;
	text-align: center;
	margin: 20px 0px}

.intro-directorio{
	margin: 0 auto;
	width: 40%;
	padding:0px 20px 50px 20px;
	color:#4a4b4c;
	font-size: 18px;
	line-height: 25px;
	text-align: center;}

.titular{
	margin: 0 auto;
	width:70%;
	height:300px;
	padding: 20px 0px;}

.foto-funcionario{
	float: left;
	width: 260px;
	text-align: center;}

.avatar{
	width:100%; }

.nombre-funcionario{
	float: left;
	width: 56%;
	height:70px;
	background: #005eb8;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	padding:15px 10px 15px 40px;
	margin-left: 10px;
	color:#fff;
	text-align: left;
	font-size: 15px;
	line-height: 20px;}

.datos-funcionario{
	float: left;
	width: 58%;
	height:120px;
	color:#4a4b4c;
	text-align: left;
	font-size: 15px;
	line-height: 22px;	
    padding:20px 0px 20px 10px;
	margin-left: 10px;}

.datos-funcionario a{
	text-decoration: none;
	color:#4a4b4c;}

.datos-funcionario a:hover{
	color:#0194fe;}

a.mail-funcionario{
	height:40px;
    display: block;
    text-decoration: none;
    background:url("img/mail-funcionario.svg") 0 0  no-repeat;
	background-size:35px 35px;
	padding-left:40px;
	color:#4a4b4c;
	margin-bottom:5px;
	font-size: 15px;}

a:hover.mail-funcionario{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img/mail-funcionario-roll.svg") 0 0 no-repeat;
	background-size:35px 35px;
	color:#0194fe}

.ico-tel{
	float: left;
	width: 35px;
	margin:0px 10px  0px 0px;}

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

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

.info-directorio{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin:10px 3px;}

.tarjeta{
	margin: 0 auto;
	width:98%;
	background: #f2f5f9;
	text-align: center;
	padding: 0px 0px 15px 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius:10px;}

.mod-avatar{
	background:#e2f0fd;
	padding: 10px;
	text-align: center;
	border-radius:10px;}

.avatar-b{
	width:200px;
	margin: 10px;}

.info-funcionario{
	height:80px;
	padding: 20px 5px;
	font-size: 15px;
	line-height: 20px;
	font-weight: 900;
	color:#214083;
	text-align: center;	}

.info-funcionario b{
	color:#0194fe;}

.datos-funcionario-b{
	width:98%;
	color:#4a4b4c;
	text-align: left;
	font-size: 15px;
	line-height: 22px;	
    padding:5px 10px 10px 10px;
	margin-left: 10px;}

.datos-funcionario-b a{
	color:#4a4b4c;
	text-decoration: none;}

.datos-funcionario-b a:hover{
	color:#0194fe; }


.ico-funcionario{
	float: left;
	width: 25px;
	margin:0px 10px  0px 0px;}

a.mail-funcionario-b{
	height:30px;
    display: block;
    text-decoration: none;
    background:url("img/mail-funcionario.svg") 0 0  no-repeat;
	background-size:25px 25px;
	padding-left:30px;
	color:#4a4b4c;
	margin-bottom:5px;
	font-size: 15px;}

a:hover.mail-funcionario-b{
    background-position: -30px 0;
	text-decoration:none;
    background:url("img/mail-funcionario-roll.svg") 0 0 no-repeat;
	background-size:25px 25px;
	color:#0194fe}
/*--------------------------------------------
			MICROSITIO
----------------------------------------------*/
#micro-sitio{
	margin-top: 5px;
	background: #fff;
	padding:5px 20px 40px 20px; }

#micro-sitio h1{
	color:#214083;
	font-size:30px;
	text-align:left;
	margin:5px 0px;}

.intro-micro-sitio{
	padding:0px 20px;
	margin: 0px;
	color:#4a4b4c;
	font-size: 18px;
	line-height: 25px;
	text-align: justify;}

.intro-micro-sitio ul li {
	margin:15px 0px 15px 0px;
	padding:5px;
	text-align: left;}

.intro-micro-sitio ul li {
	list-style: none;
	clear: both;
	line-height:22px;
	font-size: 18px;
	margin: 0px;
	background: url("img/vineta-b.svg") no-repeat;
	background-size:25px 25px;	
	padding:5px 0px 10px 32px;}

.items-micro{
	background: #f3fafe;
	padding: 30px 20px;
	border-radius: 15px;
	margin: 0 auto;
	width: 98%;}

.items-micro h2{
	color:#4a4b4c;
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0px;}

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

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

.info-micro{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin:10px 10px;
	text-align: center;
	font-size: 16px;
	line-height: 22px;}

.ico-micro{
	width: 120px;
	margin-bottom:5px;}

.info-micro h3{
	font-size: 18px;
	margin: 0px;}

.info-micro a {
	color:#4a4b4c;
	text-decoration: none;}

.info-micro a:hover {
	color:#0194fe; }

/*--------------------------------------------
			CONTACTO
----------------------------------------------*/
#contacto{
	margin-top:3px;
	background: #fff;
	padding:60px 25px 30px 25px;}

#contacto h1{
	color:#214083;
	font-size:30px;
	text-align:left;
	margin:5px 0px;}

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

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

.info-contacto{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	margin:10px 10pxs;}

.dato-contacto{
	padding:20px 5px;
	text-align: left;
	font-size: 16px;
	line-height: 22px;
	color: #4a4b4c;
	margin-bottom: 20px;}

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

.dato-contacto a{
	color:#4a4b4c;
	text-decoration: none;}

.dato-contacto a:hover{
	color:#0194fe; }

#mapa{
	margin: 0px 0px 70px 0px;}

/*--------------------------------------------
			PREGUNTAS FRECUENTES
----------------------------------------------*/
#preguntas-frecuentes{
	margin-top: 3px;
	padding: 20px 25px; }

.info-preguntas {
  -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-preguntas > div {
	padding:10px 25px;
	margin: 0px; }

.box-descripcion {
	flex-basis:550px;
	flex-grow: 2;
	order: 1;
	padding: 10px;}

.box-descripcion h1{
	color:#214083;
	font-size:35px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.box-ilustra {
	flex-basis:250px;
	flex-grow: 3; 
	order: 2;}

.ilustra-preguntas{
	width: 270px;
	margin: 10px 0px;}

.imagen{
	padding: 10px;
	text-align: center;}

.intro-preguntas{
	padding:10px 0px;
	margin: 0px;
	color:#1e4e87;
	font-size:18px;
	line-height: 24px;
	text-align: justify;}

.accord .insta-trans,.accord .insta-trans *{
	transition:none!important}

.accord .accord-item{
	overflow:hidden; background:#e6f0f9}

.accord .accord-heading{
	display:flex;
	align-items:center;
	/*justify-content:space-between;*/
	gap:1em;
	cursor:pointer; 
	color:#888;
	font-size: 16px;}

.accord .accord-chevron{
	transition:transform .25s linear}

.accord-panel,.accord .accord-panel.revealed{
	height:auto;
	overflow:hidden;
	opacity:1;
	transition-property:height,opacity,margin;
	transition-duration:.25s;
	transition-timing-function:linear;
	transition-delay:0s,.125s,0s;
	text-align: justify;
	font-size: 13px;
	line-height:18px;
	color:#1e4e87}

.accord .accord-panel.concealed{
	height:0!important;
	margin:0;
	opacity:0;
	transition-delay:0s;}

.accord .accord-item:has(>.accord-panel.revealed)>.accord-heading>.accord-chevron{transform:scaleY(-1)}

.accord{margin: 0 auto; max-width:78%}

.accord .accord-item{
	overflow:hidden;
	margin:5px 0;
	border-radius:1em;
	transition:transform .25s linear,margin .25s linear,background-color 0s linear .25s}

.accord .accord-heading{
	padding:15px;
	border-radius:1em;
	transition:color .25s linear,background-color .25s linear}

.accord .accord-heading:focus,.accord .accord-heading:hover{
	outline:0;
	background-color:#fff;
	color:#1e4e87}

.accord .accord-panel{
	margin:0 0 1.5em;
	padding:0 1.5em}

.accord .accord-item:has(.revealed){
	margin:1em 0;
	transform:scale(1.05);
	z-index:1;
	background-color:#fff;
	transition:transform .25s linear,margin .25s linear}

.ico-preguntas{
	float: left;
	width:35px;
	margin-right: 10px;}

/*--------------------------------------------
			DOCUMENTOS
----------------------------------------------*/
#documentos{
	background: #e6f0f9;
	padding: 20px 25px;
	margin-top: 5px;}

.tit-documentos{
	margin: 0 auto;
	width: 48%;
	padding: 10px;}

.img-documentos{
	float: left;
	width: 200px;}

.tit-documentos h1{
	color:#214083;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.intro-documentos{
	margin: 0 auto;
	width: 70%;
	padding:10px 10px;
	text-align: justify;}

.txt-doc{
	clear:both;
	color:#1e4e87;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

/*--------------------------------------------- 
				 TABS 
----------------------------------------------*/

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

.tabs-style-fillup nav ul li:last-child a {
	border:1px solid #e2e2e2;}

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

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

.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 #e2e2e2;
	background: #fff;
	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: 300;
	font-size:14px;
	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;
	border:1px solid #e2e2e2;
	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;}

.ico-doc{
	width:50px;
	margin:5px 0px;}

.lista{
	background: #fff;
	padding:45px 35px;}

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

.content-wrap section {
	display: none;
	margin: 0 auto;
	padding: 5px 10px 50px 5px;
	max-width: 1245px;
	text-align: center;}

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

.content-wrap section {
	margin: 0px;
	padding: 10px;
	line-height: 24px;
	text-align: left;
	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;
	}
}

a.link-doc{
    display: block;
    width:90%;
    height:50px;
	margin: 5px 0px 5px 10px;
	color:#4a4b4c; 
    text-decoration: none;
    background:#f2f6f9 url("img/pdf.svg") 0 0  no-repeat;
	background-position:left;
	padding: 10px 0px 10px 45px;
	border-radius: 5px;
	font-size:15px;
	background-size:35px 35px;}

a:hover.link-doc{
    background-position: -150px 0;
	text-decoration:none;
	color:#fff;
    background:#1e4e87 url("img/pdf.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:35px 35px;} 

a.link-xls{
    display: block;
    width:90%;
    height:50px;
	margin: 5px 0px 5px 10px;
	color:#4a4b4c; 
    text-decoration: none;
    background:#f2f6f9 url("img/xls.svg") 0 0  no-repeat;
	background-position:left;
	padding: 10px 0px 10px 45px;
	border-radius: 5px;
	font-size:15px;
	background-size:35px 35px;}

a:hover.link-xls{
    background-position: -150px 0;
	text-decoration:none;
	color:#fff;
    background:#1e4e87 url("img/xls.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:35px 35px;} 

a.link-txt{
    display: block;
    width:90%;
    height:50px;
	margin: 5px 0px 5px 10px;
	color:#4a4b4c; 
    text-decoration: none;
    background:#f2f6f9 url("img/doc.svg") 0 0  no-repeat;
	background-position:left;
	padding: 10px 0px 10px 45px;
	border-radius: 5px;
	font-size:15px;
	background-size:35px 35px;}

a:hover.link-txt{
    background-position: -150px 0;
	text-decoration:none;
	color:#fff;
    background:#1e4e87 url("img/doc.svg") 0 0 no-repeat;
	background-position:left;	
	background-size:35px 35px;} 

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

.accordion > li {
	margin: 0;}

.accordion > li:before {
	content: "\200B";
	position: absolute;}

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

.accordion__trigger {
	-webkit-appearance: none;
	background: #fafafa;
	background: url("img/carpeta-bis.svg") no-repeat;
	background-position: left;
	background-size: 40px 40px;
	border: none;
	border-radius: 5px;
	color: #4a4b4c;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-family: 'Poppins';
	font-weight: 300;
	margin: 0;
	padding: 15px 10px  15px 55px;
	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: #1e4e87;
	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: #e6e9ee;
	background: url("img/carpeta-bis.svg") no-repeat;
	background-position: left;
	background-size: 40px 40px;
	color: #0194fe;}

#lista-rubro .accordion__trigger {
	-webkit-appearance: none;
	background: #fafafa;
	background: url("img/carpetas.svg") no-repeat;
	background-position: left;
	background-size: 40px 40px;
	border: none;
	border-radius: 5px;
	color: #4a4b4c;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-family: 'Poppins';
	font-weight: 300;
	margin: 0;
	padding: 15px 10px  15px 55px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 2;}

#lista-rubro .accordion__trigger:hover,
.accordion__trigger:focus {
	background-color: #e4ebf0;
	color: #1e4e87;
	outline: none;}

#archivos .accordion__trigger {
	background:#daedfd url("img/carpeta-bis.svg") no-repeat;
	width: 95%;
	padding: 15px 10px  15px 70px;}






/*--------------------------------------------
			SECCIÓN
----------------------------------------------*/
#seccion{
	padding:20px 15px 50px 15px;
	background:url("img/back-seccion.jpg") top left;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:cover;
	background-position:left;
    background-position-y: initial; }

.info-seccion{
	-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-seccion > div {
	padding:10px 15px;
	margin: 0px; }

.box-seccion-intro {
	flex-basis:400px;
	flex-grow: 2;
	order: 1;
	padding: 5px;}

.box-seccion-intro h1{
	color:#214083;
	font-size:35px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.box-seccion-ilustra {
	flex-basis:250px;
	flex-grow: 3; 
	order: 2;}

.intro-seccion{
	padding:10px 0px;
	margin: 0px;
	color:#1e4e87;
	font-size:18px;
	line-height: 24px;
	text-align: justify;}

.ilustra-img-secc{
	width:58%;
	margin: 10px 0px;}

#lista-items{
	height: 750px;
	margin-top: -160px;
	padding: 35px 25px 280px 25px;}

#lista-items ul {
	width:85%;
	height: 120px;
	margin: 10px 5px 10px 5px;
	padding: 0px;}

#lista-items li {
	list-style: none;
	clear: both;
	padding:0px 0px 5px 0px;}
	
#lista-items  li a{
	color:#4a4b4c;
	font-size: 16px;
	line-height: 28px;
	text-decoration: none;
	outline: none;
	padding:0px 0px 5px 30px;
	background: url("img/bullet.svg") no-repeat;
	background-size:25px 25px;}

#lista-items li a:hover {
	text-decoration:none;
	background: url("img/bullet-roll.svg") no-repeat;
	color:#0194fe;
	background-size:25px 25px;}

/*--------------------------------------------
			MULTIMEDIA SECCIÓN
----------------------------------------------*/
#multimedia-secc{
	padding: 5px 25px;
	margin-top: 5px;}

.info-media-seccion{
	-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-seccion > div {
	padding:10px 15px;
	margin: 0px; }

.box-media-intro {
	flex-basis:400px;
	flex-grow: 2;
	order: 1;
	padding: 5px;}

.box-media-intro h1{
	color:#214083;
	font-size:35px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.box-media-ilustra {
	flex-basis:250px;
	flex-grow: 3; 
	order: 2;}

.intro-media{
	padding:10px 0px;
	margin: 0px;
	color:#1e4e87;
	font-size:18px;
	line-height: 24px;
	text-align: justify;}

.ilustra-img-media{
	width:65%;
	margin: 10px 0px;}

#cursos{
	margin: 0 auto;
	width: 95%;
	padding: 25px 30px;
	background: #f4fcff;
	border-radius: 5px}

#cursos h2{
	color:#0091fe;
	font-size: 22px;}

.vineta{
	float: left;
	width:55px;
	margin-right: 10px;}

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

.conten-video-cursos{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-video-cursos{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 20px;}	

a.bot-multimedia{
	margin: 0 auto;
    display: block;
    width:120px;
    height:35px;
	line-height:30px;
    text-decoration: none;
	text-align: center;
	color:#3e6be8;
	font-size: 16px;
	font-weight: 900;
    background:url("img/ver-roll.svg") 0 0  no-repeat;
	background-size:30px 30px;
	padding-left: 30px; }

a:hover.bot-multimedia{
    background-position: -100px 0;
	text-decoration:none;
	color:#ffc000;
    background:url("img/ver-media.svg") 0 0  no-repeat;
	background-size:30px 30px; } 

.reproductor{
	width: 100%; }

.titulo-video{
	font-size: 15px;
	line-height: 22px;
	padding:5px 10px;
	color:#888;}

.info-talleres{
  -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-talleres > div {
	padding:20px;
	margin:20px; }

.box-video-taller {
	flex-basis:460px;
	flex-grow: 2;
	order: 1;
	margin: 10px 10px;}

.box-lista-talleres {
	flex-basis:350px;
	flex-grow: 3; 
	order: 2;}

.info-talleres h2{
	color:#0091fe;
	margin-bottom: 40px;
	font-size: 22px;}

.list-videos-media {
	margin:10px 0px;
	padding:45px 10px; }

.list-videos-media ul {
	margin: 10px 0px 10px 0px;
	padding: 0px;	}

.list-videos-media li {
	list-style: none;
	clear: both;
	margin-bottom: 10px;
	padding:0px 0px 5px 0px;}
	
.list-videos-media  li a{
	color: #888;
	font-size: 15px;
	line-height: 22px;
	text-decoration: none;
	outline: none;
	padding:0px 0px 5px 25px;
	background: url("img/vineta-roll-bis.svg") no-repeat;
	background-size:20px 20px;}

.list-videos-media li a:hover {
	text-decoration:none;
	background: url("img/vineta-roll-bis.svg") no-repeat;
	color:#0194fe;
	background-size:20px 20px;}

#capacitacion{
	margin: 0 auto;
	width: 95%;
	padding:45px 40px;
	background: #dcedf7;
	border-radius: 5px}

#capacitacion h2{
	color:#0091fe;
	margin-bottom: 20px;
	font-size: 22px;}

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

.conten-video-cursos{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-video-cursos{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 20px;}	

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

.conten-capacitacion{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-capacitacion{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 20px;}	
/*--------------------------------------------
	FORMULARIO SOLICITUD DE INFORMACIÓN
----------------------------------------------*/
#formulario{
	padding: 20px 25px;
	margin-top: 5px;}

.tit-formulario{
	margin: 0 auto;
	width: 48%;
	padding: 10px;}

.img-formulario{
	float: left;
	width: 200px;}

.tit-formulario h1{
	color:#214083;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.intro-formulario{
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding:10px 10px; }

.txt-formulario{
	clear:both;
	color:#1e4e87;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

.nota-formulario{
	font-weight: 900;}

.detalle{
	color:#0194fe;
	font-weight: 900;}

#caja-formulario{
	margin: 0 auto;
	width: 80%;
	padding:45px 35px 75px 35px;
	border-radius: 5px;
	background: #e6f0f9;}

.input-nombre{
	width:90%;
	background-image: url('img/nombre.svg');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:25px;
	display: flex;
	align-items: center;
	padding:0px 0px 0px 35px;
	height: 35px;
	border-bottom: 1px solid #b4bdc2;
	margin:0 auto; }

.input-nombre input { 
	width:99%;
	font-size: 16px;
	background: transparent;
	border: none;
	color:#1e4e87;
	font-family: 'Poppins'}

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

.input-nombre input::placeholder {
	color:#1e4e87;}

.campo{
	float: left;
	width: 48%;
	padding:25px 0px;
	margin-right: 10px;}

.input-telefono{
	width:90%;
	background-image: url('img/telefono.svg');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:25px;
	display: flex;
	align-items: center;
	padding:0px 0px 0px 35px;
	height: 35px;
	border-bottom: 1px solid #b4bdc2;
	margin:0 auto; }

.input-telefono input { 
	width:99%;
	font-size: 16px;
	background: transparent;
	border: none;
	color:#1e4e87;
	font-family: 'Poppins'}

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

.input-telefono input::placeholder {
	color:#1e4e87;}

.input-correo{
	width:90%;
	background-image: url('img/correo.serv.svg');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:25px;
	display: flex;
	align-items: center;
	padding:0px 0px 0px 35px;
	height: 35px;
	border-bottom: 1px solid #b4bdc2;
	margin:0 auto; }

.input-correo input { 
	width:99%;
	font-size: 16px;
	background: transparent;
	border: none;
	color:#1e4e87;
	font-family: 'Poppins'}

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

.input-correo input::placeholder {
	color:#1e4e87;}

.espacio{
	clear: both;
	padding: 10px 0px;}

.input-peticion{
	width:90%;
	background-image: url('img/peticion.svg');
	background-repeat: no-repeat;
	background-position: 4px center;
	background-size:25px;
	display: flex;
	align-items: center;
	padding:0px 0px 0px 35px;
	height: 35px;
	border-bottom: 1px solid #b4bdc2;
	margin:0 auto; }

.input-peticion input { 
	width:99%;
	font-size: 16px;
	background: transparent;
	border: none;
	color:#1e4e87;
	font-family: 'Poppins'}

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

.input-peticion input::placeholder {
	color:#1e4e87;}

.label{
	margin: 0 auto;
	width: 90%;
	padding: 20px 0px;
	color:#1e4e87;
	font-size: 16px;
	line-height: 22px;
	text-align: left;}

.caja-texto{
	width: 100%;
	height: 180px;
	margin:20px;
	background: #f1f4f9;
	border-radius: 5px;
	padding:10px 0px;
	color:#1e4e87;
	font-family: 'Poppins';
	font-size: 16px;
	line-height: 22px;
	text-align: left;	
	border:0px;}

.aviso-privacidad{
	margin: 0 auto;
	width:37%;
	padding: 10px;
	color:#1e4e87;
	font-family: 'Poppins';
	font-size: 16px;
	line-height: 22px;}

.aviso-privacidad a{
	color:#1e4e87;
	text-decoration: underline;}

.aviso-privacidad a:hover{
	color:#0194fe;
	text-decoration: none;}

.casilla {
    float: left;
    width: 25px;
    height:25px;
	border:1px solid #b4bdc2;
    margin-right: 15px;}

.centrar-boton{
	margin: 0 auto;
	padding:20px 10px;
	width: 210px;}

.boton-enviar{
	width: 200px;
	height:50px;
	border:0px;
	border-radius:5px;
    background:#0194fe;
	font-size: 16px;
	font-family: 'Poppins';
	font-weight: 900;
	color: #fff;
	margin-top: 15px;}

.boton-enviar:hover{
	cursor: pointer;}

.no-soy{
	margin: 0 auto;
	width:65%;	
	text-align: center;
	padding: 15px;}

.notificaciones{
	font-size: 16px;
	line-height: 22px;
	padding: 20px;
	margin: 15px;
	background: #E7E7E7;
	margin-bottom: 25px;
	border-radius: 3px;}

.det-not{
	color:#F3494C;
	font-weight: 900;}

/*--------------------------------------------
			REGISTRO DE ACTAS MUNICIPALES
----------------------------------------------*/
#actas{
	padding: 20px 25px;
	margin-top: 5px;}

.tit-actas{
	margin: 0 auto;
	width: 48%;
	padding: 10px;}

.img-actas{
	float: left;
	width: 200px;}

.tit-actas h1{
	color:#214083;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.intro-actas{
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding:10px 10px; }

.txt-actas{
	clear:both;
	color:#1e4e87;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

#registro-actas{
	margin: 0 auto;
	width: 95%;
	padding:45px 35px 375px 35px;
	border-radius: 5px;
	background: #e6f0f9;}

#registro-actas h2{
	color:#005eb8;
	margin-bottom:10px;
	text-align: center;
	font-size: 20px;}

.etiqueta{
	width:65%;
	margin: 0 auto;
	font-weight: 900;
	font-size: 12px;
	color:#005eb8;
	text-align: left;
	padding:25px 0px 0px 0px}

.etiqueta-bis{
	font-weight: 900;
	font-size: 12px;
	color:#005eb8;
	text-align: left;
	padding:25px 0px 0px 0px}

.input-lista {
	width:65%;
	padding:0px;
	height: 38px;
	border-bottom: 1px solid #ccc;
	margin:0 auto;}

.input-lista select{
	background: transparent;
	width: 100%;
	height: 50px;
	color:#005eb8;
	font-size: 16px;
	font-family: 'Poppins';
	border:0px; }

.bloque{
	width:65%;
	margin: 0 auto;
	padding: 25px 0px 0px 0px;}

.campo-acta{
	float: left;
	margin-right: 10px;
	width: 48%;}

.input-periodo{
	width:98%;
	margin-bottom: 15px;
	height: 35px;
	padding: 5px 0px 5px 0px;
	background: transparent;
	color:#005eb8;
	font-size: 16px;
	font-family: 'Poppins';
	border: 0px;
	border-bottom: 1px solid #ccc;}

.input-periodo::placeholder {
	color:#005eb8;
	font-size: 16px;}

.input-busqueda{
	width:100%;
	height: 35px;
	padding: 5px 0px 5px 0px;
	background:transparent;
	color:#005eb8;
	font-size: 16px;
	font-family: 'Poppins';
	border: 0px;
	border-bottom: 1px solid #ccc;}

.input-busqueda::placeholder {
	color:#005eb8;
	font-size: 16px;}

.centrar-buscar{
	margin: 0 auto;
	padding:20px 10px;
	width: 285px;}

a.borrar{
	float:right;
	width:50px;
	height: 50px;
	line-height: 45px;
    display: block;
    text-decoration: none;
	background:#005eb8 url("img/borrar.svg") no-repeat center;
	background-size:30px;
	border-radius: 5px;
	margin:16px 0px 0px 0px;}

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

.total-regisros{
	float: left;
	width: 180px;
	height: 45px;
	line-height: 45px;
	background: #005eb8;
	color:#fff;
	text-align: center;
	font-weight: 900;
	font-size: 16px; }

.numero-regisros{
	float: left;
	width: 90px;
	height: 45px;
	line-height: 45px;
	background: #dee0e2;
	color:#005eb8;
	text-align: center;
	font-weight: 900;
	font-size: 16px; }

#paginacion{
    width:95%;
    height: 30px;
    padding: 25px 15px 45px 15px;}

a.bot-pag-next{
	float: left;
    display: block;
    width:35px;
    height:35px;
    text-decoration: none;
    background:#dee0e2 url("img/flecha-b.svg") 0 0  no-repeat;
	background-position: center;
	background-size: 25px 25px;
	line-height:30px;
	margin:7px;
	border-radius:3px;}

a:hover.bot-pag-next{
    background-position: -35px 0;
	text-decoration:none;
    background:#005eb8 url("img/flecha-b-roll.svg") 0 0 no-repeat;
	background-position: center;
	background-size: 25px 25px;} 		

a.bot-pag-back{
	float: left;
    display: block;
    width:35px;
    height:35px;
    text-decoration: none;
    background:#dee0e2 url("img/flecha-a.svg") 0 0  no-repeat;
	background-position: center;
	background-size: 25px 25px;	
	border-radius:3px;
	margin:7px;}

a:hover.bot-pag-back{
    background-position: -35px 0;
	text-decoration:none;
    background:#005eb8 url("img/flecha-a-roll.svg") 0 0 no-repeat;
	background-position: center;
	background-size: 25px 25px;} 		

a.bot-pag{
	float: left;
    display: block;
    width:35px;
    height:35px;
	line-height:35px;
	font-size: 14px;
	font-family: 'Poppins';
	font-weight: 300;
	background: #dee0e2;
    text-decoration: none;
	text-align: center;
	color:#005eb8;
    background:#;
	margin:7px;
	border-radius:3px;}

a:hover.bot-pag{
    background-position: -25px 0;
	text-decoration:none;
	color:#fff;
    background:#005eb8;} 

.bot-pag-activo{
	float: left;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 300;
    background: #dee0e2;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background:#214083;
    margin: 7px;
    border-radius: 3px;
	text-decoration:none;}

.datos{
	padding:15px 5px;}

.tabla-lista{
	margin: 0 auto;
	width:100%;
	color:#4a4b4c;
	font-size: 16px;}

tbody td {
	height:auto;
	background: #e8ebed;
	padding:10px 10px; }

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

thead td {
	height:auto;
	background: #214083;
	color:#fff;
	font-weight: 900;	
	text-align: center;
	padding:10px 5px; }

.img-tabla{
	text-align: center;}

.ico{
	width:35px;}

/*--------------------------------------------
			GALERÍA FOTOGRÁFICA
----------------------------------------------*/
#galeria{
	padding: 20px 25px;
	margin-top: 5px;}

#galeria h1{
	text-align: center;
	color:#0091fe;
	font-size:25px;
	line-height: 30px;
	margin:5px 0px;}

.intro-galeria{
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding:5px 10px; 
	color:#4a4b4c;
	font-size:16px;
	padding:25px 0px 45px 0px;
	line-height: 22px;}

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

.mod-foto{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.img-foto{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 10px;}	

.foto-galeria{
	margin: 0 auto;
	width: 92%;
	height: 420px;
	background: #cde6fa;
	padding: 20px 10px;
	border-radius: 5px;
	text-align: center;}

.img-galery{
	width: 180px;
	border-radius: 150px;
	margin-bottom: 10px;}

.pie-foto{
	padding: 5px 10px;
	text-align: left;
	font-size: 14px;
	line-height: 20px;}

.pie-foto a{
	color:#888;
	text-decoration: none;}

.pie-foto a:hover{
	color:#0091fe; }

/*--------------------------------------------
			ACUSE DE RECIBO
----------------------------------------------*/
#acuse{
	width:80%;
	height:600px;
	margin: 0 auto;
	padding: 20px 15px;
	margin-top: 5px;}

#acuse h1{
	color:#0091fe;
	font-size:35px;
	line-height: 35px;
	text-align:left;
	margin:115px 0px 0px 0px;}

.intro-seccion-mensaje{
	width: 90%;
	padding:30px 0px 0px 0px;
	margin: 0px;
	color:#4a4b4c;
	font-size:20px;
	line-height: 28px;
	text-align:left;}

.img-mensaje{
	float: left;
	width:260px;
	margin-right: 30px;}

/*--------------------------------------------
			CONSEJOS MUNICIPALES
----------------------------------------------*/
#consejos-municipales{
	padding: 20px 25px;
	margin-top: 5px;}

.tit-consejos{
	margin: 0 auto;
	width: 48%;
	padding: 10px;}

.img-consejos{
	vertical-align: middle;
	width:180px;}

.tit-consejos h1{
	color:#214083;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.intro-consejos{
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding:10px 10px; }

.txt-consejos{
	clear:both;
	color:#1e4e87;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

#registro-consejos{
	margin: 0 auto;
	width: 95%;
	padding:45px 35px 375px 35px;
	border-radius: 5px;
	background: #e6f0f9;}

#registro-consejos h2{
	color:#005eb8;
	margin-bottom:10px;
	text-align: center;
	font-size: 20px;}

.campos-consejos{
	width: 80%;
	margin: 0 auto;
	padding: 10px;}

.input-palabras{
	width:100%;
	height: 45px;
	padding: 10px 0px 10px 0px;
	background: transparent;
	color:#005eb8;
	font-size: 16px;
	font-family: 'Poppins';
	border: 0px;
	border-bottom: 1px solid #ccc;}

.input-palabras::placeholder {
	color:#005eb8;
	font-size: 16px;}

.tab-consejos{
	padding:15px 5px;}

/*--------------------------------------------
			QUIÉNES SOMOS
----------------------------------------------*/
#quienes{
	margin: 0 auto;
	width:90%;
	padding:35px 25px;
	border-radius: 5px;
	background: #e6f0f9;}

#quienes h1{
	color:#0091fe;
	font-size:40px;
	line-height: 45px;
	text-align:center;
	margin:15px 0px;}

#contenedor-quienes-somos {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	padding: 20px 0px;}	

.conten-item-quien{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-item-quien{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: center;
	margin-bottom: 15px;
	margin-right: 10px;}	

.dato-item-quien a{
	color:#4a4b4c;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;}

.dato-item-quien a:hover{
	color:#0194fe;}

.dato-item-quien h2{
	font-size: 18px;
	margin:5px 0px;}

.img-quien{
	width: 60%;
	margin:5px 0px;}

/*--------------------------------------------
			VIDEOS MULTIMEDIA CATEGORÍAS
----------------------------------------------*/
#videos{
	padding: 20px 25px;
	margin-top: 5px;}

.tit-videos{
	margin: 0 auto;
	width:320px;
	padding: 10px;}

.img-videos{
	float: left;
	width:120px;
	margin-bottom: 20px;}

.tit-videos h1{
	height: 200px;
	color:#0091fe;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.intro-videos{
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding:10px 10px; }

.txt-videos{
	clear:both;
	color:#4a4b4c;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

.img-videos{
	clear:both;
	color:#4a4b4c;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

.lista-videos{
	margin: 0 auto;
	width:90%;
	padding: 25px;
	border-radius: 5px;	
	background: #f4fcff;}

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

.video-lista{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:10px 0px;
	text-align: center;}

.dato-video-lista{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin-bottom: 10px;
	margin-right: 20px;}	

/*--------------------------------------------
			CUENTA PÚBLICA
----------------------------------------------*/
#cuenta-publica{
	padding: 20px 25px;
	margin-top: 5px;}

.tit-cuenta-publica{
	margin: 0 auto;
	width:35%;
	padding: 10px;}

.img-cuenta-publica{
	float: left;
	width: 130px;}

.tit-cuenta-publica h1{
	color:#214083;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

.intro-cuenta-publica{
	margin: 0 auto;
	width: 90%;
	text-align: center;
	padding:10px 10px; }

.txt-cuenta-publica{
	clear:both;
	color:#1e4e87;
	font-size:18px;
	padding:25px 0px 45px 0px;
	line-height: 24px;}

#doc-cuenta{
	margin: 0 auto;
	width: 98%;
	padding:45px 35px 375px 35px;
	border-radius: 5px;
	background: #e6f0f9;}

#doc-cuenta h2{
	color:#005eb8;
	margin-bottom:10px;
	text-align: center;
	font-size: 20px;}

/*--------------------------------------------
			OBLIGACIONES DE TRANSPARENCIA
----------------------------------------------*/
#obligaciones-transparencia{
	padding:20px 25px;  }

#obligaciones-transparencia h1{
	color:#0091fe;
	font-size:40px;
	line-height: 45px;
	text-align:center;
	margin:15px 0px;}

.intro-obligaciones{
	margin: 0 auto;
	width:70%;
	color:#4a4b4c;
	text-align: center;
	font-size:18px;
	padding:15px 0px 15px 0px;
	line-height: 24px;}

#caja-obligaciones{
	margin: 0 auto;
	width: 96%;
	background: #e6f0f9;
	padding: 25px;
	border-radius: 5px;}

#caja-obligaciones h2{
	color:#005eb8;
	margin-bottom:10px;
	text-align: center;
	font-size: 20px;}

.input-obligaciones-palabra{
	width: 100%;
	height: 35px;
	margin: 0 auto;	
	padding: 5px 0px 5px 0px;
	background: transparent;
	color:#005eb8;
	font-size: 16px;
	font-family: 'Poppins';
	border: 0px;
	border-bottom: 1px solid #ccc;}

.input-obligaciones-palabra::placeholder {
	color:#005eb8;
	font-size: 16px;}

#comunes{
	padding:70px 25px 70px 25px;
	background:url("img/back-obligacion.jpg") top center;
	background-repeat:no-repeat;
	background-color:#1e4e87;
	background-size:cover;
	background-position:center;
	background-position-y: initial; 
	border-radius: 5px;}

#comunes h2{
	color:#fff;
	font-size:30px;
	line-height: 35px;
	text-align:center;
	margin:15px 0px;}

.intro-comunes{
	margin: 0 auto;
	width:90%;
	color:#fff;
	text-align: center;
	font-size:16px;
	padding:15px 0px 15px 0px;
	line-height: 22px;}

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

.conten-comunes{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:0px;
	text-align: center;}

.dato-comunes{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin:5px 0px; }	

.dato-comunes a{
	display: block;
	margin: 0 auto;
	width: 95%;
	padding:10px 5px;
	text-decoration: none;
	color:#fff;
	font-size: 14px;
	line-height: 18px;}

.dato-comunes a:hover{
	padding:10px 5px;
	text-decoration: none;
	border-radius: 5px;
	color:#005eb8;
	background: #c2deef;}

.icono-bot{
	float: left;
	height: 45px;
	font-size: 35px;
	margin:5px 8px 0px 0px;}

#especificas{
	padding:50px 25px 320px 25px;
	background: #fff;}

.tit-especificas{
	margin: 0 auto;
	width:72%;
	padding:20px 10px;
	font-size: 16px;
	line-height: 22px;
	color: #888;}

.img-especificas{
	float: left;
	width: 220px;}

.tit-especificas h2{
	color:#888888;
	font-size:30px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

#lista-especificas{
	margin-top: -140px;}

.items-especificas{
	margin: 0 auto;
	width: 90%;
	border-radius: 8px;
	background: #c2deef;
	padding:35px 25px 70px 25px;}

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

.conten-tem-obligaciones{
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	margin:0px;
	text-align: center;}

.dato-obligaciones{
	flex: 1;
	-webkit-flex: 1;
	-webkit-order: 1;
	text-align: left;
	margin:5px 0px; }	

.dato-obligaciones ul {
	margin: 0 auto;
	width:95%;
	padding: 0px;	}

.dato-obligaciones li {
	list-style: none;
	clear: both;
	padding:0px 0px 10px 0px;}
	
.dato-obligaciones li a{
	color: #888;
	font-size: 16px;
	line-height: 25px;
	text-decoration: none;
	outline: none;
	padding:0px;}

.dato-obligaciones li a:hover {
	text-decoration:none;
	color:#0194fe;}

.detalle-tema{
	font-weight: 900;
	color:#0194fe;}

#fideicomisos{
	margin-top: -150px;
	padding:50px 25px 30px 25px;
	background: #f4f4f4;}

.tit-fideicomisos{
	margin: 0 auto;
	width:90%;
	padding:60px 10px 20px 10px;
	font-size: 16px;
	line-height: 22px;
	color: #888;}

.img-fideicomisos{
	float: left;
	width: 220px;}

.tit-fideicomisos h2{
	color:#1e4e87;
	font-size:28px;
	line-height: 35px;
	text-align:left;
	margin:5px 0px;}

#lista-fideicomisos{
	margin:0 auto;
	padding:90px 10px;
	width: 90%;}

#lista-fideicomisos ul {
	margin: 0 auto;
	width:99%;
	padding: 0px;	}

#lista-fideicomisos li {
	list-style: none;
	clear: both;
	padding:0px 0px 10px 0px;}
	
#lista-fideicomisos li a{
	color: #888;
	font-size: 16px;
	line-height: 25px;
	text-decoration: none;
	outline: none;
	padding:0px 0px 5px 35px;
	background: url("img/bullet-ot.svg") no-repeat;
	background-size:25px 25px;}

#lista-fideicomisos li a:hover {
	text-decoration:none;
	background: url("img/bullet-ot-roll.svg") no-repeat;
	color:#0194fe;
	background-size:25px 25px;}

#expedientes-clasificados{
	padding:120px 45px 50px 45px;
	background:#f4f4f4 url("img/back-expedientes.png") top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-position-y: initial;
	margin:0px 0px 10px 0px;}

#expedientes-clasificados h2{
	color:#888;
	margin: 0px;
	font-size: 28px;
	line-height: 35px;}

.txt-expedientes{
	padding:10px 10px 20px 10px;
	font-size: 16px;
	line-height: 22px;
	color: #888;}

.boton-exp{
	margin: 0 auto;
	width: 320px;
	height: 90px;
	padding: 10px;
	text-align: center;}

/*--------------------------------------------
			OBLIGACIÓN - RUBRO
----------------------------------------------*/
#rubro-obliga{
	padding:70px 25px 20px 25px;
	background: #fff;
	border-radius: 5px;}

#rubro-obliga h1{
	font-weight: 300;
	color:#0194fe;
	font-size:45px;
	line-height:50px;
	margin: 0px;}

#rubro-obliga h2{
	font-weight: 300;
	color:#005eb8;
	font-size:22px;
	line-height:30px;
	margin:5px 0px;}

.sub-titulo{
	font-weight: 900;}

.txt-rubro{
	padding: 10px;
	font-size:16px;
	line-height: 22px;}

#lista-rubro{
	margin: 0 auto;
	width: 95%;
	padding: 15px;
	border-radius: 5px;
	background: #eff7fe;}

/*--------------------------------------------
			RESULTADOS DE LA BÚSQUEDA
----------------------------------------------*/
#resultado-busqueda{
	padding:70px 25px 20px 25px;
	background: #e3eef8;
	border-radius: 5px;	}

#resultado-busqueda h1{
	font-weight: 300;
	color:#0194fe;
	letter-spacing: 1px;
	font-size:45px;
	line-height:50px;
	margin: 0px;}

.numero-regisros-buscar{
	float: left;
	height: 45px;
	line-height: 45px;
	background: #dee0e2;
	color:#005eb8;
	text-align: center;
	font-weight: 300;
	font-size: 16px; }

.not-buscar{
	color:#0194fe;
	font-weight: 900;}


/*--------------------------------------------
			MEDIA QUERY
----------------------------------------------*/
@media (max-width: 1285px) {
	a.boton-destacado{ height: 315px;}

	#transparencia{padding:20px 15px 265px 15px;}
	
	.ilustra-secc{ width:130px; }	
	
	.dato-solicitud h2{font-size:16px; line-height: 20px;}	

	.list-items ul {height: 135px;}	
	
	.dato-transparencia h2{font-size:16px; line-height: 20px;}
	
	.list-items-sub ul {width:60%; height: 150px;}	

	#sub-transparencia{ padding:10px 15px 80px 15px; margin-top: -100px;}	
	
	#plataforma-nacional{padding:50px 10px 20px 10px; background-position:53%;}	
	
	#plataforma-nacional h1{ font-size:25px;}

	.item-plataforma{ width:60%; font-size: 14px; line-height:18px;}	
	
	.nota{ font-size: 18px;}	
		
	.menu-footer { width:100%; padding:5px; }
	
	.menu-footer li a{ font-size: 13px;}

	.contenido-articulo{ padding:10px 15px; font-size: 13px; line-height:18px;}
	
	.contenido-articulo ol>li:before {font-size:18px;}

	.contenido-articulo ul li { line-height:18px; font-size: 13px; background-size:20px 20px; padding:5px 0px 10px 35px;}	

	#galeria-art h1{ font-size:25px;}

	#directorio{ padding:5px 10px; }	
	
	#directorio h1{ font-size:25px;}
	
	.intro-directorio{width: 70%; font-size: 14px; line-height: 18px; padding: 0px 5px;}
	
	.titular{width:80%;}

	.foto-funcionario{ width: 210px;}	

	.nombre-funcionario{ width: 65%; font-size: 13px; line-height:16px;}	
	
	.datos-funcionario{ font-size: 13px; line-height: 20px;	}

	a.mail-funcionario{font-size: 13px;}	
	
	.info-funcionario{ font-size: 13px; line-height: 16px; height: 95px;}
	
	.datos-funcionario-b{ font-size: 13px; line-height: 20px; padding:5px 0px 10px 0px;	}
	
	a.mail-funcionario-b{font-size: 13px;}	
	
	.avatar-b{width:160px;}
	
	#micro-sitio h1{ font-size:25px; line-height: 26px;}
	
	.intro-micro-sitio{ font-size: 14px; line-height: 18px; padding: 0px 5px;}

	.intro-micro-sitio ul li { line-height:20px; font-size: 13px; background-size:18px 18px; padding:5px 0px 10px 25px;}	

	.items-micro h2{ font-size:16px; line-height: 20px;}	
	
	.info-micro{  font-size: 12px; line-height: 17px;}

	.info-micro h3{ font-size: 14px;}	
	
	.ico-micro{width:90px;}
	
	#contacto h1{ font-size:25px; line-height: 26px;}
	
	.dato-contacto{ font-size: 13px; line-height: 17px; }
	
	.ico-contacto{ width:35px;}
	
	.box-descripcion { flex-basis:400px;}
	
	.box-descripcion h1{ font-size:25px; line-height: 26px;}

	.box-ilustra {flex-basis:200px; }	
	
	.ilustra-preguntas{width:220px;}	
	
	.intro-preguntas{font-size: 14px; line-height:20px;}

	#documentos{ padding: 20px 10px;}	
	
	.tit-documentos{width:55%;}

	.img-documentos{ width:150px;}	
	
	.tit-documentos h1{ font-size:25px; line-height: 26px;}

	.intro-documentos{ width:80%;}	
	
	.txt-doc{font-size: 14px; line-height:20px;}

	.ico-doc{ width:40px; }	

	.lista{ padding:25px 25px;}	
	
	a.link-doc{ width:98%; padding: 10px 0px 10px 30px; background-size:25px 25px; margin:5px 0px; font-size: 13px}

	a:hover.link-doc{background-size:25px 25px;} 
	
	a.link-xls{ width:98%; padding: 10px 0px 10px 30px; background-size:25px 25px; margin:5px 0px; font-size: 13px}

	a:hover.link-xls{background-size:25px 25px;} 	
	
	a.link-txt{ width:98%; padding: 10px 0px 10px 30px; background-size:25px 25px; margin:5px 0px; font-size: 13px}

	a:hover.link-txt{background-size:25px 25px;} 	
			
	.box-seccion-intro h1{ font-size:25px; line-height: 26px;}
	
	.intro-seccion{ font-size: 14px; line-height: 18px; padding: 0px 5px;}
	
	#lista-items{margin-top: -120px; padding: 25px 15px 280px 15px;}
	
	#lista-items  li a{ font-size: 14px; line-height: 22px;}
	
	.box-media-intro h1{ font-size:25px; line-height: 26px;}

	.intro-media{ font-size: 14px; line-height: 18px; padding: 0px 5px;}
	
	.vineta{ width:40px;}

	#cursos{ width: 99%; padding: 25px 15px;}	
	
	#cursos h2{ font-size: 18px;}	
	
	.titulo-video{ font-size: 13px; line-height: 16px; padding:5px 5px;}
	
	.info-talleres > div { padding:10px; margin:10px; }
	
	.box-video-taller {flex-basis:460px;}

	.box-lista-talleres {flex-basis:330px;}
	
	.list-videos-media  li a{ font-size: 13px; line-height:17px;}
	
	.info-talleres h2{ font-size: 18px;}	
	
	#capacitacion{ padding:30px 20px;}	
	
	#capacitacion h2{ font-size: 18px;}		
	
	#formulario{ padding: 20px 10px;}	
	
	.tit-formulario{width:55%;}

	.img-formulario{ width:150px;}	
	
	.tit-formulario h1{ font-size:25px; line-height: 26px;}

	.intro-formulario{ width:80%;}	

	#caja-formulario{width: 95%; padding:30px 10px 60px 10px;}	
	
	.input-nombre input {  font-size: 13px;}
	
	.input-telefono input {  font-size: 13px;}
	
	.input-correo input {  font-size: 13px;}
	
	.input-peticion input {  font-size: 13px;}

	.label{ font-size: 13px; line-height:17px; }
	
	.caja-texto{ font-size: 13px; line-height:17px;}	
	
	.aviso-privacidad{ width:70%; font-size: 13px; line-height: 18px;}
	
	.boton-enviar{ font-size: 13px;}
	
	#actas{ padding: 20px 10px;}	
	
	.tit-actas{width:55%;}

	.img-actas{ width:150px;}	
	
	.tit-actas h1{ font-size:25px; line-height: 26px;}

	.intro-actas{ width:80%;}	
	
	.txt-actas{font-size: 14px; line-height:20px;}

	#registro-actas{width: 98%; padding:30px 5px 60px 5px;}
	
	#registro-actas h2{ font-size:15px;}
	
	.input-periodo::placeholder { font-size: 13px;}
	
	.input-lista select{ font-size: 13px;}
	
	.total-regisros{ font-size: 13px; }	
	
	.numero-regisros{ font-size: 13px; }	
	
	#galeria{ padding:5px 10px; }	
	
	#galeria h1{ font-size:18px;}
	
	.intro-galeria{ width: 90%; font-size:14px; line-height:18px; padding:15px 0px 30px 0px;}

	.notificaciones{font-size: 13px; line-height: 18px;}	

	.img-mensaje{ width:200px; margin-right:15px;}	

	#acuse h1{font-size:20px;line-height: 25px; margin:65px 0px 0px 0px;}	
	
	.intro-seccion-mensaje{ width: 95%; font-size:15px; line-height: 25px;}	
	
	#consejos-municipales{ padding: 20px 10px;}	
	
	.tit-consejos{width:55%;}

	.img-consejos{ width:150px;}	
	
	.tit-consejos h1{ font-size:25px; line-height: 26px;}

	.intro-consejos{ width:80%;}	
	
	.txt-consejos{font-size: 14px; line-height:20px;}
	
	#registro-consejos{width: 98%; padding:30px 5px 60px 5px;}
	
	#registro-consejos h2{ font-size:15px;}
	
	.input-palabras::placeholder { font-size: 13px;}
	
	#quienes h1{ font-size:25px; line-height: 26px;}
	
	.dato-item-quien a{ font-size: 13px; line-height: 18px;}

	.dato-item-quien h2{ font-size: 15px;}	

	#videos{padding: 20px 10px;}	
	
	.intro-videos{ width:95%;}
		
	.txt-videos{ font-size:13px; line-height:18px;}	

	.tit-videos h1{ height: 100px; font-size:22px; line-height: 25px;}	
	
	#cuenta-publica{ padding: 20px 15px;}
	
	.intro-cuenta-publica{ width:95%;}
		
	.txt-cuenta-publica{font-size:13px; line-height:18px;}	
	
	.tit-cuenta-publica{ width:45%;}	

	.tit-cuenta-publica h1{  font-size:22px; line-height: 25px;}	
	
	#obligaciones-transparencia{ padding:5px 10px; }	
	
	#obligaciones-transparencia h1{ font-size:18px; margin: 5px 0px; line-height: 22px;}
	
	.intro-obligaciones {width:90%;  font-size:13px; line-height:18px; padding: 5px;}	
	
	#caja-obligaciones{ width: 98%;	padding:10px;}
	
	#caja-obligaciones h2{ font-size: 16px;}	
	
	.input-obligaciones-palabra::placeholder { font-size: 13px;}

	#comunes{padding:20px 10px 20px 10px;}
	
	#comunes h2{ font-size: 18px;}	
	
	.intro-comunes {width:98%;  font-size:13px; line-height:18px; padding: 5px;}

	#especificas{ padding:30px 10px 320px 10px;}	
	
	.img-especificas{ width: 160px;}
	
	.tit-especificas{width:88%; font-size: 13px; line-height:17px;}

	.tit-especificas h2{ font-size:18px; line-height:22px;}	
	
	#lista-especificas{ margin-top: -170px;}
	
	.items-especificas{ width: 96%; padding:35px 15px 40px 15px;}
	
	.dato-obligaciones li a{font-size: 13px; line-height: 20px;}
	
	#fideicomisos{ padding:50px 10px 50px 10px;}
	
	.tit-fideicomisos{ padding:40px 10px 20px 10px; font-size: 13px; line-height: 18px;}
	
	.tit-fideicomisos h2{ font-size:18px; line-height:22px;}
	
	.img-fideicomisos{ width: 160px;}	
	
	#lista-fideicomisos{ padding:30px 10px; width: 98%;}
	
	#lista-fideicomisos li a{ font-size: 13px; line-height: 18px;}	
	
	#expedientes-clasificados{ padding:90px 30px 50px 30px;}
	
	#expedientes-clasificados h2{ font-size:18px; line-height:22px;}	
	
	.txt-expedientes{ padding:40px 10px 20px 10px; font-size: 13px; line-height: 18px;}
	
	#rubro-obliga{padding:50px 10px 20px 10px; }
		
	#rubro-obliga h1{ font-size:25px; line-height:30px;}

	#rubro-obliga h2{ font-size:18px; line-height:22px;}
	
	.txt-rubro{ font-size:13px; line-height: 18px;}

	#lista-rubro .accordion__trigger { font-size: 13px;}	
	
	#resultado-busqueda{ padding:50px 15px 20px 15px;}

	#resultado-busqueda h1{ font-size:30px; line-height:35px;}
	
	.numero-regisros-buscar{width:98%; height: 60px; line-height: 18px; font-size: 13px; padding: 10px; text-align: left;}
	
	.tabla-lista{ font-size: 13px;}
	
}


@media (max-width: 1024px) {
	body {padding:10px 5px;}	
	
	#page{width:100%;}
	
	.cintilla{padding:5px 5px;}
	
	.logo{ width:120px; }

	.logo-b{ width:205px; height:50px;}
	
	.ico-destacado{width:70px;}

	.dato-item h2{ font-size: 14px;}		
	
	a.boton-destacado{ height: 265px; font-size: 12px; line-height: 14px; padding: 25px 15px 25px 15px;}	
	
	#transparencia{padding:25px 10px 300px 10px; background-position:50%;}	
	
	.ilustra-secc{ width:110px;}		

	.list-items  li a{ font-size: 12px; line-height:16px; padding:0px 0px 5px 25px; background-size:20px 20px;}
	
	.dato-transparencia h2{ font-size: 14px;}
	
	.list-sub-items  li a{ font-size: 12px; line-height:16px; padding:0px 0px 5px 25px; background-size:20px 20px;}	
	
	#sub-transparencia{ padding:10px 15px 120px 15px; margin-top: -250px;}	
	
	#multimedia{padding: 25px 15px 30px 15px;}		
	
	#multimedia h1{ font-size:25px;}	
	
	.mod-video{ width: 98%; padding: 10px 10px; font-size: 13px; line-height:18px;}
	
	.detalle-video{font-size:16px; line-height:22px;}
	
	footer{padding:25px 20px;}
	
	.identidad{	width:150px; }
	
	.menu-footer {height:100px; padding:20px 0px;}	
		
	#copy{padding: 20px 10px; font-size: 13px; line-height:18px;}
	
	.ruta{font-size: 14px; line-height: 18px;}
	
	#back-utm h1{ font-size:25px;}	

	.descripicion{ width:90%; font-size: 14px; line-height: 20px;}	
	
	.cintilla-ilustra{ padding:40px 20px; margin:20px 0px;}	
	
	.cintilla-ilustra h2{ font-size:25px;}	
	
	.txt h3{ font-size:18px;}
	
	.txt{ width: 90%; font-size: 14px; line-height: 20px;}	
	
	#valores{ width: 99%; padding: 15px;}	
	
	.txt-valor{ width: 110px; font-size: 13px; line-height:18px;}

	.ico-valor{ width:60px;}
	
	#articulo h1{ font-size:25px;}	
	
	.intro{font-size: 13px; line-height:18px;}

	.contenido-articulo ol { width: 98%;}	
		
	.contenido-articulo a{ width:95%;}
	
	.titular{width:90%;}
	
	.foto-funcionario{width:180px;}
	
	.avatar-b{width:130px;}
	
	.content-wrap section { padding: 3px; line-height: 18px; font-size: 13px;}
	
	.accord{max-width:85%}
	
	.accord .accord-heading{ font-size: 14px;}
	
	.tit-documentos{width:70%;}
	
	.intro-documentos{ width:90%;}

	.tabs-style-fillup nav ul li a span { font-size:12px;}
	
	.box-seccion-intro { flex-basis:330px;}

	.box-seccion-ilustra {flex-basis:300px;}	

	.ilustra-img-secc{width:90%;}	

	#lista-items{ margin-top: -180px;}
	
	#multimedia-secc{padding: 5px 10px;}
		
	.box-media-intro { flex-basis:280px;}

	.box-media-ilustra {flex-basis:230px;}
	
	.ilustra-img-media{width:85%;}
	
	.box-video-taller {flex-basis:380px;}

	.box-lista-talleres {flex-basis:250px;}

	a.bot-multimedia{ line-height:20px; font-size: 13px;}
	
	.tit-formulario{width:70%;}
	
	.intro-formulario{ width:90%;}
	
	#caja-formulario{width: 98%;}	
	
	.tit-actas{width:70%;}
	
	.intro-actas{ width:90%;}
	
	.etiqueta{ width:90%; }
	
	.input-lista {width:90%;}

	.bloque{ width:90%; }	

	.img-galery{width: 150px;}

	.pie-foto{padding: 5px 5px; font-size: 12px; line-height:17px;}	
	
	.tit-consejos{width:70%;}
	
	.intro-consejos{ width:90%;}

	.campos-consejos{width: 95%;}
	
	#quienes{ width:98%; padding:25px 10px;}
	
	#quienes h1{ font-size: 18px;}
	
	.img-videos{width:80px;}	
	
	.img-cuenta-publica{width: 100px;}
	
	.dato-comunes a{ width: 97%; font-size: 13px; line-height: 16px;}
	
	.icono-bot{height:28px; font-size: 25px; }
	
	.boton-exp{ width: 280px;}
	
	#lista-rubro{width: 98%; padding: 10px;}
	
	
	
}


@media (max-width: 812px) {
	.logo{ width:90px; margin: 0px;}

	.logo-b{ width:155px; height:40px; margin: 0px;}

	a.bot-site{  width:100px; height:14px; line-height:14px; font-size: 14px; letter-spacing: 0px;}		
	
	a.facebook{ margin-right:5px; float: left;}
	
	a.instagram{ margin-right:5px; float: left;}
	
	a.tiktok{ margin-right:5px; float: left;}
	
	a.x{ margin-right:5px; float: left;}
	
	a.youtube{ margin-right:5px; float: left;}
	
	a.boton-destacado{ height:310px;}	
		
	#contenedor-transparencia{-webkit-flex-direction: column; width: 100%; }	
		
	.ilustra-secc{ width:90px;}
	
	.list-items ul {width:80%; height:35px;}	
	
	a.bot-ver{line-height:20px;font-size: 14px;}
	
	#contenedor-sub-transparencia{-webkit-flex-direction: column; width: 100%; }
	
	.dato-transparencia{margin:5px 0px; }
	
	.list-items-sub ul {width:78%; height:75px;}
	
	a.bot-ver-sub{line-height:20px;font-size: 14px;}

	.titular{width:98%;}
	
	.ico-micro{width:75px;}

	#preguntas-frecuentes{ padding: 20px 10px; }	
	
	.box-descripcion { flex-basis:330px;}

	.box-ilustra {flex-basis:160px; }	
	
	.ilustra-preguntas{width:180px;}
	
	.lista{ padding:5px 5px;}	
	
	.ico-doc{ width:30px; }	
	
	#seccion{padding:20px 5px 50px 5px;}
	
	.box-seccion-intro { flex-basis:300px;}

	.box-seccion-ilustra {flex-basis:250px;}	
	
	#lista-items{ margin-top: -110px;}
	
	.box-media-intro { flex-basis:290px;}

	.box-media-ilustra {flex-basis:180px;}
	
	thead {display: none;}

	tr:nth-of-type(2n) {}
	
	tr td:first-child { }
	
	tbody td { display: block; height:auto; padding:5px 0px 5px 10px;}
	
	.datos td:nth-of-type(1):before { content: "Administración pública: "; font-weight: 900; font-size: 12px; }	
	
	.datos td:nth-of-type(2):before { content: "Sujeto Obligado: "; font-weight: 900; font-size: 12px;}
	
	.datos td:nth-of-type(3):before { content: "Sesión: "; font-weight: 900; font-size: 12px; }
	
	.datos td:nth-of-type(4):before { content: "Fecha: "; font-weight: 900; font-size: 12px;}

	.datos td:nth-of-type(5):before { content: "Documento: "; font-weight: 900; font-size: 12px; }	
	
	.datos td:nth-of-type(6):before { content: "Estatus: "; font-weight: 900; font-size: 12px; }
	
	.datos td:nth-of-type(7):before { content: "Observaciones: "; font-weight: 900; font-size: 12px; }

	.img-tabla{ text-align: left;}
	
	.ico{width:25px;}

	.foto-galeria{ width: 96%; padding: 20px 5px;}	
	
	.img-galery{width: 100px;}

	.img-foto{ margin-bottom:5px; margin-right:0px;}	
	
	.img-mensaje{ width:120px;}	

	#acuse{ width:95%; height:350px; padding:10px 0px;}	

	#acuse h1{font-size:18px;line-height: 22px; margin:45px 0px 0px 0px;}
		
	.intro-seccion-mensaje{ width: 98%; font-size:13px; line-height: 18px;}	
	
	.tab-consejos td:nth-of-type(1):before { content: "Consejo: "; font-weight: 900; font-size: 12px; }	
	
	.tab-consejos td:nth-of-type(2):before { content: "Fecha que corresponde renovar: "; font-weight: 900; font-size: 12px;}
	
	.tab-consejos td:nth-of-type(3):before { content: "Nombre del Presidente: "; font-weight: 900; font-size: 12px; }
	
	.tab-consejos td:nth-of-type(4):before { content: "Documento: "; font-weight: 900; font-size: 12px;}
	
	.cta-publica td:nth-of-type(1):before { content: "Administración Pública: "; font-weight: 900; font-size: 12px; }	
	
	.cta-publica td:nth-of-type(2):before { content: "Dependencia: "; font-weight: 900; font-size: 12px;}
	
	.cta-publica td:nth-of-type(3):before { content: "Año: "; font-weight: 900; font-size: 12px; }
	
	.cta-publica td:nth-of-type(4):before { content: "Mes: "; font-weight: 900; font-size: 12px;}

	.cta-publica td:nth-of-type(5):before { content: "Periodo: "; font-weight: 900; font-size: 12px;}
	
	.cta-publica td:nth-of-type(6):before { content: "Documento: "; font-weight: 900; font-size: 12px;}
	
	.img-especificas{ width: 110px;}
	
	.tit-especificas{width:99%; padding:10px 0px;}

	.tit-especificas h2{ font-size:16px; line-height:20px;}
	
	.items-especificas{ width: 98%; padding:35px 10px 40px 10px;}
	
	.img-fideicomisos{ width: 100px;}
	
	#expedientes-clasificados{ padding:70px 15px 50px 15px;}
	
	#rubro-obliga h1{ font-size:20px; line-height:25px;}

	#rubro-obliga h2{ font-size:16px; line-height:20px;}
	
	#resultado-busqueda h1{ font-size:20px; line-height:25px;}
	
	.tabla-resultados-buscar td:nth-of-type(1):before { content: "Año: "; font-weight: 900; font-size: 12px; }	
	
	.tabla-resultados-buscar td:nth-of-type(2):before { content: "Obligación: "; font-weight: 900; font-size: 12px;}
	
	.tabla-resultados-buscar td:nth-of-type(3):before { content: "Periodo: "; font-weight: 900; font-size: 12px; }
	
	.tabla-resultados-buscar td:nth-of-type(4):before { content: "Documento: "; font-weight: 900; font-size: 12px;}
	
	
}


@media (max-width:768px) {
	.list-items ul {height:70px;}
	
	.list-items-sub ul {height:70px;}
	
	#multimedia h1{ font-size:20px;}	
	
	#back-utm h1{ font-size:20px;}	
	
	.cintilla-ilustra h2{ font-size:20px;}
	
	.txt-valor{ width:95px;}

	.ico-valor{ width:50px;}	
	
	#articulo { padding: 10px;}
	
	#articulo h1{ font-size:20px;}
	
	.intro{ width:95%;}
	
	#galeria-art h1{ font-size:20px;}	
	
	.foto-funcionario{ width:150px;}
	
	#contenedor-directorio {-webkit-flex-direction: column; width: 100%; }	
	
	#directorio h1{ font-size:20px;}
	
	#contacto h1{ font-size:20px;}
	
	.accord{max-width:98%}
	
	.box-seccion-intro h1{ font-size:18px; line-height: 22px;}
	
	.box-media-intro h1{ font-size:20px;}
	
	.box-video-taller {flex-basis:250px;}

	.box-lista-talleres {flex-basis:170px;}

	.lista-videos{ width:98%; padding: 10px; }	
	
	.numero-regisros-buscar{ height:85px;}
	
}

@media (max-width:668px) {
	.cintilla{height:78px; padding:2px 5px;}
	
	a.tel{float: none; margin-bottom: 10px;}	
	
	.social-media{ padding:0px 10px; width: 200px; margin: 0 auto;}
	
	a.bot-site{ width: 190px; float: none; letter-spacing: 1px; font-size: 16px; height:22px; line-height:16px;}		
	
	#contenedor-temas {-webkit-flex-direction: column; width: 100%; }	
	
	a.boton-destacado{ height:auto; font-size: 10px;}	
	
	#transparencia{padding:25px 10px 450px 10px; background-position:50%;}
	
	.list-items{text-align: center}
	
	.list-items ul {width:99%; height:auto; text-align: left;}	
	
	.list-items  li a{ font-size: 13px; line-height:18px;}
	
	.ilustra-secc{ float: none; width:100px;}

	.list-items-sub{text-align: center}

	.list-items-sub ul {height:auto; text-align: left;}
	
	.list-items-sub  li a{ font-size: 13px; line-height:18px;}

	#sub-transparencia{ margin-top: -350px; padding:10px 5px 120px 5px;}	
	
	#contenedor-multimedia {-webkit-flex-direction: column; width: 100%; }		

	.conten-video{ margin:25px 0px;}	
	
	a.bot-media{ height:auto; font-size: 13px;}	

	#plataforma-nacional{ background-position:47%;}	
	
	#plataforma-nacional h1{ font-size:20px; line-height: 20px;}		
	
	.item-plataforma{ width:75%; font-size: 13px; line-height:16px; }		
		
	.nota{ font-size: 15px;}	
	
	.menu-footer {height:auto; padding:20px 0px 70px 0px;}	
	
	#contenedor-filosofia{-webkit-flex-direction: column; width: 100%; }
	
	.titular{ height:500px;}
		
	.foto-funcionario{float:none; width: 200px; margin: 0 auto;}
	
	.nombre-funcionario{ float: none; width:100%; margin: 0 auto;}
	
	#contenedor-micro {-webkit-flex-direction: column; width: 100%; }	
	
	#contenedor-contacto{-webkit-flex-direction: column; width: 100%; }	
		
	.dato-contacto{ border-bottom: 1px solid #e2e2e2; background: #EDF6F8;}
	
	.ico-contacto{ width:65px;}
	
	.ilustra-preguntas{width:120px;}
	
	.box-descripcion {flex-basis:340px; order: 2}

	.box-ilustra {flex-basis:140px; order: 1 }	
	
	.accord .accord-heading{ font-size: 13px;}

	.accord-panel,.accord .accord-panel.revealed{font-size: 12px; line-height:15px;}	
	
	.tit-documentos{width:85%;}
	
	.img-documentos{ width:80px;}
	
	.tit-documentos h1{ font-size:18px; line-height: 22px;}
	
	.intro-documentos{ width:99%;}
	
	.txt-doc{font-size: 13px; line-height:17px;}
	
	.ico-doc{ width:28px; }	
	
	.info-seccion{-webkit-flex-direction: column; width: 100%; }	
	
	.box-seccion-intro { flex-basis:150px;}

	.box-seccion-ilustra {flex-basis:150px;}	
	
	.ilustra-img-secc{width:55%;}	
	
	#lista-items{ margin-top: -30px; padding: 25px 10px 280px 10px;}
	
	.info-media-seccion{-webkit-flex-direction: column; width: 100%; }	
	
	.box-media-intro{ flex-basis:150px;}

	.box-media-ilustra {flex-basis:150px;}	
	
	.ilustra-img-media{width:42%;}	
	
	#contenedor-cursos {-webkit-flex-direction: column; width: 100%; }	
	
	.info-talleres{-webkit-flex-direction: column; width: 100%; }	
	
	.list-videos-media { padding:10px 10px; margin:-30px 0px 0px 0px; }
	
	#contenedor-capacitacion {-webkit-flex-direction: column; width: 100%; }	
	
	.tit-formulario{width:85%;}
	
	.img-formulario{ width:80px;}
	
	.tit-formulario h1{ font-size:18px; line-height: 22px;}
	
	.intro-formulario{ width:99%;}

	.campo{float: none; width:100%; margin-right: 0px;}
	
	.tit-actas{width:85%;}
	
	.img-actas{ width:80px;}
	
	.tit-actas h1{ font-size:18px; line-height: 22px;}
	
	.intro-actas{ width:99%;}
	
	.campo-acta{float: none; margin-right: 0px; width: 99%;}
	
	.centrar-buscar{ width: 255px;}	
	
	.boton-enviar{ width: 170px;}
	
	#contenedor-galeria{-webkit-flex-direction: column; width: 100%; }	
	
	.tit-consejos{width:95%;}
	
	.img-consejos{ width:100px;}
	
	.tit-consejos h1{ font-size:18px; line-height: 22px;}
	
	.intro-consejos{ width:99%;}
	
	#registro-consejos h2{ font-size:13px;}
	
	#contenedor-quienes-somos{-webkit-flex-direction: column; width: 100%; }	

	.img-quien{ width:40%;}	
	
	#contenedor-videos-lista {-webkit-flex-direction: column; width: 100%; }	
	
	.tit-cuenta-publica{ width:85%;}	
	
	#contenedor-comunes{-webkit-flex-direction: column; width: 100%; }	

	.dato-comunes a{width: 98%; border-bottom: 1px solid #c2deef;}

	.dato-comunes a:hover{ border-bottom: 0px;}	
	
	#contenedor-items-obliga {-webkit-flex-direction: column; width: 100%; }	
	
	.tit-fideicomisos h2{ font-size:16px; line-height:18px;}
	
	.boton-exp{ width: 250px;}
	
	.img-fideicomisos{ width: 80px;}
	
	#expedientes-clasificados h2{ font-size:16px; line-height:18px;}
	
}

@media (max-width:414px) {
	
	a.boton-destacado{ font-size: 12px;}	
	
	#transparencia{padding:25px 5px 410px 5px; background-position:50%;}
	
	#plataforma-nacional{ background-position:52%;}
	
	.item-plataforma{ width:80%;}		
	
	.img-plataforma{width:70%; 0px;}

	#copy a { float: left;}	
	
	.foto-principal{ padding: 10px 0px; width:95%;}	
	
	.nombre-funcionario{ float: none; width:100%; margin: 0 auto; font-size: 12px; line-height: 15px;}
	
	.ico-contacto{ width:45px;}
	
	.box-descripcion h1{ font-size:20px; line-height: 22px;}
	
	.intro-preguntas{font-size: 13px; line-height:18px;}
	
	.ilustra-preguntas{width:110px;}
	
	.tit-documentos{width:95%;}

	.img-documentos{ width:55px;}
	
	.ilustra-img-secc{width:75%;}	
	
	.tit-formulario{width:95%;}

	.img-formulario{ width:55px;}
	
	.img-mensaje{ width:80px;}	
	
	#acuse h1{ font-size: 16px; line-height: 18px; margin:5px 0px 0px 0px;}
	
	#consejos-municipales{ padding: 10px 0px;}	

	.img-consejos{ width:70px;}	
	
	.tit-consejos h1{ font-size:16px; line-height: 20px;}
	
	.boton-exp{ width: 220px;}
	
}