@font-face {
font-family: "Nunito";
src: url("fonts/Nunito-Regular.ttf");

}


html,body{
margin:0px;
padding:0px;
height:100%;
}
body{
text-align:center;
font-family:Nunito,Helvetica,Arial,sans-serif;
background:#fff url(img2/bg1.png) repeat-x top left;
color:#1D6899;
height:100%;

}

#banner_portada_top{
    
    width: 90%;
    content: url(/css/banners/bannerff-grande.jpeg);
}

.video_popup_controls{
    max-width: 95%;
}


/********************************* HEADER **************************** */
header{
display:block;
overflow:hidden;
color:#ccc;
background:#E9765B;
margin:0px auto;
text-align:center;
padding:0px;
min-height:66px;
}
header.simple{

}


.logoHeader{
max-height:80px;
max-width:160px;
}


.page-container {
    position: relative;
    min-height:100%;


}

.titHeader{
padding:0px;
text-align:left;
}
.userHeader{
width:88px;
padding:4px 0px 0px 0px;
font-size:1.2em;
font-weight:bold;
color:#fff;
text-align:center;
line-height:1.3;
vertical-align:top;
}
.botHeader{
text-align:right;
width:72px;
cursor:pointer;
}
.botHeader img{
border:none;
}



/********************************* FOOTER  **************************** */

footer{
display:block;
padding:.1em 0px .3em 0px;
/* position:absolute;*/
width:100%;
bottom:2px;
left:0;
right:0;
font-size:14px;
color:#1D6899;
}

a{
color:#111;
line-height:1.2;
}
a.login{
color:#bfa047;
margin-right:20px;
}
a.logout{
color:#bfa047;
margin-right:20px;
}

menu{
margin:0px;
padding:0px;
background:#ccc;
line-height:1;
}

h1{
margin:0px;
padding:1em 0em 1.1em 0em;
text-align:center;
color:#468BA1;
font-size:3vw;
}
h1.alto{
padding-bottom:2em;
}

h2{
margin:0px;
text-align:center;
color:#468BA1;
font-size:2.5vw;
padding:0pt 4pt 4pt 4pt;
}
h2.alto{
padding-bottom:0.5em;
}

.logo{
margin:0px 0px 0px 20px;
height:17px;
width:38px;

}

.Central{
    /*
max-width:940px;
min-width:800px;  
*/

margin:0px 4vw;

}
.Cuerpo{
background:white;
text-align:left;
color:#3C3C3C;
    margin-top:3vw;
padding-top:1em;
padding-bottom:1em;
border:#4288CB 1px solid;
border-radius:7px;
box-shadow:#ccc 4px 4px 8px;

position:relative;
}
.TablaAncha{
width:100%;

}


#Retro{
font-size:19px;
color:#223322;
background:#C5E9C6;
text-align:center;
padding:1em 2em;
border:#ccc 1px solid;
position:relative;
margin:0px 12%;
}
#Retro.error{
background:#F1A897;
color:#fff;
border:#e0e7e3 1px solid;
}
#Retro span{
display:block;
width:1004px;
padding:14px;
text-align:left;
margin:0px auto;
}
#Retro .RetroCerrar{
display:block;
position:absolute;
top:3px;
right:3px;
padding:.2em .4em .3em .4em;
border-radius:12px;
background:#fff;
color:#E9765B;
font-weight:bold;
font-size:.7em;
cursor:pointer;
}

/*
menu .Central{
background:#0000A0;
}
menu .Central a{
display:inline-block;
font-size:1.2em;
padding:.5em .7em;
text-align:center;
cursor:pointer;
color:#ddd;
text-decoration:none;
}
menu .Central a:hover{
color:#fff;
}
menu .Central a.actual{
color:#ffffff;
text-shadow:#000 2px 2px 5px;
font-size:1.4em;
}
*/

.DDParent{
position:relative;
overflow:visible;

}
.DropDownMenu{
display:block;
display:none;
overflow:auto;
position:absolute;
top:0px;
right:0px;
z-index:20;
background:white;
border:#5092A6 1px solid;
padding:0px;
}
.DropDownMenu li{
display:inline-block;
float:left;
clear:both;
border-bottom:#5092A6 1px solid;

padding:.1em .2em;
margin-bottom:1px;
}
.DropDownMenu a{
width:160px;
display:block;
padding:.4em 2em .5em 2em;
color:#5092A6;
text-decoration:none;
border-bottom:#5092A6 1px solid;
text-align:left;
}

.HomeBox{
margin:6% auto;
}

.Forma{
    font-size:.9em;
}


.LogoPortada{
    width:272px;
}

.LoginCaja{
display:inline-block;
padding:6% 4% 2% 4%;
border:white 1px solid;
background: white;
margin:1em 2em 0px 0px;
border-radius:7px;
box-shadow:#aaa 3px 3px 7px;
margin:40px auto 0px auto;
width:280px;
}
.LoginCaja a.olvide{
color:#006d66;
text-decoration:none;
font-size:14px;
}


