@import url("fuentes.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
/*-----------------------------------------------------------------------------------*/
/*Principal
/*-----------------------------------------------------------------------------------*/
.ContienCabeceradeSesion{
    width: 40%; right: -58.4%; position: relative; top: -90%;  padding: 4px;

}
.CorrectoAplica {
background: #ACDE93;
text-align: left;
padding: 10px 2px 2px 10px;
color: #37302D;
width: 90%;
font-size: 11.5px;
height: 45px;
border: 1px solid #006600;
}
.LosSiNo{
    cursor: pointer;
}
::selection { 
          background: #003366; 
          color: #F0F0F0; 
     } 
     ::-webkit-selection { 
         background: #003366; 
          color: #F0F0F0; 
     }

     ::-moz-selection {
background: #003366; 
          color: #F0F0F0; 
     }
.EnlacesRedireccion{
    color: #999999;
    font-size: 10px;
}
.EnlacesRedireccion:hover{
    color: #003366;
    text-decoration: underline;
}
.FormContieneUsu input[type='submit'], .FormContieneUsu input[type='button'], .FormContieneUsu button[type='button'], .FormContieneUsu button[type='submit'], .form input[type='submit']{
                width: 100%;
                background: #37579f;
                display: block;
                position: relative;
                color: #fff;
                border: none;
                padding: 4px 4px;
                cursor: pointer;
                border: 1px solid transparent;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -ms-border-radius: 3px;
                -o-border-radius: 3px;
                font-size: 10px;
                font-family: 'Roboto', sans-serif;
                overflow: hidden;
            }
            .FormContieneUsu input[type='button']:hover {
                border: 1px solid #304367;
                background: #839ac4;
            }
            .FormContieneUsu{
                background: #e4eef4;
                width: 100%;
                margin: 0 auto 10px auto;
                color: #4e4e4e;
                border: 1px solid #e8e8e8;
                padding: 10px 0 5px 0;
                display: block;
                height: auto;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                -o-box-sizing: border-box;
                box-sizing: border-box;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
            }
.ErrorSistema{
    background: #ffcccc; 
    text-align: left; 
    padding: 10px 2px 10px 10px;
    color: #cc0000;
    font-size: 11.5px;
    margin-top: 25px; width: 90%; height: 30px; border: 1px solid #cc0000
}
.ErrorCompletoForm{
    background: #ffcccc; 
    text-align: left; 
    padding: 5px 5px 5px 5px;
    color: #cc0000;
    font-size: 11.5px;
    margin-top: 25px; width: 90%; height: 30px; border: 1px solid #cc0000
}
.AdvertenciaSistema{
    background: #ffff99; 
    text-align: left; 
    padding: 10px 2px 2px 10px;
    color: #cc3300;
    margin-top: 25px; 
    width: 90%; 
    font-size: 11.5px;
    height: 45px; 
    border: 1px solid #cc3300;
}
#cargandoMostrarIngresarSistema{
    margin-top: 5%;
    width: 100%;
    position: absolute;
    height: 100%; text-align: center
}
#cargandoMostrarInsertarUsu{
    margin-top: 15%;
    width: 100%;
    position: absolute;
    height: 100%; text-align: center
}
#ContieneElCargarGifcl{
    cursor: pointer; width: 80px; position: absolute; text-align: center; 
    top: 18%; right: -1%; padding: 2.5%;
    display: none;
}

footer {
    width: 100%;
    float: left;
    bottom: 0px;
    position: relative;
    border: 1px solid;
    font-size: 11px;
}
#PiedePaginaSerdan {
    clear: both;
    border-top: 1px solid #666666;
    background: #2C4681;
    width: 100%;
}
#PiedePaginaSerdanCopy a{
    color: #cccccc
}
#PiedePaginaSerdanCopy a:hover{
    color: #ffffff;
}
#PiedePaginaSerdanCopy {
    width: 100%;
    padding: 8px 8px 7px;
    color: #cccccc;
    text-align: center;
}
.ContienCabeceradeSesion .ContieneFormSelecClie form.form .chzn-drop {
    margin-left: 9.8px !important;
    width: 97.4% !important;
    color:#ffffff
}
.ContienCabeceradeSesion span.EspanTiti, img, a{
    color: #F0F0F0;
    text-decoration: none;
}
.ContienCabeceradeSesion a{
    margin-left: 10px;
}
.ContieneGloNotificacion{
    position: relative;
    width: 100%;
    max-width: 720px;
    /*    float: left; */
    /*    border: 1px solid;*/
    margin-right: 10px;
    height: 230px;
    background: url(../../img/SerdanIcon.png)  no-repeat;
    padding-top: 35px;
    padding-left: 25px;
    cursor: pointer;
    border-bottom: 1px solid #ffffff;
}
.ContieneGloNotificacionLoguin{
    position: relative;
    width: 480px;
    /*max-width: available;*/
    /*float: left;*/ 
    /*border: 1px solid;*/
    margin-top: 35px;
    margin-right: 0px;
    height: 100%;
    background: url(../../img/SerdanIconIngreso.png)  no-repeat;
    /*background-size: 100%;*/
    padding: 5px;
    /*padding-left: 240px;*/
    /*padding-top: 10px;*/
    /*padding-right: 36px;*/
}
.ContieneTextosInformacion{
    width: 385px; position: absolute; 
    /*max-width: 452px;*/ 
    /*float: right;*/
    
    margin-right: 10px;
}

  

.ContieneFormInputs{
    margin-bottom: 10px;
}
.Formulario label.Deform{
    color: #595697;
    padding: 3px 5px 5px 3px;
    margin-left: 10px;;
    clear: both;
    font-size: 12px;
}
.ContieneGloNotificacion:hover{
    border-bottom: 1px solid #003366;
}
.TitulosGeneralesH2 h2{
    padding: 1px;
    text-align: center;
    line-height: 4px;
    font-size: 17px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    text-decoration: none;

}
.ContieneELSubMenuConsultasReportes{
    position: relative;  top: -17px; left: 22px;
    width: 95.5%;
}
#EstyloMenuCuenta{
    color: black; width: 100%;   padding: 8px;  
    
}
.MostrarDerechaDatos{
    color: black;  
    padding: 5px; 
    padding-right: 10px; 
    width: 97%;
    float: left;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 1px 3px 1px rgba(60,64,67,0.149);
}
.MostrarDerechaDatos:hover{
   /* box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302),
                0 4px 8px 3px rgba(60,64,67, 0.149);*/
}
.ContieneDatosGenerales{
    width: 100%; padding-left: 1%; 
    padding-right: 1%;
    padding-bottom: 1%;
    min-width: 1283px;
}
#ContienElMenuGeneral{
    border-bottom: 1px solid #cccccc;
    float: left;
   width: 100%;
   margin-bottom: 1px;
   clear: both;
}
#ContienElMenuGeneral .Columna25{
 margin: 0.5% 0.5% 0.2% 0.5%;
}
.ContienElDataGeneralMostrar{
    margin-right: 2%;
    min-width: 990px;
   
    /*    border: 1px solid #000000;*/

}
#EstyloMenuCuentaConsultas{
    width: 100%;   padding: 8px;  display: none
}
.ContieneELSubMenuConsultas{
    position: relative; top: -315px; height: 100px; width: 81%; left: 22px;
}
#ContienElMenuGeneral h3, .ui-accordion .ui-accordion-header{
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.302), 0 1px 3px 1px rgba(60,64,67,0.149);
    align-items: center;
    background-color: #fff;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 24px;
    color: #3c4043;
    font-weight: 500;
    font-size: 14px;    
    padding:11px 10px;
    letter-spacing: .15px;
    line-height: 22px;
    margin: 0;
    min-width: 120px;
    text-transform: none;
    width: inherit;
}
#ContienElMenuGeneral h3:hover, .ui-accordion .ui-accordion-header:hover{
    box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302),
                0 4px 8px 3px rgba(60,64,67, 0.149);
                background-color: #f8f9fa;
                outline: none;
}
.ui-accordion .ui-accordion-header{
    margin-bottom: 7px;
    padding: 11px 10px !important;
   
}

