@charset "UTF-8";
/*---------------------------------------------------------------------------
--------------------------------- Common ----------------------------------
-------------------------------------------------------------------------*/
.wrapper {}
.wrapper .info {background: none;}
#main .col1 > header {border-bottom: 3px #393939 solid; margin-bottom: 1.5em; padding: 1.2em; background: #f0f0f0;}
#main .col1 > header .titular {font-size: 1.5em; font-weight: lighter; color: #393939; margin: 0 0 .3em 0;}
#main .col1 > header .bajada {font-size: 1em; font-weight: bold; font-style: italic; color: #007DE9; margin: 0;}
#main .col1 .ico.app-modulos {position: relative; top:1.1em; margin: 0 .3em; margin-top: -2em; background-color: #393939; width: 39px; height: 39px; background-position: -19px 6px;}

aside.listado {border-right: 1px #d0d0d0 solid; min-height: 40em;}
aside.listado form > header {padding: 1em 0; }
aside.listado .content {position: relative; margin-right: -15px;}
aside.listado article {background: #f0f0f0; padding: .7em 1em; border-bottom: 1px #a9a9a9 solid; position: relative; cursor: pointer;}
aside.listado article:hover {background: #e9e9e9;}
aside.listado article .circulo-estado {width: 10px; height: 10px; border-radius: 50%; display: inline-block;}
aside.listado article .titular {font-size: 1em; font-weight: lighter; max-width: 80%; margin: 0;}
aside.listado article .titular .glyphicon-pencil {visibility: hidden; margin-left: .3em; margin-bottom: -.1em;}
aside.listado article .titular a {overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
aside.listado article footer {margin-top: 0;}
aside.listado article footer .acciones {text-align: right; visibility: hidden;}
aside.listado article footer .acciones ul {margin: 0;}
aside.listado article footer .acciones ul li {display: inline-block;}
aside.listado article footer .acciones ul li .glyphicon {font-size: 1.1em; top: .3em; margin: 0 .3em;}
aside.listado article footer .acciones ul li .orden {font-weight: bold; color: #696969; font-size: .9em;}
aside.listado article footer .acciones ul li a {}
aside.listado article.activo footer .acciones ul li .orden {color:#f0f0f0;}
aside.listado article:hover footer .acciones {visibility: visible;}
aside.listado article .fecha {/*position: absolute;*/ top: 1.4em; right: 1.4em; font-size: .8em; color: #898989; font-style: italic;}
aside.listado article:hover .acciones {opacity: 1;}
aside.listado article.activo {background: #393939;}
aside.listado article.activo .titular, aside.listado article.activo .titular a {color: #f0f0f0;}
aside.listado article.activo .nombre_funcionario, aside.listado article.activo .nombre_funcionario {color: #898989;}
aside.listado article:hover .titular .glyphicon-pencil {visibility: visible;}

.paginacion {margin-top: .5em; padding-top: .5em;}
.paginacion table {}
.paginacion table tr {}
.paginacion table tr td {font-size: .8em; margin: 0; padding: 0; border: none;}
.paginacion table tr td .icono {}

/* Artículo Principal */
.wrapper .articulo header {border-bottom: 3px #393939 solid; margin-bottom: 1.5em; padding: .8em 0;}
.wrapper .articulo header .titular {margin: 0; font-size: 1.5em; font-weight: lighter;}
.wrapper .articulo header .titular .label {font-size: .5em; position: relative; top: -.3em;}
.wrapper .articulo header .ayuda {position: relative; top: .4em; margin-top: 0; text-align: right;}
.wrapper .info label, .wrapper .articulo .info label, .wrapper .contenido .articulo .info label {font-weight:normal; font-size: .9em; color: #696969;}
.wrapper .articulo .titular {font-weight: lighter; font-size: 1.7em; margin: 0 0 .6em;}
.wrapper .articulo .titular .dias_restantes {font-size: .5em; color: #898989; font-style: italic;}
.wrapper .articulo .rotulo {font-size: 1.5em; color: #393939; text-align: center; margin-top: 2em;}
.wrapper .articulo .cuerpo {background: #f0f0f0; padding: 1em; margin-bottom: 1.5em;}
.wrapper .articulo .fecha_inicial, .wrapper .articulo .fecha_final, .wrapper .articulo .fecha_max_modificar {font-size: .9em; color: #696969;}
.wrapper .articulo footer {margin-top: 1em;}

/* Cuerpo */
#main .cuerpo .listado, #main .cuerpo .contenido {/*max-height: 40em; overflow-y: scroll; overflow-x: hidden;*/}
#main .cuerpo table tfoot tr, #main .cuerpo table thead tr {background-color: #E8EDEE;}



/*---------------------------------------------------------------------------
------------------------------- Wrap Inicio --------------------------------
-------------------------------------------------------------------------*/
#wrap-inicio {}



/*---------------------------------------------------------------------------
------------------------------- Wrap Inicio --------------------------------
-------------------------------------------------------------------------*/
#wrap-oirs_detalle {}
#wrap-oirs_detalle .section1 .contenido {}
#wrap-oirs_detalle .section1 .contenido {}
#wrap-oirs_detalle .section1 .contenido .informacion {margin-bottom: .5em;}
#wrap-oirs_detalle .section1 .contenido .informacion .fecha {color: #898989; border: 1px #a9a9a9 solid; padding: .3em 1em; display: inline-block;}
#wrap-oirs_detalle .section1 .contenido .informacion .fecha:hover {background: #e3e3e3;}
#wrap-oirs_detalle .section1 .contenido .ayuda-historial {text-align: center; margin-bottom: .5em; margin-top:1em;}
#wrap-oirs_detalle .section1 .contenido .tabs-desagregadas li a {color: #a9a9a9; border: 1px #b9b9b9 solid;}
#wrap-oirs_detalle #visualization {}
#wrap-oirs_detalle #visualization .vis-current-time {background: #007de9;}
#wrap-oirs_detalle #visualization .plazo {}
#wrap-oirs_detalle #visualization .plazo-nivel1 {background: #DDFFCC;}
#wrap-oirs_detalle #visualization .plazo-nivel2 {background: #ffe4ad;}
#wrap-oirs_detalle #visualization .plazo-nivel3 {background: #FFCCCC;}
#wrap-oirs_detalle #visualization .plazo-atrasado {background: #393939; color: #f0f0f0;}
#carrusel-trazabilidad .owl-buttons {position: relative; pointer-events:none; top: -5em;}
#carrusel-trazabilidad .owl-buttons div {position: absolute; top: 30%; width:40px; height: 40px; pointer-events:auto; background:url(../../assets/img/sprite.png) no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; z-index: 10;}
#carrusel-trazabilidad .owl-buttons div.disabled {opacity: .2;}
#carrusel-trazabilidad .owl-buttons .owl-prev {left: 0; background-position: -57px -209px;}
#carrusel-trazabilidad .owl-buttons .owl-next {right: 0; background-position: -127px -209px;}
#tabla-historial .table-blue {margin-bottom: 0;}
#tabla-historial .table-blue th {background: #007de9; color:#f0f0f0; font-size: .8em; font-weight: lighter;}
#tabla-historial .table-blue td {font-size: .9em; color:#393939; cursor: pointer;}
#tabla-historial .table-blue tr:hover {}
#tabla-historial .table-blue tr:hover td {background: #393939; color:#f0f0f0;}
#tabla-historial .table-blue tr.td_general_pag:hover td {background: none; cursor:default;}



/*--------------------------------------------------------------------------
----------------------------- Wrap Artículos ------------------------------
-------------------------------------------------------------------------*/
#wrap-articulos_mantenedor {}
#wrap-articulos_mantenedor .cuerpo .foto {margin: 8em 0 3em;}
#wrap-articulos_mantenedor .cuerpo .foto img {display: inline;}


#wrap-articulos_modificar_formulario {}
#wrap-articulos_modificar_formulario .articulo .foto {}
#wrap-articulos_modificar_formulario .articulo .foto img {max-width: 100%; height: auto;}
#wrap-articulos_modificar_formulario .articulo .info .bajada {position: relative; height: 300px;}
#wrap-articulos_modificar_formulario .articulo .info .bajada iframe {position: absolute; width: 100% !important; height: 100% !important; left: 0; top: 0;}



/*--------------------------------------------------------------------------
------------------------- Wrap Imágenes (Banners) --------------------------
-------------------------------------------------------------------------*/
#wrap-imagenes_mantenedor {}
#wrap-imagenes_mantenedor .cuerpo .contenido.principal > .foto {margin: 8em 0 3em;}
#wrap-imagenes_mantenedor .info {}

aside.listado-imagenes {}
aside.listado-imagenes article header {margin-bottom: .5em;}
aside.listado-imagenes article .titular {font-size: 1.1em; color: #393939;}
aside.listado-imagenes article .titular .url {display: block; font-size: .75em; font-style: italic; margin-top: .4em;}


/*--------------------------------------------------------------------------
------------------------ Wrap Preguntas Frecuentes -------------------------
-------------------------------------------------------------------------*/
#wrap-preguntas_agregar_formulario .articulo .info .bajada {position: relative; height: 300px;}
#wrap-preguntas_agregar_formulario .articulo .info .bajada iframe {position: absolute; width: 100% !important; height: 100% !important; left: 0; top: 0;}

#wrap-preguntas_modificar_formulario .articulo .info .bajada {position: relative; height: 300px;}
#wrap-preguntas_modificar_formulario .articulo .info .bajada iframe {position: absolute; width: 100% !important; height: 100% !important; left: 0; top: 0;}



/*-------------------------------------------------------------------------
------------------------------ Solicitudes -------------------------------
------------------------------------------------------------------------*/
.cuerpo-solicitudes .contenido .foto {margin: 8em 0 2em;}
aside.listado-solicitudes article {}
aside.listado-solicitudes article .tipo {}
aside.listado-solicitudes article .estado {}
aside.listado-solicitudes article .titular {font-size: 1.1em; font-weight: lighter; margin-top: .5em; margin-bottom: .1em;}
aside.listado-solicitudes article .titular a {}
aside.listado-solicitudes article .titular .id {font-size: .7em;}
aside.listado-solicitudes article .titular .dias_restantes {font-size: .7em; font-style: italic; color: #999999; font-weight: normal;}
aside.listado-solicitudes article .razon_social {display: block; font-size: .8em; font-weight: bold; font-style: italic;}
aside.listado-solicitudes article .fecha_inicial, aside.listado-solicitudes article .fecha_final {font-size: .9em; color: #898989;}
aside.listado-solicitudes article .fecha_inicial {}
aside.listado-solicitudes article .fecha_final {}
aside.listado-solicitudes article .extendido {font-size: .9em; color: #E18B0A;}
aside.listado-solicitudes #busqueda_avanzada_btn {margin-bottom: 1em;}
aside.listado-solicitudes #busqueda_avanzada {display: none; background: #e6e6e6; padding-top: 1em; padding-bottom: 1em; position: relative; border-top: 1px #c9c9c9 solid; border-bottom: 1px #c9c9c9 solid;}
aside.listado-solicitudes #busqueda_avanzada .form-group {margin-bottom: 10px;}
aside.listado-solicitudes #busqueda_avanzada .form-group label {color: #797979; font-style: italic; font-size: .8em; margin: 0;}
aside.listado-solicitudes .fecha_contenedor {position: relative;}
aside.listado-solicitudes .fecha_contenedor .acciones {text-align: right; position: absolute; right: .5em; top: .1em; opacity: 0;}
aside.listado-solicitudes .fecha_contenedor .acciones ul {margin:0; padding: 0;}
aside.listado-solicitudes .fecha_contenedor .acciones ul li {display: inline-block; font-size: .8em;}
aside.listado-solicitudes .fecha_contenedor .acciones ul li a {padding: .5em .3em; display: block; cursor: pointer;}
aside.listado-solicitudes .fecha_contenedor:hover .acciones {opacity: 1;}


/*--------------------------------------------------------------------------
-------------------------------- Informes ---------------------------------
-------------------------------------------------------------------------*/
#wrap-informes table tbody th { background: #3C96E4; color: #f0f0f0; }
aside.listado-informes {}
aside.listado-informes article header {margin-bottom: .5em;}
aside.listado-informes article .titular {font-size: 1.1em; color: #393939;}
aside.listado-informes article .titular .url {display: block; font-size: .75em; font-style: italic; margin-top: .4em;}

aside.listado-docs article .titular {font-size: 1.1em; font-weight: lighter; margin-top: .5em; margin-bottom: .1em;}




/*---------------------------------------------------------------------------
--------------------------- Modules - Responsive ----------------------------
-------------------------------------------------------------------------*/
@media (max-width: 75em) {
}

@media (max-width: 62em) {
}

@media (max-width: 37.5em) {
}