.LoginCaja label{
display:inline-block;
margin:0px;
color:#000;
font-size:14px;
cursor:pointer;
}
.LoginCaja label.n{
color:#222;
}
.olvide{
text-align:center;
font-size:.9em;
width:340px;
margin:20px auto 0px auto;
padding:0 5px;

}
.olvide a{
display:block;
text-decoration:none;
color:#7EADBE;
}
.olvide a:hover{
text-decoration:underline;
}

.logininput{
border-radius:7px;
padding:0px;
overflow:hidden;
margin:0px 0px 20px 0px;
width:280px;
position:relative;
text-align:left;
}
.logininput .icono{
display:block;
float:left;
width:38px;
height:38px;
margin:0px;
}
.logininput input[type='text'],.logininput input[type='email'],.logininput input[type='password']{
font-size:14px;
padding:10px 15px;
color:#999999;
border-top-right-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border:#d3e4e8 1px solid;

margin:0px;
background:#fff;
}
.logininput input[type='email']{
width:200px;   
}
.logininput input[type='password'],.logininput input[type='text']{
width:160px;   
}
.logininput.user .icono{
    background:#E9765B url(img2/login-user.png) 0px 0px no-repeat;
}
.logininput.pw .icono{
    background:#E9765B url(img2/login-pw.png) 0px 0px no-repeat;
}
.logininput .placeholder{
display:block;
position:absolute;
bottom:10px;
left:54px;
font-size:14px;
color:#999999;
}
.LoginCaja input[type='submit']{

    background-color:none;
}

.LoginCaja .rec{

padding:0px;
text-align:left;
}
.LoginCaja .rec a{
color:#7EADBE;
text-decoration:none;
}

.Granbotset{
    width:690px;
    margin:10% auto 20% auto;
    text-align:center;
}
.Granbot{
    width:42%;
    margin:0px 3%;
    display:inline-block;
    overflow:visible;
}



input[type='text'],input[type='email'],input[type='time'],input[type='number'],input[type='password']{
    background:#f9f9f9;
    padding:.4em;
    font-size:1em;
    border:#aaa 1px solid;
    color:#444;
    /*
    border-top-right-radius:7px;
    border-bottom-right-radius:7px;
    border-bottom-left-radius:7px;
    */
    border-radius:7px;
}
input[type='file']{
    background:#f9f9f9;
    padding:.2em .3em .2em .1em;
    font-size:1.1em;
    border:#aaa 1px solid;
    color:#444;
    border-radius:5px;    
}


select{
    background:#f9f9f9;
    padding:.3em;
    font-size:1.1em;
    border:#aaa 1px solid;
    color:#444;
}
input[type='checkbox'],input[type='radio']{
    background:#f9f9f9;
    color:#3c3c3c;
    height:1em;   
    width:1em; 
}

input[type='submit']{
background:#E9765B;
border:#E9765B 1px solid;
border-radius:5px;
padding:.2em 1em;
font-size:1.3em;
font-weight:bold;
color:#fdfdfd;
box-shadow:#3c3c3c 2px 2px 2px;
}
input[type='submit']:hover{
background:#E9765B;
color:#fff;
}



.botgrande{
background-color:#E9765B;


display:inline-block;
font-size:19px;
font-weight:bold;
padding:0px 40px 0px 40px;
margin:10px 20px;
color:#fff;
text-decoration:none;
border-radius:5vw;
text-transform: uppercase;
line-height:1.2;
cursor:pointer;
height:70px;
width:200px;
}
.botgrande .tabla{
display:table;
height:100%;
width:100%;
}
.botgrande span{
display:table-cell;
line-height:inherit;
vertical-align: middle;   
text-align: center;
}
.botgrande.con{
padding-right:60px;
background-size:25px 25px;
}
.botgrande.con.next{
background:#E9765B url(img2/botgrande-continue.png) 92% 50% no-repeat;    
}
.botgrande.con.reload{
background:#E9765B url(img2/botgrande-reload.png) 92% 50% no-repeat;    
}
.botgrande.con.lista{
background:#E9765B url(img2/botgrande-lista.png) 92% 50% no-repeat;    
}
.botgrande.con.nuevo{
background:#E9765B url(img2/botgrande-nuevo.png) 92% 50% no-repeat;    
}
.botgrande.con.save{
background:#E9765B url(img2/botgrande-save.png) 90% 50% no-repeat;    
}

.botgrande.largo{
width:290px;
height:50px;
    vertical-align:middle;
    display:block;
    padding:1em 0px 0px 0px; 
}


