body {
/*text-align: center; */
font-family: Arial, Helvetica, Verdana, sans-serif;
margin: 0;
}

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

* {
box-sizing: border-box;
}

#background {
/*background: url('../Imagenes/fondo_web.jpg') center top  no-repeat #ececec;*/
/*padding-top: 126px;*/
}

.menuUsuario
{
float:right ;
}
.menuBarra
{
float:left;
}
.menuLinea {
border-bottom: 2px solid #666;
margin-top: 10px;
}
.tablaLabels
{
text-align: left;
}
.tablaControles
{
text-align: center;
}
.tablaNuevaAR
{
width: 400px;
}
#Formulario
{

}

#Formulario.opcional {
width: 960px;
}

#Titulo {
height: 20px;
width: 960px;
font-size: medium;
font-family: Calibri;
text-align: left;
font-weight: bold;
}

#TituloCentrado {
height: 20px;
width: 960px;
font-size: medium;
font-family: Calibri;
text-align: center;
font-weight: bold;
}

.Fila {
font-size: medium;
font-family: Calibri;
font-weight: bold;
text-align: left;
height: 26px;
width: 650px;
margin-top:5px;
margin-bottom:8px;
}

p.Fila {
color: #333;
font-weight: normal;
height: auto;
margin: 5px;
padding: 5px;
text-align: center;
text-shadow: 1px 1px 1px #fff;
}

p.Fila.destacado {
border: 1px solid green;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
padding: 10px;
}

.Fila .izq {
width: 150px;
height: 23px;
text-align: right;
float: left;
/*border: solid 1px black;*/
padding-top: 3px;

}
.Fila .centro {
width: 445px;
height: 26px;
float:left;
/*border-top: solid 1px black;
border-bottom: solid 1px black;
border-right: solid 1px black;
border-left: none;*/
padding-left: 5px;
}
.Fila .der
{
width: 45px;
height: 26px;
float:left;
}
.FilaFina{
font-size: small;
font-family: Calibri;
font-weight: bold;
text-align: center;
height: 20px;
width: 600px;
margin-top: 5px;
margin-bottom: 20px;
}

.FilaAncha{
font-size: small;
font-family: Calibri;
font-weight: bold;
text-align: left;
height: 46px;
width: 650px;
margin-top:5px;
margin-bottom:5px;
}

.FilaAncha .izq{
width: 150px;
height: 36px;
text-align: right;
float: left;
/*border: solid 1px black;*/
padding-top: 10px;
}

.FilaAncha .centro{
width: 445px;
height: 36px;
float:left;
/*border-top: solid 1px black;
border-bottom: solid 1px black;
border-right: solid 1px black;
border-left: none;*/
padding-left: 5px;
padding-top: 10px;
}
.FilaAncha .der
{
width: 45px;
height: 46px;
float:left;
}
.FilaSinAlto
{
font-size: small;
font-family: Calibri;
font-weight: bold;
text-align: left;
width: 650px;
margin-top:5px;
margin-bottom:5px;
}
.FilaSinAlto .izq
{
width: 150px;
text-align: right;
float: left;
padding-top: 3px;

}
.FilaSinAlto .centro
{
width: 445px;
float:left;
padding-left: 5px;
}
.FilaSinAlto .der
{
width: 45px;
float:left;
}


.ComboLargo{
height: 26px;
width: 300px;
font-size: 14px;
font-weight: normal;
font-family: Calibri;
}

.ComboLargo .ListItem{
height:26px;
background-color: #FFFF00;
}

.ComboCorto{
height: 26px;
width: 300px;
font-size: 14px;
font-weight: normal;
font-family: Calibri;
}

input.TextoLargo{
height: 26px;
width: 300px;
font-size: 14px;
font-weight: normal;
font-family: Calibri;
}

input.TextoCorto{
height: 26px;
width: 300px;
font-size: 14px;
font-weight: normal;
font-family: Calibri;
}

input.TextoLargoReq{
height: 26px;
width: 300px;
font-size: 14px;
font-weight: normal;
font-family: Calibri;
background-image: url(../Imagenes/requerido.png);
background-repeat:no-repeat;
background-position:center left;
padding-left: 23px;
border: 1px solid #ccc;

}
input.TextoCortoReq
{
height: 26px;
width: 300px;
font-size: 14px;
font-weight: normal;
font-family: Calibri;
background-image: url(../Imagenes/requerido.png);
background-repeat:no-repeat;
background-position:center left;
padding-left: 23px;
border: 1px solid #ccc;

}
.tableView {
font-family: Calibri;
border: none 0px;
}