h3.ClaseEfectosIni a:hover span,
h3.ClaseEfectosIniChe a:hover span
{
    color: #ffffff;
}

h3.ClaseEfectosIniChe:hover span
{
    color: #ffffff;
}
span.InconoMenuColores {
    margin-right: 5px;
    color: #666666;
    font-size: 21px;
    text-decoration: none;
}

.CabeceraGeneralSerdan{
    text-align: left;
    width: 100%;
    background-image: url(../../img/CabeceraLogoRepite.jpg);
    background-repeat: repeat-x;
    height: 115px;

}
.ImagenLogoSerdan{
    background: url(../../img/CabeceraLogoSerdan.jpg)  no-repeat;
    height: 126px;
}
#PestanasTrazabilidadesTab ul li a{
    font-size: 10px;
}
.tdContieneDatosDetalles{
    cursor: pointer;

}
.tdContieneDatosDetalles .ImagenEditar{
    margin-right: 2px;
    padding-left: 22px;;
    padding-bottom: 2px;
    background: url(../../img/editar.png) no-repeat;

}
.tdContieneDatosDetalles:hover{
    color: #0062ca;
}
.tdContieneDatosDetalles:hover .ImagenEditar{
    background: url(../../img/editarOver.png) no-repeat;
}
div.PequenoColorDefecto{
    height:  160px;
}
div.PequenoColorOculto{
    height:  50px;
}

#TablaPagosAdicion2 {
    width: 96.4%;
    border: 1px solid #0062ca;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0px;
}
#TablaPagosAdicion {
    width: 97%;
    border: 1px solid #0062ca;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 0px;
    float: left;
}
#TablaPagosAdicion thead tr {
    height: 28px;
    padding: 2px;
    color: #FFF;
    background: #304367;
    text-align: center;
    font-size: 12px;

}
#TablaPagosAdicion thead tr th {
    height: 28px;
    padding: 2px;
    color: #FFF;
    background: #304367;
    text-align: center;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;

}
#TablaPagosAdicion tbody tr td {
    border-top: 1px solid #0062ca;
    border-right: 1px solid #0062ca;

    height: 25px;
    font-size: 1.2em;
    padding: 0px 5px;
}
.TablasDatosDe {
    width: 200px;;
    border: 1px solid #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 2px;
    margin-right: 4px;
}
a.BotonAClaseAzul{
    width: 100%;
    background: #37579f ;
    display: block ;
    position: relative ;
    color: #fff ;
    border: none ;
    padding: 4px 4px ;
    cursor: pointer ;
    border: 1px solid transparent ;
    -webkit-border-radius: 3px ;
    -moz-border-radius: 3px ;
    border-radius: 3px ;
    -ms-border-radius: 3px ;
    -o-border-radius: 3px ;
    font-size: 10px ;
    font-family: 'Roboto', sans-serif;
    overflow: hidden ;
}
a.BotonAClaseAzul:hover{
    border: 1px solid #304367 ;
    background: #839ac4 ;
}
.ColorVerdeIcon{
    font-size: 15px !important;

}
.ColoraZulIcon{
    font-size: 15px !important;
}
.ColorRojoIcon{
    font-size: 15px !important;
}
.ColorRojoIconTele{
    font-size: 15px !important;
}
.ColorRojoQuitarIcon{
    font-size: 15px !important;
}
p#preguntas_x{
    font-size: 11.3px;
}
.ColorAzulDato{
    width: auto !important;
    font-weight: bold;
    color: #37579f;
    float: left !important;
    clear: none !important;
    margin-right: 5px;
    font-size: 11.5px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}
.ColorAzulDatoTabla{

    color: #37579f;
    font-size: 7.5px;
    font-family: 'Roboto', sans-serif;
}
.ColorGrisDatosDescripcion{
    resize: none;
    font-size: 11px !important;
   font-family: 'Roboto', sans-serif;
    color: #8a8a8a;
    float: left;
}
#VerHistorialClic{
    margin-right: 9px; float: right; cursor: pointer;
    display: none;
}
#CandidatoAgregadoCorrectamente{
    margin-right: 9px; float: right;
    color: #006600;
    background: #99ff99;
    padding: 5px;
    display: none;
}
#MensajesConfirmacion{
    margin-right: 9px; float: right;
    color: #006600;
    background: #99ff99;
    padding: 5px;
    display: none;
}
#VerHistorialClic:hover{
    color: #4879E7;
    text-decoration: underline;
}
.CapaOculta{
    position: absolute; width: 100%; height: 800px; 
    background: #ffffff;
    z-index: 800;
}
.RojoVali{
    color: #ff0000;
    cursor: pointer;
}
.PasarMouseAcciones{
    position: absolute; padding: 4px; background: #999999; border: 1px solid #666666;
    z-index: 500;
}
.VerdeVali{
    color: #009900;
    cursor: pointer;

}
#MensajeYavalidoCedula{
    margin-right: 2px;
    float: left;
}
#FuenteSelecc_chzn{
    margin-right: 2px;
}
#CargandoGifValidar{
    cursor: pointer;
    color: #d90000;
    top: 36px;
    width: 63px; position: absolute; 
    left: 55px;
    height: 27px;
    background: url(../../img/Formularios/Gif/cargando_1.gif) no-repeat;
    z-index: 50;
}
#FlechaMostrar{
    position: absolute;
    padding: 2px;
    background: url(../../img/Formularios/Gif/cargando_3.gif) no-repeat;
    width: 25px; height: 25px; top: 47px; right: 85px
}
#FlechaMostrarGuardar{
    position: absolute;
    padding: 2px;
    top: -35px;
    left: 80px;
    z-index: 500;
    background: url(../../img/Formularios/Gif/cargando_3.gif) no-repeat;
    width: 27px;
    height: 27px;
}
#CargaGuardaCandidato{
    cursor: pointer;
    color: #d90000;
    top: 55px;
    width: 63px;

    height: 27px;
    background: url(../../img/Formularios/Gif/cargando_1.gif) no-repeat;
    z-index: 50;
}
.PopupDisplayNone{
    display: none;
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    line-height:0;
    visibility:hidden;
    width:0;
    height:0
}
.clearfix {
    display:inline-block
}
* html .clearfix {
    height:1%
}
.clearfix {
    display:block
}

body {
    font-family: 'Roboto', sans-serif;
    color: #565656;
    font-size: 13px;
    overflow-y: scroll;
    overflow-x: hidden;
    /*    background: #f7f7f7;*/
}

