/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2/03/2015, 07:43:15 AM
    Author     : USUARIO
*/

/* Estilos Encabezado Página Central*/

* {margin: 0; padding: 0;}

.b-titulo-pagina{
    float:left;
    width:100%;
    height:auto;
    margin-top:20px;    
}

.titulo-pagina{
    float:left;
    margin-left: 5px;
    font-size: 30px;
    color:#444444;
    font-family: "Open Sans",sans-serif;
    font-weight:400;
}

.b-subtitulo-pagina{
    float:left;
    width:100%;
    height:auto;
}

.subtitulo-pagina{
    float:left;
    margin-left: 7px;
    font-size: 11px;
    color:#999999;        
    font-weight:400;
}    

.b-ruta-navegacion{
    float:left;
    width:100%;
    height:auto;
    margin-top:13px; 
    margin-bottom: 20px;    
    border-bottom: 2px solid #D9EDF7;
}    

.ruta-navegacion{
    float:left;
    padding:4px 0px 4px 5px;
    margin-left: 5px;
    font-size: 11px;
    color:#3A87AD;        
    font-weight:400;
}
/* Fin Estilos Encabezado Página Central*/

/* Estilos Tabla de Datos */       

caption{        
    padding: 6px 10px;
    height:15px;
    font-size: 12px;
    font-weight: bold;
    text-align:left;    
    text-shadow:none;
    color: #444444;
    border-top: 1px solid #DDDDDD;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background-color: #E6F0F7;
}

.b-tabla-separador{
    float:left;
    width:100%;
    margin: 30px 0px 30px 0px;
    border-bottom:1px solid #DDDDDD;    
}

.b-tabla{
    width:100%;
    margin:10px auto;
    display: inline-block;
    height:auto;
}

.b-tabla-hd{
    float:left;
    width:100%;
    height:auto;        
}

.b-tabla-hd-fx{
    position: fixed; 
    top: 40px; 
    height:auto;
    z-index: 1;
    width:calc(100% - 210px);    
    background-color: #FFFFFF;        
}

