/* 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;   

}

* {
    border: 0 none;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'robotoregular' !important; 
    font-size: 14px;
    background-color:#dedfe2 !important;
}

.bg-central {
    height: 100%;
    background-color: #dedfe2;
}


.col-izq {
    width: 20%;
    float: left;
    position: fixed;
}

.col-der {
    width: 80%;
    float: right;
    height: 100%;
    min-height: 10px;
}

.sinpad {
    padding-left: 0px;
    padding-right: 0px;
}

.menu-lateral {
    /*min-width: 260px;*/
    background-color: #090f24;
    background-image: url("../../Imagenes/bg-menu-sl.jpg");
    border-radius: 0px;
    height: 100%;
    /*233444*/
    -webkit-box-shadow: 4px 0px 6px -7px #777777;
    -moz-box-shadow: 4px 0px 6px -7px #777777;
    box-shadow: 4px 0px 6px -7px #777777;
}

.cabecera-sl{
    padding-top:20px;
    padding-bottom:20px;
    background-color:#0d1627;


    background-color: rgba(0, 0, 0, 0.25);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}


.cabecera-sl img{
    margin:auto;
    display:block;
}

.cabecera-sl p{
    text-align:center;
    font-size:15px;
    color:#fff;
    padding-top:10px;
}

.botonera ul{
    padding:0px;    
}

.botonera ul li {list-style:none;}

.botonera li a {
     color:#fff;
     display: block;
     padding:12px 12px;
     text-decoration:none;
}

.barra-center{
    width:85%;
    margin:auto;
}

.box-usuario-barra{
    min-height:60px;
    border-bottom:1px solid #323847;
    margin-top:30px;
    margin-bottom:20px;
}    

.icono-usuario-barra{
    float:left;
    width:42px;
}

.texto-usuario-barra {
    float:right;
}

.texto-usuario-barra span {
    font-size:14px;
    color:#fff;
    padding-top:10px;
    padding-left:10px;

    max-width: 174px;
    display: block;
    overflow: hidden;
    height: 28px;
}

.area-ar {
    font-size:15px;
    color:#fff;
    padding-top:13px;
    display: block;
    text-align:center;
}

.top-derecha{
    height:50px;
    background-color:#0b1327;
    width:100%;
}

.izq-usuario-barra{
    float:left;
}

.der-usuario-barra{
    float:right;
}

.ic-cerrar-sesion{
    border-left:1px solid #bfbfbf;
    height:25px;
    width:40px;
    margin-top:8px;
}

.ic-cerrar-sesion img{
    margin:auto;
    display:block;
}

.ic-cerrar-sesion input{
    margin:auto;
    display:block;
}


.contenido-central {
    min-height: 400px;
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}



#divMenu, ul, li, li li {
    margin: 0;
    padding: 0;
} 

#divMenu {
    /*height: 27px;*/
} 

#divMenu ul{
    line-height: 25px;
}

#divMenu li {
    /*list-style: none;*/
    position: relative;
    /*background: #641b1b;*/
}

#divMenu li img {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}

#divMenu li li {
    list-style: none;
    position: relative;
    background: #0b1228;
    left: 200px;
    top: -27px;
}

#divMenu ul li a {
    width: 100%;
    display: block;
    text-decoration: none;
    color:#ffffff;
    min-width:260px;
}


#divMenu ul ul {
    position: absolute;
    visibility: hidden;
    top: 27px;
    left: 25%;
}


#divMenu ul li:hover ul {
    visibility: visible;
}
 

#divMenu ul li:hover {
    /*background-color: rgba(0, 0, 0, 0.5);*/
    background-color: #5a2380;
    border-radius:4px;
}


#divMenu ul li:hover ul li a:hover {
    /*background-color: #945c7d;*/    
    
}

#divMenu ul li > ul li a:hover {
    border-radius:0px;
    background-color: rgba(0, 0, 0, 0.1);
}


