@charset "UTF-8";


/*Lucida Grande*/
@font-face {
    font-family: 'LucidaGrande';
    src: url('fonts/lucidagranderegular.eot');
    src: url('fonts/lucidagranderegular.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucidagranderegular.woff') format('woff'),
         url('fonts/lucidagranderegular.ttf') format('truetype'),
         url('fonts/lucidagranderegular.svg#LucidaGrande') format('svg');
    font-style: normal;
}
/*/Lucida Grande*/

/*Lucida Grande Bold*/
@font-face {
    font-family: 'LucidaGrandeBold';
    src: url('fonts/lucidagrandebold.eot');
    src: url('fonts/lucidagrandebold.eot?#iefix') format('embedded-opentype'),
         url('fonts/lucidagrandebold.woff') format('woff'),
         url('fonts/lucidagrandebold.ttf') format('truetype'),
         url('fonts/lucidagrandebold.svg#LucidaGrandeBold') format('svg');
    font-style: normal;
}
/*/Lucida Grande Bold*/

/*Lato*/
@font-face {
    font-family: 'lato';
    src: url('fonts/lato.eot');
    src: url('fonts/lato.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato.woff') format('woff'),
         url('fonts/lato.ttf') format('truetype'),
         url('fonts/lato.svg#lato') format('svg');
    font-style: normal;
}
/*/Lato*/

/*--GENERALES--*/
html { -webkit-text-size-adjust: none;}
body {background:#FFFFFF; font-family:'LucidaGrande', Verdana, Geneva, sans-serif;}
* {font-family:'LucidaGrande', Verdana, Geneva, sans-serif; }
b {font-weight: bold;}
i {font-style: italic;}
select {background-color: white; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.2), 0 3px 3px 0 rgba(0,0,0,0.19);}