.tableView caption {
background-color: Black;
color: White;
font-size: 24pt;
font-weight:bold;
padding: 5px;
}
.tableView td {
color: black;
font-family: Calibri;
font-size: 10pt;
text-align:left;
padding:5px;
margin:0px;
border-bottom: solid 1px #999999;
border-top: none 0px black;
border-left: none 0px black;
border-right: none 0px black;
}
.tableView th {
font-family: Calibri;
color: White;
background-color: #5D7B9D;
font-weight:bold ;
font-size: 10pt;
text-align:left;
padding: 5px;
border-bottom: none 0px #999999;
border-top: none 0px black;
border-left: none 0px black;
border-right: none 0px black;
text-align:center;
}

/* estilos guille */
.clear {
clear: both;
}

#verificacion {
font-size: 14px;
font-style: italic;
font-weight: bold;
padding: 15px;
text-shadow: 2px 2px 1px #fff;
-moz-text-shadow: 2px 2px 1px #fff;

}

#verificacion .success {
color: #59801B;
background: url("../Imagenes/Iconos/success.png") no-repeat scroll 0 center transparent;
padding-left: 30px;
}
#verificacion .error {
color: #b40a11;
background: url("../Imagenes/Iconos/error.png") no-repeat scroll 0 center transparent;
padding-left: 30px;
}

.title {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 20px;
text-shadow: 2px 2px 1px #fff;
-moz-text-shadow: 2px 2px 1px #fff;
}

table.aviso {
width: 627px;
font-family:'Open Sans', sans-serif;
font-size: 12px;
color: #555;
}

td.right {
text-align: right;
padding-right: 12px;
font-style: italic;
text-shadow: 2px 2px 1px #fff;
-moz-text-shadow: 2px 2px 1px #fff;
}

td.right, td.label {
width: 50%;
padding:4px;
/*margin:2px;*/
}

.center, td.center {
text-align: center;
}

td.centrar table  {
margin: 0 auto;
min-width: 450px;
}

td.label {
background: #f4f4f4;
border: solid 1px #555;
color: #333;
text-align: left;
padding-left: 10px;
box-shadow: 1px 1px 2px #CCCCCC;
}


.menuReenvio .titulo{
text-align: left;
font-size: small;
font-weight: bold;
}
.popupMod{
width:400px;
}
.formatoTexto{
font-size:small;
font-weight: bold;
}

.cPanel {
background: rgba(255, 255, 255, 0.4);
border-radius: 4px; -webkit-border-radius: 4px;
/*  height: 300px; g.v. 23/07/2015 */
margin-top: 20px;
padding: 30px;
}

.cPanelLink {
background: url('../Imagenes/DescargarCert.png') no-repeat top center;
color: #30526d;
display: inline-block;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-weight: bold;
padding-top: 76px;
text-decoration: none;
text-align: center;
transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;
width: 144px;
}

.cPanelLink.key {
background: url('../Imagenes/GenerarClaves.png') no-repeat top center;
}

.cPanelLink.view {
background: url('../Imagenes/VisualizarSolicitud.png') no-repeat top center;
}

.cPanelLink.sec {
background: url('../Imagenes/SeguridadConf.png') no-repeat top center;
}

.cPanelLink.revocar {
background: url('../Imagenes/revocar_certificado.png') no-repeat top center !important;
}

.cPanelLink.facturar {
background: url('../Imagenes/mis-facturas.png') no-repeat top center !important;
}

.cPanelLink.informar {
background: url('../Imagenes/informar-pago.png') no-repeat top center !important;
}

.cPanelLink.check {
background: url('../Imagenes/ver-checklist.png') no-repeat top center !important;
}

.cPanelLink:hover {
opacity: 0.78;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=78)";
transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s in;
}
/*
.LinkRight {
color: #fff;
display: inline-block;
background: #657fb2;
border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
padding: 4px 10px;
text-decoration: none;
font-size: 12px;
font-weight: bold; font-family: Arial; text-align: center;
transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in;
}

.LinkRight:hover {
background: #d49323;
transition: all 0.15s ease-in; -webkit-transition: all 0.15s ease-in; -moz-transition: all 0.15s in;
}*/

.ctl00_Menu1_4 {
padding: 4px 5px!important;
font-size: 12px;
}
/*
.btnImprimir{
display: inline-block;
height: 10px;
width: 10px;
background: url('../Imagenes/Botones/printer.png') no-repeat top center
}
.btnImprimir:hover{
background: url('../Imagenes/Botones/printer_hover.png') no-repeat top center
}
*/
.PrintButton {
    display: block;
    height: 15px;
    width: 73px;
    margin: 8px;
/*transition: all 0.24s ease-out; -webkit-transition: all 0.24s ease-out; -moz-transition: all 0.24s ease-out;*/

}

.acuerdo, .volante, .solicitud, .pagar {
    display: block;
    height: 15px;
    width: 73px;
    margin: 8px;
    background-repeat: no-repeat;
    background-position: top center;
}