body.banner {
    font-family: 'Roboto', sans-serif;
    color: #565656 ;
    font-size: 13px ;
    overflow-y: scroll ;
    overflow-x: hidden ;
    background: #e6e6e6 ;
    min-height: 100% ;
    position: relative ;
    display: block ;
}
.ContieneSubMenuMantenimiento{
    background: url(../../img/SubMenu_.png) no-repeat;
    z-index: 500;
    left: 530px; top: 319px; width: 255px; height: 180px; padding: 15px; padding-top: 39px; padding-right: 20px;  padding-left: 34px; position: absolute
}
a.RecuadroInfo
{
    display: block ;
    position: relative ;
    background: url('../../../imagenes/MQ/Texturas/Textura.png') repeat ;
    -moz-box-shadow:    1px 2px 2px 1px #ccc ;
    -webkit-box-shadow: 1px 2px 2px 1px #ccc ;
    -ms-box-shadow:    1px 2px 2px 1px #ccc ;
    -o-box-shadow: 1px 2px 2px 1px #ccc ;
    box-shadow:         1px 2px 2px 1px #ccc ;
    cursor: pointer ;
    margin-bottom: 10px ;
    padding: 10px ;
    text-decoration: none ;

}
a.RecuadroInfo h4
{
    display: block ;
    position: relative ;
    width: 100% ;
    height: 30px ;
    text-align:  left ;
    border-bottom: 1px solid #ccc ;
    color: #d40000 ;
}
a.RecuadroInfo p
{
    text-decoration: none ;
    width: 80% ;
    text-align:  left ;
    padding: 5px 0 10px 10px ;
}


a.RecuadroInfo:hover
{
    background:#fff ;
}
a.RecuadroInfo:hover h4
{
    color:#ccc ;
}
a.RecuadroInfo:hover p
{
    color:#ccc ;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: normal ;
    color: #37579f ;
    letter-spacing: 1px
}

h1 {
    font-size: 25px ;
}

h2 {
    font-size: 20px ;
}

h3 {
    font-size: 18px ;
    line-height: 30px ;

}

h4 {
    font-size: 13px ;
    line-height: 25px ;
}

h5 {
    font-size: 10px ;
    line-height: 20px ;
}

h6 {
    font-size: 8px ;
}
p{
    line-height: 20px ;
}

.divider, .divider2, .divider3 {
    background: transparent url(../../img/Formularios/Linea.png) repeat-x bottom center ;
    height: 2px ;
    display: block ;
    margin: 30px 0 ;
}
.LineaDivision{
    width:100% ;
    height:15px ;
    background:url(../../img/Formularios/Divisor.gif) repeat-x  top right ;
    float:left ;
    clear:both ;
    padding:0 0 0 0px ;
    margin:10px 0 10px 0 ;
}


.divider2 {
    margin-top:10px ;
}

.divider3 {
    margin-bottom:10px ;
}


/*-----------------------------------------------------------------------------------*/
#ContenedorDatos
{
    background:url(../../img/Formularios/Textura1.png) repeat  top right;
    width:99.5%;
    position: relative;
    margin:0% auto 0% auto;
    padding: 0 0 0 0;
    min-height: 300px;
    height: auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
    position: relative;
    display: block;
    /*    overflow: hidden;*/
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -ms-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
}
body.ContenedorDatosIframe
{
    background:url(../../img/Formularios/Textura1.png) repeat  top right;
    padding: 0 0 0 0;
    min-height: 300px;
    height: auto;


}

.ContenidoDatos
{
    width: 95%;
    margin: 0 auto 0 auto;
    min-height: 60px;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
    background: #fff;
}


.Columnas
{
    width:100% ;
    height:auto ;
    display: block ;
    float: none ;
    position: relative ;
    margin:0% 0% 0% 0% ;
}

.Columnas .NoMargin
{
    margin:0% 0% 0% 0% ;
}

.Columnas .MarginCentro
{
    margin:0% auto 0% auto ;
}

.Columna15
{
    width:13% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}

.Columna25
{
    width:23% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}

.Columna19
{
    width:19% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}

.Columna33
{
    width:31% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;

}

.Columna38
{
    width:38% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;

}

.Columna50
{
    width:48% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}

.Columna66
{
    width:64% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}

.Columna70
{
    width:67% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}


.Columna71
{
    width:71% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;

}

.Columna75
{
    width:73% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}


.Columna77
{
    width:75% ;
    margin:0.5% 0.5% 1% 0.5% ;
    float:left ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}
.Columna100
{
    width:98% ;
    margin:0.5% 0.5% 1% 0.5% ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
}
/*Carlos celedon*/
input.inputsCM{
    width: 100%;
}
/*Carlos celedon*/











/*Formularios
/*-----------------------------------------------------------------------------------*/

#CerrarDatosDotacion
{
    position: relative ;
    display: block ;
    float: right ;
    min-width: 16px ;
    min-height: 16px ;
    max-width: 16px ;
    max-height: 16px ;
    background: #fff ;
    font-size: 15px ;
    text-align: center ;
    cursor: pointer ;
    line-height: 10px ;
}
#CerrarDatosDotacion:hover
{
    color: #e4eef4
}

#ContenedorArticulos
{
    margin: 0 0 10px 0 ;
}

p span#MensajeForm
{
    float: right ;
    color: #eb0000 ;
    width: 150px ;
    min-height: 20px ;
    position: relative ;
    display: block ;
    margin: 5px 0 0 0  ;
    text-align: center ;
    font-size: 10px ;
}
#MensajeDotacion
{   
    clear: left;
    color: #eb0000 ;
    float: left;
    position: relative;
    display: block;
    font-size: 10px ;
    font-weight: normal;
}
#DatosEntregaDotacion  { display: none ; }


.Formulario{
    background: #e4eef4 ;
    width:100% ;
    margin:0 auto 10px auto ;
    color: #4e4e4e ;
    /*border: 1px solid #e8e8e8 ;*/
    padding: 10px 0 5px 0 ;
    display: block ;
    height: auto ;
    -webkit-box-sizing:border-box ;
    -moz-box-sizing:border-box ;
    -ms-box-sizing:border-box ;
    -o-box-sizing:border-box ;
    box-sizing:border-box ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -ms-border-radius: 5px ;
    -o-border-radius: 5px
}



.Formulario h3.PlantillaReq
{
    width: 100% ;
    margin: 0 auto 2px auto ;
    background: #f1f4f9 ;
    font-size: 12px ;
    color: #37579f ;
    border: 1px dotted #b2c0cd ;
    padding:  1px 0 1px 10px ;
    font-weight: bold ;
    line-height: 15px ;
    display: block;
    overflow: hidden;
}

.Formulario  input[type="radio"]:checked
{
    float: right ;
}

.Formulario .P2
{
    margin:8px 0 8px 0 ;
}

.form .ContenedorErroresModal
{
    display: none;
    width: 60%;
    overflow: hidden;
    position: relative;
    margin: 5px 40px 0 auto;
    float: right;
    border: 1px solid #d40000;
    min-height: 30px;
    -moz-box-shadow:    0px 2px 2px 0px #ccc;
    -webkit-box-shadow:0px 2px 2px 0px #ccc;
    -ms-box-shadow:    0px 2px 2px 0px #ccc;
    -o-box-shadow: 0px 2px 2px 0px #ccc;
    box-shadow:         0px 2px 2px 0px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding:5px 5px 5px 5px
}
.form .ContenedorErroresModal p
{
    text-align: center;
    color: #858585;
}
.form p.Select
{
    width: 100%;
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: visible;
}

.form .ContenedorErroresModal span
{
    color :#d00000;
    font-size: 15px;
    display: block;
}
.Formulario .ContenedorErroresModal label.Error
{
    width: 88%;
    float: left;
    clear: left;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 1px;
    color: red;
    font-family: 'Roboto', sans-serif;
    line-height: 18px;
    background: transparent url(../../../imagenes/MQ/Varios/x.png) no-repeat 0px 6px;
    padding-left: 10%;
    position: relative;
    display: block;
    overflow: hidden;
}

