/*********************************
***********NEW CSS 2020************
**********************************/
.new_conteiner{
	color:#4f4f4f; margin-bottom:20px;}
.col_area_9{
	background-color:#FFFFFF; /*margin-right:10px;*/ padding-top:30px; border-radius:5px; margin-bottom:20px; box-shadow:grey 0 0 5px;
	}
.col_area_3{
	background-color:#0f62ac; /*margin-left:10px;*/ padding-top:30px;  border-radius:5px; padding-bottom:20px; box-shadow:grey 0 0 5px;
	}
.row_new{
	margin-right:-10px;
	margin-left:-10px;}
.breadcrumb{
	box-shadow:grey 0 0 1px; background-color:#fbfbfb !important; margin-top:20px;}


/*---------CORESEC----------*/
#img_log_coresec {
	width: 180px;
	height: 150px;
}
#coresecprueba .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: white;
	background-color: #0f62ac;
}
#coresecprueba a {
	color: #0f62ac;
}
#titulocoresec {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #0f62ac;
	text-align: center;
	font-size: 30px;
}
#coresec_cabecera {
	background-image: url(../images/coresec/cabecerafondo.png);
	text-align: center;
	background-size: 100% 100%;
	height: 180px;
	margin-top: 10px;
	border-radius: 5px;
}
#container_coresec {
	background-color: #FFFFFF;
	margin-top: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	padding-bottom: 50px;
}
#coresec_contexto {
	background-color: aliceblue;
	padding-bottom: 10px;
	padding-top: 10px;
}
/*--------FIN CORESEC-----*/
/*---------PROCOMPITE----------*/
#img_log_procompite {
	width: 200px;
	height: 180px;
}
#procompiteprueba .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	color: white;
	background-color: #03979c;
}
#procompiteprueba a {
	color: #006c10;
}
#tituloprocompite {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #039c0a;
	text-align: center;
	font-size: 30px;
}
#procompite_cabecera {
	/*background-image:url(../images/coresec/cabecerafondo.png);*/
	background-color: #039c0a;
	text-align: center;
	background-size: 100% 100%;
	height: 180px;
	margin-top: 10px;
	border-radius: 5px;
}
#container_procompite {
	background-color: #FFFFFF;
	margin-top: 20px;
	border-radius: 10px;
	margin-bottom: 20px;
	padding-bottom: 50px;
}
.procompite_contexto {
	background-color: #f5fff0;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left:5px;
	padding-right:10px;
}
.procompite_contexto_white {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left:5px;
	padding-right:10px;
}
/*--------FIN PROCOMPITE-----*/
/*---------NOTICIAS--------*/
#imagennews {
	width: 277px;
	height: 180px;
	border-radius: 10px;
}
#titlenewsgereral {
	color: #636363;
	height: 65px;
	text-align: center;
	font-size: 12px;
}
#estiloh3noti {
	color: #949494;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*-------FIN NOTICIAS-------*/
/*------NOTICIAS PORTADA------*/
#tituloprincinoticia {
	color: white;
	font-size: 26px;
}
#imagennoticiaslider {
	width: 100%;
	height: 550px;
	border-radius: 5px;
}
#bs-slider-overlay {
	position: absolute;
	top: 72%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.60);
}
/*-------FIN NOTICIAS-------*/
/*---------RESUMEN DE NOTICIA--------*/
#colnoticias {
	background-color: #0f62ac;
}
#colnoticia {
	background-color: white;
	border-radius: 10px;
}
#noticiatitulo {
	text-align: justify;
	color: #757575;
}
#noticiasubtitulo {
	text-align: justify;
	color: #8a8a8a;
}

