/* 
    Document   : style
    Created on : 09-sep-2013, 23:53:00
    Author     : Julian
    Description:
        Purpose of the stylesheet follows.


COLORES:

blanco: FFFAFF
orange; FF8000
blue: 000062
blue soft: 00BDFF
blue soft 2: 0040A3


*/

html{margin: 0px;
     height: 100%;
     background: #000;
         background: #fff;

}

body {
    margin: 0px;
    height: 100%; 


}

a{color: inherit;
  text-decoration: none;}

#load_screen{
    background: #f5f5f5;
    opacity: 1;
    position: fixed;
    z-index:10;
    top: 0px;
    width: 100%;
    height: 1600px;
}
#load_screen > #loading{

    width:auto;
    height:60px;
    margin: 300px auto;

    font-size:22px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#999;
}

.barTopBlue{background:rgb(47,120,246);height: 10px;width: 100%;}
.barTopBlue2{background:rgb(47,120,246);height: 5px;width: 100%;}
.contentBack{
    height: auto;
    position: relative;

}



.contentTop{
    background: #f5f5f5;
    height: 90px;
    overflow: hidden;
}
.contentTopContent{
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto; margin-right: auto;
    outlinfe: 1px solid red;
    position: relative;

}

.contentMenu{
    background: #fff;
    height: 50px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    
    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
    
}
.contentMenuContent{
    width: 100%;
    max-width: 1200px;
    height: 100%;
    margin-left: auto; margin-right: auto;
    outlinfe: 1px solid red;

}

.contentFooter{
    background: #fff;
    border-top: 1px solid #ccc;
}
.uiSpanTitle12{
    height: auto;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    padding-left: 10px;padding-right: 10px;padding-top: 2px;
    font-size:12px;
    text-align: center;
    color:#333;
}

.contentMiddle{
    background: #f5f5f5;
    height: auto;
    min-height: 500px;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 30px;
}
.contentMiddle_noheight{
    background: #f5f5f5;
    height: auto;
    overflow: hidden;
    padding-top: 1px;
    padding-bottom: 1px;
}

.contentMiddleContent{
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin-left: auto; margin-right: auto;
    outrline: 1px solid red;
    position: relative;

}
.contentCenterStandar{width: 1200px;margin-left: auto; margin-right: auto;height: auto;outfline: 1px solid red;}
.loginLogo{
    height: 100px;
    width: 100%;
    background:  url('LOGO_PRADA2.png') center center no-repeat;
    margin-top: 20px;
    
}
.loginBox{
    height: auto;
    width: 370px;
    outline: #ccc 1px solid;
    margin-left: auto;margin-right: auto;
    position: relative;
}
.loginTitle1{
    height: auto;
    width: 100%;
    outlifne: red 1px solid;
    font-size:34px;
    text-align: center;
    line-height: 70px;
    font-family: 'Open Sans', sans-serif;
    color:#333;
}
.loginTitle2{
    height: auto;
    width: 100%;
    outlifne: red 1px solid;
    font-size:20px;
    text-align: center;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    color:#333;
}
.loginFormularioContentBox{
    height: auto;
    width: auto;
    min-height: 100px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 5px;
    borrder: 1px solid #aaa;
    outlidne:1px solid green;

}
.loginTitleAyuda{
    height: auto;
    width: auto;
    outlfine: red 1px solid;
    font-size:14px;
    text-align: left;
    line-height: 40px;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
    position: absolute;
    left: 30px;
    bottom: 50px;
}

.contentDuplo{
    display: inline-block;  
    width: 100%;
}

.isduplo_left{float:left}
.isduplo_right{float:right}

.boxLogo{
    height: 100%;
    width: 400px;
    /*background:  url('LOGO_WHITE_S_T.png') center center no-repeat;*/
    background:  url('LOGO_PRADA2.png') center center no-repeat;
    margin-left: 30px;
    outliene: 1px solid red;
}
.boxBarTopTitle{
    height: 80px;
    width: auto;
    
    font-size:23px;
    line-height: 80px;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
    color:#aaa;
    position: absolute;
    left: 470px;
    bottom: 0px;
    display: none;
}