.botchico{
background-color:#E9765B;
display:inline-block;
font-size:14px;
font-weight:bold;
padding:5px 20px 6px 20px;
margin:2px 2px;
color:#fff !important;
text-decoration:none;
border-radius:11px;
text-transform: uppercase;
line-height:1;
cursor:pointer;
border:none;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #aaa;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #aaa;
}


.subtituloPortada{
font-size:30px;
font-weight:bold;
padding:.8em 0px .4em 0px;
margin:0px 0px;
text-decoration:none;
line-height:1;
text-align:center;
}




.Columnas{
overflow:hidden;
}
.Columna{
display:inline-block;
}




.Formulario{
background:#B9D4DB;
padding:.7em .7em .2em 1em;
border:#888 1px solid;
border-radius:.5em;
width:80%;
margin:0px auto;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
text-align:left;
box-sizing: border-box;
}
.Formulario table{
margin:0px;
width:97%;
}
.Formulario table tr td:nth-child(1){
width:28%;
max-width:100px;
text-align:right;
    
    padding: 0px 1.4em 1em 0em
}
.Formulario label{
display:inline-block;
/*padding:0px 1.4em 1em 0em;*/


}
.Formulario label span{
display:table-cell;

vertical-align:top;
/*text-align:left;*/

font-weight:bold;

color:#111111;
}
.Formulario label div{
background:#f4f4f4;
padding:.2em .2em;
border:#ccc 1px solid;
text-align:center;
color:#666;
}
.Formulario .submitRow{

padding:.5em 0em 1em 0em;
text-align:right;
}
.Formulario .ui-autocomplete-input{
background:#E6FFFC;
border:#aaaabb 1px solid;
}

.Formulario input.error, input.error{
border:red 2px dotted;
}
.Formulario em.error, em.error, label.error{
display:inline-block;
background:#ddbbbb;
color:#660000;
font-size:.8em;
padding:.3em 1em .5em 1em;
margin:0em .2em;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}
.Formulario input[type='text'],.Formulario input[type='email']{
width:100%;
}
.Formulario input.datepicker{
width:10em;

}
.Formulario .icono-calendario{
margin:auto 0px auto 1%;
vertical-align:middle;
}
.Formulario input[disabled]{
background:#DCEAED;
}
.Formulario textarea{
width:100%;
}
.Formulario td{
padding:.1em .1em .4em .1em;
}
.Formulario td small{
display:inline-block;
padding: 0px 0px 4px 0px;
margin:0px;
color:#666688;
}


.optform{
display:none;
}

label.error{
color:#cc0000;
display:inline-block;
}

#txtPostLogo{
font-weight:bold;
}

.Tabla{
width:100%;
border-right:#ccc 1px solid;
border-top:#ccc 1px solid;
border:#ccc 1px solid;
font-size:1em;
color:#555;
border-collapse: collapse;
background:#F8FBFB;
line-height:1.2;
}
.Tabla thead th{
background:#468BA1;
color:#eee;
padding:3px 4px 6px 4px;
border-bottom:#ccc 2px solid; 
text-transform:capitalize;
text-align:center;
}

.Tabla td{
border-left:none;
border-bottom:#bbb 1px solid; 
padding:4px 6px;  
border-collapse: collapse;
border-spacing: 1px;
font-size:.9em;
}
.Tabla tr:hover{
background:#fff;
}
.Tabla td.c{
text-align:center;
}
.Tabla td.s{
font-size:.7em;
font-weight:normal;
}


.Tabla a{
color:#5092A6;
}
.Tabla a.file, a.file{
display:inline-block;
width:23px;
height:30px;
background:url(img/pdf.png) top left no-repeat;
}
.Tabla a.edit{
display:inline-block;
width:28px;
height:26px;
background:url(img2/editar.png) top left no-repeat;
cursor:pointer;
background-size:100% 100%;
}
.Tabla a.delete, a.delete, a.deletealt{
display:inline-block;
width:28px;
height:28px;
background:url(img2/eliminar.png) top left no-repeat;
cursor:pointer;
background-size:100% 100%;
}
label a.file{
margin-top:.2em;
vertical-align:bottom;
}
.FormularioEliminarFoto{
    display:inline-block;
width:28px;
height:28px;
background:url(img2/eliminar.png) top left no-repeat;
cursor:pointer;
background-size:100% 100%;
}

.Tabla td.estatus_general[rel='P']{
color:#CDA500;
text-shadow:#ccc 2px 2px 3px;
}
.Tabla td.estatus_general[rel='L']{
color:#008800;
text-shadow:#fff 2px 2px 3px;
}
.Tabla td.estatus_general[rel='R']{
color:#880000;
text-shadow:#fff 2px 2px 3px;
}
.Tabla td.estatus_general[rel='A']{
color:#000088;
text-shadow:#fff 2px 2px 3px;
}