/*------FIN RESUMEN NOTICIA--------*/
/*-------------CONVOCATORIA LABORAL----------*/
#tituloconvocatoria {
	color: #07af23 !important;
	font-size: 23px;
}
#tituloconvocatoriaresultado {
	color: red;
	font-size: 23px;
}
/*----------FIN CONVIOCATORIA LABORAL--------*/
/*----------SOPORTE INFORMATICO----------*/
#body_soporte {
	background-image: url(../images/soporte/fondo2.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#container_soporte {
	margin-top: 20px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.79);
	margin-bottom: 20px;
	padding-bottom: 50px;
}
#soportecol8 {
	padding: 5px;
}
#dependencia {
	color: back;
}
#titulosoporte {
	text-align: center;
	padding: 30px;
	color: #0F62AC;
}
/*------------FIN SOPORTE-----------*/
/*--------REDES SOCIALES-------*/
.social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	bottom: 0; /* Establecemos la barra en la izquierda */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
.social ul {
	list-style: none;
}
.social ul li a {
	display: inline-block;
	color: #fff;
	background: #000;
	padding: 10px 13.5px;
	text-decoration: none;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
.social ul li .fa-facebook {
	background: #3b5998;
	padding: 16.5px;
} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .fa-twitter {
	background: #00abf0;
	padding: 14px;
}
.social ul li .fa-youtube {
	background: #d95232;
	padding: 14.5px;
}
.social ul li .fa-instagram {
	background: #ae181f;
	padding: 14.5px;
}
.social ul li .fa-flickr {
	padding: 14.5px;
}
.social ul li .fa-mail {
	background: #666666;
	padding: 15px;
}
.social ul li a:hover {
	background: #4073ce9e; /* Cambiamos el fondo cuando el usuario pase el mouse */
	padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}
/*---------FIN REDES SOCIALES---------*/
/*----------MODIFICACIONES MENU PRINCIPAL---------*/
.navbar {
	margin-bottom: 0px;
}
.glyphicon-hand-right {
	color: #204b8f;
}
/*---------------FIN MENU PRINCIPAL---------------*/
/*---------------MODAL CAMBIOS PRINCIPAL------------*/
.indicators-line > .carousel-indicators li {
	background-color: #0062b0 !important;
}
#imagemanuncio {
	padding: 10px;
	border-radius: 15px;
	width: 100%;
	height: 550px;
}
/*-------------FIN MODAL PRINCIPAL-----------------*/
/*-------------MENU SECUNDARIO------------------*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #f1f1f1;
	background-color: #0f62ac;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #0f62ac;
}
.navbar-default {
	background-color: #eaeaea;
}
.navbar-default .navbar-nav>li>a {
	color: #0f62ac;
}
/*---------FIN MENU SECUNDARIO-----------*/
/*---------HEAD----------*/
#cabecera p {
	text-align: center;
	color: #FFF9F9;
	font-size: 15px;
}
#cabecera a#re1 {
	color: white;
}
/*---------FIN HEAD--------*/
/*---------BARRA VIDEOS--------*/
#video {
	text-align: center;
}
#video h2 {
	text-align: center;
	color: white;
}
#videoh21 {
	text-align: center;
	color: #797979 !important
}
#tretre {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 25%;/*	margin-bottom: 20px;*/
}
#tretre iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% /*100%;
	height: 100%*/;
	border-radius: 5px;
	padding: 10px;
	padding-left: 10px;
}
/*---------FIN BARRA VIDEOS--------*/
/*--------DIRECCIONES REGIONALES--------*/
#direccionesregionales {
	text-align: center;
}
#direccionesregionales h2 {
	text-align: center;
	color: #797979;
	padding-bottom: 30px;
}
/*-------FIN DIRECC. REGIONALES--------*/
/*---------BARRA PRINCIPAL---------*/
#barraprincipal {
	text-align: center;
	padding-top: 10px;
}
#barraprincipal h4 {
	text-align: center;
	color: #797979;
	font-weight: 600;
	padding-bottom: 30px;
}
#barraprincipal p {
	text-align: center;
	color: #204b8f;
}
/*--------FIN BARRA PRINCIPAL------*/
/*----------FOOTER----------*/
#icogobier-foot {
	width: 200px;/*padding: 15px 0 0 0;*/
}
#footer {
	padding-top: 20px;
	background-color: #0f62ac;
}
#img_centerfooter {
	text-align: left;
}
#titulos {
	color: white;
}
#conten-foot {
	color: #D0D0D0;
}
/*--------FIN FOOTER-----*/

/*-------ENLACES EXTERNOS-------*/
#enla-exter {
	text-align: center;
	padding-bottom: 15px;
}
#enla-exter h2 {
	text-align: center;
	color: #797979;
	padding-bottom: 40px;
}
#enla-exter img {
	width: 190px;
	height: 60px;
	margin-bottom: 20px;
}
#enla-exter .unic {
	padding-top: 10px;
}
/*---------FIN ENLACES EXTERNOS---------*/

/*------------CAMBIOS PANEL---------*/
.panel-primary>.panel-heading {
	background-color: #0f62ac !important;
	border-color: #0f62ac !important;
}
/*-----------FIN-------------*/
/*----------PAGINACON-------------*/
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #0f62ac !important;
}
/*-----------FIN------------*/