.formularioContent{
    height: auto;
    width: 710px;
    min-height: 100px;
    background: #fafafa;
    padvding: 30px;
    border: 1px solid #aaa;
    
}
.formularioTitleContent{
    height: 60px;
    width: 658px;
    background: #f5f5f5;
    border-bottom: #ccc 1px solid;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-size:18px;
    text-align: left;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    text-trarnsform: uppercase;
    position: fixed;
    z-index: 2000;
}

.formularioContentBox{
    margin-top: 80px;
    height: auto;
    width: 700px;

}

.tableContentFormulario{
    height: auto;
    width: 1000px;
    margin-left: auto; margin-right: auto;
    background: #fff;
    margin-top: 40px;
    position: relative;
}
.boxIcon{    
    height: auto;
    width: auto;
    text-align: center;
    position: absolute;
/*    top:0px;
    right: 0px;*/
    color: #ccc;
    cursor:pointer;
}
.boxIcon:hover{color:#999}

.boxIconUP{
    height: auto;
    width: auto;
    text-align: center;
    position: fixed;
    bottom:0px;
    right: 60px;
    color: #888;
    cursor:pointer;
    border: 1px solid #999;
    background: #fff;
    padding: 10px;
    border-bottom: 0px;
    z-index: 3000;
}
.boxIconUP:hover{border-color: #555;color:#555}

.tablaContent{
    height: auto;
    width: 800px;
    min-height: 100px;
    background: #fff;
    padvding: 30px;
    border: 1px solid #aaa;
}
.tablaContent2{
    height: auto;
    width: auto;
    min-height: 100px;
    background: #fff;
    padvding: 30px;
    border: 1px solid #aaa;
}
.tablaTitleContent{
    height: 60px;
    width: auto;
    background: #f5f5f5;
    border-bottom: #aaa 1px solid;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-size:18px;
    text-align: center;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    text-trarnsform: uppercase;
    
    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

.tablaBox{
    padding: 20px;
    outldine: 1px solid red;
    font-family: 'Open Sans', sans-serif;
    max-height: 3000px;
}
.tablaBoxContent{
    oudtline: 1px solid red;
    padding-top:  5px;
}

.t_th{    
    color:#666 !important;
    font-size: 14px;
    text-align: left !important;
}

.t_tr{
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.t_tr_r{
    font-size: 14px;
    color: red;
    cursor: pointer;
    background: rgba(255,0,0,0.1);
}

.t_td{
    border-bottom: 1px solid #ccc;
}
.t_td_n{
    colo4r: rgb(47,120,246);
    border-bottom: 1px solid #ccc;
    colorr:red;
    font-style: italic;
}
.t_td_b{
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.t_td_s{
    border-bottom: 1px solid #ccc;
    color:#aaa;
}


.previewContent{
    height: auto;
    width: 370px;
    background: #fff;
    border: 1px solid #aaa;
    
}
.previewBegin{
    font-size:20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
    color:#aaa;
    font-style: italic;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #eee;
}

.previewTitle{
    font-size:20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    colofr:rgba(73,128,163,1)
    
    
    
}
.previewBarMenu{
    height: 30px;
    border-bottom: 1px solid #ccc;
    background: #f5f5f5;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.previewBarOptions{
    height: auto;
    background: #eee;   
    display: none;
}
.previewBotonOptions{
    height: 40px;
    width: 100%;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    border-bottom: #ccc 1px solid;
    line-height: 40px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
}
.previewBotonOptions:hover{background: #ddd;}
.previewBoton{
    height: 30px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    outline:1px solid #ccc;
    border-radius: 3px;
    float: right;
    line-height: 30px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    background-color: white;
    padding-left: 20px; padding-right: 20px;
    margin-left: 10px;
}

.previewBoton:hover{background: #eee}

.previewTablaBox{
    padding: 20px;
    padding-left: 10px;padding-right: 10px;
    font-family: 'Open Sans', sans-serif;
    max-height: 350px;
    overflow-y: scroll;       
 

}
.previewTablaBoxContent{
    padding-top:  5px;
    
    
}

.pt_th{    
    color:#666;
    font-size: 14px;
    text-align: left;
}

.pt_tr{
    font-size: 14px;
    color: #666;
    height: 30px;    
    vertical-align: top;
}
.pt_tr_LINK{
    cursor: pointer;
    background: rgba(227,242,225,0.1);
}
.pt_tr_LINK:hover{background: rgba(227,242,225,1);}
.pt_tr_sep{
    background: #eee;
    height: 20px;    
}
.pt_tr_lk{
    cursor: pointer;    
}
.pt_tr_lk:hover{background: rgba(0,0,255,0.1);}
.pt_td_l{
    border-bottom: 1px solid #ccc;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#999;
    font-size: 14px;
}

.pt_td{
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    color:#333;
    font-size: 15px;
    word-break: normal;
    text-align: right;

}

.modalContent{
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: fixed;
    z-index: 1000;
    top:0px;
    display: none;
}

.modalBox{
    width: 720px;
    height: auto;
    min-height: 50px;
    max-height: 80%;
    margin-left: auto; margin-right: auto;
    margin-top:50px;
    background: #eee;
    ofverflow: scroll;
    overflow-x: hidden;
    paddfing: 10px;
    border: 1px solid #aaa;
    position: relative;
    
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    
}

.modalBoxContent{
    height: 1400px;
}

.windowFormularioMiddleContent{
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin-left: auto; margin-right: auto;
    ouftline: 1px solid red;

}

.windowFormularioDuplo{display: inline-block;width: 100%}

.windowFormularioLeft{
    width: 250px;
    height: 400px;
    outldine: 1px solid red;
    flodat: left;

}

.windowFormularioRight{
    width: 730px;
    height: auto;
    outline: 1px solid #aaa;
    outldine: 1px solid blue;
    flodat: right;
}





.windowFormularioTitle{
    height: 60px;
    width: 100%;
    background: #f5f5f5;
    border-bottom: #ccc 1px solid;
    margin-botdtom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-size:18px;
    text-align: left;
    line-height: 60px;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
    text-trarnsform: uppercase;

}

.windowFormularioTitleOpciones{
    height: 50px;
    width: 100%;
    background: #f5f5f5;
    outline: #ccc 1px solid;
    padding-left: 30px;
    padding-right: 30px;
    font-size:18px;
    text-align: center;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}

.windowFormularioOptionItem{
    height: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;padding-bottom: 10px;
    outlrine: 1px solid red;
    font-size:15px;
    text-align: left;
    line-height: 25px;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    cursor: pointer;
    box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
}
.windowFormularioOptionItem:hover{background: #f5f5f5}
.windowFormularioContentBox{
    height: auto;
    width: 730px;
    min-height: 100px;
    background: #fafafa;
    padding-top: 20px;
    padding-bottom: 20px;
    borrder: 1px solid #aaa;
    outlidne:1px solid green;

}

.formulariorContent{
    height: auto;
    width: 710px;
    min-height: 100px;
    background: #fafafa;
    padvding: 30px;
    border: 1px solid #aaa;
    
}

.tituloLineBottom{
    height: auto;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    font-size:22px;
    color:#777;
    border-bottom: 3px dashed #ccc;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.tituloLineDouble{
    height: auto;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    font-size:22px;
    color:#777;
    border-bottom: 3px dashed #ccc;
    border-top: 3px dashed #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.tituloLineBottomSimple{
    height: auto;
    width: auto;
    font-family: 'Open Sans', sans-serif;
    font-size:20px;
    color:#777;
    border-bottom: 3px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.barraBotones_relative{
    width: 100%;
    height: 50px;
    position: relative;   
    backdground: #fff;
        
}
.barraBotonesItem_relative,.barraBotonesItem_relative_select{
    height: 40px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    border:1px solid #ccc;
    border-radius: 3px;
    float: left;
    line-height: 40px;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    background-color: white;
    padding-left: 20px; padding-right: 20px;
    margin-right: 10px;
}
.barraBotonesItem_relative:hover{background: #f5f5f5}
.barraBotonesItem_relative_select{background: rgba(207,229,244,1);border:1px solid rgba(99,172,220,1);color:rgba(73,128,163,1)}


.barraBotones{
    width: 800px;
    height: 60px;
    position: absolute;
    top: -10px;
    right: 0px;
}

.barraBotonesItem,.barraBotonesItem_select{
    height: 40px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    outline:1px solid #ccc;
    border-radius: 3px;
    float: right;
    line-height: 40px;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    background-color: white;
    padding-left: 20px; padding-right: 20px;
    margin-left: 10px;
}
.barraBotonesItem:hover{background: #f5f5f5}
.barraBotonesItem_select{background: #f5f5f5}


.barraMenuItemContent{
    position: relative;
    float:left;
}
.barraMenuItem,.barraMenuItem_sel{
    height: 50px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    float: left;;
    line-height: 50px;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    backgrofund-color: white;
    padding-left: 20px; padding-right: 20px;
    cursor: pointer;
    text-transform: uppercase;
    border-left: #ddd 1px solid;
    
    
}
.barraMenuItem:hover{background: #eee}
.barraMenuItem_sel{background: #f5f5f5;border-bottom: 2px solid #888;}

.barraMenuOpcionesContent{
    height: auto;
    width: auto;
    border: 1px solid #aaa;
    background: #fff;
    position: absolute;
    top:50px; left: 0px;
    padding-top: 10px;padding-bottom: 10px;
    z-index: 20000;
    display: none;
}
.barraMenuOpcionesItem{
    height: 30px;
    width: 300px;
    padding-left: 20px; padding-right: 20px;
    background: #fff;
    text-align: left;
    font-family:'Segoe UI',  arial, sans-serif;   
    line-height: 30px;
    cursor: pointer;
    color: #666;
    font-size: 18px;
}
.barraMenuOpcionesItem:hover{background: #eee}
.menu-fijo {
    position: fixed;
    top: 20px;
    z-index: 1000;
   
}





.dialogFade{
    height: 100%;
    width: 100%;
    position: fixed;
    top:0px;
    left: 0px;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
}
.dialogBox{
    height: auto;
    width: 350px;
    margin-left:auto;margin-right: auto;
    margin-top: 15%;
    border-radius: 5px;
    border: 1px solid #999;
    background: #f5f5f5;
    z-index: 10010;
    position: relative;
    
 

}
.dialogTop{
    height: 50px;
    width: auto;
    border-bottom: 1px solid #ccc;
    background: #eee;
    padding-left: 15px;
    border-radius: 5px;    
    font-size:18px;
    line-height: 50px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color:#333;
    font-weight: bold;
}
.dialogBottom{
    height: 50px;
    width: 100%;
    border-top: 1px solid #ccc;
    background: #eee;
    padding-right: 10px;
    padding-top: 10px;
    box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
   
}
.dialogMiddle{
    height: auto;
    width: auto;
    padding-left: 20px; padding-right: 20px;
    
    font-size:18px;

    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#333;
}

.dialogBoton,.dialogBotonRed{
    height: 30px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    outline:1px solid #ccc;
    border-radius: 3px;
    float: right;
    line-height: 30px;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    background-color: white;
    padding-left: 20px; padding-right: 20px;
    margin-left: 10px;
    cursor: pointer;
}
.dialogBoton:hover{background: #eee}




.verTablaBox{
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    max-hreight: 350px;
}
.verTablaBoxBanner{
    width: auto;
    height: auto;
    background: #fafafa;
    outline: 1px solid #bbb;
    margin-bottom: 30px;

    padding-left: 30px;padding-right: 30px;padding-top: 20px;padding-bottom: 20px;
}
.verTablaBoxBannerTop{
    width: auto;
    height: auto;
    
    font-family: 'Open Sans', sans-serif;
    
    color: rgb(47,120,246);
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}
.verTablaBoxBannerBottom{
    width: auto;
    height: auto;
    color: #333;
    font-family: 'Open Sans', sans-serif;
    
    font-size: 16px;
    text-align: center;
}
.verTablaBoxContent{
    padding-top:  5px;
    
    
}

.vt_th{    
    color:#333;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    border-bottom: 2px solid #aaa;
    text-transform: uppercase;

}

.vt_tr{
    font-size: 14px;
    color: #666;
    height: 30px;    
    vertical-align: top;  
    
}
.vt_tr_s{
    background: #f5f5f5; 
    height: 5px;    
}

.vt_td_l{
    border-bottom: 1px solid #ccc;
    padding-rdight: 20px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    color:#999;
    font-size: 14px;
}

.vt_td{
    border-bottom: 1px solid #ccc;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    color:#333;
    font-size: 15px;
    word-break: normal;
    

}

.UI_DataLogin{
    height: auto;
    width: 400px;
    position: absolute;
    top:20px;
    right: 10px;
    backgdround: red;
}
.UI_DataLoginText1{
    height: auto;
    width: auto;
    
    line-heirght: 40px;
    font-size:18px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
    color:rgb(11,158,217);
}
.UI_DataLoginText2{
    height: auto;
    width: auto;
    
    line-heigrht: 40px;
    font-size:16px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    font-style: italic;
}

.bannerText{
    height: auto;
    width: auto;
    border: 1px solid #aaa;
    
    font-size:20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
    color:#888;
    font-style: italic;
    padding-top: 18px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background: #fff;
    
}

.statidisticBox{
    height: auto;
    width: 250px;
    margin-right: 20px;
    margin-bottom:  20px;
    float:left;
    background: #fff;
    outline:1px solid #777;
}
.statidisticBox_text1{
    height: auto;
    width: auto;
    padding-top: 15px;
    padding-fbottom: 15px;
    font-size:20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:rgb(47,120,246);
}

.statidisticBox_text2{
    height: auto;
    width: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size:24px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#000;
}

.previewBegin{
    
}



.spanUI_TN{
    color: rgb(47,120,246);
    text-align: right;
    color:red;
    font-style: italic;
}
.spanUI_TLK{
    color: rgb(47,120,246);
    text-align: right;
    cursor: pointer;
}
.spanUI_TLK_l{
    color: rgb(47,120,246);
    text-align: left;
    cursor: pointer;
}
.spanUI_T_blue{
    color: rgb(47,120,246);
    text-align: right;

}
.spanUI_TID{
    color: #999;
    font-style: italic;
}
.spanUI_TN_L{
    color:red;
    font-style: italic;
    text-align: left;
}

.c_n{
    border-bottom: 1px solid #ccc;
    font-style: italic;
    color:rgba(180,38,48,1);
    max-width: 250px;
}
.c_bo{
    border-bottom: 1px solid #ccc;
    color:#555;
    max-width: 250px;
    text-align: center;
}
.c_pe,.c_pe_b,.c_pe_r{
    border-bottom: 1px solid #ccc;
    color:#555;
    max-width: 250px;
    text-align: right;
}
.c_pe_b{color:blue}
.c_pe_r{color:red}
.c_pr{
    border-bottom: 1px solid #ccc;
    focnt-style: italic;
    color:rgba(73,128,163,1);
    color:rgba(85,148,189,1);
    max-width: 250px;
}
.c_id{
    border-bottom: 1px solid #ccc;
    color:#333;
    max-width: 250px;
}
.c_et_b{
    border-bottom: 1px solid #ccc;
}
.c_et_y{
    border-bottom: 1px solid #ccc;
    background: rgba(255,255,0,0.2) !important;
}
.c_et_g{
    border-bottom: 1px solid #ccc;
    background: rgba(0,255,0,0.2) !important;
}
.c_et_g2{
    border-bottom: 1px solid #ccc;
    background: rgba(0,255,0,0.5) !important;
}
.c_bs{
    border-bottom: 1px solid #ccc;
    max-width: 250px;
}
.c_em{
    border-bottom: 1px solid #ccc;
    font-sdtyle: italic;
    color:rgba(99,172,220,1);
    max-width: 250px;
}
.c_fe{
    border-bottom: 1px solid #ccc;
    font-sdtyle: italic;
    color: rgb(47,120,246);
    max-width: 250px;
}

.f_id{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:#999;
}
.f_pr{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:rgba(85,148,189,1);
}
.f_bs{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:#333;
    font-size: 14px;
}
.f_bs_right{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:#333;
    font-size: 14px;
    text-align: right;
}
.f_bs_red{

    color:red;
   
}
.f_fe{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:blue;
}
.f_Vr{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:red;
    text-align: right;
}
.f_Vb{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:blue;
    text-align: right;
}
.f_Vn{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:#333;
    text-align: right;
}
.f_Vg{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:green;
    text-align: right;
}
.f_nu{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:rgba(180,38,48,1);
}
.f_CE{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:#333;
    text-align: center;
}
.f_CE_ST{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color:#333;
    text-align: center;
    font-weight: bold;
}
.f_tf{
    border-bottom: 1px solid #ccc;    
    max-width: 250px;
    color: rgb(47,120,246);    
}

.span_numero{
    color: rgb(47,120,246);
    color:red;
    color:rgba(180,38,48,1);
    font-style: italic;
}
.span_id{
    color: #999;
    font-style: italic;
}
.span_fecha{
    color: rgb(47,120,246);
}
.span_email{
    color:rgba(99,172,220,1)
}
.span_blue_basic{
    color: rgb(47,120,246);
}

.spanL_id{
    color: #999;
}
.spanL_fecha{
    color: rgb(47,120,246);
}
.spanL_valor_rojo{
    color: red;
    textd-align: right;
    paddding-right: 30px;
}
.spanL_valor_azul{
    color: blue;
    tedxt-align: right;
    paddding-right: 30px;
}
.spanL_valor_verde{
    color: green;
    textd-align: right;
    paddding-right: 30px;
}
.spanL_valor_negro{
    color: #333;
    text-dalign: right;
    padding-rdight: 30px;
}
.spanL_numero{
    color: rgb(47,120,246);
    coelor:rgba(180,38,48,1);
}

.spanL_Link{
    color: rgb(0,124,0);
}
.spanL_soft{
    color: #ccc;
    font-style: italic;
}
.spanL_basico{
    color: #333;
}
.spanL_email{
    color: rgb(47,120,246);
}
.spanL_center{
    text-align: center;
}
/* PARTE MOBILE */

.content_mobile{
    width: 100%;
    max-width: 320px;
    height: auto;
    min-hedight: 400px;
    margin-left: auto; margin-right: auto;
    backgrround: red;
    border: 1px solid #aaa;
}

.content_mobile_top{
    width: 100%;
    height: 80px;
    background:  #f5f5f5 url('LOGO_WHITE_S_T.png') center center no-repeat;
    border-bottom: 1px solid #aaa;
    
}

.content_mobile_info_1{
    width: auto;
    height: auto;
    background: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    border-bottom: 1px solid #aaa;
    
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px; padding-right: 10px;

    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);

}
.mobile_info_span_1{font-size:20px;color:rgb(47,120,246);}
.mobile_info_span_2{font-size:24px;;color:#666;}




.tableMobile{
    padding-top:  5px;
    background: #fff; 
    font-family: 'Open Sans', sans-serif;
    padding-left: 20px; padding-right: 20px;
}

.mo_td_l{
    border-bottom: 1px solid #ddd;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#999;
    font-size: 16px;
}

.mo_td{
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    color:#777;
    font-size: 20px;
    word-break: break-all;
    text-align: right;

}

.mo_tr{
    font-size: 14px;
    color: #666;
    height: 30px;    
    vertical-align: top;
}

.mobile_content_boton{    
    height: auto;
    background: #fff;
}
.mobile_boton_gray{
    width: auto;
    height: auto;
    font-size:20px;
    background: #f5f5f5;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#666;
    border: 1px solid #aaa;
    
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px; padding-right: 10px;
    margin-left: 20px; margin-right: 20px;
    
    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);

}

.mobile_boton_red{
    width: auto;
    height: auto;
    font-size:20px;
    background: #f5f5f5;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
    border: 1px solid #df0909;
    
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px; padding-right: 10px;
    margin-left: 20px; margin-right: 20px;

    background-color: #f62b2b; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
    background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
    background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
    background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
    background-image: -o-linear-gradient(top, #f62b2b, #d20202);
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);

}

.mobile_form_content{
    background: #fff;
}


.bar_button_details{
    height: 30px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-botvtom:1px solid #bbb;
}
.bar_details_line{
    height: 30px;
    padding-bottom: 10px;
    border-bottom:1px solid #bbb;
}


.button_details{
    height: 30px;
    width: auto;
    text-align: center;
    font-family:'Segoe UI',  arial, sans-serif;   
    outline:1px solid #ccc;
    border-radius: 3px;
    float: right;
    line-height: 30px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    background-color: white;
    padding-left: 20px; padding-right: 20px;
    margin-left: 10px;
}

.button_details:hover{background: #eee}

td.details-control {
        background: url('details_open.png') no-repeat center center;
        cursor: pointer;
    }
    tr.details td.details-control {
        background: url('details_close.png') no-repeat center center;
    }
    
    .details_table_content{padding-left:10px;background:#fafafa; border:1px solid #ccc;border-bottom: 0px;border-top:0px; width:95%;margin-bottogm: 10px;marggin-top:10px;margin-left: 5%}
    .d_t_c_top{border-top:1px solid #ccc;padding-top: 10px;}
    .d_t_c_bottom{border-bottom:1px solid #ccc;padding-bottom: 10px}
    /*.details_table_content_top{border:1px solid #ccc; width:95%;margin-bottom: 15px;margin-top:0px;margin-left: 5%;padding-top: 5px; padding-bottom: 5px;background: #fafafa}*/
    .details_table_row{font-size:14px;}
    .details_table_row_cell{color:#222;border-bottom:1px solid #eee;background:#fafafa;}
    .details_table_row_cell_0{ color:gray;border-bottom:1px solid #eee;background:#f5f5f5;max-width: 100px; font-size:12px;}
    .details_table_row_link{color:rgba(85,148,189,1);border-bottom:1px solid #eee;background:#fafafa;}
    /*.details_table_row_link_C{cursor:pointer; color:rgba(85,148,189,1);background:red;text-align: center;border-right: 1px solid #ccc}*/
        /*.details_table_row_link_C:hover{background:#f5f5f5;}*/

.celda_black{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:#444;
    max-width: 250px;
}
.celda_black_right{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:#444;
    max-width: 250px;
    text-align: right;
}
.celda_green{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:green;
    max-width: 250px;
}
.celda_red_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:red !important;
    max-width: 250px;
    background: rgba(255,0,0,0.2) !important;
}
.celda_green_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:green !important;
    max-width: 250px;
    background: rgba(0,255,0,0.1) !important;
}
.celda_green2_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    max-width: 250px;
    background: rgba(0,255,0,0.1) !important;
}
.celda_yellow_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:black !important;
    max-width: 250px;
    background: yellow !important;
}
.celda_white_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:gray !important;
    max-width: 250px;
    background: white !important;
}
.celda_green_hard_important{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    font-family: 'Open Sans', sans-serif;
    color:green !important;
    max-width: 250px;
    background: rgba(0,255,0,0.3) !important;
}
.celda_blue{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color:rgba(85,148,189,1);
    max-width: 250px;
}
.celda_red{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color:red;
    max-width: 250px;
}
.celda_gray{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color:#999;
    max-width: 250px;
}
.celda_gray_small{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: left;
    font-family: 'Open Sans', sans-serif;
    color:#999;
    max-width: 30px;
}
.celda_blue_right{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:rgba(85,148,189,1);
    max-width: 250px;
}
.celda_red_right{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:red;
    max-width: 250px;
}
.celda_green_right{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:green;
    max-width: 250px;
}
.celda_gray_right{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:gray;
    max-width: 250px;
}
.celda_softgray_right{
    border-bottom: 1px solid #ccc;    
    font-size:14px;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    color:grey;
    max-width: 250px;
}
.celda_center{
    text-align: center;
}
.celda_right{
    text-align: right;
}
.celda_strong{
    background: #f5f5f5;
}
.st_td{
    border-bottom: 1px solid #eee;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    color:#333;
    font-size: 15px;
    word-break: normal;
    text-alidgn: right;
    

}

.st_td_l_max{
    border-bottom: 1px solid #eee;
    padding-rdight: 20px;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    color:#999;
    font-size: 14px;
    max-wcidth: 100px;
    width: 170px;
}

.st_tr{
    font-size: 14px;
    color: #666;
    height: 30px;    
    vertical-align: top;  
    
}

.tst_td{
    border-bottom: 1px solid #f5f5f5;
    padding-left: 10px;
    padding-top: 20px;padding-bottom: 8px;
    font-weigrht: bold;
    /*color: rgb(47,120,246);*/
    color:green;
    height: 45px;
}




.windowVer_large{
    width: 920px;
    height: auto;
    min-height: 300px;
    background: #fff;
    outline: 1px solid #aaa;

}

.windowVerContent_large{
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin-left: auto; margin-right: auto;
    ouftline: 1px solid red;

}

.item3D{
    height: auto;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;padding-bottom: 15px;
    outlrine: 1px solid red;
    font-size:13px;
    text-align: left;
    line-heigWht: 25px;
    font-family: 'Open Sans', sans-serif;
    color:#777;
    cursor: pointer;
    box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */
    border-bottom: 1px solid #ccc;
    
    background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
    background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
    background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.item3D:hover{background: #f5f5f5}
.separador_1{border-bottom: 1px solid #ddd}
.separador_T{background: #fff;}
.windowVer{
    width: 630px;
    height: auto;
    min-height: 300px;
    background: #fff;
    outline: 1px solid #aaa;

}
.windowVerOptions{
    width: 250px;
    height: auto;
    outdline: 1px solid #aaa;

}

.windowVerOptions_new{
    width: 250px;
    height: auto;
    outline: 1px solid #aaa;
    background: #fff;

}

.windowVerContent{
    width: 100%;
    max-width: 900px;
    height: auto;
    margin-left: auto; margin-right: auto;
    ouftline: 1px solid red;

}

.verTablaBoxBanner_new{
    width: auto;
    height: auto;
    background: #fafafa;
    border-bottom: 1px solid #bbb;
    margin-botrtom: 10px;

    padding-left: 30px;padding-right: 30px;padding-top: 15px;padding-bottom: 5px;
}
.verTablaBoxBannerTop_new{
    width: auto;
    height: auto;
    
    font-family: 'Open Sans', sans-serif;
    
    color: rgb(47,120,246);
    font-size: 22px;
    text-align: left;
    margin-bottom: 10px;
}

.span_negro{
    color:#222;
}
.span_link{
    color:rgba(85,148,189,1);
}