.Formulario  label{
    display: block ;
    font-weight: bold ;
    font-family: 'Roboto', sans-serif;
    color: red;
    float:left ;
    padding-top: 2px ;
    text-align: left;
    margin-right: 2% ;
    font-size: 10px ;

}


.Formulario  p{
    width: 100% ;
    margin-bottom: 15px ;
    display: block ;
    position: relative ;
}

.Formulario p.Select
{
    width: 100% ;
    margin-bottom: 10px ;
    display: block ;
    position: relative ;
    overflow: visible ;
}

.Formulario  .P2
{
    margin:10px 0 10px 0 ;
}
.Formulario .L2
{
    display: block ;
    font-weight: bold ;
    font-family: 'Roboto', sans-serif;
    color: #37579f ;
    width: 25% ;
    float:left ;
    padding-top: 5px ;
    text-align: center ;
    margin-right: 2% ;
    height: 40px ;
}
.Formulario .L3
{
    display: block ;
    font-weight: bold ;
    font-family: 'Roboto', sans-serif;
    color: #37579f ;
    width: 15% ;
    float:left ;
    padding-top: 5px ;
    text-align: left ;
    margin-right: 2% ;
    height: 20px ;
}



.Formulario label.RaCh
{
    font-family: 'Roboto', sans-serif;
    text-align: left ;
    cursor: pointer ;
    color: #565656 ;
    background: #fafafa ;
    float: left ;
    width: 65% ;
    margin-bottom: 5px ;
    padding-bottom: 4px ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    -mos-border-radius: 5px ;
    -ms-border-radius: 5px ;
    border-radius: 5px ;
}

.Formulario .ContenidoResaltado
{
    background: #fff ;
    width: 90% ;
    min-height: 400px ;
    margin: 0 auto 0 auto ;
    display: block ;
    position: relative ;
    border: 1px solid #f1f4f9 ;
    -moz-box-shadow:    1px 2px 2px 1px #ccc ;
    -webkit-box-shadow: 1px 2px 2px 1px #ccc ;
    -ms-box-shadow:    1px 2px 2px 1px #ccc ;
    -o-box-shadow: 1px 2px 2px 1px #ccc ;
    box-shadow:         1px 2px 2px 1px #ccc ;
    margin-bottom: 10px ;
    padding: 5px 5px 10px 5px ;
    text-decoration: none ;
}
.Formulario .ContenidoResaltado h4
{
    text-align: center ;
    width: 50% ;
    padding-bottom: 3px ;
    border-bottom: 1px solid #37579f ;
    margin: 0 auto 5px auto ;
    line-height: 15px ;

}