/*----------BARRA INTERES-------*/
#container-public {
	text-align: center;
}
#container-public h2 {
	text-align: center;
	color: #797979;
	padding-bottom: 30px;
}
/*--------FIN BARRA INTERES*/
/*--------OTROS---------*/
#titulodirecciones {
	font-size: 35px;
	color: #0f62ac;
	font-weight: bold;
	text-align: center;
}
#cuerpodft {
	background-color: white;
	margin-bottom: 20px;
	margin-top: 20px;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.19);
}
.alert {
	padding: 0px;
	padding-top: 10px;
	padding-left: 3px;
	margin-top: 20px;
	font-weight: bold;
}
#map {
	position: relative;
	width: 100%;
}
.fade .item {
	background-color: #f3f3f3;
}
.oculto {
	display: none;
}

/*---------FIN OTROS---------*/
/*--------RESPONSIVE------*/
@media (min-width: 1281px) {
#margenizquierda {
	margin-right: 0.1px;
}
#container_conoce {
	margin-top: 5px;
	margin-bottom: 5px;
	border-radius: 10px;
}
#container_col8 {
	padding: 30px;
}
#container_col4 {
	padding: 30px;
}
#conoce_img {
	border-radius: 10px;
}
#colnoticias {
	margin-top: 15px;
	border-radius: 0 25px 25px 0;
}
#colnoticia {
	margin-top: 15px;
	border-radius: 25px 0 25px 25px;
	margin-bottom: 15px;
}
#imgnoticias {
	padding: 10px;
	width: 100%;
}
.dredre {
	margin: 20px;
}
#cabecera-center {
	padding-top: 20px;
	color: white;
	text-align: center;
}
#cabecera a#re1 {
	color: white;
	padding: 10px;
	font-size: 18px;
}
.img-imginst {
	width: 50%;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
#cabecera a#re1 {
	padding: 5px;
}
.img-imgescud {
	width: 60%;
	padding-top: 10px;
	padding-bottom: 10px
}
.img-imgtrans {
	width: 100%;
	border-radius: 5px 5px 5px 15px;
	padding-top: 30px;
}
#enlacess .enlacesdirec {
	padding-left: 250px;
}
#cabecera .divcenter {
	text-align: center;
	padding-bottom: 10px;
}
#lanoticia {
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 16px;
}
.dropdown-menu>li>a {
	color: #0f62ac;
}
.imglognotivarios {
	padding: 10px;
	width: 40%;
}
#noticiafecha {
	font-size: 12px;
	text-align: justify;
}
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px


@media (min-width: 768px) and (max-width: 1024px) {
  
  //CSS
  
}*/
@media (min-width: 481px) and (max-width: 767px) {
.img-imgescud {
	display: none;
}
.img-imginst {
	width: 20%;
	padding-top: 10px;
}
.imglognotivarios {
	padding: 10px;
	width: 40%;
}
.img-imgtrans {
	width: 20%;
	border-radius: 5px 5px 5px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
}
#cabecera .divcenter {
	text-align: center;
}
#cabecera p {
	font-size: 12px;
	padding: 5px;
}
#cabecera a#re1 {
	padding: 5px;
}
#tretre {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 60%;
	margin-bottom: 20px;
}
#tretre iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 25px;
}
#map {
	width: 100%;
}
#lanoticia {
	text-align: justify;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 14px;
}
#sociales {
	display: none;
}
.dropdown-menu>li>a {
	color: #0f62ac;
}
#icogobier-foot {
	width: 35%;
}
#enla-exter img {
	width: 150px;
	height: 60px;
	padding: 10px;
}
#imagennoticiaslider {
	width: 100%;
	height: 300px;
}
#tituloprincinoticia {
	font-size: 18px;
}
#margenizquierda {
	margin-right: 0px;
}
/*Noticias*/
#imagennews {
	width: 100%;
	height: 150px;
	border-radius: 10px;
}
#titlenewsgereral {
	height: 65px;
	text-align: center;
	font-size: 12px;
}
#noticiafecha {
	font-size: 8px;
}
/*fin noticias*/
#you-video {
	width: 100%;
	height: 240px;
}
}