.turnos {
    display: block;
    height: 30px;
    width: 73px;
    margin: 8px;
    background-repeat: no-repeat;
    background-position: top center;
}

.pagar{
    background-image: url("../Imagenes/pagar.png");
}

.acuerdo {
    background-image: url("../Imagenes/acuerdo.png");
}

.volante {
    background-image: url("../Imagenes/volante.png");
}

.turnos {
    background-image: url("../Imagenes/turno.png");
}

.volante.payu {
    background-image: url(../Imagenes/payu.png);
    height: 40px;
}

.volante.payu:hover {
background-position: center center;
opacity: 0.9;
}  

.solicitud {
    background-image: url("../Imagenes/solicitud.png");
}

.acuerdo:hover, .volante:hover, .solicitud:hover {
    background-position: 0 -20px;
}

.turnos:hover  {
    background-position: -2px -30px;
}

.message {
    background: #FF4D4D;
    color: #fff;
    font-family: Arial, Helvetica, Verdana, Sans-Serif;
    padding: 15px 30px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    border: 1px solid #B83737;
}

.alert {
    border: 1px solid transparent;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    display: inline-block;
    margin-bottom: 20px;
    padding: 15px;
    font-size: 14px;
}

.alert-alert {
    color: #cb9b1a;
    background: #fcecc1;
    border: 1px solid #cb9b1a;    
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
display: table-cell;
}
.input-group .form-control {
float: left;
margin-bottom: 0;
position: relative;
width: 100%;
z-index: 2;
}

.form-control {
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
display: block;
font-size: 14px;
/*height: 34px;*/
height: 26px;
line-height: 1.2;
padding: 3px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}

.form-control:focus {
border-color: #66afe9;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
outline: 0 none;
}

button, input, select, textarea {
font-family: inherit;font-size: inherit;line-height: inherit;line-height: normal;
}

button, input, optgroup, select, textarea {
color: inherit;font: inherit;margin: 0;
}

.form-control::-moz-placeholder, .form-control::placeholder {
color: #999;
opacity: 1;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}


/* Botones */
.btn {
-moz-user-select: none;
background-image: none;
background-color: #f3f3f3;
border: 1px solid transparent;
border-color: #888;
border-radius: 4px;
cursor: pointer;
color: #333;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1.42857;
margin-bottom: 0;
padding: 6px 12px;
text-align: center;
text-decoration: none;
vertical-align: middle;
white-space: nowrap;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; webkit-transition: all 0.3s ease-out;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
outline: thin dotted;
outline-offset: -2px;
}
.btn.focus, .btn:focus, .btn:hover {
background: #dfdfdf;
transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; webkit-transition: all 0.2s ease-in;
color: #333;
text-decoration: none;

}
.btn.active, .btn:active {
background-image: none;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
box-shadow: none;
cursor: not-allowed;
opacity: 0.65;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
background-color: #fff;
border-color: #ccc;
color: #333;
}
.btn-default.focus, .btn-default:focus {
background-color: #e6e6e6;
border-color: #8c8c8c;
color: #333;
}
.btn-default:hover {
background-color: #e6e6e6;
border-color: #adadad;
color: #333;
}
.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default.focus:active, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
    background-color: #d4d4d4;
    border-color: #8c8c8c;
    color: #333;
}

.btn-green {
    background-color: #50a244;
    border-color: #3a7930;
    color: #fff;
}

.btn-green:focus, .btn-green:hover {
    background-color: #5fc550;
    color: #fff !important;
}

.btn.afip, .btn.afip:hover {
            background-image: url(../Imagenes/afip.png);
            background-position: 12px center;
            background-repeat: no-repeat;
            padding-left: 80px;
        }

.form-label {
    color: #444;
}

.radiobutton, .checkbutton {
    color: #444;
    font-size: 13px;
    text-align: left;
    padding: 5px;
    margin: 5px;
}

.radiobutton input, .checkbutton input {
    margin-right: 8px;
}


/* estilos formularios-ABM   */
.est {
    display: inline-block;
    text-align: left;
    float: left;
    width: auto;
    margin: 5px;
    pading: 4px;
}

.uno {
    margin-left: 0;
    padding-left: 0;
    width: 120px;
}
.est .form-label {
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
}

.est .form-control {
    height: 26px;
}

.est .btn {
    height: 28px;
    padding: 4px 12px;
}

.validator {
    display: inline-block;
    margin-top: 8px;
}

.customVal {
    display: inline-block;
    margin-top: 8px;
    font-weight: normal;
    font-size : 14px;
}

.multiline {
    min-width: 180px;
    max-width: 500px;
    min-height: 80px;
    max-height: 200px
}

.req {
    font-size: 12px;
    color: #555;
    padding: 2px;
}

.form-titulo {
    text-align:left;
    display: inline-block;
    width: 100%;
}