#divMenu ul li a:after {
    content:"";
    background-image: url("../../Imagenes/arrow-r-menu.png");
    position:absolute;
    right:25px;
    top:18px;
    width:13px;
    height:13px;
    color:antiquewhite;
}

#divMenu ul li ul li a:after {
    content:"";
    background-image: none;
}


.footer-sl{
    position:absolute;
    bottom:0;
    height:30px;
    width:100%;
}

.footer-sl p{
    font-size:13px;
    color:#fff;
    text-align:center;
}

.footer-sl p span{
    color:#ad6df7;
}


.navSolicitud-sl {
    background-color:#fff;
}

.box-titulo-seccion{
    padding: 15px 30px;
    margin-top: 15px;
}

.box-titulo-seccion span{
    font-size:22px;
    color:#5a2380;
    font-weight:300;
    text-align:center;
    display:block;
}


.box-content-data{
    width: 100%;
    padding: 30px;
    background-color:#fff;
    min-height:500px;
}

.box-content-data h3{
    font-weight:300;
    color:#2980b5;
    font-size:25px;
    margin-top:0px;
    margin-bottom:30px;
}



.btn-primario{
    background-color:#5a2380;
    color:#fff;
}

.btn-primario:hover, .btn-primario:focus {
    background-color:#4f2172;
    color:#fff !important;
}

.btn-neutro{
    background-color:#bfc9ca;
    color:#fff;
}

.btn-neutro:hover, .btn-neutro:focus {
    background-color:#95a5a6;
    color:#fff;
}



.pagina-construccion{
    margin-top:50px;
    margin-bottom:50px;
}


.pagina-construccion img{
    display:block;
    margin:auto;
}

.pagina-construccion h3{
    text-align:center;
    font-size:20px;
    color:#3B3B3B;
    margin-top:15px;
}

.tabla-revocacion .tableView td {
    font-size: 10pt;
    text-align: center;
}


.modal-revocacion label{
    text-align:right;
    margin-top:6px;
    font-weight:normal;
}



.btn-primario{
    background-color:#5a2380;
    color:#fff;
}

.btn-primario:hover, .btn-primario:focus {
    background-color:#4f2172;
    color:#fff !important;
}

.btn-secundario{
    background-color:#2980B5;
    color:#fff;
}

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


.btn-neutro{
    background-color:#bfc9ca;
    color:#fff;
}

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

.mensaje-revocacion{
    color:#269D59 !important;
    text-align:center;
    display:block;
}


.open-hide {
  background-color: transparent;
  width: 35px;
  height: 35px;
  display: block;
  background-image: url("../../Imagenes/menu-xs-close.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px;
  text-indent: -9999em;
}

.open-hide:hover {
  cursor: pointer;
}

.show {
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/6001/close.svg");
  background-size: 15px;
}

.show + .menu {
  height: 100px;
}


.col-izq.menu-xs{
    width:5%;
    min-width: 80px;
    max-width: 80px;
}

.col-der.menu-xs{
    width:95%;
}

.barra-cerrar-menu{
    border-top: 1px solid #323847;
    padding-top:20px;
    width: 85%;
    margin: 20px auto 0px;
}


.col-izq.menu-xs .open-hide {
  background-image: url("../../Imagenes/menu-xs-open.png");
  margin-left: 10px;
}


.col-izq.menu-xs .footer-sl{
    display:none;
}

.mensaje-revocacion-error{
    color:#BF392B !important;
    text-align:center;
    display:block;
}

.col-izq.menu-xs .texto-usuario-barra {
    display: none;
}

.col-izq.menu-xs .icono-usuario-barra {
    display: none;
}

.col-izq.menu-xs .der-usuario-barra {
    float: none;
}

.col-izq.menu-xs .ic-cerrar-sesion {
    border-left: 0px;
    height: 25px;
    width: 40px;
    margin: 0px auto 0px;
}

.col-izq.menu-xs #divMenu ul li a span {
    display:none;
}

.col-izq.menu-xs #divMenu ul li a{
    min-height: 47px;
    min-width: 74px;
}