.Tabla td.edittd{
width:60px;
}
.Tabla td.deletetd{
width:40px;
}
.Tabla td.mini{
width:40px;
}
.Tabla td.ident{
max-width:120px;
}

.Tabla td.locked{
text-align:center;
}
.Tabla td.locked[rel='1'] .icon{
display:inline-block;
background:url(img/lock2.png) top center no-repeat;
width:22px;
height:23px;
cursor:pointer;
}
.Tabla td.locked[rel='0'] .icon{
display:inline-block;
background:url(img/lock-off.png) top center no-repeat;
width:22px;
height:22px;
}

.Tabla td a.comparar{
    display:inline-block;
background:url(img2/comparar.png) top center no-repeat;
background-size:100%;
width:22px;
height:28px;   
cursor:pointer;
}
.Tabla td a.cuenta, .Tabla td.cuenta a{
    display:inline-block;
background:url(img2/cuenta.png) top center no-repeat;
background-size:100%;
width:22px;
height:28px;   
cursor:pointer;
color:transparent;
font-size:1px;
}
.Tabla td a.historialc, .Tabla td.historialc a{
    display:inline-block;
background:url(img2/historial-cuenta.png) top center no-repeat;
background-size:100%;
width:28px;
height:28px;   
cursor:pointer;
color:transparent;
font-size:1px;
}
.Tabla a.modificar{
display:inline-block;
width:28px;
height:26px;
background:url(img2/editar.png) top left no-repeat;
cursor:pointer;
background-size:100% 100%;
}


.right{
text-align:right;
}



input.tipoPw[type='text'], .Formulario .input.tipoPw[type='text']{
width:auto;
}
.pVisToggle{
display:inline-block;
width:30px;
height:24px;
background:url(img2/ver.png) transparent 0px 4px no-repeat;
margin:0px 0px 0px 10px;
cursor:pointer;
}
.pVisToggle.No{
    background:url(img2/ver-no.png) transparent 0px 4px no-repeat;
}

.ui-autocomplete-loading { background:url('img/miniloading.gif') no-repeat right center; }



a.continuar.ff{
    display:inline-block;
background:url(img2/analisisff_continuar.png) top center no-repeat;
background-size:100%;
width:32px;
height:28px;   
cursor:pointer;
}

/*

********************************************** paginacion


*/
.paginacion_wrapper{
width:100%;
text-align:center;
background:#ddd;
}
.paginacion_wrapper .info{
text-align:left;
font-size:15px;
font-weight:bold;
color:#333;
padding:10px 6px;
}

ul.paginacion{
display:inline-block;
margin:0px 0px 0px 0px;
padding:4px 10px;

text-align:left;
letter-spacing:.05em;
word-spacing:.2em;
}

ul.paginacion li{
display:inline-block;
margin:2px 8px 2px 0px;
list-style:none;
padding:0px 0px;
color:#333;
font-size: 12px;
vertical-align:middle;
}
ul.paginacion li span{
padding:0px 12px;
}
ul.paginacion li a{
    display:block;
    font-weight:bold;
    color:#333;
    text-decoration:none; 
}
ul.paginacion li a.first{
background:url(paginacion/first.png) top left no-repeat;
width:16px;
height:20px;
}
ul.paginacion li a.prev{
background:url(paginacion/prev.png) top left no-repeat;
width:16px;
height:20px;
}
ul.paginacion li a.next{
background:url(paginacion/next.png) top left no-repeat;
width:16px;
height:20px;
}
ul.paginacion li a.last{
background:url(paginacion/last.png) top left no-repeat;
width:16px;
height:20px;
}


.MisFiltros{
padding:.5em 2em;
border:#888 1px dotted;
margin:1em;
}

.Loading{
position:absolute;
width:100%;
top:0px;
left:0px;
display:block;
min-height:165px;
background:#fff url(img/loading.gif) 50% top no-repeat;
z-index:100;
opacity:.7;
}
.MiniLoading{
position:absolute;
width:100%;
top:0px;
left:0px;
display:block;
min-height:23px;
background:#fff url(img/miniloading.gif) 50% top no-repeat;
z-index:100;
}
.PageLoading{
position:fixed;
width:100%;
top:0px;
left:0px;
bottom:0px;
right:0px;
display:block;
min-height:100%;
background:#fff url(img/loading.gif) 50% 50% no-repeat;
z-index:100;
opacity:.7;
}

.ui-widget-overlay{
background-color:#333;
opacity:.7;
}


.fileInfo{
text-align:right;    
}
.fileInfo a.file{
margin-right:100px;
}


.delBot{
background:#ffaaaa;
color:#994444;
border:#ff9999 1px solid;
font-size:1em;
padding:.2em .4em;
margin-top:.4em;
border-radius:7px;
}
#ConfirmaEliminarShip{
display:none;
background:#ffeeee;  
border:#ff9999 1px solid; 
padding:.2em 1em;
border-bottom-right-radius:13px;
border-bottom-left-radius:13px; 
}
#eliminar-shipment{
display:inline-block;
text-decoration:none;
color:white;
background:red;
padding:.3em .5em;
margin:.2em auto;
}

