@charset "UTF-8";
/* CSS Document */

/*---------------------------------------------------*/
/*-- GENERALES -------------------------------------*/
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.wrapper { position: relative; width: 100%; max-width: 960px; margin: auto; }

/*.wrapper { min-height: 100%; position: relative; }*/
.wrap { position: relative; max-width: 960px; margin: auto; }

/* COLUMNAS */
.cols { width: 100%; max-width: 960px; }
.col1 { float: left; }
.col2 { float: right; }
/* TABLAS */
.table-responsive { width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

table .tdizq { text-align: left!important; }

.dataTabla th, .dataTabla td { text-align: center; padding: 6px; }
.dataTabla th { background: #0F6DAE; font-weight: normal; color: #FFF; font-size: 13px; line-height: 15px; text-align: left; }
.dataTabla td { color: #333; font-size: 12px; line-height: 14px; text-align: left; }
.dataTabla td span { font-size: 12px!important; line-height: 14px!important; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important; color: #333!important; }
/*.dataTabla td img { width: 100px!important; height: 100px!important; }*/
.dataTabla tr:nth-child(even) { background: #EEE; }
.dataTabla tr:nth-child(odd) { background: #F5F5F5; }
.dataTabla tr:hover { background: #CBF0FE!important; }

.dataTabla th a { display: block; font-weight: normal; color: #FFF; font-size: 13px; }
.dataTabla th a:hover { text-decoration: underline; }
.dataTabla th a { display: inline; }

.dataTabla td p, .dataTabla td ul { margin-bottom: 16px; }
.dataTabla td ul li { list-style: disc; list-style-position: inside; margin-bottom: 0!important; }

/* BOTONERAS */
.botones { margin-top: 10px; padding: 10px; background: #EEE; text-align: right; }
.botones.interno { text-align: left; padding: 0; }
.botones .btn { border: none; cursor: pointer; color: #FFF; font-size: 11px; line-height: 25px; height: 25px; font-weight: bold; padding: 0 10px; background: #64AEDB; display: inline-block; margin-left: 10px; }
.botones .btn:hover, .botones .btn:active { background: #FFBF00; }
.botones .btn.izq { margin-left: 0; }

.btn2 { border: none; cursor: pointer; color: #FFF; font-size: 11px; line-height: 25px; height: 25px; font-weight: bold; padding: 0 15px; background: #64AEDB; display: inline-block; margin-left: 10px; }
.btn2:hover, .botones .btn:active { background: #FFBF00; }
.btn2.izq { margin-left: 0; }

/* BOTONERAS LOGIN */
.botoneslog { margin-top: 10px; padding: 10px; background: #EEE; text-align: left; }
.botoneslog.interno { text-align: left; padding: 0; }
.botoneslog .btn { border: none; cursor: pointer; color: #FFF; font-size: 11px; line-height: 25px; height: 25px; font-weight: bold; padding: 0 15px; background: #64AEDB; display: inline-block; margin-left: 60px; margin-top: 10px; }
.botoneslog .btn:hover, .botones .btn:active { background: #FFBF00; }
.botoneslog .btn.izq { margin-left: 0; }


/* FILTROS */
.filtros { background: #EEE; margin-bottom: 5px; font-size: 12px; color: #666; }
.filtros li { margin-bottom: 5px; }
.filtros li:last-child { margin-bottom: 0; }
.filtros p { display: block; float: left; padding: 16px; background: #E8E8E8; font-weight: bold; margin-right: 10px; }
.filtros label, .subfiltros label { line-height: 22px; margin-right: 6px; font-size: 12px; width: auto; }


.filtros select { padding: 3px 3px 3px 5px; }
.filtros .formField, .subfiltros .formField { padding: 2px 2px 2px 2px; font-size: 12px; margin-right: 3px; width: 100%; }
.filtros a { line-height: 25px; }

.filtros .btn { border: none; cursor: pointer; color: #FFF; font-size: 11px; line-height: 25px; height: 25px; font-weight: bold; padding: 0 15px; background: #64AEDB; display: inline-block; }
.filtros .btn:hover, .filtros .btn:active { background: #FFBF00; }

/* SUBFILTROS */
.subfiltros { /*display: none;*/ font-size: 12px; border-bottom: 1px solid #CCC; padding-bottom: 20px; margin-bottom: 10px; }
.subfiltros label { width: 150px; display: inline-block; }
.subfiltros li { margin-bottom: 10px; }
.subfiltros h3 { color: #0F6DAE; font-size: 14px; margin-bottom: 10px; }

.CuteEditorFrame p { padding: 0!important; margin: 0!important; }
/*---------------------------------------------------*/
/*-- HEADER ----------------------------------------*/
header { background: #006BB0; height: 50px; overflow: hidden; -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); -moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); box-shadow: 0 0 8px 0 rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
header h1 { text-indent: -9999px; background: url("../images/logo-anmat-mobile.gif") no-repeat; width: 124px; height: 42px; margin: 4px auto 0 auto; }
header h2 { display: none; }
header .wrapper { height: 100%; position: relative; }
/*---------------------------------------------------*/
/*-- PANEL -----------------------------------------*/
#panel { position: relative; height: 35px; background: url("../images/panel-fondo.gif") repeat-x; margin: 0 -10px 40px -10px; max-width: 960px; overflow: hidden; }
#panel nav ul li { float: left; height: 35px;}
#panel nav ul li a { display: block; padding: 8px 8px 0 8px; height: 22px; font-size: 13px; }
#panel nav ul li a:link, #panel nav ul li a:visited { color: #FFF; }
#panel nav ul li a:hover, #panel nav ul li a:active { color: #D8EBF6; }
#panel nav ul li.home a { padding: 0; width: 50px; height: 30px; text-indent: -9999px; background: url("../images/home.gif") no-repeat; }
#panel nav ul li.home a:link, #panel nav ul li.home a:visited { background-color: #0F6DAE; background-position: 0 0; }
#panel nav ul li.home a:hover, #panel nav ul li.home a:active { background-color: #FFBF00; background-position: 0 -30px; }
#panel .usuario { position: absolute; right: 32px; top: 0; height: 30px; padding: 9px 10px 0 10px; background: #398DC4; color: #FFF; font-size: 11px; text-align: right; }
#panel .salir { display: block; position: absolute; height: 30px; width: 32px; top: 0; right: 0; background: url("../images/logout.gif") no-repeat; text-indent: -9999px; }
#panel .salir:link, #panel .salir:visited { background-color: #0F6DAE; background-position: 0 0; color: #FFF; }
#panel .salir:hover, #panel .salir:active { background-color: #FFBF00; background-position: 0 -30px; color: #FFF; }


/*---------------------------------------------------*/
/*-- FORMS -----------------------------------------*/
fieldset { background: #EEE; padding: 20px; margin-bottom: 10px; }
fieldset h2 { color: #0F6DAE; margin-bottom: 10px; font-size: 18px; font-weight: normal; }
fieldset ul li { margin-bottom: 10px; }
fieldset ul li label { color: #444; font-size: 14px; display: inline-block; float: left; width: 150px; line-height: 30px;}
.formField, .formArea, .TextboxLabelStyle { font-size:13px; width:240px; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; }
.formField:focus, .formArea:focus, .TextboxLabelStyle:focus { background-color:#FFF; }
.formField, .TextboxLabelStyle { padding: 6px 5px;}
.formArea { height: 80px; padding:0 5px; resize: none; line-height: 20px; }
.formBtn { border: none; cursor: pointer; color: #CFE2EF; font-size: 13px; line-height: 32px; height: 32px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; background-color: #0F6DAE; border-bottom: 3px solid #64AEDB; }
.formBtn:hover, .formBtn:active { color: #FFF; background-color: #FFBF00; border-bottom: 3px solid #FFDC73; }
select:focus { background-color:#FFF; }
select {  width:250px; font-size:12px; padding: 6px 5px; border-top:1px solid #A8A8A8; border-left:1px solid #A8A8A8; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.16) inset; background: #F8F8F8; font-family: Arial, Helvetica, sans-serif; color: #333; }
/*UPLOAD*/
fieldset ul li.upload { position: relative; padding-left: 150px; color: #444; font-size: 14px; }
fieldset ul li.upload .lbl { position: absolute; top: 0; left: 0; padding-left: 0; }
fieldset ul li.upload label { float: none; width: auto; line-height: 20px; padding-left: 10px; }
fieldset ul li.upload p { margin-bottom: 10px; }
/* CALENDARIO */
.TextboxLabelStyle { -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ButtonStyle { border: none; cursor: pointer; color: #CFE2EF; font-size: 13px; line-height: 30px; height: 30px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; background-color: #0F6DAE; border: 1px solid #0F6DAE; border-top: none; }
.ButtonStyle:hover, .ButtonStyle:active { color: #FFF; background-color: #FFBF00; border: 1px solid #FFBF00; border-top: none; }
.SelectedDateStyle, .WeekendStyle, .GoToTodayStyle, .DayHeaderStyle, .MonthHeaderStyle, .WeekdayStyle, .HolidayStyle, .OffMonthStyle, .ClearDateStyle, .TodayDayStyle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 4px; }
td.SelectedDateStyle { background: #FF0; font-weight: bold; }
td.WeekendStyle { background: #EEE; }
.DayHeaderStyle { background: #398DC4; }
tr.MonthHeaderStyle { background: #FFBF00; }
a.MonthHeaderStyle { padding: 0; font-weight: bold; }
.MonthHeaderStyle td { padding: 4px; }
td.WeekdayStyle { background: #FFF; }
td.HolidayStyle { background: #64AEDB; }
td.OffMonthStyle { background: #CCC; }
td.TodayDayStyle { background: #B1D6ED; font-weight: bold; }
td.GoToTodayStyle { background: #FF0; }
td.ClearDateStyle { background: #FF0; }
/*---------------------------------------------------*/
/*-- SECTION ---------------------------------------*/
section { min-height: 500px; position: relative; width: 100%; max-width: 960px; padding: 0 10px; margin: 50px auto; }
section h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; line-height: 24px; font-weight: normal; color: #333; padding-bottom: 5px; border-bottom: 5px solid #AAA; margin-bottom: 5px; }
section .titCat { color: #0F6DAE; font-size: 15px; font-weight: bold; }
.generar-qr { display: block; background: #348cc6; background: -moz-linear-gradient(left, #348cc6 0%, #006ab0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #348cc6), color-stop(100%, #006ab0)); background: -webkit-linear-gradient(left, #348cc6 0%, #006ab0 100%); background: -o-linear-gradient(left, #348cc6 0%, #006ab0 100%); background: -ms-linear-gradient(left, #348cc6 0%, #006ab0 100%); background: linear-gradient(to right, #348cc6 0%, #006ab0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#348cc6', endColorstr='#006ab0', GradientType=1 ); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%; padding: 8px; font-size: 14px; color: #FFF!important; font-weight: bold; margin-bottom: 20px; line-height: 20px; }
.generar-qr i { display: inline-block; width: 20px; height: 20px; background: url("../images/qr-icon.gif") no-repeat; margin-right: 10px; }
/*---------------------------------------------------*/
/*-- HOME ------------------------------------------*/
#home .box { position: relative; border: 1px solid #64AEDB; width: 470px; background: #EEE; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.25); box-shadow:0 0 4px rgba(0, 0, 0, 0.25); overflow: hidden; }
#home .box h2 { font-size: 18px; font-weight: normal; color: #FFF; height: 33px; padding: 12px 0 0 15px; background: url(../images/box-head.gif) repeat-x; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.25); box-shadow:0 0 10px rgba(0, 0, 0, 0.25); z-index: 9999; }
#home .box article { position: relative; overflow-y: auto; }
#home .box table th, #home .box table td { font-size: 12px; line-height: 14px; padding: 5px 8px; text-align: center; }
#home .box table thead { background: #0F6DAE url(../images/box-tablehead.gif) top left repeat-x; }
#home .box table th { background: url(../images/box-tableth.gif) top right no-repeat; color: #FFF; text-align: center; }
#home .box table th.last { background: none; }
#home .box table th a:link, #home .box table th a:visited { color: #FFF; }
#home .box table th a:hover, #home .box table th a:active { color: #B1D6ED; }
#home .box table tbody tr { background: #FFF; }
#home .box table tbody tr:hover { background: #CBF0FE!important; }
#home .box table tbody tr:hover .resumen th, #home .box table tbody tr:hover .resumen tr { background: #CBF0FE!important; }
#home .box table td { color: #868686; border-top: 1px solid #C1DFF1; }
#home .box table td a { display: block; }
#home .box table a:link, #home .box table a:visited { color: #868686; }
#home .box table a:hover, #home .box table a:active { color: #0F6DAE; }

#home .box table .vacio { background: none; }
#home .box table .vacio:hover { background: none!important; }
#home .box table .vacio td { padding-top: 100px; font-weight: bold; font-size: 14px; color: #909090; }

#home .box table .resumen { border: 1px solid #EEE; }
#home .box table .resumen th, #home .box table .resumen td { font-size: 11px; line-height: 13px; padding: 3px 5px; }
#home .box table .resumen th { background: none; color: #868686; }
#home .box table .resumen td { border-top: 1px solid #EEE; }

#home .box1 { height: 400px; margin-bottom: 20px; }
#home .box2 { height: 220px; }
#home .box3 { height: 310px; margin-bottom: 20px; }
#home .box4 { height: 310px; }
#home .box1 article { height: 355px; }
#home .box2 article { height: 175px; }
#home .box3 article, #home .box4 article { height: 265px; }
#home .box2 .notificaciones { position: absolute; top: 0; right: 0; z-index: 9999; background: #FFBF00; color: #FFF; font-size: 17px; line-height: 40px; font-weight: bold; width: 40px; height: 40px; text-align: center; }
#home .box2 table td { padding-left: 30px; background: #FFF url(../images/table-notificaciones.gif) no-repeat 15px 9px; }


/*---------------------------------------------------*/
/*-- LOGIN -----------------------------------------*/
/*---------------------------------------------------*/
/*-- LOGIN -----------------------------------------*/
#login { border-top: 5px solid #64AEDB; padding-top: 40px; }
#login label { display: inline-block; float: none; width: 25px; line-height: normal; text-align: right;}
#login fieldset { background: none; padding: 0; display: block; float: none; width: auto; line-height: none; }
.loginBox { margin-bottom: 50px; }
#login #galeria { float: left; position: relative; width:656px; height:280px; }
#login #galeria li { display: block; }
#login .loginForm { float: right; width: 100%; height: 300px; background: #EEE; padding: 20px; }
.loginForm h2 { color: #666; font-weight: normal; margin-bottom: 30px; }
.loginForm .olvido { text-align: left; font-size: 12px; margin-bottom: 25px; }
.loginForm .olvido a:link, .loginForm .olvido a:visited { color: #0F6DAE; }
.loginForm .olvido a:hover, .loginForm .olvido a:active { text-decoration: underline; }
.loginForm .btn { text-align: right; }
.loginForm .formField { width: 256px; margin-top: 5px; margin-left: 50px;}
.loginForm .formBtn { padding: 0 15px; text-align: left; }

/*.loginForm ul li {display: table-row; margin-top: 50px;}*/
/*---------------------------------------------------*/
/*-- INFORME ---------------------------------------*/
#informe h1 { width: 718px; }
#informe .col1 { width: 718px; font-size: 12px; line-height: 15px; }
#informe .col1 p { margin-bottom: 15px; }
#informe .col2 { width: 226px; }
#informe .data { background: #EEE; padding: 20px; }
#informe .data dl { font-size: 12px; line-height: 15px; color: #585858; }
#informe .data dl dt { font-weight: bold; }
#informe .data dl dd { margin-bottom: 10px; }
#informe .botones { margin-top: 10px; }

/*---------------------------------------------------*/
/*-- OPINION ---------------------------------------*/
#opinion h1 { width: 718px; }
#opinion .col1 { width: 718px; font-size: 12px; line-height: 15px; }
#opinion .col1 p { margin-bottom: 15px; }
#opinion .col1 h3 { margin-bottom: 5px; color: #0F6DAE; }
#opinion .col1 span { font-size: 12px!important; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important; }
#opinion .col2 { width: 226px; }
#opinion .data { background: #EEE; padding: 20px; }
#opinion .data dl { font-size: 12px; line-height: 15px; color: #585858; }
#opinion .data dl dt { font-weight: bold; }
#opinion .data dl dd { margin-bottom: 10px; }
#opinion .botones { margin-top: 10px; }
/*---------------------------------------------------*/
/*-- REGULARIZACION --------------------------------*/
#regularizacion h1 { width: 718px; }
#regularizacion .col1 { width: 718px; font-size: 12px; line-height: 15px; }
#regularizacion .col1 p { margin-bottom: 15px; }
#regularizacion .col1 h3 { margin-bottom: 5px; color: #0F6DAE; }
#regularizacion .col1 span { font-size: 12px!important; line-height: 15px!important; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important; }
#regularizacion .col2 { width: 226px; }
#regularizacion .data { background: #EEE; padding: 20px; }
#regularizacion .data dl { font-size: 12px; line-height: 15px; color: #585858; }
#regularizacion .data dl dt { font-weight: bold; }
#regularizacion .data dl dd { margin-bottom: 10px; }
#regularizacion .botones { margin-top: 10px; }
/*---------------------------------------------------*/
/*-- FOOTER ----------------------------------------*/
footer { background: url("../images/footer-fondo.jpg") top center no-repeat; padding: 20px 10px 30px 10px; font-size: 11px; color: #FFF; text-align: center; }
/*--------------------------------------------------------------*/
/*-- CLEARFIX -------------------------------------------------*/
/*------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }


@media only screen and (min-width: 768px) {
body { background: url("../images/fondo.gif") top left repeat-x; }
/*header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }*/
header { background: url("../images/header-fondo.jpg") top center repeat-x; height: 110px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; }
header h1 { background-image: url("../images/logo-anmat.gif"); width: 200px; height: 90px; margin: 0; position: absolute; top: 0; left: 10px; }
header h2 { display: block; text-indent: -9999px; background: url("../images/logo-ministerio.png") no-repeat; width: 130px; height: 40px; position: absolute; top: 45px; right: 10px; }
section { padding: 0; margin-top: 0; }
section h1 { font-size: 26px; line-height: 26px; padding-bottom: 10px; margin-bottom: 10px; }
.generar-qr { width: 250px; }
#panel { margin: 0 0 40px 0; }
#panel .usuario { right: 64px; }
#panel .salir { width: 64px; padding: 9px 10px 0 30px; text-indent: 0; font-size: 11px; }
footer { height: 75px; padding: 20px 0 0 0; }
.filtros li { float: left; margin-right: 15px; margin-bottom: 0; }
.filtros .btn { margin-top: 22px; }
}

@media only screen and (min-width: 960px) {
header h1 { left: 0; }
header h2 { right: 0; }
}

.ajax__tab_header .ajax__tab_tab 
        {
            /*font-family: "Helvetica Neue" , Arial, Sans-Serif;*/
            font-size: 14px;
            display: compact;
            padding-bottom: 45px;
            padding-top: 45px;
            margin-bottom: 13px;
        }

.completionList {
        border:solid 1px Gray;
        margin:0px;
        padding:3px;
        height: 120px;
        overflow:auto;
        background-color: #FFFFFF;     
        font-size:x-small;
        } 
        .completionlistItem {
        color: #191919;
        } 
        .completionitemHighlighted {
        background-color: #ADD6FF;       
        }

.ContentPlaceHolder1_TabContainerEdicion_TabPanelEdicion table, .ContentPlaceHolder1_TabContainerEdicion_TabPanelEdicion th, .ContentPlaceHolder1_TabContainerEdicion_TabPanelEdicion td { 
  padding: 15px;

} 



.modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=90);
        opacity: 0.8;
    }
    .modalPopup
    {
        background-color: #FFFFFF;
        border-width: 3px;
        border-style: solid;
        border-color: black;
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 300px;
        font-size: 14px; 
        color: #666;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif!important;
    }

    .textoContador {text-align: left; font-size: 12px; margin-bottom: 25px; margin-top: 250px;}



   .modal
        {
       
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            left:0;
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }
        .center
        {
            z-index: 1000;
            margin: 300px auto;
            padding: 10px;
            width: 140px;
            background-color: White;
            border-radius: 20px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }
        .center img
        {

            height: 128px;
            width: 128px;
        }