.Formulario fieldset { border:1px solid #37579f ;height: 100% ;min-height: 150px ;}

.Formulario fieldset legend {
    padding: 0.5em 0.5em 0.5em 0.5em ;
    margin:  0 0  0 20px ;
    border:1px solid #37579f ;
    color:#37579f ;
    font-size:12px ;
    text-align:left ;
    font-weight: bold ;
}

.Formulario label.RaCh:hover
{

    background: #ededed ;
}

.Formulario .FormualarioInferior .ContenedorErrores,
.SumbitTabla .ContenedorErrores
{
    display: none ;
    width: 90% ;
    overflow: hidden ;
    position: relative ;
    margin: 0 auto 0 auto ;
    border: 1px solid #37579f ;
    min-height: 30px ;
    -moz-box-shadow:    0px 2px 2px 0px #ccc ;
    -webkit-box-shadow:0px 2px 2px 0px #ccc ;
    -ms-box-shadow:    0px 2px 2px 0px #ccc ;
    -o-box-shadow: 0px 2px 2px 0px #ccc ;
    box-shadow:         0px 2px 2px 0px #ccc ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -ms-border-radius: 5px ;
    -o-border-radius: 5px ;
    padding:5px 5px 5px 5px ;
}
.Formulario .FormualarioInferior .ContenedorErrores p,
.SumbitTabla .ContenedorErrores p
{
    text-align: left;
    color: red;
}
.Formulario .FormualarioInferior .ContenedorErrores span,
.SumbitTabla .ContenedorErrores span
{
    color :#d00000 ;
    font-size: 15px ;
    display: block ;
}
.Formulario .FormualarioInferior .ContenedorErrores label.Error,
.SumbitTabla .ContenedorErrores label.Error
{
    width: 88% ;
    float: left ;
    clear: left ;
    font-size: 12px ;
    font-weight: normal ;
    text-align: left ;
    margin-bottom: 1px ;
    color: red;
    font-family: 'UbuntuRegular' ;
    line-height: 18px ;
    background: transparent url(../../../imagenes/MQ/Varios/x.png) no-repeat 0px 6px ;
    padding-left: 10% ;
    position: relative ;
    display: block ;
    overflow: hidden ;
}

span.EnlcaesForm
{
    line-height: 15px ;
    position: relative ;
    display: block ;
    text-align: right ;
    float: right ;
    margin-top: 15px ;
    margin-right: 50px ;
}
.FormualarioContenido a
{
    color:#37579f ;
}
.FormualarioContenido a:hover
{
    color:#ccc ;
}

.form label{
    display: block;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: #ff0000;
    width: 55%;
    float:left;
    padding-top: 1px;
    margin-right: 2%;
    font-size: 10px;

}
.form p label.Error{
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    color: red;
    margin: 0px;
    width: 90%;
    height: 20px;;
    padding: 0px;
    margin-bottom: 0px;

    font-size: 10px;
}
.form p{
    width: 100%;
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: hidden;
}
.form p span{
    display: block;
    position: relative;
    clear: left;
    clear: both;
    clear: right;
}
.form p.Select
{
    width: 100%;
    margin-bottom: 10px;
    display: block;
    position: relative;
    overflow: visible;
}


.Formulario input[type='text'],
.Formulario input[type='password'],
.Formulario input[type='date'],
.Formulario textarea,
.form input[type='text'],
.form input[type='password'],
.form input[type='date'],
.form textarea{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 16px;
    margin: 0 0 8px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}


.Formulario .ui-datepicker-trigger,
.form .ui-datepicker-trigger
{
    position: absolute ;
    display: block ;
    overflow: hidden ;
    margin-left: -20px ;
    float: left ;
    max-width: 41px ;
    max-height: 38px ;
    cursor: pointer ;
    top: 0px ;
    right: 21px ;
}


.Formulario input[type='text']:focus,
.form input[type='text']:focus
{
    outline: none ;
}
.Formulario input[type='submit'],
.Formulario input[type='button'],
.Formulario button[type='button'],
.Formulario button[type='submit'],
.form input[type='submit'],
.form input[type='button'],
.form button[type='button'],
.form button[type='submit']
{
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    color: rgba(0,0,0,.87);
    background-color: #FFF;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: 2.25rem;
    padding: 0 1.625rem;
    margin: .375rem 0;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background-image: none;
    text-align: center;
    line-height: 2.25rem;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: .875rem;
    font-family: inherit;
    letter-spacing: .03em;
    position: relative;
    overflow: hidden;
    color: #FFF;
    background-color: #054e8a;
}

.Formulario .Pequeño
{
    width:99% !important ;
}

.Formulario .Derecha
{
    float: right ;
}
.Formulario .Izquierda
{
    float: left ;
}


.Formulario input[type='submit']:hover,
.Formulario input[type='button']:hover,
.Formulario button[type='button']:hover,
.Formulario button[type='submit']:hover,
.form input[type='submit']:hover,
.form input[type='button']:hover,
.form button[type='button']:hover,
.form button[type='submit']:hover
{
    
    background: #093d67 ;
}
.Formulario input[type='submit']:active,
.Formulario input[type='button']:active,
.Formulario button[type='button']:active,
.Formulario button[type='submit']:active,
.form input[type='submit']:active,
.form input[type='button']:active,
.form button[type='button']:active,
.form button[type='submit']:active{
    
    background:#093d67 ;
}

.Formulario input[type='submit'][disabled="disabled"],
.Formulario input[type='submit'][disabled="disabled"]:hover,
.Formulario input[type='submit'][disabled="disabled"]:active,
.Formulario input[type='button'][disabled="disabled"],
.Formulario input[type='button'][disabled="disabled"]:hover,
.Formulario input[type='button'][disabled="disabled"]:active{
    width: 100% ;
    background: #ededed ;
    display: block ;
    position: relative ;
    color: #bdbdbd ;
    border: none ;
    padding: 10px 10px ;
    cursor: pointer ;
    font-size: 13px ;
    border: 1px solid #bdbdbd ;
    -webkit-border-radius: 5px ;
    -moz-border-radius: 5px ;
    border-radius: 5px ;
    -ms-border-radius: 5px ;
    -o-border-radius: 5px ;
    font-size: 14px ;
    font-family: 'Roboto', sans-serif;
    cursor: not-allowed ;
}

.Formulario input[type='submit'] span,
.Formulario input[type='button'] span,
.Formulario button[type='button'] span,
.Formulario button[type='submit'] span,
.form input[type='submit'] span,
.form input[type='button'] span,
.form button[type='button'] span,
.form button[type='submit'] span
{
    font-size:25px ;
    position: absolute ;
    right:10px ;
    line-height: 20px ;
    color: rgb(255,255,255) ;
    filter: alpha(opacity=25) ;
    -moz-opacity: .25 ;
    -ms-opacity: .25 ;
    -o-opacity: .25 ;
    -webkit-opacity: .25 ;
    opacity: .25 ;
}
.Formulario input[type='checkbox'],.Formulario input[type='radio']
{
    display: block ;
    padding: 0 ;
    margin: 0 ;
    height: 16px ;
    width: 16px ;
    float: left ;
    opacity: 0 ;
    margin-top: 20px ;
    cursor: pointer ;
}

.Formulario input[type='checkbox'] + label ,.Formulario input[type='radio'] + label
{
    float: left ;
    line-height: 16px ;
    color: #000x ;
    padding: 0 0 0 8px ;
    -moz-transition: color 1s ease ;
    -o-transition: color 1s ease ;
    -webkit-transition: color 1s ease ;
    transition: color 1s ease ;
    margin-top: 20px ;
    cursor: pointer ;
}

.Formulario input[type=text]:focus,
.Formulario textarea:focus,
.Formulario input[type=search]:focus,
.Formulario input[type='password']:focus,
.form input[type=text]:focus,
.form textarea:focus,
.form input[type=search]:focus,
.form input[type='password']:focus
{
    background: #fff ;
    border-color: #37579f ;
    outline: none ;
    color: #4e4e4e ;
}

/*-----------------------------------------------------------------------------------*/
/*Formularios
/*-----------------------------------------------------------------------------------*/


div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action {
    background-image: url(../../img/Formularios/Formularios.png) ;
    background-repeat: no-repeat ;
}

.selector,
.radio,
.checker,
.uploader,
.selector *,
.radio *,
.checker *,
.uploader *{
    margin: 0 ;
    padding: 0 ;
    cursor: pointer ;
}

/* SPRITES */

/* Select */

div.selector {
    background-position: -483px -160px ;
    line-height: 32px ;
    height: 32px ;float:left ;
}

div.selector span {
    background-position: right 0px ;
    height: 32px ;
    line-height: 32px ;
}
.selector option {padding:3px ;border-bottom:1px dotted #ccc ;}
div.selector select {
    top:2px ;
    left:10px ;border:1px solid #333 ;
}

div.selector:active,
div.selector.active {
    background-position: -483px -192px ;
}

div.selector:active span,
div.selector.active span {
    background-position: right -32px ;
}

div.selector.focus, div.selector.hover, div.selector:hover {
    background-position: -483px -224px ;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
    background-position: right -64px ;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
    background-position: -483px -256px ;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
    background-position: right -96px ;
}

div.selector.disabled,
div.selector.disabled:active,
div.selector.disabled.active {
    background-position: -483px -288px ;
}

div.selector.disabled span,
div.selector.disabled:active span,
div.selector.disabled.active span {
    background-position: right -128px ;
}

/* Checkbox */

div.checker {
    width: 23px ;
    height: 23px ;
}

div.checker input {
    width: 23px ;
    height: 23px ;
}

div.checker span {
    background-position: 0px -320px ;
    height: 23px ;
    width: 23px ;
}

div.checker:active span,
div.checker.active span {
    background-position: -23px -320px ;
}

div.checker.focus span,
div.checker:hover span {
    background-position: -46px -320px ;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
    background-position: -69px -320px ;
}

div.checker span.checked {
    background-position: -92px -320px ;
}

div.checker:active span.checked,
div.checker.active span.checked {
    background-position: -115px -320px ;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
    background-position: -138px -320px ;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
    background-position: -161px -320px ;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
    background-position: -184px -320px ;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
    background-position: -207px -320px ;
}

/* radio */

div.radio {
    width: 23px ;
    height: 23px ;
}

div.radio input {
    width: 23px ;
    height: 23px ;
}

div.radio span {
    height: 23px ;
    width: 23px ;
    background-position: 0px -343px ;
}

div.radio:active span,
div.radio.active span {
    background-position: -23px -343px ;
}

div.radio.focus span,
div.radio:hover span {
    background-position: -46px -343px ;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
    background-position: -69px -343px ;
}

div.radio span.checked {
    background-position: -92px -343px ;
}

div.radio:active span.checked,
div.radio.active span.checked {
    background-position: -115px -343px ;
}

div.radio.focus span.checked, div.radio:hover span.checked {
    background-position: -138px -343px ;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
    background-position: -161px -343px ;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
    background-position: -184px -343px ;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
    background-position: -207px -343px ;
}

/* uploader */

div.uploader {
    background-position: 0px -366px ;
    height: 32px ;
}

div.uploader span.action {
    background-position: right -494px ;
    height: 24px ;
    line-height: 24px ;
}

div.uploader span.filename {
    height: 24px ;
    /* change this line to adjust positioning of filename area */
    margin: 4px 0px 4px 0px ;
    line-height: 24px ;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
    background-position: 0px -430px ;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
    background:#f2f2f2 ;
}

div.uploader.active span.action,
div.uploader:active span.action {
    background-position: right -558px ;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
    background-position: right -590px ;
}

div.uploader.disabled {
    background-position: 0px -398px ;
}

div.uploader.disabled span.action {
    background-position: right -462px ;
}

/* PRESENTATION */

/* Select */
div.selector {
    margin-bottom:0px ;
    width: 250px ;
    color: #464545 ;
    font-size: 14px ;cursor:pointer ;
}

div.selector select {
    width: 250px ;
}

div.selector span {
    padding: 2px 25px 0px 2px ;
    cursor: pointer ;
    color:#8c8a8b ;
    width: 226px ;
    text-shadow: 0px 1px 0px #fff ;
}

div.selector.disabled span {
    color: #bbb ;
}

/* checker */
div.checker {
    margin-right: 10px ;
}
.EspacioFonIconoSer{ margin-right: 4px;}
/* radio */
div.radio {
    margin-right: 2px ;
}

/* uploader */
div.uploader {
    width: 336px ;
    margin-bottom: 20px ;
    cursor: pointer ;
    -webkit-box-shadow:0 0 0 3px #ededed ;
    -moz-box-shadow:0 0 0 3px #ededed ;
    -ms-box-shadow:0 0 0 3px #ededed ;
    -o-box-shadow:0 0 0 3px #ededed ;
    box-shadow:0 0 0 3px #ededed ;
    border: 1px solid #b5b5b5 ;
    font-size: 14px ;
    font-family: 'Roboto', sans-serif;
}

div.uploader:focus, div.uploader:active {
    outline:5px solid rgba(0, 0, 0, 0.2) ;
    border: 1px solid #37579f ;
}

div.uploader span.action {
    width: 165px ;
    text-align: center ;
    text-shadow:#fff 0px 1px 0px ;
    background: #f2f2f2 ; /* Old browsers */
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e8e8e8 100%) ; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e8e8)) ; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%) ; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%) ; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%) ; /* IE10+ */
    background: linear-gradient(top, #f2f2f2 0%,#e8e8e8 100%) ; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e8e8',GradientType=0 ) ; /* IE6-9 */
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1) ;
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1) ;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1) ;
    border-right:1px solid #c7c7c7 ;
    border-left:1px solid #c7c7c7 ;
}