fieldset {
    border: 1px solid #ccc;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    margin: 10px 0;
}

.abm .tableView {
    width: 100%;
}

.abm .tableView td {
    border-bottom: 1px solid #ccc!important;
}

.abm .tableView th {
    border-bottom: 1px solid #ccc!important;
    text-align: left;
}

.abm .tableView th:first-child {
    border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0;
    width: 120px;
    padding: 0 0 0 15px;
}

.abm .tableView th:last-child {
    border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0;
    width:250px;
}

.icon, .icon:hover {
    background-color: #3777a8;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;
    display: inline-block;
    padding: 13px;
    margin: 4px 4px 0 2px;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}

.icon:hover {
    background-color: #e6a655;
    transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}

.icon.edit {
    background-image: url(../Imagenes/Iconos/edit1.png);
}
.icon.delete {
    background-image: url(../Imagenes/Iconos/delete1.png);
}
.icon.view {
    background-image: url(../Imagenes/Iconos/view1.png);
}

.mask {
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    z-index: 0;
    left: 0;
    top: 0;
}

.ventanaEmergente {
    background: #fefefe;
    border-radius: 5px; webkit-border-radius: 5px;-moz-border-radius: 5px;
    border: 1px solid #fff;
    padding: 20px;
    width: 600px;
    z-index: 1000;
    margin: 50px auto;
    position: absolute;
    left: 0;
    right: 0;
}

.tableCheckList {
/*font-family: Calibri;*/
    border: none 0px;
    width: 100%;
}

.tableCheckList caption {
    background-color: Black;
    color: White;
    font-size: 24pt;
    font-weight:bold;
    padding: 5px;
}
.tableCheckList td {
    color: black;
    font-size: 8pt;
    text-align:left;
    padding:4px;
    margin:0px;
    border-bottom: none 0px #555;
    border-top: none 0px #555;
    border-left: solid 1px #999999;
    border-right: none 0px black;
}
.tableCheckList th {
    color: black;
    font-weight:600 ;
    font-size: 8pt;
    text-align:left;
    padding: 5px;
    border-bottom: none 0px black;
    border-top: none 0px #555;
    border-left: solid 1px #999999;
    border-right: none 0px black;
}

.tableCheckList th:first-child, .tableCheckList td:first-child {
    border-left: none;
} 

.Checklist0 .Cabecera {
}

.tablaCabecera{
    border: none 0px;
    font-size: 8pt;
    text-align:left;
    padding:1px;
    margin:0px;
    width: 700px;
}
.logo{
    float: left;
    background-image: url(../imagenes/logo.png); height: 98px; width: 206px; 
}

/* MENU */
/*

.MainNav {
    background-color: #00a8e7;
    font-family: Open Sans;
    font-size: medium;
    color: #fff;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;   
}

.level1, .level2, .level3, .level4, .level5, .level1:visited, .level2:visited, .level3:visited, .level4:visited, .level5:visited  {
    color: #fff;
    background: #00a8e7;
    transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;
}

.level1:hover, .level2:hover, .level3:hover, .level4:hover, .level5:hover  {
    color: #fff;
    transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}

.level1 {
    padding: 2px;
}

.level1:visited {
    background-color: Aqua;
}

.level1:hover {
    background-color: #48cafb;
}

.level2 {
    margin-top: 5px;
    font-weight: normal;
    font-size: small;
    padding: 1px;
}

.level2:visited {
}

.level2:hover {
    background-color: #48cafb;
}

.level3 {
    position:relative;
    width: 100%;
    margin-left: 2px;
    font-weight: normal;
    font-size: small;
    padding-left: 1px;
    padding-bottom:1px;
    padding-top:1px;
    margin-top:2px;

    background-color: White;
    
}
.level3:visited
{
    color: Black;
    background-color: white;
}
.level3:hover
{
    color: Aqua;
    background-color: Black;
}

.hoverstyle
{}

.level4 {
    font-size: small;
    background-color: Gray;
    font-weight: normal;
}

*/

/*********************************************************************************/
#nav {
    background: #00a8e7;
    width: 100%;
}

.MainNav {     
}

.level1, .level2, .level3, .level4, .level5, .level1:visited, .level2:visited, .level3:visited, .level4:visited, .level5:visited {
    color: #fff;
    background-color: #00a8e7;
    font-size: 13px;
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -webkit-transition: all ease-out 0.35s; 
}

.level2, .level3, .level4, .level5, .level2:visited, .level3:visited, .level4:visited, .level5:visited {
    text-align: left;
}

.level1:hover, .level2:hover, .level3:hover, .level4:hover, .level5:hover, .level1:hover a, .level2:hover a, .level3:hover a, .level4:hover a, .level5:hover a {
    background-color: #48cafb;
    cursor: pointer;
    transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s;    
    
}