.Columna.etapa{
display:block;
float:left;
margin:20px 20px;
padding:20px;
width:120px;
height:120px;
border:#333 1px solid;
background:#eee;
font-size:18px;
text-align:center;
}
.Columna.etapa.activa{
background:#ffaaaa;
}

.estatusAnalisis{
padding:10px 20px;
background:#ccc;
color:#888;
font-style: italic;
font-size:24px;
font-weight:bold;
}

.granLista{
display:block;
padding:0px;
margin:0px;
}
.granLista li{
display:block;
margin:0px;
}
.granLista li a{
display:block;
padding:.3em 1em;
font-size:1.1em;
font-weight:bold;
letter-spacing: 1px;
color:#5092A6;
text-decoration:none;
}
.granLista li a:hover{
text-decoration:underline;
}

.Paciente{
font-size:1.2em;
color:#468BA1;
font-weight:normal;
letter-spacing: 1px;
text-align:center;
display:block;
padding:0em 0em .1em 0em;
position:absolute;
left:50%;
margin-left:-49%;
top:-27px;
}
.Paciente .subtitulo{
    font-size:.8em;  
    font-weight:normal;
}
.Paciente .m{
display:none;
}
.Paciente .d{
display:inline;
}


.Reactivo{

margin:5px 0px 0px 0px;

}
.Reactivo .texto{
display:block;
padding:4px 40px;
margin:30px 0px 0px 0px;
color:#468BA1;
font-size:36px;
text-align:center;
font-weight:bold;
letter-spacing: 1px;
vertical-align:middle;
line-height: 1.1;
}
.Reactivo .mas{
display:block;
padding:10px 40px 20px 40px;
margin:12px 0px 20px 0px;
font-size:28px;
color:#468BA1;
text-align:center;
font-weight:normal;
vertical-align:middle;
}
.Reactivo.compacto .texto{
padding:3px 30px;
font-size:40px;
}
.Reactivo.compacto .mas{
padding:10px 40px 10px 40px;
font-size:26px;
}
.Reactivo.compactisimo .texto{
padding:3px 20px;
font-size:36px;
}
.Reactivo.compactisimo .mas{
padding:4px 40px 5px 40px;
font-size:24px;
}
.Opciones{
width:700px;
margin:0px auto;
text-align:center;
}
.Opciones input[type='radio']{
width:24px;
height:24px;
}
.Opciones a{
display:inline-block;
margin:10px 20px;
color:#333;
cursor:pointer;
width:162px;
height:80px;
padding:120px 10px 10px 10px;
font-size:20px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
color:#468BA1;
}
.Opciones a.si{
background:transparent url(img2/respuesta_si.png) 32px 5px no-repeat;
}
.Opciones a.no{
background:transparent url(img2/respuesta_no.png) 38px 5px no-repeat;
}
.Opciones a.en{
background:transparent url(img2/respuesta_en.png) 38px 5px no-repeat;
}
.Opciones label{
display:inline-block;

padding:10px;
font-size:24px;
border:#999 2px solid;
}
.Opciones label:hover{
background:#444;
color:#fff;
cursor:pointer;
}

.DebugDiv2{
background:#eee;
color:#666;
display: block;
border:#666 2px solid;
margin:20px 40px;
font-size:12px;
padding:10px;
}
.DebugDiv2 td{
vertical-align:top;
padding:5px;
white-space: normal;
}
.DebugDiv2 td h5{
margin:0px;
font-weight:bold;
font-size:12px;
}
.DebugDiv2 table thead{

}
.DebugDiv2 td .sc{

width:100%;
height:300px;
overflow-y:auto;
}
.xdebug-var-dump{
white-space:normal;
}
.xdebug-var-dump small{
font-size:9px;
display:none;
}
.DebugDiv .xdebug-var-dump i{
display:none;
}


.comentario{
border:#ccc 2px solid;
border-radius:7px;
padding:.5em 1em;
font-size:.9em;
background:#f4f4f4;
}


.granTexto{
font-size:32px;
font-weight:bold;
text-align:center;
color:#468BA1;
}