div.uploader:focus span.action, div.uploader:active span.action {
    background:#e8e8e8 ;
}

div.uploader span.filename {
    width: 149px ;
}

div.uploader input {
    width: 336px ;
}

div.uploader.disabled span.action {
    color: #aaa ;
}

div.uploader.disabled span.filename {
    border-color: #ddd ;
    color: #aaa ;
}
/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector select:focus, .radio input:focus, .checker input:focus, uploader input:focus {
    outline: 0 ;
}

/* Select */

div.selector {
    position: relative ;
    padding-left: 10px ;
}

div.selector span {
    display: block ;
    float: left ;
}

div.selector select {
    position: absolute ;
    opacity: 0 ;
}

/* checker */

div.checker {
    position: relative ;
    float: left ;
}

div.checker span {
    display: block ;
    float: left ;
    text-align: center ;
}

div.checker input {
    opacity: 0 ;
    display: inline-block ;
}

/* radio */

div.radio {
    position: relative ;
    float: left ;
}

div.radio span {
    display: block ;
    float: left ;
    text-align: center ;
}

div.radio input {
    opacity: 0 ;
    text-align: center ;
    display: inline-block ;
}

/* uploader */

div.uploader {
    position: relative ;
    float: left ;
    overflow: hidden ;
}

div.uploader span.action {
    float: left ;
    display: inline ;
    margin:1px 0px ;
    overflow: hidden ;
    cursor: pointer ;
    padding:3px 0px ;
}

div.uploader span.filename {
    padding: 0px 10px ;
    float: left ;
    display: block ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}

div.uploader input {
    opacity: 0 ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    float: right ;
    z-index: 6 ;
}




.Contenido
{
    width: 100% ;
    height: auto ;
    display: block ;
    overflow: hidden ;
    margin: 0 0 0 0 ;
    padding:  0 0 0 0 ; 
}

ul.MenuTabla
{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: auto;

}
ul.MenuTabla li
{
    width: 32%;
    margin-right:1%;
    height: 20px;
    float: left;
    overflow: hidden;
    background: #fff;
    margin-bottom: 4px;
    border-bottom: 5px solid #37579f;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    text-decoration: none;
    list-style: none;
}
ul.MenuTabla li:last-child{
    margin-bottom: 0px;
    text-decoration: none;
    list-style: none;
}
ul.MenuTabla li a
{
    text-align: left;
    width: 100%;
    height: 100%;
    color: #575757;
    text-decoration: none;
    list-style: none;
}
ul.MenuTabla li a span
{
    font-size: 10px;
    color: #575757 ;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    text-decoration: none;
    list-style: none;
    position: relative;
    text-decoration: none;
    list-style: none;
}
ul.MenuTabla li a font
{
    font-size: 22px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    text-decoration: none;
    list-style: none;
    float: left;
    margin: 0 5px 0 5px;
}


ul.MenuTabla li:hover,
ul.MenuTabla li.Activo{
    border-color: #424242;
    background: #fafafa;
}
ul.MenuTabla li:hover ul.MenuTabla li a font,
ul.MenuTabla li.Activo ul.MenuTabla li a font{
    color: #424242;
    text-shadow: 0px 0px 1px #424242;
    font-size: 30px;
}
ul.MenuTabla li:hover ul.MenuTabla li a span,
ul.MenuTabla li.Activo ul.MenuTabla li a span{
    color: #424242;
    font-size: 18px;
}


.dataTables_wrapper
{
    width: 95%;
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
    position: relative;
    clear: both;
    zoom: 1;
}

.dataTables_wrapper .arribaa
{
    width: 100%;
    margin: 0 auto 10px auto;
    height: 90px;
    display: block;

    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
    background: #fff;

}

.dataTables_wrapper .top,
.dataTables_wrapper .bottom
{
    width: 100%;
    margin: 0 auto 15px auto;
    height: 90px;
    display: block;
    position: relative;
    /*    overflow: hidden;*/
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
    background: #fff;

}

.dataTables_wrapper .bottom
{
    height: 30px;
    margin: 15px auto 0 auto;

}

.dataTables_wrapper .top .TituloTabla ,
.dataTables_wrapper .bottom .TituloTabla
{
    min-width: 100%;
    width: 100%;
    background: #f2f2f2;
    height: 20px;
    top: 8px;
    left: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    padding: 3px 0 3px 0;
}

.dataTables_wrapper .top .TituloTabla h4,
.dataTables_wrapper .bottom .TituloTabla h4
{
    position: relative;
    display: block;
    line-height: 18px;
    margin: 0 0 0 0;
    padding:  0 0 0 0;
    text-align: center;
    font-weight: bold;

}
.dataTables_wrapper .top .dataTables_info,
.dataTables_wrapper .bottom .dataTables_info
{
    position: absolute;
    top:8px;
    left: 15px;
    margin: 0 auto 0 auto;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #91aaca;
    font-size: 10px;
}

.dataTables_wrapper .top .dataTables_length,
.dataTables_wrapper .bottom .dataTables_length
{
    position: absolute;
    display: block;
    overflow: hidden;
    top: 2px;
    right: 0px;
    bottom: 0;
    width: 180px;
    height: 100%;
    margin: 0 auto 0 auto;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    color: #91aaca;
    font-size: 10px;

}



.dataTables_wrapper .top .dataTables_filter,
.dataTables_wrapper .bottom .dataTables_filter
{
    position: absolute;
    display: block;
    overflow: hidden;
    top:35px;
    left: 0;
    width: 400px;
    height: 100%;
    margin: 0 auto 0 10px;
}
.dataTables_wrapper .top .dataTables_filter label,
.dataTables_wrapper .bottom .dataTables_filter label
{
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}

.dataTables_wrapper .top .dataTables_filter span,
.dataTables_wrapper .bottom .dataTables_filter span
{
    font-weight: bold ;
    font-family: 'Roboto', sans-serif;
    width: 40px;
    padding-top: 5px;
    text-align: center;
    float: left;
    line-height: 20px;
    color: #91aaca;
    margin: 10px 10px 0 0;
    font-size: 12px;

}