.level1 a, .level2 a, .level3 a, .level4 a, .level5 a {   
    display: inline-block;
    font-size: 13px;
    width: 100%;
    padding: 10px 8px;
}

.level1 a {
    padding: 10px;
}

a.checkIcon, a.checkRechazada {
    display: inline-block;
    padding: 5px;
    width: 20px;
    height: 20px;
    transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out;
    margin: 0 auto;
}

a.checkIcon:hover, a.checkIconRechazada {
    opacity: 0.8;
    transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in;
}

a.checkIcon {
    background: url(../imagenes/CheckIcon.png) no-repeat center center; 
}

a.checkRechazada {
    background: url(../imagenes/CheckRechazada.png) no-repeat center center; 
} 

.center {
    text-align: center;
}

/* SEMAFORO */
.traffic a {
    display: inline-block;
    width: 40px;
    height: 13px;
}
        
.traffic a.red {
    background: url(../Imagenes/redcircle.png) center center no-repeat;
}
        
.traffic a.yellow {
    background: url(../Imagenes/yellowcircle.png) center center no-repeat;
}
        
.traffic a.green {
    background: url(../Imagenes/greencircle.png) center center no-repeat;
}
        
.error {
    color: #e33d4d;
}         

.link {
    background:#19a5e3; 
    color: #fff!important; 
    display: inline-block;
    border: 1px solid #19a5e3;
    font-size: 13px; 
    padding: 5px 14px; 
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    margin-left: 8px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;
}

.link:hover {
    transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;
    background: #0f85b9;
    border: 1px solid #0f85b9; 
    color: #fff!important;    
}

.btn.link:hover {
    color: #fff!important;    
}

.link.disabled {
   background: #adc7d3; 
   border: 1px solid #a2bfcd;
   cursor: default;
}

#firefox {
    background: #fdfdfd;
    border: 1px solid #dedede;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    text-align: left;  
}


.btn-success {
	color: #fff;
	background: #5cb85c;
	border-color: #4cae4c;
}

.btn-success.focus,.btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625}.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover{color:#fff;background-color:#398439;border-color:#255625}.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}

.noExplorer {
    background:#ff4433;
    color:#fff;
    font-weight: bold; 
    height:46px;
    padding: 12px; 
    width:100%; 
    position: fixed;
    top:0;
    left:0;
}

/* servicio descarga certificados */
.card {
	background: #f3f3f3;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
	-webkit-box-shadow: 1px 1px 1px #ccc; box-shadow: 1px 1px 1px #ccc;
	border: 1px solid #eee;/*
	width: 49%;*/
	width: 370px;
	float: left;
	margin-right: 14px;
	-moz-transition: all .4s ease-out; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; 
	
}
.card.last {
	margin-right: 0;
}

.card:hover {/*
	background: blue;*/
	background: #fAfAfA;
	border: 1px solid #aaa;
	-moz-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; 
	-webkit-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc;
}

.card .c-header {
	border-bottom: 1px solid #cecece;
	padding: 15px 10px;
	text-align: left;
}

.card .c-header.juridica {
	background: url(../Imagenes/Iconos/company.png) 20px center no-repeat;
}

.card .c-header.fisica {
	background: url(../Imagenes/Iconos/user.png) 20px center no-repeat;
}

.card .c-header .maintitle, .card .c-header .subtitle {
	display: inline-block;
	padding-left: 60px;
	text-align: left;
}

.card .c-header .maintitle {
	color: #333;
	font-size: 16px;
	font-weight: 600;
}
	
.card .c-header .subtitle {
	color: #999;
	font-size: 13px;
	font-weight: 400;
}
.card .c-body {
	padding: 10px 10px 20px 10px;
}

.card .c-body h5 {
	margin: 10px 10px 14px 10px;
}

.card .c-body .buscar {
	display: block;
	padding: 6px;
	width: 100%;
}

.card .captcha-td .form-control {
	width: 110px;
}

#servicioDescargaPasos {width: 800px; display: block; position: relative;}
.paso {display: inline-block; position: relative;} 
.mouseover {display: none; position: absolute; border: 1px solid #d2a830; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; left: 0; margin-left: 70px; margin-top: 80px\9; /* apply to all ie from 8 and below */z-index: 100;}

.mascara {display: none; background: #000; position: fixed;  width: 100%; height: 100%; left:0; z-index: 0; top:0; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30);}
.faded {opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40);}
.imagedos, .imagecinco {margin-left: 290px;}
.imagetres {margin-left: 70px;}
.imageseis {margin-left: 260px}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.mouseover {  margin-top: 80px; }
}


.box-seccion{
    height:60px;
    width:100%;
    background-image: url("../Imagenes/bg-seccion.jpg");       
    background-attachment: fixed;    
}


.box-seccion h1{
    text-align:center; 
    font-size:22px;
    font-weight:600;
    color:#fff;
    padding-top: 20px;
    margin: 0px;
}

.box-seccion h1 span{
    font-weight:300;
}

.botonera{
    width: 825px;
    margin: auto;
}

.cabecera{
    margin-top:30px;
    margin-bottom:40px;
}

.box-uno {
	background: #fff;
	color: rgb(85, 85, 85); 
	font-size: 15px; 
	font-weight: 600;
	padding: 12px; 
	border: 2px solid rgb(170, 170, 170); 
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

/* bootstrap clases */ 

.radio, .checkbox {
	text-align: left;
	display: inline-block!important;
}

.disp-none {
    display: none;
}

.radio label, .checkbox label {
    padding-left: 10px!important;
}

/* Bandeja Resumen */

.MyTabStyle .ajax__tab_header
{
    font-size: 14px;
    font-weight:bold;
    display: block;
    text-align: left;
}
.MyTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    margin-right: 3px;
    border: solid 1px #d7d7d7;
    padding: 10px 10px 10px 20px;
    border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0;
}
.MyTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #ccc;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color:#ddd;
}
.MyTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.MyTabStyle .ajax__tab_active .ajax__tab_outer
{
    background-color: #fff;
    border-bottom: 2px solid #0092c8;
}
.MyTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #ccc;
}
.MyTabStyle .ajax__tab_body {
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    font-size: 10pt;
    background-color: #fff;
    border-top-width: 0;
    border: solid 1px #ccc;
    text-align: left;
    padding: 20px;
}