.cajaAmbito{
display:inline-block;
background:#ffccaa;
border:black 1px solid;
padding:10px;
margin:20px;
font-size:30px;

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


.p10{
padding:10px;
}
.doanalysis.main{
display:inline-block;
width:36vw;
margin:0px auto;
border:#A9C4CB 1px solid;
border-radius:5px;
background:#1D6899;
text-align:center;
padding:6px 0px 6px 0px;
color:#d5ffff;
vertical-align: middle;
text-decoration:none;
}
.doanalysis.main span{
display:inline-block;
vertical-align:middle;
}
.doanalysis.main .icon{
    background:url(img2/analisis_iniciar-white.png) no-repeat 0px 0px;
    background-size: 100% 100%;
}
.doanalysis.ff.main .icon{
    background:url(img2/analisisff_iniciar_white.png) no-repeat 0px 0px;
    background-size: 100% 100%;
    width:42px;
    height:30px;
}

.doanalysis .icon{
display:inline-block;
width:33px;
height:30px;
background:url(img2/analisis_iniciar.png) no-repeat 0px 0px;
cursor:pointer;
background-size: 100% 100%;
}
.doanalysis.reanudar .icon{
background:url(img2/analisis_reanudar.png) no-repeat 0px 0px;
background-size: 100% 100%;
}
.doanalysis.main:hover{
background:#3D88B9;
}
.doanalysis.ff .icon{
background:url(img2/analisisff_iniciar.png?z=4) no-repeat 0px 0px;
width:38px;
height:26px;
background-size: 100% 100%;
}
.doanalysis.ff.reanudar .icon{
background:url(img2/analisisff_continuar.png?z=4) no-repeat 0px 0px;
width:34px;
height:26px;
background-size: 100% 100%;
}


.analysis .icon{
display:inline-block;
width:30px;
height:29px;
background:url(img2/historial.png) no-repeat 0px 0px;
cursor:pointer;
background-size: 100%;
}

.analysis{
text-align:center;
}
.doanalysis{
text-align:center;

margin-right:2vw;
}



.Circulos{
position:absolute;
right:20px;
top:20px;
text-align:right;
width:120px;
height:1em;
overflow:visible;
}
.CirculoArea{
width:20px;
height:20px;
border:#E9765B 2px solid;
margin:0px 5px;
border-radius:13px;
text-align:center;
vertical-align:middle;
background:#fff;
color:#fff;
font-size:.1em;
}
.CirculoArea.terminado{
background:#E9765B;
color:#aaa;
}


.Columna.p50{
width:50%;
}


.GranTitulo{
font-size:30px;
padding:10px 0px 0px 0px;
}


.infoGeneral{
background:#ddd;
color:#555;
margin:20px;
padding:20px;
}

.Post{
    width:80%; 
    margin:40px 0px 0px 0px;
}
.Post textarea{
width:100%;
height:80px;
border:#666 1px solid;
border-radius:7px;
}

.tiny{
display:inline-block;
font-size:8px;
}


#slot{

}

.ReactivoTable{
width:100%;
height:450px;
margin-top:18px;
}

.OpcionesTd{
height:200px;
}



#FinNav, #FinNavMultiple{
    display:block;
    padding:1em 2em;
text-align:right;
}
#FinNav .int, #FinNavMultiple .int{
display:inline-block;
width:100%;
}
#FinNav .int h2,#FinNavMultiple .int h2{
font-size: 1.1em;
}
#FinNav .int a,#FinNavMultiple .int a{
    display:inline-block;
    padding:.3em .6em;
    font-size:1.2em;
    margin:0px .1em 10px .5em;
}
#FinNav textarea ,#FinNavMultiple textarea{
    width: 100%;  
}
.finalizar_nav{
padding:1em 0px;
}


ul.amplia li{
text-align:left;
}
.Tabla ul li{
text-align:left;
}



.Responsiva{
    
}
.Responsiva td{
padding:.2em .3em;
}
.Responsiva .dato{
    display:inline-block;
    margin:2px .5%;
    line-height:1.2;

}
.Tabla.Responsiva .dato{
        font-size:1.2em;
}
.Responsiva .Mitad{
    display:inline-block;
    width:48.4%;
    text-align:left;
    vertical-align:top;
}
.Responsiva .Mitad:nth-child(2){
    text-align:right;
}
.Responsiva .Mitad.left{
    text-align:left;
}
.Responsiva .Mitad.right{
    text-align:right;
}
.Responsiva .LigaBoton{
    display:inline-block;
    margin-right:1em;
    height:37px;
}
.Responsiva .dato b{
    color:#5F9AAE;
}


.Responsiva .Tercio{
    display:inline-block;
    width:32%;    
    text-align:left;
    float:left;
    padding:.2em .3em;
}
.Responsiva .Tercio.left{
    text-align:left;
}
.Responsiva .Tercio:nth-child(3){
    text-align:right;
    clear:right;
}
.Responsiva .Tercio.left:nth-child(3){
    text-align:left;
}
.Responsiva .Tercio.left.justify:nth-child(3){
    text-align:justify;
}
.Responsiva .Tercio.corto{
width:24%;
}
.Responsiva .Tercio.largo{
width:49%;
}
.Responsiva .Tercio:nth-child(1){
    clear:left;
}

