html,body{
margin:0px;
padding:0px;
height:100%;
}
body{
text-align:center;
font-family:Segoe,Helvetica,Arial,sans-serif;
background:#eee url(body-bg.png) top left repeat;
font-size:1em;
}

header{
display:block;
overflow:hidden;
color:#666;

margin:0px auto;
text-align:center;

}

header li{
display:block;
height:74px;
float:left;
padding:20px 0px 0px 0px;
}
header.simple li{
height:50px;
}

header .Columna{
padding:0px;

}
header .Columna.titHeader{
padding-top:0px;
}
.Columna.right{
float:right;
}
header .Menu{
 font-size:1.3em;   
 height:50px;
 padding:0px 0px 0px 0px;
 margin:1em 0px 0px 2em;
 float:right;
}
header .Menu a{
color:#00009F;
display:inline-block;
vertical-align:top;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
padding:.2em .4em .1em .4em;
text-decoration:none;
border:#00009F 1px solid;
margin-right:4px;
}
header img{
height:70px;
}

.Usuario{
color:#666;
margin-top:20px;
/*
position:absolute;
top:10px;
right:0px;
*/
float:right;
}
.Usuario td{
white-space: nowrap;
}
.Usuario a{
color:#0000A0;
text-decoration:none;
padding-bottom:1px;
border-bottom:#0000A0 1px solid;
}
.Usuario .tipo{
font-size:.8em;
}

.relative{
position:relative;
}

header .prov{
display:inline-block;
font-size:1.0em;
margin:0em 2em 0em 0em;
}
header b{
color:#000;
}

footer{
display:block;
padding:.1em 0px 1em .1em;
position:fixed;
left:0px;
right:0px;
bottom:0px;
width:100%;

background:#ccc;
}


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:.2em 0em;
}

.minilogo{
margin:0px 0px 0px 20px;
height:55px;
}

.Central{
max-width:1400px;
min-width:800px;   
width:80%;
background:#fff;
margin:0px auto;
padding:0px 2em;
}
.Cuerpo{

text-align:left;
color:#3C3C3C;
background:#fff;
padding-top:1em;
padding-bottom:5em;
}

.GranTitulo{
font-size:3em;
font-weight:bold;
padding:.15em 0px 0px 2em;
color:#0000A0;
text-shadow: #ccc 1px 1px 3px;
text-align:center;
}

#Retro{
font-size:16px;
color:#003322;
background:#e0e7e3;
text-align:center;
padding:1em 2em;
}
#Retro.error{
background:#efe0e0;
color:#660000;
}
#Retro span{
display:block;
width:1004px;
padding:14px;
text-align:left;
margin:0px auto;
}

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;
}

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

.LoginCaja{
display:inline-block;
padding:1em 1em;
border:#333 1px solid;
background:#F4F4F4;
margin:1em 2em 0px 0px;
text-align:left;
}
.LoginCaja a.olvide{
color:#006d66;
text-decoration:none;
font-size:14px;
}


.LoginCaja label{
display:inline-block;
width:120px;
color:#666;
font-size:16px;
}

input[type='text'], input[type='password'],input[type='email'],input[type='time'],input[type='number']{
    background:#f9f9f9;
    padding:.4em;
    font-size:1em;
    border:#aaa 1px solid;
    color:#444;
    
    border-radius:5px;
}
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.2em;
    border:#aaa 1px solid;
    color:#444;
}
input[type='checkbox'],input[type='radio']{
    background:#f9f9f9;
    color:#3c3c3c;
    height:1em;   
    width:1em; 
}

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

button, a.button{
display:inline-block;
 background:#ffffff;
border:#00D7B9 1px solid;
border-radius:5px;
padding:.2em 1em;
font-size:1.4em;
font-weight:bold;
color:#00D7B9; 
cursor:pointer;  
box-shadow:#3c3c3c 2px 2px 2px;
text-decoration:none;
}
button:hover,button:focus,a.button:hover,a.button:focus{
 background:#00D7B9;
 color:#fff;
}


a.button.L{
background:green;
padding:.2em .6em;
font-size:1.2em;
border:green 1px solid;
color:#f4f4f4;
}
a.button.L:hover{
color:#fff;
}
a.button.R{
background:red;
padding:.2em .6em;
font-size:1.2em;
border:red 1px solid;
color:#f4f4f4;
}
a.button.R:hover{
color:#fff;
}

::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;
}





#ConfirmaArevision{
display:none;
}