.ajax__tab_default .ajax__tab_tab {
    color: #0685b5;
    overflow: hidden;
    text-align: left;
    display: -moz-inline-box;
    display: inline-block;
}

.MyTabStyle .ajax__tab_body h3 {
    color: #333;
    margin: 16px 0;
    font-size:16px;
}

.tableView.resumen td, .tableView.resumen th  {
    text-align: left;
}

.MyTabStyle table tbody tr td label{
    font-weight:normal;
    margin-right:7px;
}


#ContentPlaceHolder1_panelAvisoDeRenovacion .btn{
    margin-left:10px;
}


.estilo-modal{
    padding:15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    min-width: 600px;
}


.estilo-modal .title{
    margin-bottom:10px;
}

/*
.estilo-modal input, .estilo-modal select{
    margin-bottom: 6px;
    height:35px;
    padding-right:10px;
    padding-left:10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.estilo-modal label {
    margin-top: -10px;
    display: block;
}
*/


.estilo-modal input, .estilo-modal select{
    padding-right:10px;
    padding-left:10px;
    border: 1px solid #ccc;
    margin-bottom:5px;
}


.estilo-modal label{
    min-height:30px;
    display: block;
}

.estilo-modal span {
    min-height: 30px;
    display: block;
}

.estilo-modal .title{
    color:#00a8e7;
    padding-bottom: 10px;
    padding-top: 15px;
    text-align:center
}

.estilo-modal .form-group {
    margin-bottom: 8px;
}