.dataTables_wrapper .top .dataTables_filter input[type='text'],
.dataTables_wrapper .bottom .dataTables_filter input[type='text']{
    float: left;
    position: relative;
    display: block;
    padding: 7px 6px;
    width: 300px;
    resize: none;
    -webkit-box-shadow:0 0 0 3px #ededed;
    -moz-box-shadow:0 0 0 3px #ededed;
    -ms-box-shadow:0 0 0 3px #ededed;
    -o-box-shadow:0 0 0 3px #ededed;
    box-shadow:0 0 0 3px #ededed;
    border: 1px solid #b5b5b5;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    margin: 10px 0 0 5px;
    background: #f7f7f7;
}


.dataTables_wrapper .top .dataTables_filter input[type='text']:focus,
.dataTables_wrapper .bottom .dataTables_filter input[type='text']:focus
{
    outline: none;
    border: 1px solid #91aaca;
    background: #fff;
}



.dataTables_wrapper .top .paging_full_numbers,
.dataTables_wrapper .bottom .paging_full_numbers{
    position: absolute;
    top:35px;
    right: 0;
    width: 265px;
    margin: 5px 5px 0 0;
    padding: 5px;
    min-height: 40px;
    max-height: 40px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
}

.dataTables_wrapper .top .paging_full_numbers span,
.dataTables_wrapper .bottom .paging_full_numbers span
{
    position: relative;
    display: block;
    float: left;
    width: 150px;
    margin-top: 6px;
}

.dataTables_wrapper .top .paging_full_numbers span a,
.dataTables_wrapper .bottom .paging_full_numbers span a
{
    cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    margin: 1px 2px 2px 2px;
    padding: 5px 10px;
    border-top: 1px solid #fff;
    text-decoration: none !important;
    color: #717171 !important;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    /* IE10 */
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
    border: 1px solid #717171;
    /* IE6–IE9 */
}
.dataTables_wrapper .top .paging_full_numbers span a:first-child,
.dataTables_wrapper .bottom .paging_full_numbers span a:first-child{
    margin-left: 10px;
}

.dataTables_wrapper .top .paging_full_numbers span a:hover,
.dataTables_wrapper .bottom .paging_full_numbers span a:hover{
    border-color: #fff;
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#fafafa));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #fefefe, #fafafa);
    /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #fefefe, #fafafa);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #fefefe, #fafafa);
    /* IE10 */
    background-image: -o-linear-gradient(top, #fefefe, #fafafa);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #fefefe, #fafafa);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#fafafa');
    /* IE6–IE9 */
    border: 1px solid #717171;
}

.dataTables_wrapper .top .paging_full_numbers span a.paginate_active,
.dataTables_wrapper .bottom .paging_full_numbers span a.paginate_active{
    -moz-box-shadow: inset 0 0 0 0 rgba(162, 0, 0, 0.75);
    -webkit-box-shadow: inset 0 0 0 0 rgba(162, 0, 0, 0.75);
    -o-box-shadow: inset 0 0 0 0 rgba(162, 0, 0, 0.75);
    box-shadow: inset 0 0 0 0 rgba(162, 0, 0, 0.75);
    border-color: #717171 !important;
    color: #f2f2f2 !important;
    background:  #1372BD !important; /* Old browsers */
    border: 1px solid #717171;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E3Y2ZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MWFhY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(167,207,223,1) 0%, rgba(145,170,202,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba(145,170,202,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(145,170,202,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(145,170,202,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(145,170,202,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(167,207,223,1) 0%,rgba(145,170,202,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#91aaca',GradientType=0 ); /* IE6-8 */


}
.dataTables_wrapper .top .paginate_button_disabled,
.dataTables_wrapper .bottom .paginate_button_disabled
{
    display:none;
}
.dataTables_wrapper .top .dataTables_paginate .first,
.dataTables_wrapper .top .dataTables_paginate .last,
.dataTables_wrapper .bottom .dataTables_paginate .first,
.dataTables_wrapper .bottom .dataTables_paginate .last
{
    display: none;
}

.dataTables_wrapper .top .dataTables_paginate .previous,
.dataTables_wrapper .top .dataTables_paginate .next,
.dataTables_wrapper .bottom .dataTables_paginate .previous,
.dataTables_wrapper .bottom .dataTables_paginate .next {width:29px; height:29px;cursor: pointer;}

.dataTables_wrapper .top .dataTables_paginate .previous ,
.dataTables_wrapper .bottom .dataTables_paginate .previous { background-image: url(../../img/Formularios/Anterior.png); float: left;}
.dataTables_wrapper .top .dataTables_paginate .next,
.dataTables_wrapper .bottom .dataTables_paginate .next{ background-image: url(../../img/Formularios/Siguiente.png); position: absolute; float: left; margin-left: 15px;right: 5px;}


.dataTable
{
    width: 100%;
    margin: 0 auto 0 auto;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
    background: #fff;
}

.dataTable thead,
.dataTable tfoot
{
    width: 100%;
    height: 0px;
    margin: 0 auto 0 auto;
}
.dataTable tfoot
{
    height: 10px;
}

.dataTable thead tr,
.dataTable tfoot tr
{
    width: 100%;
    height: 100%;
    background: #91aaca;

}
.dataTable tfoot tr
{
    background: #fff;
}

.dataTable thead tr th,
.dataTable tfoot tr th
{
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    * cursor: hand;
}
.dataTable tfoot tr th
{
    font-size: 12px;
    line-height: 12px;
    color: #ccc;
}

.dataTable tbody
{
    width: 100%;
}

.dataTable tbody tr td
{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    line-height: 15px;
    padding: 5px 5px 5px 5px;
    font-size: 11px;
}

.dataTable tbody tr td:nth-child(odd)
{
    background: url(../../img/Formularios/Transparencia.png) repeat;
}

.dataTable tbody tr:nth-child(odd)
{
    background-color: #f7f7f7
}

.Accion tbody tr
{
    cursor: pointer;
}
.Accion  tbody tr:hover
{
    background: #2e4c88;
}
.Accion tbody tr:hover td
{
    color: #ffffff;
}
/*
Estilos Carlos Celedon

*/
a.BotonesLinLujos{
    cursor:pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    margin: 1px 2px 2px 2px;
    padding: 5px 10px;
    border-top: 1px solid #fff;
    text-decoration: none !important;
    color: #717171 !important;
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eaeaea));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #f9f9f9, #eaeaea);
    /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #f9f9f9, #eaeaea);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #f9f9f9, #eaeaea);
    /* IE10 */
    background-image: -o-linear-gradient(top, #f9f9f9, #eaeaea);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #f9f9f9, #eaeaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f9f9f9', EndColorStr='#eaeaea');
    /* IE6–IE9 */
    border: 1px solid #717171;
}
/*
Estilos Carlos Celedon

*/

/*Titulos*/
.tipsy { padding: 5px; font-size: 11px; opacity: 1.0; filter: alpha(opacity=100); background-repeat: no-repeat;
         background-image: url(../../img/titulos.gif); }
.tipsy-inner { padding: 4px 10px 4px 10px; background-color:#222; color: white; max-width: 340px; text-align: center; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }  .tipsy { padding: 5px; font-size: 11px; opacity: 1.0; filter: alpha(opacity=100); background-repeat: no-repeat;
                                                            background-image: url(../../img/titulos.gif); }