.b-tabla-hd-bg{background: #EEE url("/Admisiones-web/javax.faces.resource/thead.png.xhtml;jsessionid=0A2uJND1FovKzYqiQXYrVwbDdByj9e9vsUsr3y3X.wildfly-produccion-2?ln=img") repeat-x scroll left top;border: 1px solid #BBBBBB;}
.b-tabla-hd-tp{border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
.b-tabla-hd-bd{border-bottom: 1px solid #DDDDDD;}

.b-tabla-hd-bg,
.b-tabla-hd-tp,
.b-tabla-hd-bd{        
    float:left;
    width:100%;
    height:30px;
}

.b-tabla-titulo{
    float:left;
    margin: 7px 0px 0px 15px;                
    width: auto;
    height:auto;
}

.b-tabla-titulo-dg{
    float:left;
    margin: 7px 0px 0px 33px;                
    width: auto;
    height:auto;
}

.tabla-img{
    float:left;
    margin-top:1px;
}

.tabla-titulo-white{color:#FFFFFF}
.tabla-titulo-dark{color:#444444}

.tabla-titulo-white,
.tabla-titulo-dark{
    float:left;
    margin:1px 0px 0px 10px;
    font-size:12px;                                                      
    font-weight:bold;
}

.b-tabla-descarga{
    float:right;
    margin: 6px 15px 0px 0px;
    width:auto;
    height:auto;                
}

.descarga-img{
    float:right;
    width:auto;
    height:auto;
    margin-right:15px;
}

.b-tabla-dialog{
    /*float:left;*/
    width:calc(100% - 400px);
    height:auto;
    margin: 25px 20px 0px 16px;        
    overflow-x: auto;        
}

.b-tabla-ct-bg{border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;}
.b-tabla-ct-tp{border: 1px solid #BBBBBB;}
.b-tabla-ct-bd{border:none;}

.b-tabla-ct-bg,
.b-tabla-ct-tp,
.b-tabla-ct-bd{
    float:left;
    width:100%;
    height:auto;
    padding-top:20px;
    padding-bottom:20px;
    overflow-x: auto;
}       

thead{
    font-size: 13px;
    text-align:left;
    text-shadow:none;
    color: #000000;
    background-color: #EFEFEE;
}                

td{
    text-align:left;            
    color:#777777;
}

input[type=checkbox]{       
    cursor: pointer;
}

input[type=radio]{
    cursor: pointer;
}

.b-check-b-1,
.b-check-b-2,
.b-check-b-3,
.b-check-c-1,
.b-check-c-2,
.b-check-c-3{
    text-align: center;
}

.check_table_header{
    text-align: center;
}

.check_table_detail{
    text-align: center;
}

.b-btn-table-bg{border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;border-bottom: 1px solid #DDDDDD;}
.b-btn-table-bt{border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
.b-btn-table-tp{border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
.b-btn-table-bd{border:none;}

.b-btn-table-bg,
.b-btn-table-tp,
.b-btn-table-bd{
    float:left;
    width: calc(100% - 16px);    
    padding-left:16px;
    padding-top:10px;              
    padding-bottom:10px;
}

.b-btn-table-bt{
    float:left;
    width: calc(100% - 16px);    
    padding-left:16px;
    padding-top:10px;     
}

.btn-separator{
    float:left;
    margin: 0px 15px 0px 10px;
    border-left:1px solid #DDDDDD;
    height:32px;
}

.btn-table-blue{background-color: #368EE0;color: #FFFFFF;border:1px solid #368EE0;}
.btn-table-darkblue{background-color: #204E81;color: #FFFFFF;}
.btn-table-satblue{background-color: #2C5E7B;color: #FFFFFF;}
.btn-table-lightgrey{background-color: #EEEEEE;color: #444444;}
.btn-table-darkgrey{background-color: #666666;color: #FFFFFF;}
.btn-table-blackgrey{background-color: #333333;color: #FFFFFF;border:1px solid #333333;}
.btn-table-red{background-color: #E51400;color: #FFFFFF;}    
.btn-table-darkred{background-color: #990000;color: #FFFFFF;}
.btn-table-green{background-color: #40BF40;color: #FFFFFF;}
.btn-table-darkgreen{background-color: #339933;color: #FFFFFF;}


.btn-table-blue:hover{background-color: #1E74C5;color: #FFFFFF;}
.btn-table-darkblue:hover{background-color: #163558;color: #FFFFFF;}
.btn-table-satblue:hover{background-color: #1F4155;color: #FFFFFF;}
.btn-table-lightgrey:hover{background-color: #CCCCCC;color: #333333;}
.btn-table-darkgrey:hover{background-color: #4D4D4D;color: #FFFFFF;}
.btn-table-blackgrey:hover{background-color: #1A1A1A;color: #FFFFFF;}
.btn-table-red:hover{background-color: #B21000;color: #FFFFFF;}    
.btn-table-darkred:hover{background-color: #8A0000;color: #FFFFFF;}
.btn-table-green:hover{background-color: #339933;color: #FFFFFF;}
.btn-table-darkgreen{background-color: #2D862D;color: #FFFFFF;}

.btn-table-blue,
.btn-table-darkblue,
.btn-table-satblue,
.btn-table-lightgrey,
.btn-table-darkgrey,
.btn-table-blackgrey,
.btn-table-red,    
.btn-table-darkred,
.btn-table-green,
.btn-table-darkgreen{        
    float:left;
    width:auto;
    margin-right: 5px;
    padding: 6px 6px 6px 30px;                    
    box-shadow: none;
    text-shadow: none;                
    font-family: Arial,sans-serif;  
    font-size: 13px;
    cursor: pointer;        
    background-repeat: no-repeat;
    background-position: 10px 50%;
}        

.btn-table-blue-disabled{background-color: #368EE0;color: #FFFFFF;}
.btn-table-darkblue-disabled{background-color: #204E81;color: #FFFFFF;}
.btn-table-satblue-disabled{background-color: #2C5E7B;color: #FFFFFF;}
.btn-table-lightgrey-disabled{background-color: #EEEEEE;color: #444444;}
.btn-table-darkgrey-disabled{background-color: #666666;color: #FFFFFF;}
.btn-table-blackgrey-disabled{background-color: #F0F0F0;color: #BBBBBB;border:1px solid #DDDDDD;}
.btn-table-red-disabled{background-color: #E51400;color: #FFFFFF;}    
.btn-table-darkred-disabled{background-color: #990000;color: #FFFFFF;}
.btn-table-green-disabled{background-color: #40BF40;color: #FFFFFF;}
.btn-table-darkgreen-disabled{background-color: #339933;color: #FFFFFF;}

.btn-table-blue-disabled,
.btn-table-darkblue-disabled,
.btn-table-satblue-disabled,
.btn-table-lightgrey-disabled,
.btn-table-darkgrey-disabled,
.btn-table-blackgrey-disabled,
.btn-table-red-disabled,    
.btn-table-darkred-disabled,
.btn-table-green-disabled,
.btn-table-darkgreen-disabled{
    float:left;
    width:auto;
    margin-right: 5px;
    padding: 6px 6px 6px 30px;
    box-shadow: none;
    text-shadow: none;                
    font-family: Arial,sans-serif;  
    font-size: 13px;        
    background-repeat: no-repeat;
    background-position: 10px 50%;
}

.b-list-opt{
    float:left;
    width:100%;
    height:auto;
}

.btn-opt-blue{background-color: #368EE0}
.btn-opt-darkblue{background-color: #204E81;}
.btn-opt-satblue{background-color: #2C5E7B;}
.btn-opt-lightgrey{background-color: #EEEEEE;}
.btn-opt-darkgrey{background-color: #666666;}
.btn-opt-blackgrey{background-color: #333333;}
.btn-opt-red{background-color: #E51400;}
.btn-opt-lightred{background-color: #E63A3A;}
.btn-opt-darkred{background-color: #FF0000;}

.btn-opt-blue:hover{background-color: #1E74C5;}
.btn-opt-darkblue:hover{background-color: #163558;}
.btn-opt-satblue:hover{background-color: #1F4155;}
.btn-opt-lightgrey:hover{background-color: #CCCCCC;}
.btn-opt-darkgrey:hover{background-color: #4D4D4D;}
.btn-opt-blackgrey:hover{background-color: #1A1A1A;}
.btn-opt-red:hover{background-color: #B21000;}
.btn-opt-lightred:hover{background-color: #D21B1B;}
.btn-opt-darkred:hover{background-color: #CC0000;}

.btn-opt-blue,
.btn-opt-darkblue,
.btn-opt-satblue,
.btn-opt-lightgrey,
.btn-opt-darkgrey,
.btn-opt-blackgrey,
.btn-opt-red,
.btn-opt-lightred,
.btn-opt-darkred{
    float: left;
    width:22px;
    height:22px;
    margin-right: 8px;                
    cursor: pointer;                
}

.btn-opt{
    float:left;                                
    padding: 5px 5px 0px 5px;
    border: 0px none;                                                
}

/*Menú Opciones Adicionales en Tabla*/        
.img-table-opt{
    float:left;
    width:auto;
    height:auto;
    margin-top:5px;
    cursor:pointer;        
}

.b-table-menu-opt{
    float:left;   
    width:22px;
    height:auto;        
} 

#table-menu-opt-blue{background-color: #368EE0}
#table-menu-opt-darkblue{background-color: #204E81;}
#table-menu-opt-satblue{background-color: #2C5E7B;}
#table-menu-opt-lightgrey{background-color: #EEEEEE;}
#table-menu-opt-darkgrey{background-color: #666666;}
#table-menu-opt-blackgrey{background-color: #333333;}
#table-menu-opt-red{background-color: #E51400;}
#table-menu-opt-lightred{background-color: #E63A3A;}
#table-menu-opt-darkred{background-color: #FF0000;}

#table-menu-opt-blue,
#table-menu-opt-darkblue,
#table-menu-opt-satblue,
#table-menu-opt-lightgrey,
#table-menu-opt-darkgrey,
#table-menu-opt-blackgrey,
#table-menu-opt-red,
#table-menu-opt-lightred,
#table-menu-opt-darkred{
    list-style:none;
    width:auto;
    margin:0px;
    height:22px;
    padding:0px 0px 0px 0px;
}        

#table-menu-opt-blue li,
#table-menu-opt-darkblue li,
#table-menu-opt-satblue li,
#table-menu-opt-lightgrey li,
#table-menu-opt-darkgrey li,
#table-menu-opt-blackgrey li,
#table-menu-opt-red li,
#table-menu-opt-lightred li,
#table-menu-opt-darkred li{
    float:left;
    display:block;
    position:relative;
    padding: 0px 5px 0px 5px;
    height:22px;
}

#table-menu-opt-blue li a,
#table-menu-opt-darkblue li a,
#table-menu-opt-satblue li a,
#table-menu-opt-lightgrey li a,
#table-menu-opt-darkgrey li a,
#table-menu-opt-blackgrey li a,
#table-menu-opt-red li a,
#table-menu-opt-lightred li a,
#table-menu-opt-darkred li a{
    padding: 1px 0px; 
    margin-top:0px;
    color: #666666; 
    display:block;
    outline:0;
    text-decoration:none;
}

#table-menu-opt-blue li:hover{background-color: #1E74C5;}
#table-menu-opt-darkblue li:hover{background-color: #163558;}
#table-menu-opt-satblue li:hover{background-color: #1F4155;}
#table-menu-opt-lightgrey li:hover{background-color: #CCCCCC;}
#table-menu-opt-darkgrey li:hover{background-color: #4D4D4D;}
#table-menu-opt-blackgrey li:hover{background-color: #1A1A1A;}
#table-menu-opt-red li:hover{background-color: #B21000;}
#table-menu-opt-lightred li:hover{background-color: #D21B1B;}
#table-menu-opt-darkred li:hover{background-color: #CC0000;}

#table-menu-opt-blue li:hover,
#table-menu-opt-darkblue li:hover,
#table-menu-opt-satblue li:hover,
#table-menu-opt-lightgrey li:hover,
#table-menu-opt-darkgrey li:hover,
#table-menu-opt-blackgrey li:hover,
#table-menu-opt-red li:hover,
#table-menu-opt-lightred li:hover,
#table-menu-opt-darkred li:hover{       
    color: #666666; 
    height:22px;
    cursor:pointer;
}

#table-menu-opt-blue li:hover a,
#table-menu-opt-darkblue li:hover a,
#table-menu-opt-satblue li:hover a,
#table-menu-opt-lightgrey li:hover a,
#table-menu-opt-darkgrey li:hover a,
#table-menu-opt-blackgrey li:hover a,
#table-menu-opt-red li:hover a,
#table-menu-opt-lightred li:hover a,
#table-menu-opt-darkred li:hover a{
    color:#666666;
}

.table-menu-opt-content {
    margin:22px auto;
    float:left;
    width:auto;
    position:absolute;
    left:-400em; /* Hides the drop down */
    text-align:left;
    padding:0px;
    border:2px solid #CCCCCC;
    background:#FFFFFF;
    z-index: 1;
}

#table-menu-opt-blue li:hover .table-menu-opt-content,
#table-menu-opt-darkblue li:hover .table-menu-opt-content,
#table-menu-opt-satblue li:hover .table-menu-opt-content,
#table-menu-opt-lightgrey li:hover .table-menu-opt-content,
#table-menu-opt-darkgrey li:hover .table-menu-opt-content,
#table-menu-opt-blackgrey li:hover .table-menu-opt-content,
#table-menu-opt-red li:hover .table-menu-opt-content,
#table-menu-opt-lightred li:hover .table-menu-opt-content,
#table-menu-opt-darkred li:hover .table-menu-opt-content{
    left:-1px;
    top:auto;
}

#table-menu-opt-blue .menu-right,
#table-menu-opt-darkblue .menu-right,
#table-menu-opt-satblue .menu-right,
#table-menu-opt-lightgrey .menu-right,
#table-menu-opt-darkgrey .menu-right,
#table-menu-opt-blackgrey .menu-right,
#table-menu-opt-red .menu-right,
#table-menu-opt-lightred .menu-right,
#table-menu-opt-darkred .menu-right{
    float:right;
    margin-right:0px;
}

#table-menu-opt-blue li:hover .align-right,
#table-menu-opt-darkblue li:hover .align-right,
#table-menu-opt-satblue li:hover .align-right,
#table-menu-opt-lightgrey li:hover .align-right,
#table-menu-opt-darkgrey li:hover .align-right,
#table-menu-opt-blackgrey li:hover .align-right,
#table-menu-opt-red li:hover .align-right,
#table-menu-opt-lightred li:hover .align-right,
#table-menu-opt-darkred li:hover .align-right{
    left:auto;
    right:-1px;
    top:auto;
}    
/*Menú Opciones Adicionales en Tabla*/

/* Fin Estilos Tabla de Datos */                

/* Estilos Formularios*/

.b-form-dialog-note{
    float:left;
    margin:10px 20px 5px 20px;
    padding-top:5px;
    width: calc(100% - 40px);
    height: auto;    
    padding-bottom: 5px;
    background-color: #D9EDF7;
    border:2px solid #D9EDF7;
    border-radius: 2px;
}

.b-form-dialog-note2{
    float: left;
    margin: 10px 20px 20px 20px;
    padding-top: 5px;
    width: calc(100% - 40px);
    height: auto;
    padding-bottom: 5px;
    background-color: #D9EDF7;
    border: 2px solid #D9EDF7;
    border-radius: 2px;
}

.form-dialog-note{
    float: left;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:20px;
    margin-right:20px;        
    color:#3A87AD;
    font-size:12px;
    text-align:justify;        
}

.b-form-dialog-note-gy-yellow{
    float:left;
    margin:10px 20px 5px 20px;
    padding-top:5px;
    width: calc(100% - 40px);
    height: auto;    
    padding-bottom: 5px;
    background-color: #fcf5a1;
    border:2px solid #fcf5a1;
    border-radius: 2px;
    font-size: 16px;
}

.b-form-dialog-note-gy{
    float:left;
    margin:10px 20px 5px 20px;
    padding-top:5px;
    width: calc(100% - 40px);
    height: auto;    
    padding-bottom: 5px;
    background-color: #EFEFEE;
    border:2px solid #EFEFEE;
    border-radius: 2px;
}

.form-dialog-note-gy{
    float: left;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:20px;
    margin-right:20px;        
    color:#444444;
    font-size:12px;
    text-align:justify;        
}

.b-form-xl{
    width:100%;
    margin:10px auto 20px auto;
    display: inline-block;
    height:auto;    
}

.b-form-hd-bg{background-color: #BBBBBB;border: 1px solid #BBBBBB;}
.b-form-hd-tp{border: 1px solid #BBBBBB;}
.b-form-hd-bd{border-bottom: 1px solid #BBBBBB;}

.b-form-hd-bg,
.b-form-hd-tp,
.b-form-hd-bd{
    float:left;
    width:100%;
    height:30px;        
}

.b-form-tit{
    float:left;
    margin: 6px 0px 0px 15px;                
    width: auto;
    height:auto;            
}

.form-img{
    float:left;
    margin:1px 0px 0px 0px;
}

.form-tit-white{color:#FFFFFF;}
.form-tit-dark{color:#444444;}

.form-tit-white,
.form-tit-dark{
    float:left;
    margin:1px 0px 0px 10px;
    font-size:12px;                                                      
    font-weight:bold;                                 
}

.b-form-ct-bg{border:1px solid #BBBBBB;}
.b-form-ct-tp{border-left:1px solid #BBBBBB;border-bottom:1px solid #BBBBBB;border-right:1px solid #BBBBBB;}
.b-form-ct-bd{border:none;}

.b-form-ct-bg,
.b-form-ct-tp,
.b-form-ct-bd{
    float:left;
    width:100%;
    height:auto;
    padding-top:0;
    padding-bottom:10px;
}

.b-form-seccion{
    float:left;
    margin-top:15px;
    margin-left:20px;
    margin-right:20px;
    padding: 10px 20px;
    width:calc(100% - 80px);
    height:auto;
    background-color:#D9EDF7;
}

.form-seccion{
    float:left;            
    color:#3A87AD;
    font-size:13px;
}

.obligatorio{
    float:left;
    margin-left:5px;
    width:auto;
    height:auto;    
    color:#FF0000;
    font-size: 12px;
}

.obligatorio2{
    margin-left:5px;
    margin-right:5px;
    width:auto;
    height:auto;    
    color:#FF0000;
    font-size: 12px;
}

.b-fila-campo{
    float:left;
    margin-top:15px;
    margin-left:10px;
    margin-right:10px;
    width: calc(100% - 20px);        
}

.b-fila-campo-confirmacion{
    float:left;
    margin-top:15px;
    margin-left: 20px;
    width: auto;        
}

.b-fila-campo-dialog{
    float:left;
    margin-top:15px;                
    width: 100%;        
}                

.b-fila-campo-dinamico{
    float:left;
    width: 100%;        
}

.b-form-campo-dinamico{
    float:left;
    width:calc(100% - 45px);
    margin-left:20px;
    margin-right:25px;
    margin-top:5px;            
    height:auto;            
    font-size: 13px;
    color:#666666;            
}

.form-campo-dinamico{
    float:left;
    width:80px;
    height:auto;
    margin-top:5px;
    margin-right:20px;                
}

.etiq-check-dynamic-dialog{
    float:left;
    margin:0px;
}

.check-dynamic-dialog{
    float:right;
    margin:1px 0px 0px 5px;
}

.check-dynamic-dialog-1{
    float:left;
    margin:1px 0px 15px 5px;
}

.b-form-campo-s{float:left;width:25%;}  
.b-form-campo-s2{float:left;width:25%;} 
.b-form-campo-m{float:left;width:50%;}
.b-form-campo-l{float:left;width:75%;}
.b-form-campo-xl{float:left;width:100%;}
.b-form-campo-s3{float:left;width:15%;min-width: 250px;}  
.b-form-campo-s4{float:left;width:32%;}
.b-form-campo-s5{float:left;width:25%;min-width: 250px;} 
.b-form-campo-s6{float:left;width:20%;min-width: 250px;}
.b-form-campo-col-1{float:left;width:calc(100% - 15px);}
.b-form-campo-col-2{float:left;width:calc(100% - 15px);}
.b-form-campo-col-3{float:left;width:calc(100% - 15px);}

.b-form-campo-s,
.b-form-campo-m,
.b-form-campo-l,
.b-form-campo-xl{
    height:auto;
    margin-top:0px;
}

.b-form-campo-col-1{
    height:auto;
    margin-top:0px;
    border: 4px solid #CCCCCC; 
    padding:5px 5px 8px 5px;
}  

.b-form-campo-col-2{
    height:auto;
    margin-top:0px;
    border: 2px solid #CCCCCC; 
    padding:5px 5px 8px 5px;
}

.b-form-campo-col-3{
    height:50px;
    margin-top:0px;
    border: 2px solid #CCCCCC; 
    padding:5px 5px 8px 5px;
}

.b-form-campo-s2{
    height:auto;
    margin-top:0px;
    padding-left: 16px;
}

.b-form-campo-s3{
    height:auto;
    margin-top:5px;
    padding-left: 5px;
} 

.b-form-campo-s4{
    height:70px;
    margin-top:20px;
    padding-left: 5px;
}
.b-form-campo-s5{
    height:auto;
    margin-top:5px;
    padding-left: 5px;
    margin-bottom: 5px;
}
.b-form-campo-s6{
    height:auto;
    margin-top:5px;
    padding-left: 5px;
    margin-bottom: 5px;
}
.form-campo-valor-m{
    float:left;
    width:calc(100% - 55px);
    margin-left:20px;
    margin-right:25px;
    height:20px;
    text-align: left;
    color:#888888;
}

.form_campo_etiq{
    float:left;
    width:calc(100%-30px);
    margin-left:20px;
    margin-right:10px;
    height:20px;
    text-align: left;
    color:#888888;            
}

.b-form-etiq-s{float:left;width:calc(100% - 40px);margin-left:20px;margin-right:10px;}
.b-form-etiq-m{float:left;width:calc(100% - 40px);margin-left:20px;margin-right:10px;}
.b-form-etiq-l{float:left;width:calc(100% - 40px);margin-left:20px;margin-right:10px;}
.b-form-etiq-xl{float:left;width:calc(100% - 40px);margin-left:20px;margin-right:10px;}

.b-form-etiq-s,
.b-form-etiq-m,
.b-form-etiq-l,
.b-form-etiq-xl{
    height:20px;
    text-align: left;
}                                

.form-etiq-s,
.form-etiq-m,
.form-etiq-l,
.form-etiq-xl{
    float:left;
    width:auto;
    height:auto;
    text-align: left;
    color:#888888;
    font-weight: bold;
}

.form-etiq-s-col{
    float:left;
    width:auto;
    height:auto;
    text-align: left;
    color:#000000 !important;
    font-weight: bold !important;
}

.form-texto-m{
    float:left;
    width:auto;
    height:auto;
    text-align: left;
    color:#888888;
}

.form-campo-fecha-s{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}        
.form-campo-fecha-m{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}
.form-campo-fecha-dos-m{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}

.form-campo-fecha-s,
.form-campo-fecha-dos-m,
.form-campo-fecha-m{
    height:25px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-campo-s{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}        
.form-campo-m{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}
.form-campo-l{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}
.form-campo-xl{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}
.form-campo-col{float:left;width:calc(100% - 55px);}
.form-campo-col2{float:left;width:calc(100% - 42px);}
.form-campo-col3{width:calc(100% - 420px);}
.form-campo-col4{width:calc(100% - 515px);}
.form-campo-col5{width:calc(100% - 545px);}

.form-campo-s,      
.form-campo-m,
.form-campo-l,
.form-campo-xl{
    height:25px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-campo-col{
    height:25px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-campo-col2{
    height:25px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-campo-col3{
    height:25px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-campo-col4{
    height:23px;
    margin-top:5px;
    margin-left: 5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}
.form-campo-col5{
    height:25px;
    margin-top:5px;
    margin-left: 5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-etiq-busqueda{
    float:left;
    width:calc(100% - 30px);
    margin-left:20px;
    margin-right:10px;
    height:20px;
    text-align: left;
    color:#888888;
    font-weight: bold;            
}

.form-etiq-busqueda2{
    width: calc(100% - 30px);
    margin-left: 20px;
    margin-right: 10px;
    height: 20px;
    text-align: left;
    color: #888888;
    font-weight: bold;        
}

.form-etiq-busqueda3{
    float:left;
    width:calc(100% - 30px);
    margin-right:10px;
    height:20px;
    text-align: left;
    color:#888888;
    font-weight: bold;            
}

.form-lista-busqueda{
    float:left;
    width:calc(40%-20px);
    margin-left:15px;
    margin-top:5px;
    height:25px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-lista-busqueda2{
    float:left;
    width:200px;
    margin-left:15px;
    margin-top:5px;
    height:25px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}
.form-lista-busqueda3{
    float:left;
    width:200px;
    margin-left:15px;
    margin-top:15px;
    height:25px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}
.form-lista-busqueda4{
    float:left;
    width:250px;
    margin-left:15px;
    margin-top:5px;
    height:25px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-campo-busqueda{
    float:left;
    width:calc(70% - 45px);
    margin-left:5px;
    margin-right:25px;
    height:25px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#333333;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}

.form-txtarea-s{float:left;width:calc(100% - 65px);margin-left:20px;margin-right:25px;}        
.form-txtarea-m{float:left;width:calc(100% - 65px);margin-left:20px;margin-right:25px;}
.form-txtarea-l{float:left;width:calc(100% - 65px);margin-left:20px;margin-right:25px;}
.form-txtarea-xl{float:left;width:calc(100% - 65px);margin-left:20px;margin-right:25px;}

.form-txtarea-s,
.form-txtarea-m,
.form-txtarea-l,
.form-txtarea-xl{
    height:100px;
    margin-top:5px;
    padding:10px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;                
}

.form-txtarea-xl-1{
    float:left;
    width:calc(100% - 65px);
    margin-left:20px;
    margin-right:25px;
    height:30px;
    margin-top:5px;
    padding:10px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;                
}

.form-lista-s{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}        
.form-lista-m{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-lista-l{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-lista-xl{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}

.form-lista-s,
.form-lista-m,
.form-lista-l,
.form-lista-xl{
    margin-top:5px;
    height:25px;            
    font-size: 13px;
    color:#666666;                
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;                
}

.form-listageneral-s{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}        
.form-listageneral-m{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-listageneral-l{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-listageneral-xl{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}

.form-listageneral-s,
.form-listageneral-m,
.form-listageneral-l,
.form-listageneral-xl{
    height:100px;
    margin-top:5px;
    padding:10px 0px 10px 0px;
    font-size: 13px;
    color:#666666;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}                        


.form-radio-s{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}        
.form-radio-m{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-radio-l{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-radio-xl{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}

.form-radio-s,
.form-radio-m,
.form-radio-l,
.form-radio-xl{
    margin-top:5px;            
    height:auto;            
    font-size: 13px;
    color:#666666;
}

.radio-value{
    float:left;
    margin-top:6px;            
}

.radio-txt{
    float:left;
    margin-top:4px;
    margin-left:10px;
}                

.form-msj-s{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}        
.form-msj-m{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-msj-l{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.form-msj-xl{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}

.form-msj-s,        
.form-msj-m,
.form-msj-l,
.form-msj-xl{
    height:20px;
    padding-top:5px;
    text-align: left;
    font-family: Oxygen,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #990000;
}

.b-btn-form{
    float:left;
    margin-right:20px;
    margin-left:20px;
    margin-top:20px;
    margin-bottom: 10px;
    width:calc(100% - 45px);
    height:auto;            
}       

.btn-form-blue{background-color: #368EE0;color: #FFFFFF;}
.btn-form-darkblue{background-color: #204E81;color: #FFFFFF;}
.btn-form-satblue{background-color: #2C5E7B;color: #FFFFFF;}
.btn-form-lightgrey{background-color: #EEEEEE;color: #444444;}
.btn-form-darkgrey{background-color: #666666;color: #FFFFFF;}
.btn-form-blackgrey{background-color: #333333;color: #FFFFFF;border:1px solid #333333;}
.btn-form-red{background-color: #E51400;color: #FFFFFF;}
.btn-form-lightred{background-color: #E63A3A;color: #FFFFFF;}
.btn-form-darkred{background-color: #FF0000;color: #FFFFFF;}

.btn-form-blue:hover{background-color: #1E74C5;color: #FFFFFF;}
.btn-form-darkblue:hover{background-color: #163558;color: #FFFFFF;}
.btn-form-satblue:hover{background-color: #1F4155;color: #FFFFFF;}
.btn-form-lightgrey:hover{background-color: #CCCCCC;color: #333333;}
.btn-form-darkgrey:hover{background-color: #4D4D4D;color: #FFFFFF;}
.btn-form-blackgrey:hover{background-color: #1A1A1A;color: #FFFFFF;}
.btn-form-red:hover{background-color: #B21000;color: #FFFFFF;}
.btn-form-lightred:hover{background-color: #D21B1B;color: #FFFFFF;}
.btn-form-darkred:hover{background-color: #CC0000;color: #FFFFFF;}

.btn-form-blue,
.btn-form-darkblue,
.btn-form-satblue,
.btn-form-lightgrey,
.btn-form-darkgrey,
.btn-form-blackgrey,
.btn-form-red,
.btn-form-lightred,
.btn-form-darkred{
    float:left;
    padding: 7px 8px 6px 25px;
    margin-right:5px;
    box-shadow: none;
    text-shadow: none;
    font-family: Oxygen,Arial,Helvetica,sans-serif;
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 8px 50%;
}                                                                                             

.b-msj-box{   
    width:calc(100% - 40px);
    margin: 0px auto 0px auto;
    height: auto;
    padding:0px;
    list-style-type: none;   
}            

.b-msj-gral{
    width:100%;
    margin: 0px auto 50px auto;
    height: auto;
    padding:0px;
    list-style-type: none;
}

.msj-error{
    float:left;
    width: 100%;
    padding: 8px 0px 8px 0px;
    background-color: #F2DEDE;
    color:#B94A48;
    font-size: 13px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.msj-ok{
    float:left;
    width: 100%;
    padding: 8px 0px 8px 0px;
    background-color: #DFF0D8;
    color:#468847;
    font-size: 13px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}            

.msj-warn{
    float:left;
    width: 100%;
    padding: 8px 0px 8px 0px;
    background-color: #F7ECB0;
    color:#c09853;
    font-size: 13px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.msj-warn2{
    float:left;
    width: 100%;
    padding: 8px 8px 8px 8px;
    background-color: #F7ECB0;
    color:#c09853;
    font-size: 13px;
    font-family: "Open Sans", sans-serif;
}

/* Fin Estilos Formularios*/

/*Estilos Formularios Búsqueda*/

/*.b-campo-busq{float:left;width:40%;}
.b-campo-busq-m{float:left;width:50%;}
.b-campo-busq-l{float:left;width:75%;}
.b-campo-busq-xl{float:left;width:100%;}*/

/*.b-campo-busq-s,
.b-campo-busq-m,
.b-campo-busq-l,*/
.b-campo-busq{
    float:left;
    width:40%;
    height:auto;
    margin-left:20px;
    margin-top:0px;
    border: 1px solid #FF0000;
}

/*.busq-etiq-s{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.busq-etiq-m{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.busq-etiq-l{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}
.busq-etiq-xl{float:left;width:calc(100% - 45px);margin-left:20px;margin-right:25px;}*/

/*.busq-etiq-s,
.busq-etiq-m,
.busq-etiq-l,*/
.busq-etiq{
    float: left;
    width: 50%;
    height:20px;
    margin-top:5px;
    text-align: left;
    color:#666666;
    border: 1px solid #000000;
}

/*.busq-campo-s{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}        
.busq-campo-m{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}
.busq-campo-l{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}
.busq-campo-xl{float:left;width:calc(100% - 55px);margin-left:20px;margin-right:25px;}*/

/*.busq-campo-s,      
.busq-campo-m,
.busq-campo-l,*/
.busq-campo{
    float:left;
    width:40%;
    height:30px;
    margin-top:5px;
    padding:0px 0px 0px 10px; 
    color:#666666;
    background-color: #F9F9F9;
    border:1px solid #CCCCCC;
}


/*Fin Estilos Formularios Búsqueda*/

/* Estilos Responsive */
@media (min-width: 50px) and (max-width: 480px) {

    .b-subtitulo-pagina{
        float:left;
        text-align: left;
    }

    .subtitulo-pagina{
        float:left;
        text-align: left;
    }

    .b-tabla-datos-xl{
        width: 100%;
        margin-top: 20px;
    }

    .b-fila-campo{
        width: 100%;
    }

    .b-form-campo-s{width:100%;}
    .b-form-campo-s2{width:100%;}
    .b-form-campo-m{width:100%;}
    .b-form-campo-l{width:100%;}
    .b-form-campo-xl{width:100%;}
    .b-form-campo-s3{width:100%;}
    .b-form-campo-s4{width:100%;}
    .b-form-campo-s5{width:100%;}
    .b-form-campo-s6{width:100%;}

    .btn-opt-blue,
    .btn-opt-darkblue,
    .btn-opt-satblue,
    .btn-opt-lightgrey,
    .btn-opt-darkgrey,
    .btn-opt-blackgrey,
    .btn-opt-red,
    .btn-opt-lightred,
    .btn-opt-darkred{
        float: left;
        width:22px;
        height:22px;
        margin-bottom: 8px;                
        cursor: pointer;                
    }

}

@media (min-width: 481px) and (max-width: 768px){

    .b-subtitulo-pagina{
        float:left;
        text-align: left;
    }

    .subtitulo-pagina{
        float:left;
        text-align: left;
    }

    .b-tabla-datos-xl{
        width: 100%;
        margin-top: 20px;
    }

    .b-fila-campo{
        width: 100%;
    }

    .b-form-campo-s{width:100%;}
    .b-form-campo-s2{width:100%;}
    .b-form-campo-m{width:100%;}
    .b-form-campo-l{width:100%;}
    .b-form-campo-xl{width:100%;}
    .b-form-campo-s3{width:100%;}
    .b-form-campo-s4{width:100%;}
    .b-form-campo-s5{width:100%;}
    .b-form-campo-s6{width:100%;}

    .btn-opt-blue,
    .btn-opt-darkblue,
    .btn-opt-satblue,
    .btn-opt-lightgrey,
    .btn-opt-darkgrey,
    .btn-opt-blackgrey,
    .btn-opt-red,
    .btn-opt-lightred,
    .btn-opt-darkred{
        float: left;
        width:22px;
        height:22px;
        margin-bottom: 8px;                
        cursor: pointer;                
    }

}
/* Fin Estilos Responsive */