@media (min-width: 320px) and (max-width: 480px) {
	/*********************************
***********NEW CSS 2020************
**********************************/
button, input, select, textarea{
font-size:12px;} /*MINIMIZAR EL CONTENIDO DE CAJA DE SUBIR ARCHIVO*/

.col_area_9{
	/*margin-right:0;*/
	margin:5px;
	margin-bottom:15px;
	padding-bottom:15px;
	}
.col_area_3{
	/*margin-left:0;*/
	margin:5px;
	}
.breadcrumb{
	margin:5px;
	margin-top:10px;
	margin-bottom:15px
	}		
/*Noticas*/
#colnoticias {
	display: none;
}
#colnoticia {
	margin-left: 5px;
	margin-right: 5px;
}
#imagennews {
	width: 100%;
	border-radius: 10px;
}
#titlenewsgereral {
	height: 65px;
	text-align: center;
	font-size: 10px;
}
#noticiafecha {
	font-size: 8px;
}
/*fin noticias*/	
#imglogin {
	width: 50%;
	border-radius: 5px 5px 5px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: center;
}
#titulodirecciones {
	font-size: 24px;
	color: #0f62ac;
	font-weight: bold;
	text-align: center;
}
#enla-exter h2 {
	font-size: 20px;
}
#container-public h2 {
	font-size: 20px;
}
#direccionesregionales h2 {
	font-size: 20px;
}
#tituloprincinoticia {
	font-size: 14px;
}
#imagennoticiaslider {
	width: 100%;
	height: 250px;
}
#imgnoticias {
	padding: 10px;
	width: 100%;
}
#sociales {
	display: none;
}
#tretre {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 60%;
	margin-bottom: 20px;
}
#tretre iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 99%;
	height: 90%;
	border-radius: 25px;
}
#noticiatitulo {
	padding-top: 10px;
	font-size: 18px;
	text-align: justify;
}
.texto-mostrado {
	font-size: 10px;
}
#noticiasubtitulo {
	font-size: 12px;
	text-align: justify;
}
#lanoticia {
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}
#enla-exter img {
	width: 90px;
	height: 50px;
	padding: 5px;
}
#enlac img {
	width: 80px;
	height: 30px;
}
#map {
	width: 100%;
}
#cabecera p {
	display: none;
}
#cabecera a#re1 {
	padding: 5px;
	font-size: 10px;
}
#cabecera .divcenter {
	text-align: center;
}
.img-imgescud {
	display: none;
}
.img-imginst {
	padding-top: 10px;
}
.imglognotivarios {
	padding: 10px;
	width: 40%;
}
.img-imgtrans {
	width: 40%;
	border-radius: 5px 5px 5px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right;
}
#cabecera-center {
	padding-top: 5px;
	color: white;
	text-align: center;
}
.aling-derecha {
	float: right;
	text-align: right;
}
.dropdown-menu>li>a {
	color: #0f62ac;
}
#icogobier-foot {
	width: 50%;
}
#bs-slider-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}
#imagemanuncio {
	border-radius: 15px;
	width: 100%;
	height: 350px;
}
#you-turismo {
	width: 295px;
	height: 250px;
}
#you-conoce {
	width: 100%;
	height: 250px;
}
#you-video {
	width: 100%;
	height: 250px;
}
#img_barras {
	width: 60%;
}
/*------------CORESEC-------------*/
#img_serciudadano {
	width: 90%;
}
#coresec_cabecera {
	background-image: url(../images/coresec/cabecerafondo.png);
	text-align: center;
	background-size: 100% 100%;
	height: 120px;
	margin-top: 10px;
	border-radius: 5px;
}
#coresecprueba .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	font-size: 12px;
	color: white;
	background-color: #0f62ac;
}
#img_log_coresec {
	width: 160px;
	height: 120px;
}
/*-------------FIN CORESEC-------------*/
/*------------PROCOMPITE-------------*/
#procompite_cabecera {
	/*background-image: url(../images/coresec/cabecerafondo.png);*/
	text-align: center;
	background-size: 100% 100%;
	height: 120px;
	margin-top: 10px;
	border-radius: 5px;
}
#procompiteprueba .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	font-size: 12px;
	color: white;
	background-color: #0f62ac;
}
#img_log_procompite {
	width: 160px;
	height: 120px;
}
/*-------------FIN PROCOMPITE-------------*/
#h3sugerencia {
	font-size: 15px;
}
#img_sugerencias {
	
	width: 100%;
	margin-bottom:20px;
}
#titulos {
	font-size: 12px;
}
#img_centerfooter {
	text-align: center;
}
#conoce_seguro{
	margin:20px;
	}
/***************************************
***********AUDIENCIA PUBLICA************
****************************************/
#img_audienciapublica{
	width:100%;
	height:239px;
}
#img_pdfaudiencia{
	width:80%;
	}
/**********FIN AUDIENCIA PUBLICA*********/
}
.-x-row{
    overflow: hidden;
    position: relative;
    
    width: 100%;
    display: table;
}
.-x-row > div{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.x-header > th{
    background-color:#0f62ac;
    color:white;
    padding: 8px;
    text-align:center;
}
.x-datatable tr:nth-child(even){
    background-color: #f2f2f2;
}
.x-datatable tr:hover {
    background-color: #ddd;
}
.x-row > td{
    display:inline-block;
    display: table-cell;
    border: 1px solid #ddd;
    padding: 8px;
}
.x-datatable{
    width:100%;
}