/* Browser Upgrade */
body .buorg {background-color: #fff; border-bottom: 1px solid #244c8f; font-family: lato, Verdana, Geneva, sans-serif;}
body #buorgig, body #buorgul, body #buorgpermanent {border-radius:unset; background-color: #244c8f;}
body #buorgig {background-color: #f0f0f0; color:#666;}

/*--HEADER--*/
#header {padding:10px 0 0; margin:0 auto; border-bottom:1px solid #D7D7D7;}
#header .auxi {padding: 0 30px;}
#header .head.table.aleft {margin-bottom:15px;}
#header .head.table .fila .logo {padding:10px 0 0 0;}
#header .head.table .fila .logo img {width:70%; height: auto; max-width: 251px;}
#header .head.table .fila h2 {padding:15px 0 0 20px; border-left:1px solid #cccccc; font-family:lato, LucidaGrandeBold, Verdana, Geneva, sans-serif; font-size:13px; color:#585858; line-height: 130%;}
#header .head.table .fila h2 span {display:block; margin-bottom:10px; font-family:lato, Verdana, Geneva, sans-serif; font-size:16px; color:#585858;}
#header .box-login {margin-top:10px;}
#header .box-login .boton {font-family:lato, Verdana, Geneva, sans-serif; font-size:12px; text-decoration: none; background-color:#005bbe; background-image: url(../../imag/v1/ic_login.png); background-repeat:no-repeat; background-position: right center; padding: 10px 40px 10px 15px; color: #fff; margin-top:7px; display: inline-block; margin-right: 2px;}
#header .box-login .boton-signup {font-family:lato, Verdana, Geneva, sans-serif; font-size:12px; text-decoration: none; background-color:#f0f0f0; background-image: url(../../imag/v1/ic_edit.png); background-repeat:no-repeat; background-position: right center; padding: 10px 40px 10px 15px; color: #666; margin-top:7px; display: inline-block; margin-right: 2px; border: .1px solid #b5b0b0;}
#header .box-login .boton:hover,
#header .box-login .boton-signup:hover {background-color: #000; color:#fff;}
#header .box-login .boton.boton-sm {text-decoration: none; padding: 7px 10px; background:#f0f0f0; border:1px solid #f0f0f0; color: #666; margin-top:4px; display: inline-block; font-weight: normal;}
#header .box-login .boton.boton-sm:hover {background-color: #000; color:#fff; border:1px solid #000;}
#header .box-login .boton.boton-sm {background-repeat:no-repeat; background-position: 5px center; padding-left: 25px; }
#header .box-login .boton.boton-sm.ic-cerrar {background-image: url(../../imag/v1/ic_cerrar.png); background-color:transparent;}
#header .box-login .boton.boton-sm.ic-cerrar:hover {color:#000;}
#header .box-login .boton.boton-sm.ic-agenda {background-color:#244C8F; border:1px solid #142B52; color:#fff; background-image: url(../../imag/v1/ic_agenda.png);}
#header .box-login .boton.boton-sm.ic-school {background-color:#2B7790; border:1px solid #194654; color:#fff; background-image: url(../../imag/v1/ic_school.png);}
#header .box-login .boton.boton-sm.ic-agenda:hover,
#header .box-login .boton.boton-sm.ic-school:hover {background-color:#000; border:1px solid #000; color:#fff;}
#header .box-login .boton.boton-sm.ic-edit2 {background-image: url(../../imag/v1/ic_edit2.png);}
#header .box-login .boton.boton-sm.ic-exam {background-image: url(../../imag/v1/ic_exam.png);}
#header .box-login p.ic-user {font-size: 14px; background-image: url(../../imag/v1/ic_user.png); background-repeat:no-repeat; background-position: left center; padding: 10px 10px 10px 35px;}
#header .box-login p.ic-user strong {font-weight: bold;}

.head.table.aleft {margin-bottom:15px;}
.head.table .fila .logo {padding:10px 30px 0 0;}
.head.table .fila .logo img {width:auto; height: auto; max-width: 251px;}
.head.table .fila h2 {padding:15px 0 0 20px; border-left:1px solid #cccccc; font-family:lato, LucidaGrandeBold, Verdana, Geneva, sans-serif; font-size:18px; color:#585858; line-height: 130%;}
.head.table .fila h2 span {display:block; margin-bottom:10px; font-family:lato, Verdana, Geneva, sans-serif; font-size:16px; color:#585858;}

a.preguntas {font-family:LucidaGrandeBold, Verdana, Geneva, sans-serif; font-size:12px; color:#666666; margin:10px;}
a.preguntas i {font-size:17px; color:#4b89b8;}
a {text-decoration: none; color: #37240C; outline: none;}
a:hover {text-decoration:underline;}

/* CALCULADORA */
#header .box-login .running-exam.ui-draggable.ui-draggable-handle {padding:10px 10px 13px 10px; border-radius:15px; border:#656565 3px solid; display:inline-block !important; width:435px !important; min-height:1px; overflow:hidden; background-color:#4b4b4d !important;}
#header .box-login .running-exam.ui-draggable.ui-draggable-handle iframe {width:450px !important; margin:0px; padding:0px; display:block;}
#header .box-login .running-exam.ui-draggable.ui-draggable-handle a.boton.boton-sm { float:left; font-size:0px; border-radius:0px; vertical-align:top; background-color:transparent; border:none; background-position:top 0 left 0; display:inline-block; width:22px; height:22px; padding:0px; margin:0px; background-image: url(../../imag/calc/drag-calc1.png);}
#header .box-login .running-exam.ui-draggable.ui-draggable-handle a.boton.boton-sm.ic-edit {float:right; background-image: url(../../imag/calc/refresh-calc1.png);}

/*--------- CLASES ---------*/
.aright {float: right;}
.aleft {float: left; padding:0;}
.acenter {margin-left:auto; margin-right:auto; text-align: center;}
.separa {width:100%; clear:both; height:0px; display:block; margin:0; padding:0;}
.separa-linea {width:100%; clear:both; height:0px; display:block; margin:35px 0; padding:0; border-bottom:1px solid #e5e5e5;}
/*tabla div*/
.table {display: table;}
.fila {display: table-row;}
.cell {display: table-cell;}
.tex-align-left {text-align:left;}
.tex-align-right {text-align:right;}
.tex-align-center {text-align:center;}
.vertical-align-middle {vertical-align:middle}
.vertical-align-bottom {vertical-align:bottom}
.vertical-align-top {vertical-align:top;}
.margin-0-auto-30 {margin:0 auto 30px;}
.margin-0-auto {margin:0 auto;}
.margin-20-0-0 {margin:20px 0 0;}
.margin-40-0-0 {margin:40px 0 0;}
input:focus, select:focus, textarea:focus {background: #fbf4e0 !important; border:1px solid #000 !important;}
.boton {background: #002060; padding: 14px 30px; font-size: 16px; font-weight: bold; color:#fff; border:none; cursor: pointer; border-radius: 3px;}
form .boton {margin-left: 10px;}
.boton.gris {background: #ccc; padding: 14px 30px; font-size: 16px; font-weight: normal; color:#333; border:none; cursor: pointer;}
.boton.verde {background: #33cc99; padding: 14px 30px; font-size: 16px; font-weight: normal; color:#333; border:none; cursor: pointer;}
.boton.default {background: #ccc; padding: 10px 10px; font-size: 10px; font-weight: normal; color:#000; border:none; cursor: pointer;}
.boton.boton-xs,
.aboton.boton-xs
{background: #ccc; color:#333; padding: 4px 7px; font-size: 10px; font-weight: normal; border:none; cursor: pointer; margin: 1px; display: inline-block;}
a.boton.boton-xs {text-decoration: none;}
.boton:hover {background: #000;}
.boton.gris:hover {background: #000; color:#fff;}
.boton.default:hover,
.boton.boton-xs:hover,
a.boton.boton-xs:hover {background: #000; color:#ccc;}
.red {color:#CC0000;}
.nota {display: block; font-size: 12px; color:#8A8A8A; clear: both; margin: 5px 0 0 10px;}
.text-medium {font-size: 12px; color:#666; }
.volver {background: transparent; float: right; }
.volver li {display: inline-block; margin-right: 10px; border-right: 1px solid #d0d0d0; margin-right: 8px; padding-right: 12px;}
.volver li:last-child {border-right: none;}
.volver a {color:#4a8ad1; font-size: 12px; cursor: pointer;}
.btn {color:#002060; text-decoration: none; text-align: left; border-radius:3px;}
.btn:hover {color:#000; text-decoration: underline;}
.btn.btn-editar {background-image: url(../../imag/v1/ic_edit.png); background-repeat:no-repeat; padding: 0 15px 0 29px; }
.btn-lg {border-radius:3px; background:#002060; color: #fff; text-decoration: none !important; }
.btn-lg:hover {background-color:#000;}
.btn-nueva-pregunta {background-position:right center; background-image: url(../../imag/v1/ic_nueva_pregunta.png); background-repeat:no-repeat; padding: 15px 45px 15px 15px;}
.boton.ic-descarga {background-color: transparent; border: 1px solid #4a8ad1;}
.boton.ic-descarga {font-size: 14px; color:#4a8ad1; text-decoration: none; background-image: url(../../imag/v1/ic_descarga.png); background-repeat:no-repeat; background-position: 10px center; padding: 10px 10px 10px 50px;}
.boton.ic-descarga-disabled {font-size: 14px; background-color: transparent; text-decoration: none; border: 1px solid #dedede; color:#c1c1c1; padding: 10px; text-align: center; cursor: default;}
.boton.ic-descarga:hover {background-color:#fff;}
.ic-file {background-image: url(../../imag/v1/ic_file.png); background-repeat:no-repeat; background-position: 0 center; padding: 10px 10px 10px 30px;}

h2 {font-size: 20px; margin-top: 30px; margin-bottom: 15px; color: #303453;}
h3 {font-size: 19px; color: #303453;}

/*--------------- CONTENIDO ---------------*/

body #main {padding:35px 0; background: #f6f6f6;}
body #main .auxi {width:80%; max-width: 1330px; margin:0 auto 5px; padding: 30px; border:1px solid #D7D7D7; background: #fff;}
body #main .auxi .cont-art {width:90%; margin:0 auto;}
body #main .col-lg-12.auxi_articulo {margin-bottom:0 !important; position: relative;}
body #main .auxi .cont-art .item.row {margin-bottom: 20px; overflow: hidden;}
body #main .auxi .cont-art .item.row.row-group {margin-bottom: 0; overflow: hidden;}
body #main .auxi .cont-art .item.row.info .pregunta {width: 14%;}
body #main .auxi .cont-art .item.row.info .opcion {width: 36%;}
body #main .auxi_articulo hr {margin:0px;  }
body #main .auxi_articulo .titular { margin:45px 0 20px; color:#303453; font-size: 35px; clear:both; text-transform: uppercase;}
#agenda .auxi_articulo .titular { margin:15px 0 0; color:#303453; font-size: 35px; clear:both; text-transform: uppercase;}
.rotulo { margin:0 0 40px; color:#333; font-size: 25px; clear:both;}
.auxi_articulo .bajada {font-family:LucidaGrande, sans-serif; font-size:18px; color:#666; line-height:130%; margin:0 0 10px; clear:both;}
.auxi_articulo .breadcrumbs {font-family:LucidaGrande, sans-serif; color:#666; display: block; font-size:13px; margin:0 0 10px;}
.auxi_articulo .breadcrumbs strong {font-weight: normal;}
.auxi_articulo .breadcrumbs li {float:left; margin:0 0 20px;}
.auxi_articulo .breadcrumbs li + li {border-right:1px solid #e7e7e7; float:left; margin:0 0 20px;}
.auxi_articulo .breadcrumbs li:last-child {border: none; display:contents;}
.auxi_articulo .breadcrumbs li a, .auxi_articulo .breadcrumbs li span {font-family:LucidaGrande, sans-serif; font-size:13px; color:#4a8ad1; text-decoration: none; margin:0 7px; font-weight: 400;}
.auxi_articulo .breadcrumbs li a:hover {text-decoration: underline;}

/*--------------- ALERTA ---------------*/
#box-alerta {position: relative; width:80%; max-width: 1330px; margin: 0 auto 5px; padding:20px 30px; background: #002060; border:1px solid #f1e0ac; font-size: 13px; color:#FFF;}
#box-alerta p strong {font-weight: bold;}
#box-alerta .ocultar {position: absolute; width:20; height: 20px; right:10px; top:10px; font-size: 14px; color:#000; text-decoration: none;  background-image: url(../../imag/v1/ic_cerrar2.png); background-repeat:no-repeat; background-position: left center; padding: 5px 5px 5px 20px;}

/*--------------- FORMULARIO ---------------*/
p.txt {float:left; padding:5px 0 0 0;}
.form-group.filtros .auxi_articulo .row .form-group {margin-left:0; margin-right:0;}
.tableform {margin: 30px auto !important; width:90%;}
.tableform .pregunta {display: block; text-align: right; color: #333; font-size: 14px; font-family: LucidaGrandeBold; padding-top: 12px; margin-bottom: 5px; width: 30%; float: left;}
.tableform .pregunta.info {width: 40%;}
.tableform .fieldform {width: 66.666%; border: 1px solid #CCC; margin-left: 10px; font-size: 14px; font-weight: normal; color: #353131; padding: 10px; margin-bottom: 5px; margin-right: 11px; display: block;}
.tableform .check,
.tableform .radio {margin-left: 10px; font-size: 14px; font-weight: normal; color: #353131; padding: 10px; margin-bottom: 5px;}
.tableform .radio {width: 90%; margin-left: 0;}

.tableform .fieldform input {width:98%;}
.tableform  .opcion {float: left; padding: 0px; box-sizing: border-box; width: 70%;}
.tableform  .opcion p {margin-left: 10px; color: #60686f;}
.tableform  .opcion-capcha1 {float: left; padding: 0px; box-sizing: border-box; width: 15%;}
.tableform .fieldform.field-small {width:20%;}
.tableform .fieldform.field-medium {width:33%;}
.tableform .fieldform.col-4 {width:33.333%;}
.tableform .fieldform.col-6 {width:50%;}
.tableform a {font-family:LucidaGrande, sans-serif; font-size:13px; color:#4a8ad1; text-decoration: none; font-weight: 400;}
.action-box {display: block; margin:10px 2px 40px 2px; padding-top: 0.35em; padding-bottom: 0.625em; padding-left: 0.75em; padding-right: 0.75em; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); }

/*--------------- TABLAS ---------------*/
.table-responsive {margin:0 0 35px; overflow-x:auto; overflow-y:hidden;}
.table-responsive table {margin:10px 0 30px; border: 1px solid #e0e0e0; border-collapse:collapse; empty-cells:show; background: white; margin: auto; width: 100%; }
.table-responsive table caption {color:#003366; font-size:18px; margin:0 0 10px; padding:5px 10px; text-align:left; vertical-align:middle;}
.table-responsive table th {color:#fff; background:#303453; border-right: 1px solid #d9d7d7; border-bottom: 3px solid #e3e3e3; font-size:14px; font-weight: 100; padding:20px 5px; text-align:center; vertical-align:middle;}
.table-responsive table th:last-child {border-right:none;}
.table-responsive table tr:nth-child(even) {background: #fff }
.table-responsive table tr:nth-child(odd) { background: #f0f0f0;}
.table-responsive table tr:hover {background: #f0f0f0;}
.table-responsive table tr td {border: 1px solid #e0e0e0; margin:0; padding:15px 5px; text-align:center; vertical-align:middle;font-size:13px; color:#333; }
.table-responsive table tr td:last-child {border-right:none;}
.table-responsive table tr td.text-left, .table-responsive table tr th.text-left {text-align: left;}
.table-responsive table tr td.text-right, .table-responsive table tr th.text-right {text-align: right;}
.table-responsive table tr td a {font-weight: bold; color:#4a8ad1; text-decoration: none;}
.table-responsive table tr td a:hover {color:#000; }
.table-responsive table a {border-bottom:none;}
.table-responsive.table-left table tr td {text-align: left;}

/*--------------- AGENDA ---------------*/
#agenda .tableform {width: 100%; margin: 15px 0 12px !important; border-top:1px solid #f0f0f0; padding: 17px 0 0 0;}
#agenda .tableform h2 {font-size: 18px; color:#666; margin: 8px 0 0 !important;}
.box-colorbox {display: none;}
#colorbox .auxi-pop {padding: 30px;}
#colorbox .auxi-pop p .red {color: #cc0000;}
#colorbox .auxi-pop p .red  strong {font-weight: bold;}
#colorbox .auxi-pop h3 {font-size: 14px; color: #666; display: block; margin: 10px 0;}
#colorbox .auxi-pop .tableform {margin: 20px 0; }
#colorbox .auxi-pop .tableform input {margin: 10px 0; }
#colorbox .auxi-pop .tableform .text-medium {color:#000; font-size: 14px;}

/*--------------- CERTIFICADOS ---------------*/
body #main .auxi h2 {text-transform: uppercase; color:#303453; padding-top:20px; margin-bottom: 30px;}
body #main .auxi.box-certificados {width:80%; max-width: 1330px; margin:20px auto; padding: 30px; border:1px solid #D7D7D7; background: #fcfcfc;}
body #main .auxi.box-certificados .item {border-bottom: 1px solid #d8d8d8; margin-bottom:10px; padding-bottom:10px;}
body #main .auxi.box-certificados .item .nota {margin-left: 0; }

/*--------------- HISTORIAL ---------------*/
body #main .auxi.box-historial {width:80%; max-width: 1330px; margin:20px auto; padding: 30px; border:1px solid #D7D7D7; background: #bfbfbf;}
body #main .auxi.box-historial .box-scroll {max-height: 200px; overflow-y: auto;}
body #main .auxi.box-historial .item {margin-bottom:10px;}
body #main .auxi.box-historial .fecha {width:auto; color:#000; font-size: 11px; font-weight: bold; border:1px solid #ccc; padding: 8px; margin-left: 0; display: inline-block; text-align: center;}
body #main .auxi.box-historial p {font-size: 12px; padding-top: 8px; }

/*--------------- HISTORIAL ---------------*/
body #main .auxi.box-acciones {width:80%; max-width: 1330px; margin:20px auto; padding: 30px; border:none; border-left:7px solid #cc0000; background: #fff;}
body #main .auxi p {font-size: 16px; padding-top: 8px; line-height: 130%;}

#header a#showCalc.boton {display: inline-block;}
#header a#showCalc.boton.outline {padding: 13px 30px 11px;}
#header a#showCalc.boton.ic-calculadora {font-size: 12px; color:#002060; text-decoration: none; background-image: url(../../imag/v1/ic_calculadora.png); background-repeat:no-repeat; background-position: 10px center; padding-left: 40px;}
#header a#showCalc.boton.ic-calculadora:hover {background-color: #006BA6; border:1px solid #000; color: #000;}
/*--------------- FOOTER ---------------*/
#footer {background-color:#ebebeb; padding:15px 0 15px; border-top:1px solid #d3d3d3;}
#footer .md-11 {margin-left:auto !important; margin-right: auto !important;}
.direccion {margin-bottom:15px;}
.direccion h4 {margin-bottom:15px; font-family:LucidaGrandeBold, Verdana, Geneva, sans-serif; font-size:11px; color:#333333;}
.direccion p {font-family:LucidaGrande, Verdana, Geneva, sans-serif; font-size:11px; color:#333333; float:left;}
.direccion p + p {margin-left:35px;}
.bottom-footer {width:100%; }
.bottom-footer p {font-family:LucidaGrande, Verdana, Geneva, sans-serif; font-size:11px; color:#666666;}
ul.contacto li {font-family:LucidaGrande, Verdana, Geneva, sans-serif; font-size:12px; color:#333333;}
ul.contacto li + li {margin-left:20px;}
ul.contacto li i {font-size:17px; color:#bcbcbc; float:left;}
ul.contacto li span {float:left; margin-top:3px; margin-left:9px; color:#333333;}


/*--------------- VALIDACIONES ---------------*/
span.label { display: inline-block; padding: 7px 4px 4px; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; margin-left: 10px; margin-bottom: 5px;}
span.label:empty { display: none;}
span.btn .label { position: relative; top: -1px;}
span.label-default { background-color: #777777;}
span.label-default[href]:hover,
span.label-default[href]:focus { background-color: #5e5e5e;}
span.label-primary { background-color: #337ab7;}
span.label-primary[href]:hover,
span.label-primary[href]:focus { background-color: #286090;}
span.label-success { background-color: #002060;}
span.label-success[href]:hover,
span.label-success[href]:focus { background-color: #002060;}
span.label-info { background-color: #5bc0de;}
span.label-info[href]:hover,
span.label-info[href]:focus { background-color: #31b0d5;}
span.label-warning { background-color: rgba(250, 177, 160, 0.5); color: #c75135}
span.label-warning[href]:hover,
span.label-warning[href]:focus { background-color: #ec971f;}
span.label-danger { background-color: #d9534f;}
span.label-danger[href]:hover,
span.label-danger[href]:focus { background-color: #c9302c;}
.text-center {text-align: center;}
.alert {padding: 10px; width: 90%; margin: 10px;}
.alert-icon {width: 50px; float: left; display: inline-block; font-size: 200%; padding: 3px 3px 3px; text-align: center;}
.alert-content {float: none; display: block; overflow: hidden;}
.alert.box {position: relative; width: 80%; max-width: 1330px; margin: 0 auto 30px; padding: 20px 30px;}
.alert .btn-schedule {margin-top: 4px; display: inline-block; font-weight: normal; text-decoration: none; padding: 10px 35px 10px 40px; background-color: #244C8F; background-size: 22px; border: 1px solid #002060; color: #fff; background-image: url(../../imag/v1/ic_agenda.png); background-repeat: no-repeat; background-position: 3px center; border-radius: 2px;}
.alert .btn-schedule:hover {background-color: #006BA6;}
.alert .btn-schedule:focus {background-color: #00304A;}
.alert p {overflow: hidden; font-size: 16px; padding-top: 8px;line-height: 130%;}
.alert h4 { margin-top: 0; color: inherit;}
.alert .alert-link { font-weight: bold;}
.alert > p,
.alert > ul { margin-bottom: 0;}
/*.alert > p + p { margin-top: 5px;}*/
.alert-dismissable,
.alert-dismissible { padding-right: 35px;}
.alert-dismissable .close,
.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit;}
.principal {box-shadow: 0 10px 20px 0 rgba(0,0,0,0.4), 0 6px 20px 0 rgba(0,0,0,0.19); border-radius: 50px 0 50px 0; margin:0 0 40px 40px;}
.sub-principal {border-radius: 50px 0 50px 0; margin:0 0 40px 40px;}
.alert-success { background-color: #002060; border-color: #d6e9c6; color: #f3f3f3;}
.alert-success hr { border-top-color: #f3f3f3;}
.alert-success a {color: #f3f3f3; font-weight: bold; font-size: inherit;}
.alert-success .alert-link { color: #f3f3f3;}
.alert-success.principal {border-top: 8px solid #001031}
.alert-success.principal h3 {display: inline-block; font-size: 125%; font-weight: bold; color: #f3f3f3;}
.alert-info { background-color: #ed7d31; border-color: #bce8f1; color: #f1f1f1;}
.alert-info hr { border-top-color: #f1f1f1;}
.alert-info a {color: #4a4747; font-weight: bold; font-size: inherit;}
.alert-info p {color: #4a4747 !important}
.alert-info .alert-link { color: #f1f1f1;}
.alert-info.principal {border-top: 8px solid #c1672a}
.alert-info.principal h3 {display: inline-block; font-size: 125%; font-weight: bold; color: #f1f1f1;}
.alert-warning { background-color: #ed7d31; border-color: #faebcc; color: #150d00;}
.alert-warning hr { border-top-color: #150d00;}
.alert-warning a {color: #150d00; font-weight: bold; font-size: inherit;}
.alert-warning .alert-link { color: #150d00;}
.alert-warning.principal {border-top: 8px solid #843500;}
.alert-warning.principal h3 {display: inline-block; font-size: 125%; font-weight: bold; color: #150d00;}
.alert-danger { background-color: #c00000; border-color: #ebccd1; color: #fff0f0;}
.alert-danger hr { border-top-color: #fff0f0;}
.alert-danger a {color: #fff0f0; font-weight: bold; font-size: inherit;}
.alert-danger .alert-link { color: #fff0f0;}
.alert-danger.principal {border-top: 8px solid #750000;}
.alert-danger.principal h3 {display: inline-block; font-size: 125%; font-weight: bold; color: #fff0f0;}
.error-container-label {margin-bottom: 7px;}
/*--/VALIDACIONES--*/

/*--CHECKBOX--*/
.checkbox { width: 20px; position: relative; margin: 20px auto; }
.checkbox input[type=checkbox] { visibility: hidden; }
.checkbox input[type=checkbox]:checked + label:after { opacity: 1; }
.checkbox label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: #fcfff4; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 4px; box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5); }
.checkbox label::after { content: ''; width: 9px; height: 5px; position: absolute; top: 4px; left: 4px; border: 3px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); }
.checkbox label:hover::after { opacity: 0.5; }
/*--/CHECKBOX--*/

/*--HELPERS--*/
.block {display: block !important;}
.inline {display: inline !important;}
.inline-block {display: inline-block !important;}
.text-success {color: #008D0B !important;}
.text-danger {color: #850000 !important;}
.text-danger-disabled {color: #d86c6c !important;}
/*--/HELPERS--*/

.col-6 {width: 50% !important;}

/*--------------- RESPONSIVE ----------------*/
@media(max-width:1580px) {
    .tableform .fieldform.field-small {width: 15%;}
    .tableform .fieldform.field-medium {width: 15%;}
}

@media(min-width:1300px) {
    #footer {position: fixed; bottom: 0;}
}

@media(max-width:1200px) {
    .tableform .fieldform.col-4 {width:37.5%;}
    .tableform .fieldform.col-6 {width:75%;}
    .tableform .fieldform.field-small {width: 12%;}
    .tableform .fieldform.field-medium {width: 12%;}
}

@media(max-width:992px) {
    .tableform .fieldform.field-small {width:75%;}
    .tableform .fieldform.field-medium {width:75%;}
    .tableform .fieldform {width: 75%;}
    .tableform {width: 100%;}
    .row {margin:0 0 20px 0;}

    /* HEADER */
    .btn-box {border-left-width: 0 !important;}
    #header .auxi {padding: 0 10px;}
    #header .head.table .fila h2 {display: none;}
    #header .head.table.aleft {float: none; width:100%; text-align: center;}
    #header .head.table .fila .logo {padding: 0;}
    #header .head.table .fila .logo img {width:45%;}
    #header .auxi-login { margin-bottom: 10px;}
    #header .box-login {float: none; width:100%; text-align: center;}
    #header .box-login p.ic-user {background-image:none; text-align: center; padding: 0px 10px 5px ;}
    #header .box-login .boton.boton-sm,
    #header a#showCalc.boton.ic-calculadora {width:auto; padding-left:10px; background-image: none !important;     margin: 1px;}
    #header .box-login .boton {margin: 7px auto 0; width:50px; }
    /* HEADER*/
}

@media(max-width:768px) {

    /*--------------- FORMULARIO ---------------*/
    .auxi_articulo {margin: 0 10px;}
    .auxi_articulo .breadcrumbs li:first-child {display: none;}
    .auxi_articulo .breadcrumbs li a:first-child {margin-left: 0;}
    body #main .auxi_articulo .titular {margin:20px 0 15px; font-size:25px;}
    body #main .auxi {width:90%; padding: 30px 0;}
    .tableform {margin: 20px auto !important; width:100%;}
    .tableform .pregunta {display: block; color: #333; font-size: 13px; text-align: left; font-family: LucidaGrandeBold; padding-top: 12px; margin-bottom: 5px; width: 100%; float: none;}
    .tableform .fieldform {width: 90%; margin-left: 0; font-size: 13px; padding: 10px; margin-bottom: 5px;}
    .tableform .fieldform input {width:90%;}
    .tableform  .opcion {float: none; padding: 0px; box-sizing: border-box; width: auto;}
    body #main .auxi .cont-art .item.row.info .pregunta {width: 100%;}
    body #main .auxi .cont-art .item.row.info .opcion {width: 100%;}

    .tableform  .opcion-capcha1 {float: none; padding: 0px; box-sizing: border-box; width: 15%;}
    .tableform .fieldform.field-small {width:90%;}
    .tableform .fieldform.field-medium {width:90%;}
    #box-alerta {width:90%; padding-left: 0; padding-right: 0;}
    #box-alerta p {padding: 0 30px;}
    .tableform .boton {width:100%; margin-bottom: 10px;}
    .tableform .boton.boton-xs {width:auto; margin-bottom: 10px;}
    body #main .auxi.box-certificados, body #main .auxi.box-historial, body #main .auxi.box-acciones
    {width:90%; padding-left: 0; padding-right: 0;}
    body #main .auxi h2 {margin-left: 10px; padding-top:10px;}
    .ic-file {background-position:0 10px; }
    .boton.ic-descarga {width:100%;}
    body #main .auxi.box-historial .fecha {float: none; border:none; padding: 8px 0 0; text-align: left;}
    body #main .auxi.box-historial .col {float: none; border-left-width:0;}
    form .boton {margin-left: 0;}
    /* ALERTS */
    .alert {margin-left: 0;}
    /*.principal {margin-left: 20px;}*/
    #v-cal .vcal-date span {padding: .8rem 0 !important;}
}

@media(max-width:530px) {
    .alert-icon {float: none;}
    /*.principal {padding: 15px;}*/
    .checkbox {margin: 0 auto 0;}
}

body .hidden {
    display: none;
}