.Responsiva.Segura .Tercio{
min-height:140px;
}



.Responsiva .Cuarto{
    display:inline-block;
    width:24%;    
    text-align:left;
    float:left;
    padding:.2em .3em;
}
.Responsiva .Cuarto.left{
    text-align:left;
}
.Responsiva .Cuarto:nth-child(3){
    text-align:right;
    clear:right;
}
.Responsiva .Cuarto.left:nth-child(3){
    text-align:left;
}
.Responsiva .Cuarto.left.justify:nth-child(3){
    text-align:justify;
}
.Responsiva .Cuarto.corto{
width:18%;
}
.Responsiva .Cuarto.largo{
width:32%;
}
.Responsiva .Cuarto:nth-child(1){
    clear:left;
}

.Responsiva.Segura .Cuarto{
min-height:140px;
}



.VirtualTd{
display:inline-block;
}


.ui-datepicker-header .ui-icon{
    background-image: url(../jquery/images/ui-icons_444444_256x240b.png);
}
.ui-dialog-titlebar-close .ui-icon{
    background-image: url(../jquery/images/ui-icons_777777_256x240.png);
}

#continuar{
margin:2em 0px;
padding:1em .8em;
font-size:1.2em;
letter-spacing:1px;
background:#FBE4DE;
text-align:center;
color:#478BA2;
line-height:1.5;
}
#continuar table{
width:100%;margin:0px;
}
#continuar table td{
text-align:left;
}
#continuar table td.ale{
width:120px;
}
#continuar table td.ale img{
width:80px;
}

.BotAgregador{
position:absolute;
top:1em;
right:1em;
}


/* PARTES DATATABLES */
.Cuerpo .dataTables_wrapper .ui-widget-header{
font-size:1.1em;
font-weight:bold;
word-spacing: .3em;
background:#B9D4DB;
line-height:.8;
}
.Cuerpo .dataTables_wrapper .ui-widget-header select{
padding:.1em .2em;

}
.Cuerpo .dataTables_filter{
margin-top:.4em;
}


.TextoAccordion{
padding:2em 2em;
}
.TextoAccordion h3{
cursor:pointer;
color:#608794;
}
.TextoAccordion h3:hover{

color:#333;
}
.TextoAccordion table td{
text-align:left;
}

dl{
    
}
dt{
font-weight:bold;
padding:.2em 0px;
margin:0px;
}
dd{
    padding:.1em 0px 1em 3em; 
    margin:0px;
}


.hombroizq{
position:absolute;
top:-30px;
left:0px;
}

.BotonesFinalizar{
width:400px;
margin:0px auto;
}
.BotonesFinalizar a{
box-sizing: border-box;
width:100%;
text-align:center;
}


.legend{
font-size:.9em;
text-align:center;
}

a.deshacer{
color:#99bbcc;
display:block;
position:absolute;
left:8px;
top:4px;
padding:.1em 1em .3em 1em;
text-decoration:none;
border:#88aabb 1px solid;
border-radius:7px;
margin-top:4px;
}
a.deshacer:hover{
background:#99bbcc;
color:#fff;
}

.TablaDetalle{

}
.TablaDetalle b{
color:#458CA4;
}

#fperfil{

}
#fperfil > table{
width:92%;

}
#fperfil input[type='text'],#fperfil input[type='password']{
width:100%;
}

.perfilImg{
height:6vw;
}