.col-izq.menu-xs #divMenu ul li a::after {
    display:none;
}

.col-izq.menu-xs #divMenu ul ul {
    left: -126px;
}


.col-izq.menu-xs .box-usuario-barra {
    min-height: 42px;
    margin-top: 12px;
}

.col-izq.menu-xs  .cabecera-sl p {
    display: none;
}

.cabecera-sl img.logo-menu-xs{
    display:none;
}

.col-izq.menu-xs .logo-menu-xs{
    display:block;
}

.col-izq.menu-xs .logo-menu-lg{
    display:none;
}


.box-content-data label{
    font-weight:normal;
}

.bg-externa-sl{
    background-color:#dedfe2;
}

.contenedor-externa{
    background-color:#fff;
    margin-top:50px !important;
    -webkit-box-shadow: 0 4px 5px -6px black;
	   -moz-box-shadow: 0 4px 5px -6px black;
	        box-shadow: 0 4px 5px -6px black;
}

.contenedor-externa .box-form-pasos {
    width: 100%;
    padding: 15px;
}

.cabecera-externa{
    background-color:#0c1125;
    height:70px;
    width:100%;
}

.cabecera-externa img{
    display:block;
    margin:14px auto 0px;
}


.box-content-modal{
    width:650px;
    padding:20px;
    background-color:#fff;
    border-radius:4px;
}


.box-content-modal .tableView th {
    text-align: left;
}

.box-content-modal h4 {
    font-size:18px;
    margin-bottom:15px;
    color:#2980b5;
    font-weight:300;
}

.box-superposicion .col-xs-1, .box-superposicion .col-sm-1, .box-superposicion .col-md-1, .box-superposicion .col-lg-1, .box-superposicion .col-xs-2, .box-superposicion .col-sm-2, .box-superposicion .col-md-2, .box-superposicion .col-lg-2,
.box-superposicion .col-xs-3, .box-superposicion .col-sm-3, .box-superposicion .col-md-3, .box-superposicion .col-lg-3, .box-superposicion .col-xs-4, .box-superposicion .col-sm-4, .box-superposicion .col-md-4, .box-superposicion .col-lg-4,
.box-superposicion .col-xs-5, .box-superposicion .col-sm-5, .box-superposicion .col-md-5, .box-superposicion .col-lg-5, .box-superposicion .col-xs-6, .box-superposicion .col-sm-6, .box-superposicion .col-md-6, .box-superposicion .col-lg-6,
.box-superposicion .col-xs-7, .box-superposicion .col-sm-7, .box-superposicion .col-md-7, .box-superposicion .col-lg-7, .box-superposicion .col-xs-8, .box-superposicion .col-sm-8, .box-superposicion .col-md-8, .box-superposicion .col-lg-8,
.box-superposicion .col-xs-9, .box-superposicion .col-sm-9, .box-superposicion .col-md-9, .box-superposicion .col-lg-9, .box-superposicion .col-xs-10, .box-superposicion .col-sm-10, .box-superposicion .col-md-10, .box-superposicion .col-lg-10,
.box-superposicion .col-xs-11, .box-superposicion .col-sm-11, .box-superposicion .col-md-11, .box-superposicion .col-lg-11, .box-superposicion .col-xs-12, .box-superposicion .col-sm-12, .box-superposicion .col-md-12, .box-superposicion .col-lg-12 {
    position: inherit;
}

.mensaje-exito{
    display:block;
    margin:0px auto 10px;
    text-align:center;
    color:#00B05C;
}

.mensaje-error{
    display:block;
    margin:0px auto 10px;
    text-align:center;
    color:#E03626;
}


.box-data-abm .tableView th {
    text-align: left;
}

.check-der label{
    margin-left:10px;
}


.box-form-pasos h3 {
    font-weight: 300;
    color: #2980b5;
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 30px;
}

.sinpad-der{
    padding-right:0px !important;
}

.sinpad-izq{
    padding-left:0px !important;
}