.Nodo{
padding:0px;
border:#666 1px solid;
border-radius:7px;
margin:1em 2em;
box-shadow:#666 2px 2px 3px;
}
.Nodo a{
display:block;
height:100%;
color:#383886;
background:#ccc;
font-size:1.7em;
text-decoration:none;
padding:.3em 1em;
border-radius:7px;
}
.Nodo a:hover{
background:#fff;
}

.Lateral{
display:block;
width:37%;
float:left;
margin-right:2%;
border-right:#ccc 1px dashed;
height:100%;
bottom:0px;
}
.Principal{
display:block;
width:59%;
float:left;    
}


.Ficha{
padding:0em 2em;
}
.Ruta{
font-size:1.3em;
padding:0px;
text-align:left;
}
.Ruta .RutaItem{
display:block;
margin:.6em 1em;
color:#999;
}
.Ruta a{
color:#00009A;
letter-spacing: .05em;
word-spacing:.1em;
}
.Ruta b{
font-size:1.5em;
color:#00009A;
}

.Pregunta{
font-size:2.4em;
padding:1em 0em;
}
.Texto{
font-size:1.2em;
padding:1em 0em;

text-align: justify;
}
.Comentario{
font-size:1.5em;
padding:1em 0em;
letter-spacing:1px;
text-align: left;
}

.Columnas{
overflow:hidden;
}
.Columna{
display:block;
float:left;
}

.Centrar{
text-align:center;
}


.PreFormulario{
background:#888;
color:#eee;
padding:.2em 1em;
}


.Formulario{
position:relative;
background:#ECECFF;
padding:.7em .7em .2em 1em;
border:#888 1px solid;

border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
text-align:left;
}
.Formulario label{
display:inline-block;

padding:.2em .6em .2em .2em;




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

vertical-align:top;
text-align:left;
padding:.4em .7em .2em .6em;
font-weight:bold;
font-size:.9em;
color:#0000A0;

}

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

padding:.5em 0em 0em 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{
display:table-cell;
background:#ddbbbb;
color:#660000;
font-size:.8em;
padding:.3em 1em;
margin:0em .2em;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}

.optform{
display:none;
}
.Formulario .html{
margin:20px 0px;

}

.Formulario textarea{
resize:vertical;
}
.Formulario textarea[noresize]{
resize:none;
}


.mayus{
text-transform: uppercase;
}


.Mostrando{
margin:1em 0em .2em 0em;
}
#Resultado{
margin-top:1.5em;
min-height:100px;
}

.Retro{
background:#ffcccc;
color:#aa4444;
padding:1em;
}

.Tabla{
width:100%;
border-right:#ccc 1px solid;
border-top:#ccc 1px solid;
border:#ccc 1px solid;
font-size:.95em;
color:#3c3c3c;
border-collapse: collapse;
background:#F4F4F4;

}
.Tabla thead th{
background:#FFDC00;
color:#0000A0;
padding:.4em .3em .2em .3em;
border-bottom:#ccc 2px solid; 
text-transform:capitalize;
}

.Tabla td{
border-left:#bbb 1px solid;
border-bottom:#bbb 1px solid; 
padding:.4em .5em;  
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.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:21px;
height:21px;
background:url(img/editar.png) top left no-repeat;
cursor:pointer;
}
.Tabla a.delete, a.delete{
display:inline-block;
width:21px;
height:21px;
background:url(img/eliminar.png) top left no-repeat;
cursor:pointer;
}
label a.file{
margin-top:.2em;
vertical-align:bottom;
}


.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.ver .icon{
display:block;
width:29px;
height:21px;
background:url(img/ver.png) 0px 5px no-repeat;
cursor:pointer;
margin:0px 4px;
}
.Tabla td.ver[rel=''] .icon{
display:none;
}

.Tabla.preview em{
color:red;
letter-spacing:1px;
}

.Tabla td.especial{
 text-align:center;   
}
.Tabla td.especial .icon{
display:block;
width:30px;
height:36px;

cursor:pointer;
margin:0px auto;
   
}
.Tabla td.especial[rel='0'] .icon{
background:url(img/especialg.png) 0px 5px no-repeat;
cursor:not-allowed;
}
.Tabla td.especial[rel='1'] .icon{
background:url(img/especial.png) 0px 5px no-repeat;
}
.Tabla td.especial[rel='2'] .icon{
background:url(img/especiala.png) 0px 5px no-repeat;
}
.Tabla td.especial[rel='3'] .icon{
background:url(img/especialv.png) 0px 5px no-repeat;
}
.Tabla td.especial[rel='4'] .icon{
background:url(img/especialr.png) 0px 5px no-repeat;
}