.btn-estilo-modal{
    background-color:#00a8e7;
    color:#fff;
    border:0px !important;
    cursor:pointer;
    height:35px;
        -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-estilo-modal:hover, .btn-estilo-modal:focus{
    background-color:#0093CA;
    color:#fff !important;
}


.btn-close-estilo-modal{
    height:12px !important;
    padding:0px !important;
}

.estilo-modal .label-modal-sinborde{
    padding-top:5px;
    display:block;
    
    cursor: not-allowed;
    background-color: #eee;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.estilo-modal .linea-modal{
    width:100%;
    height:1px;
    background-color:#CECDCC;
    margin-bottom:20px;
    margin-top:10px;
}

.estilo-modal .checkkk label{
 display:inline-block;
 padding-left:6px;
 font-weight:normal;
}

.pagination-modal span{
    min-height: 0px;
    color:#0093CA;
}

.pagination-modal a{
    text-decoration:none;
    color:#333;
}


.pagination-modal tr td{
    text-align:center;
    color: #000;
    background-color: #fff;
    font-weight: normal;
    padding: 7px;
}


.estilo-modal .error {
    /*color: #fff;
    background-color: #DB524B;
    line-height: 28px;
    font-size: 12px;*/
    
    color: #a94442;
    background-color: #f2dede;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    text-align:center;
    margin-bottom:20px;
    margin-top:10px;
}

.estilo-modal .exitoso {
    /*color: #fff;
    background-color: #58B957;
    line-height: 28px;
    font-size: 12px;*/
    
    color: #3c763d;
    background-color: #dff0d8;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    text-align:center;
    margin-bottom:20px;
    margin-top:10px;
}

.exitoso {
    color: #3c763d;
    background-color: #dff0d8;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    text-align:center;
    margin-bottom:20px;
    margin-top:10px;
    width:100%;
    display:block;
}

.error {
    color: #a94442;
    background-color: #f2dede;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    text-align:center;
    margin-bottom:20px;
    margin-top:10px;
    width:100%;
    display:block;
}


.pagination-modal tr{
    color: White;
    background-color: #5D7B9D;
    font-weight: bold;
}

.pagination-modal input{
    margin-bottom: 0px;
}


.tabla-reporte{
    margin-top:10px;
    font-size:13px;
    font-family:Calibri;
}

.tabla-reporte tbody tr th{
    background-color:#333;
    color:#fff;
    font-weight:normal;
    text-align:center;
    padding:5px;
    min-height:36px;
}

.tabla-reporte tbody tr td{
    background-color:#fff;
    text-align:center;
    padding:5px;
    min-height:36px;
}

.tabla-reporte tbody tr:nth-child(2n) td{
    background-color:#dddddd;
}

.form-reporte{
    border:1px solid #999;
    height:30px;
}

.btn-exportar-reporte{
    float:right;
    margin-top:30px;
}


.pagination-reporte td table{
   margin:auto;
}

.pagination-reporte td table tbody tr td{
   border:none;
}

.btn-ac-primario{
    background-color:#1b9ad1;
    color:#fff;
    border:none;
}

.btn-ac-primario:hover, .btn-ac-primario:focus {
    background-color:#1c8fb7;
    color:#fff !important;
}


.btn-ac-neutro{
    background-color:#AAAAAA;
    color:#fff;
    border:none;
}

.btn-ac-neutro:hover, .btn-ac-neutro:focus {
    background-color:#888888;
    color:#fff !important;
}


.btn-ac-secundario{
    background-color:#D07E14;
    color:#fff;
    border:none;
}

.btn-ac-secundario:hover, .btn-ac-secundario:focus {
    background-color:#B57011;
    color:#fff !important;
}

.pull-right{
    float:right;
}

.pull-left{
    float:left;
}


span.error-filtro{
    color: #fff !important;
    line-height: 28px;
    font-size: 13px;
    /*padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
    padding-right:10px;*/
    text-align:center;
}



.tabla-celeste{
    margin-top:10px;
    font-size:14px;
    font-family:Calibri;
    border: 0px;
}

.tabla-celeste tr {
    height:40px;
}

.tabla-celeste tbody tr th{
    background-color:#00a8e7;
    color:#fff;
    font-weight:normal;
    text-align:center;
    padding:5px;
    min-height:36px;
}

.tabla-celeste tbody tr td{
    background-color:#fff;
    text-align:center;
    padding:5px;
    min-height:36px;
    border:0px;
    border-bottom: 1px solid #ccc;
}

.tabla-celeste tbody tr:nth-child(2n) td{
    background-color:#EEEEEE;
}


.seccion-panel-control .acuerdo, .seccion-panel-control .volante, .seccion-panel-control .solicitud, .seccion-panel-control .turnos {
    width: 80px;
}

.seccion-panel-control h1{
    font-size: 23px;
    font-family: 'robotolight';
    color: #D07E14;
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: left;
}

.box-titular-ac{
    border-bottom: 1px solid #D07E14;
    padding-bottom: 20px;
    min-height:40px;
}


.box-titular-ac i.fas.fa-chevron-left {
    margin-right: 7px;
}


.ic_gen_clave{
    width:125px;
    height:17px;
    background-image: url(../Imagenes/generar_claves.png);
    display: block;
    margin: auto;
}

.ic_gen_clave:hover{
    background-position: center -18px;
}


    
.seccion-interna h1{
    font-size: 23px;
    font-family: 'robotolight';
    color: #D07E14;
    margin-bottom: 0px;
    margin-top: 5px;
    text-align: center;
}


.btn-hiperlink{
    background-color:Transparent;
    font-size:12px !important;
    color:#1c8fb7;
}

.btn-hiperlink:hover, .btn-hiperlink:focus{
    background-color:Transparent;
    color:#333;
}
   
   
.form-desabilitado{
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
    display: block;
    text-align:left;    
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}    

.seccion-interna .control-label span{
    margin-top:6px;
    display:block;
}

.tipo-modal{
    background-color:#fff;
    padding:30px;
}


#ctl00_ContentPlaceHolder1_rowCaptcha div{
    background-color:#fff !important;
    border:none !important;
    margin-left: 50px;
    margin-top: 15px;
}


input.texto_requerido{
    background-image: url(../Imagenes/requerido.png);
    background-repeat:no-repeat;
    background-position:5px;
    padding-left: 23px;
}


.botones-pie-formularios{
    margin-top:30px;
}

.botones-pie-formularios .btn{
    margin-right:15px;
}


.seccion-interna.box-carga-empresa .control-label span {
    text-align: right;
}