.tipsy-inner { padding: 4px 10px 4px 10px; background-color:#222; color: white; max-width: 340px; text-align: center; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }
/*Titulos*/


/*Menutabla*/
ul.MenuTabla
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    height: auto;
    margin-right: 0px;

}
.NoMarPad{
    padding: 0px;
    width: 190px;
}
ul.MenuTabla li
{
    width: 10px;
    padding: 2px;
    height: 25px;
    overflow: hidden;
    background: #fff;
    border-width: 1px 1px 1px 1px;
    border-color:  #cccccc #cccccc #cccccc #cccccc;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    border-style: solid;

    text-decoration: none;
    list-style: none;
    cursor: pointer;
    position: relative;
    display: block;
}

ul.MenuTabla li:first-child
{
    width: 91%;
}


ul.MenuTabla li a
{
    text-align: left;
    float: left;
    margin-right: 3px;
    display: block;
    width: 100%;
    height: 100%;
    color: #575757;
    position:relative;
    text-decoration: none;
    list-style: none;
    cursor: pointer;

}
ul.MenuTabla li a span
{
    font-size: 11px;
    color: #575757 ;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    text-decoration: none;
    list-style: none;
    position: relative;
    text-decoration: none;
    list-style: none;
    text-align: center;
    line-height: 13px;
}
ul.MenuTabla li a font
{
    font-size: 19px;
    position: relative;
    text-align: center;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    text-decoration: none;
    list-style: none;
    float: left;
    margin: 2px 5px 0 5px;
    font-family: 'IconSerdan';
}


ul.MenuTabla li:hover,
ul.MenuTabla li.Activo{
    border-color: #fff;
    background: #37579f;
}
ul.MenuTabla li:hover a font,
ul.MenuTabla li.Activo a font{
    color: #fff;
    text-shadow: 0px 0px 1px #424242;
}
ul.MenuTabla li:hover a span,
ul.MenuTabla li.Activo a span{
    color: #fff;
    text-shadow: 0px 0px 1px #424242;
}


/*Menutabla*/
.TablaPagosAdicion {
    width: 100%;
    border: 1px solid #0062ca;
    /*border-collapse: collapse;*/
    border-spacing: 0;
    margin-bottom: 0px;
}

.TablaPagosAdicion tfoot tr {
    height: 22px;
    padding: 2px;
    color: #FFF;
    background: #304367;
    text-align: center;
    font-size: 11px;

}
.TablaPagosAdicion thead tr th {
    /*height: 25px;*/
    font-size: 11px;
    padding: 2px;
    color: #FFF;
    background: #304367;
    text-align: center;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;


}
.TablaPagosAdicion tbody tr td {
    border-top: 1px solid #0062ca;
    border-right: 1px solid #0062ca;
    text-align: center;
    height: 25px;
    font-size: 1.2em;
    padding: 3px;
}
.TablaPagosAdicion tbody tr:hover {
    background: #FFF6E7;
}
.TablaPagosAdicion tbody tr td.leftsi{
    text-align: left;
    width: 199px;
    color: #2e4c88;
}

.TablaPagosAdicion tbody tr td.SinRight {
    border-top: 1px solid #0062ca;
    border-right: 0px;

    height: 25px;
    font-size: 1.2em;
    padding: 0px 5px;
}
.TablaPagosAdicion thead tr {
    height: 28px;
    padding: 2px;
    color: #FFF;
    background: #304367;
    text-align: center;
    font-size: 12px;
}
.CargaHTMLPruebasADD h1 {
color: #ccc;
width: 100%;
z-index: 0;
text-align: center;
vertical-align: middle;
margin-top: 19%;
margin-bottom: 15%;
font-family: 'Roboto', sans-serif;
font-size: 25px;
}
.ui-state-default a, .ui-state-default a:link{
    color: #615b56 !important;
}



@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,300);
:root {
  transition: all 300ms;
}
:root.bg--big {
  background-color: #00BCD4;
}
:root.bg--medium {
  background-color: #E53935;
}
:root.bg--small {
  background-color: #4527A0;
}

button {
  border: none;
  background: transparent;
}
.controller-container {
  margin-bottom: 5%;
  text-align: center;
}
.controller {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: inline-block;
  margin: 0 20px;
  font-size: 22px;
  padding: 10px 0;
  color: #615b56;
  position: relative;
  transition: all 100ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.controller:after {
  content: "";
  height: 3px;
  display: block;
  position: absolute;
  bottom: 0;
  width: 0;
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #FFF;
}
.controller.is_current:after {
  width: 100%;
  color: #615b56;
}
.controller:hover,
.controller.is_current {
  -webkit-transform: translate3d(0, -5px, 0);
          transform: translate3d(0, -5px, 0);
  cursor: pointer;
}
.card {
  will-change: transform;
  margin: 8px;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fafafa;
  height: 35%;
  /*width: 344px;*/
  transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.card:hover {
  cursor: pointer;
}
.card__image {
  position: absolute;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repat;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  opacity: 0;
  transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__image:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  right: 0;
  transition: all 500ms;
  bottom: 0;
}
.card__title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 24px;
  color: #FFF;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  padding: 0 16px;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__subtitle {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  left: 88px;
  right: 0;
  top: 45px;
  position: absolute;
  padding: 0 16px;
  opacity: 0;
  transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  display: block;
  left: 0;
  right: 0;
  top: 100px;
  padding: 16px;
  margin: 0;
  line-height: 1.6;
  position: absolute;
  color: #000;
  overflow: hidden;
  transition: width 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: delay 0.1s;
}
.card__action-bar {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  right: 0;
  padding: 0 8px;
  border-top: 1px solid #E0E0E0;
  boz-sizing: border-box;
  height: 52px;
  transition: left 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card__button {
  outline: none;
  position: relative;
  display: inline-block;
  line-height: 52px;
  padding: 0 16px;
  color: #FF1744;
}
.card--big {
  box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);
  height: 304px;
  min-height: 304px;
}
.card--big .card__image {
  border-radius: 1px 1px 0 0;
  left: 0;
  right: 0;
  top: 0;
  opacity: 1;
  max-height: 176px;
}
.card--big .card__title {
  top: 135px;
}
.card--big .card__text {
  top: 176px;
}
.card--big .card__action-bar {
  left: 0;
}
.card--medium {
  box-shadow: 0 13px 25px 0 rgba(0, 0, 0, 0.3), 0 11px 7px 0 rgba(0, 0, 0, 0.19);
  height: 208px;
  min-height: 208px;
}
.card--medium .card__image {
  border-radius: 1px 1px 0 0;
  left: -100%;
  right: 0;
  top: 0;
  max-height: 0;
  opacity: 0;
}
.card--medium .card__title {
  color: #FF1744;
  top: 16px;
}
.card--medium .card__text {
  font-size: 16px;
  top: 50px;
}
.card--medium .card__action-bar {
  left: 0;
}
.card--small {
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
  height: 136px;
  min-height: 136px;
}
.card--small .card__image {
  border-radius: 1px 0 0 1px;
  left: 0;
  top: 0;
  width: 88px;
  opacity: 1;
  max-height: 136px;
}
.card--small .card__image:after {
  opacity: 0;
}
.card--small .card__title {
  color: #000;
  left: 88px;
  top: 8px;
}
.card--small .card__subtitle {
  opacity: 1;
  left: 88px;
}
.card--small .card__text {
  top: 30px;
  opacity: 0;
}
.card--small .card__action-bar {
  left: 88px;
}

.col-md-3{
    float: left;
    display: inline-block;
        width: 25%;
}
#TablaVacaciones{
    width: 100% !important;
}
#tipoCertificadoColpen {
    width: 234px;
    height: 23px;
    margin-top: 14px;
    font-size: 13px;
}