.Tabla td.especialshipment{
 text-align:center;   
}
.Tabla td.especialshipment .icon{
display:block;
width:30px;
height:36px;

cursor:pointer;
margin:0px auto; 
}
.Tabla td.especialshipment[rel='1'] .icon{
background:url(img/especialr.png) 0px 5px no-repeat;
}

.Tabla td.small{
font-size:.8em;
}


.Columna.gral{
width:16%;
}
.Columna.gral.extendida{
width:14%;
}
.Columna.detalle{
width:82%;
margin-left:2%;
}
.Columna.detalle.extendida{
width:84%;
margin-left:2%;
}


textarea[name='comentario']{
width:92%;
margin:.5em auto;
}




/*

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


*/
.paginacion_wrapper{
width:100%;
text-align:right;
background:#bbb;
}
.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;
background:#FFDC00;
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;
}



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


.Columna.p50{
width:50%;
}
.Columna.d2{
width:40%;
margin:0px 40px 0px 40px;
}



.Caja{
display:inline-block;
border:#ccc 1px solid;
border-radius:9px;
padding:20px;
margin:0px 20px;
}


.right{
text-align:right;
}

#templateDesbloq{
display:none;
}

textarea.grande{
    width:100%;
}

.Tabla .estadoreq{
    
}
.Tabla .estadoreq[rel='R']{
color:red;   
}
.Tabla .estadoreq[rel='P']{
color:#D9C556;   
}
.Tabla .estadoreq[rel='S']{
color:#5BBB66;   
}
.Tabla .estadoreq[rel='E']{
color:orange;   
}

#slot{

}

.PDF{
display:block;
width:174px;
height:225px;
background: url(boton-pdf.png) top left no-repeat;
}
.PDF.no{
opacity:.5;
filter:"alpha(50)";
cursor:not-allowed;
}



.Ticket{
margin:0px auto;
border-top:#aaa 2px solid;
border-left:#aaa 2px solid;
border-right:#aaa 2px solid;
border-bottom:#aaa 1px solid;
border-top-left-radius:7px;
border-top-right-radius:7px;
padding:1em;
background:#eee;
position:relative;
}

.TicketCambio{
margin:0px 10% 0px 2%;
padding:.8em 2em .6em 2em;
border:#ccc 1px solid;
position:relative;
}
.TicketCambio.A{
background:#FDF8E9;
}

.TicketCambio a{
color:#3333cc;
text-decoration:none;
}
.TicketCambio em{
font-size: .9em;
}
.wysiwyg{
width:100%;
}



.estatus{
position:absolute;
top:5px;
right:5px;
display:block;
padding:.2em .4em;
background:#888;
color:#fff;
font-size:1.2em;
text-align:center;
}
.estatus small{
font-size:.7em;
}
.estatustd{
color:#fff;
width:16em;
text-align:center;
cursor:pointer;
}
.estatus[rel='ABIERTO'].P, .estatustd[rel='ABIERTO'].P{
background:#DFB046;
color:#000;
}
.estatus[rel='ABIERTO'].D,.estatustd[rel='ABIERTO'].D{
background:#E72528;
}
.estatus[rel='ESPERA'].P,.estatustd[rel='ESPERA'].P{
background:#E72528;
}
.estatus[rel='ESPERA'].D,.estatustd[rel='ESPERA'].D{
background:#DFB046;
color:#000;
}
.estatus[rel='CERRADO'].D,.estatustd[rel='CERRADO'].D{
background:#888;
}
.estatus[rel='CERRADO'].P,.estatustd[rel='CERRADO'].P{
background:#888;
}

.estatus[rel='LISTO'].D,.estatustd[rel='LISTO'].D{
background:#57A23C;
}
.estatus[rel='LISTO'].P,.estatustd[rel='LISTO'].P{
background:#57A23C;
}


.Pendientes{
    
}
.Pendientes .itemLink{
display:block;
padding:.2em .4em;
background:#0000A0;
color:#fff;
cursor:pointer;
text-align:center;
text-decoration:none;

}

.EspacioDialogo{
height:400px;
overflow: auto;
}

a.Elegante{
text-decoration:none;
letter-spacing:.1em;
font-size:1.2em;
color:#00009F;
font-weight:bold;
}
a.Elegante:hover{
text-decoration:underline;
}

.MenuLateral{
    
}
.MenuLateral a{
display:block;
font-size:1.1em;
font-weight:bold;
color:#000088;
margin:0px;
padding:.3em .4em .3em 0em;
text-decoration:none;
}
.MenuLateral a:hover{
text-decoration:underline;
}

.olvide a{
color:#888;
text-decoration:none;
}