.bg-login-ar{
    background-color:#00a8e7;
    background-image: url(../Imagenes/bg-login-v2.jpg);
    background-size:cover;
}

.box-login-ar{
    width:350px;
   min-height:400px;
    background-color:#fff;
    /*margin-left: 10%;
    margin-top: 80px;*/
  
    margin: 10% auto;    
    -moz-box-shadow:    4px 4px 2px -3px #555;
	-webkit-box-shadow: 4px 4px 2px -3px #555;
	box-shadow:         4px 4px 2px -3px #555;
}
.box-login-ar-loading {
    width:450px;
    background-color:#fff;    
    margin: 10% auto;
    text-align: center;
    /*min-height: 0;*/
    padding: 40px 15px;
    border-radius: 2px;
    -moz-box-shadow:    4px 4px 2px -3px #555;
	-webkit-box-shadow: 4px 4px 2px -3px #555;
	box-shadow:         4px 4px 2px -3px #555;
}
.box-login-ar-loading label {
    margin: 20px 0;
}

.titular-login-ar{
    border-left:4px solid #00b5f3;
    height:40px;
    margin-top:10px;
}

.titular-login-ar h1{
    font-size:16px;
    padding-top:10px;
    font-family: 'robotoregular';
    text-align:left;
    padding-left:22px;
    margin-top:0px;
}

.logo-login-ar img{
    margin: 0px auto 30px;
    text-align:center;
    display:block;
    padding-top:30px;
}

.formulario-login-ar{
    padding:27px;
}

.botones-login-ar{
    float:right;
    margin-bottom:30px;
}

.botones-login-ar .btn{
    margin-left:10px;
    width:100px;
}

.box-login-ar .form-control {
    border: 1px solid #00a8e7;
}


 input{
    margin-right:5px;
}

.datosuser tbody tr > td{
    height: 38px;
}

.box-version-login{
    margin-top:-130px;
}

.box-version-login span{
    display:block;
    text-align:center;
    color:#FFF;
}


.tabla-reporte-rendiciones{
    margin-top:10px;
    font-size:13px;
    font-family:Calibri;
    border: 0px;
}

.tabla-reporte-rendiciones tbody tr th{
    background-color:#333;
    color:#fff;
    font-weight:normal;
    text-align:center;
    padding:5px;
    min-height:36px;
}

.tabla-reporte-rendiciones tbody tr td{
    text-align:center;
    padding:5px;
    min-height:36px;

    border: 1px solid #fff;
}


.tabla-reporte-rendiciones .pagination-reporte span{
    min-height: auto;
    display: block;
}

/*.control-label.sinpad-der{
    text-align: left;
    display:block;
}*/


.estilo-radio-button label{
    display:inline-block !important;
    margin-left:8px;
}

.signo-ayuda{
    position:absolute;
    right:-10px;
    top:10px;
}

.estilo-modal legend {
    font-size: 16px;
    padding-bottom: 10px;
}

.box-validacion b{
    text-align:center;
    display:block;
    margin-bottom:10px;
}


.box-validacion table tr td{
    text-align:center;    
}

.box-validacion table{
    width:100% !important;    
}



.box-generar-clave {
    width: 360px;
    margin: auto;
}

.box-generar-clave h2{
    text-align:center;
    font-size:20px;
    margin-bottom:30px;
}




/* ROBOTO LOCALES */



@font-face {
    font-family: 'robotothin';
    src: url('../Fonts/Roboto/Roboto-Thin-webfont.eot');
    src: url('../Fonts/Roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('../Fonts/Roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('../Fonts/Roboto/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('../Fonts/Roboto/Roboto-Light-webfont.eot');
    src: url('../Fonts/Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Roboto/Roboto-Light-webfont.woff') format('woff'),
         url('../Fonts/Roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('../Fonts/Roboto/Roboto-Light-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;   

}

@font-face {
    font-family: 'robotoregular';
    src: url('../Fonts/Roboto/Roboto-Regular-webfont.eot');
    src: url('../Fonts/Roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('../Fonts/Roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../Fonts/Roboto/Roboto-Regular-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;   

}

@font-face {
    font-family: 'robotobold';
    src: url('../Fonts/Roboto/Roboto-Bold-webfont.eot');
    src: url('../Fonts/Roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('../Fonts/Roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../Fonts/Roboto/Roboto-Bold-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;   

}

@font-face {
    font-family: 'robotoblack';
    src: url('../Fonts/Roboto/Roboto-Black-demo.eot');
    src: url('../Fonts/Roboto/Roboto-Black-demo.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Roboto/Roboto-Black-demo.woff') format('woff'),
         url('../Fonts/Roboto/Roboto-Black-demo.ttf') format('truetype'),
         url('../Fonts/Roboto/Roboto-Black-demo.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;   

}


*/