label.subidor input[type='file']{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
label.subidor{
        font-size: 1.25em;
    border:#aaa 1px solid;
    border-radius:7px;
    color: #fff;
    background-color: #E9765B;
    display: inline-block; 
    margin:.1em .1em;
    padding:.2em .3em .4em .3em;  
    box-shadow:#999 2px 2px 3px;
}


input.checkgrande{
width:2em;
height:2em;
}
.fleft{
float:left;
}
.tdlabel{
width:28%;

}

.pseudoBoton{
display:table-cell;
color:#666;
padding:0px 0px 2em 0px;
font-size:19px;
margin:0px;
}

.Parrafos{
line-height:1.2; 
text-align:left;
padding:.2em 0px; 
}
.Parrafos p{
margin:0px;
padding:.2em 0px;
}

.Complemento{
text-align:left;
}

.SlimAnuncio{
margin:-16px auto 0px auto;
padding:5px 20px 10px 20px;
background:#f8f8f8;
border-bottom:#ddd 1px solid;
min-width:300px;
max-width:90%;
text-align:center;
}

.SlimAnuncioResaltado{
margin:-16px auto 0px auto;
padding:5px 20px 10px 20px;
background:#f8f8f8;
border-bottom:#ddd 1px solid;
min-width:300px;
max-width:90%;
text-align:center;
color: red;
font-weight: bold;
}

.widthauto{
width:auto !important;
}


.inactivo{
color:#6688aa;
opacity:.5;
filter:"alpha(50)";
cursor:not-allowed !important;    
}
.candado{
    background:url(img2/candado.png) 0px 0px no-repeat;
    background-size: 100%;
    display:inline-block;
    width:24px;
    height:32px;
    vertical-align:bottom;
    margin:2px 2px 0px 0px;
    
}
.nodisponible{
line-height:2;
}

.ContenedorAlertas{
position:relative;
display:block;
    
}
ul.Avisos{
    display:block;
        height:40px;
        margin:0px 0px -20px 0px;
    padding:0px 0px 0px 0px;
    z-index:1000;
    text-align:center;
}
ul.Avisos li{
    display:inline-block;
text-align: center;
padding:3px;
margin:0px 5px;
position:relative;
}
ul.Avisos li a{
    display:block;
        background:url(img2/campana1.png) no-repeat top left;
    width:40px;
    height:36px;
    font-size:20px;
    font-weight:bold;
    color:#468BA1;
    text-decoration:none;
    padding:8px 0px 0px 0px;
    background-size:100%;
    text-align:center;
    z-index:100;
}
ul.Avisos li a.pulsando{
        background:url(img2/notificaciones.gif) no-repeat top left;
}
.avisoLayer{
display:none;
}
.cke_skin_kama .cke_dialog_body { z-index: 10200 !important; }

.avisoIconOferta{
display:block;
width:80px;
height:50px;
background:url(img2/icon-oferta.png) no-repeat top left;
}
.avisoIconNovedad{
display:block;
width:80px;
height:62px;
background:url(img2/icon-news.png) no-repeat top left;
}
.avisoIconMensaje{
display:block;
width:80px;
height:60px;
background:url(img2/icon-mensaje.png) no-repeat top left;
}


.Acervado{
    display:block;
    width:40px;
    height:36px;
    background:url(img2/estrellaOff.png) no-repeat top left;
    cursor:pointer;
}
.Acervado.On{
    background:url(img2/estrellaOn.png) no-repeat top left;
}
.Acervado:hover{
    background:url(img2/estrellaOver.png) no-repeat top left;
}

.AcervoHistorial{
    display:block;
    width:36px;
    height:36px;
    background:url(img2/estrellaAdd.png) no-repeat top left;
    cursor:pointer;
    margin:0px 10px 0px 0px;
}
.AcervoHistorialTd{
display:none;
}
.AcervoCuerpo{
height:200px;
overflow:auto;
display:block;
padding:0px;
margin:0px;
width:100%;
}
.AcervadoIcono{
    display:inline-block;
    width:40px;
    height:36px;
    background:url(img2/estrellaOff.png) no-repeat top left;      
}
.AcervadoIcono.Add{
    background:url(img2/estrellaAdd.png) no-repeat top left;
}
.AcervadoIcono.On{
    background:url(img2/estrellaOn.png) no-repeat top left;
}

.AcervadoCandado{
    display:block;
    width:56px;
    height:36px;
    background:url(img2/estrellaCandado.png) no-repeat top left;
    cursor:not-allowed;
}
.AcervoHistorialCandado{
    display:block;
    width:54px;
    height:36px;
    background:url(img2/estrellaAddCandado.png) no-repeat top left;
    cursor:not-allowed;
    margin:0px 10px 0px 0px;
}


.AcervoCuerpo li{
text-align:left;
display:block;
padding:.5em 0em;
}
.itemAcervo{
cursor:pointer;
text-align:left;
display:block;
color:#468BA1 !important;
font-size:1.1em;
}
.itemAcervo:hover{
font-weight:bold;
}
.itemAcervoDel{
display:inline-block;
width:18px;
height:20px;
background:url(img/eliminar.png) no-repeat top left;
background-size:100%;
cursor:pointer;
margin:0px 0px 0px 20px;

}

.grandTutorial{
width:1080px;
transform:rotate(0deg);  
margin:0px auto;  
}

.scrollInDialog{
display:block;
height:200px;
overflow-y:auto;
overflow-x:hidden;
}

.itemLista{
padding:6px 12px;
font-size:1.1em;
text-align:left;
}
.itemLista label{
cursor:pointer;
display:block;
}


.transfer a{
display:inline-block;
width:28px;
height:24px;
background:url(img2/apuntar_izquierda.png) top left no-repeat;
background-size:100%;
font-size:2px;
margin:0px;
padding:0px;
}



table.Adaptable{
    
}
table.Adaptable tr{
    
}
table.Adaptable tr td{
    
}

#FlashRetro{
    position:fixed;
    top:48%;
    left:30%;
    font-size:8vw;
    font-weight:bold;
    z-index:900;
    color:#468BA1;
    background:#fff;
    padding:10px;
    opacity:.8;
    filter:"alpha(80)";
    text-shadow:#333 2px 2px 4px;
}