.tableView.tabla-top-left th {
    text-align: left;
}


.box-modal{
    padding:20px;
    min-width: 700px;
    background-color:#fff;
}


.btn-open-pdf {
    position: absolute;
    bottom: 25px;
    right: 40px;
}

.btn-open-certificate{
    position: absolute;
    bottom: 25px;
    right: 100px;
}

.inter-columna {
    background-color: #e3e8ec;
}

.item-refencia{
    float:left;
    margin-right:5px;
}

.icono-referncia-bandeja{
    float:left;
    width:20px;
    height:20px;
    margin-right:5px;
}

.texto-referncia-bandeja{
    float:left;
    margin-right: 8px;
}

.texto-referncia-bandeja p{
    color: #736c6c;
    font-size: 13px;
}


.grilla-top-izq .tableView th {
    text-align: left;
}

.cabecera-tabla th a{
    text-decoration:none;
}

.top-tabla-bandeja-entrada{
    margin-bottom:20px;
    margin-top:20px;
}

.acciones-acordeon {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.tableView.listado-folios {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    /*width: 700px !important;*/
    margin: 15px 0px;
}

.tableView.listado-folios td {
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    text-align:left;
}



.tableView.tabla-dentro th {
    background-color: transparent;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    color: #5d7b9d;
}



.tableView.tabla-adm-formularios td {
    padding: 7px;
    line-height: 26px;
}


.tabla-adm-formularios span{
    border-right: 1px solid #5d7b9d;
    margin-right: 8px;
    padding-right: 8px;
}



.btn-delete-x{
    margin-left:10px;
    vertical-align:middle
}


.btn-examinar{
    background-color:#bfc9ca;
}

.btn-examinar:hover, .btn-examinar:hover{
    background-color:#95a5a6;
}

.imput-revoc-upload .form-control.file-caption {
   height: 34px;
   line-height: 22px;
   overflow: hidden;
}


.btn-subir{
    background: url('../Imagenes/ic_upload.png') no-repeat center center;
    background-color:#2980b5;
    width:50px;
    height:34px;
    border-radius: 4px;
    display:inline-block;
}


.btn-volver-atras{
    width:37px;
    height:37px;
    background: url('../Imagenes/arrow-back.png');
    position:absolute;
    top:80px;
}


.bloque-denegado{
    width:360px;
    margin: 30px auto;
}

.img-denegado{
    float:left;
    width:138px;
    margin-right:5px;
}

.titulo-denegado{
    float:left;
}

.titulo-denegado h1{
    font-family: 'robotolight';
    color: #dc4f37;
    font-size: 38px;
}

.titulo-denegado h1 span{
   font-family: 'robotobold';
   color: #c4210d;
}

.textos-denegado{
    width:650px;
    margin:auto;
    padding-bottom:40px;

}

.textos-denegado p{
    text-align:center;
    line-height:25px;
    margin-bottom:0px;
}

.linea-div-denegada{
    width:300px;
    height:1px;
    background-color:#ccc;
    margin: 20px auto;
}

.textos-denegado span{
    text-align:center;
    line-height:20px;
    margin-bottom:5px;
    display:block;
    font-size:13px;
    color:#637475;
}



















/*MEDIA QUERIES*/

@media (min-width: 1365px) and (max-width:1599px){ /*bill*/


.col-izq {
    width: 23%;
}

.col-der {
    width: 77%;
}

.botonera li a {
    padding: 8px 12px;
}

.box-usuario-barra{
    margin-top:0px;
}

.barra-cerrar-menu{
    margin:10px auto 0px;
}

span.pasoTitulo{
    font-size: 13px !important;
}

}/*bill*/


@media (min-width: 350px) and (max-width:1364px){

body{
    min-width: 1366px;
}

.col-izq {
    width: 25%;
    position: relative;
}

.col-der {
    width: 75%;
}

.col-der.menu-xs{
    width: 92%;
}

.menu-lateral {
    min-height: 750px;
}

}