/* 
    Document   : main
    Created on : 11-ene-2011, 18:11:51
    Author     : Juan
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    font-family: "Georgia", serif;
    font-size: .9em;
    color: #102961;
}

a{
    text-decoration: none;
    color: #102961;
}

a:hover{
    text-decoration: underline;
}

a img{
    border: none;
}

#clear {
	clear:both;
}

input{
    font-size: 1em;
    padding: 2px;
    color: #333333;
    font-family:"Georgia", Arial, Helvetica, sans-serif;
    border:solid 1px #666666;
}

select{
    font-family:"Georgia", Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 2px;
    color: #333333;
    width: 90px;
    border:solid 1px #666666;
}

#userform{
    width: 300px;
    height: 110px;
    margin:0 auto;
    margin-top: 200px;
    padding: 40px;
    background:url(../images/fondos/login_access.png);
}

#userform label+input{
    display: block;
    margin-bottom: 20px;
    padding: 2px 6px;
    font-family: serif;
    font-size: .9em;
    color: #333333;
    width: 130px;
    border:solid 1px #666666;
    
}

#userform label{
    width: 50%;
    float: left;
    font-size: .9em;
    margin-top: 3px;
    color: #102961;
    font-weight: bold;
}

#userform .button{
    background-color: #102961;
    color: #ffffff;
    font-family: serif;
    font-size: .8em;
    border: none;
    padding: 4px 8px;
    margin-left: 225px;
    margin-top: 10px;
}

.btneliminar{
    background-color: #316735;
    color: #ffffff;
    font-family: "Georgia", serif;
    font-size: .8em;
    border: none;
    padding: 2px 0;
    width: 80px;
}

.btnguardar{
    background-color: #322155;
    color: #ffffff;
    font-family: "Georgia", serif;
    font-size: .8em;
    border: none;
    padding: 2px 0;
    width: 80px;
}

.btnlistado{
    background-color: #102961;
    color: #ffffff;
    font-family: "Georgia", serif;
    font-size: .8em;
    border: none;
    padding: 2px 0;
    width: 80px;
}

#header{
    width: 1200px;
    margin: auto;
    height: 20px;
}

#usermenu{
    width: 300px;
    font-size: .8em;
    float: right;
}

#usermenu ul{
    display: block;
    float: right;
    list-style: none;
    padding: 0px;
}

#usermenu ul li{
    float: left;
    margin-right: 20px;
}

#navmenu{
    width: 900px;
    font-size: .8em;
    float: left;
}

#navmenu ul{
    display: block;
    float: left;
    list-style: none;
    padding: 0px;
    clear:both;
}

#navmenu ul li{
    float: left;
    position: relative;
    margin-right: 30px;
    padding: 0 0 10px 0;
    font-weight: bold;
}

#navmenu ul li ul{
    display:none;
    position:absolute;
    top:25px;
    z-index:15;
    background-color: #ffffff;
}

#navmenu ul li ul li{
    width: 120px;
    padding-left: 10px;
    font-weight: normal;
}

#navmenu ul li:hover ul{
    display:block;
}

#container{
    float: left;
    width: 1160px;
    padding: 20px;
}

#container ul{
    display: block;
    float: left;
    width: 1160px;
    list-style: none;
    padding: 0;
    margin: 0px;
    font-size: .75em;
    
}
/*
#container ul li{
    float: left;
    padding:0;
    width: 140px;
    padding: 5px 0;
}
*/
#container ul li{
    display:block;
    float: left;
    padding:0;
    width: 140px;
    padding: 5px 0;
}

#container ul li.largo{
    width: 150px;
}

#maincontainer{
    width: 1200px;
    margin: 0 auto;
    min-height: 700px;
    background:url(../images/fondos/maincontainer.png) repeat-y center;
}

#headershadow{
    margin: 20px auto 0;
    width: 1200px;
    height: 15px;
    background:url(../images/fondos/headershadow.png) repeat-y center;
}

#footershadow{
    margin: 0 auto 30px;
    width: 1200px;
    height: 15px;
    background:url(../images/fondos/footershadow.png) repeat-y center;
}

.cabeceras{
    font-size: 1.5em;
    font-weight: bold;
    color:#316735;
    text-decoration: underline;
}

.cabeceras2{
    font-size: 1.5em;
    font-weight: bold;
    color:#316735;
}

.celdas{
    border-left: solid 1px #ffffff;
    padding: 2px 0;
    float:left;
    width: 50px;
    text-align: center;
    font-weight: bold;
    color: #81022c;
    background-color: #ffdce3;
}

#container ul li.cabecerasl{
    width: 150px;
    font-size: 1.5em;
    font-weight: bold;
    color:#316735;
    text-decoration: underline;
}

.newproduct{
    padding: 10px 0;
}

.newproduct label{
    display: block;
    float: left;
    width: 10%;
    text-align: right;
    margin-right: 20px;
    color:#316735;
    font-weight: bold;
    font-size: 1em;
}

.newproduct label+select{
    font-size: .8em;
    width: 220px;
}

.newproduct label+input{
    font-size: .8em;
    width: 210px;
}

.newproduct .btnguardar{
    font-size: .7em;
    width: 90px;
}

.newproduct label+input.costepvp{
    width: 50px;
}

.btnborrar{
    border:none;
    background-color: #ffffff;
}

.btnborrar2{
    border:none;
    padding: 0px;
    background-color: #ffffff;
    height: 16px;
    width: 16px;
}

select[class], input[disabled]{
    padding: 0;
    border: none;
    background-color: #ffffff;
}

input[disabled="false"]{
    padding: 0;
    background-color: #ffffff;
}

#btnsedit{
    display: block;
}

#btnssave{
    display: none;
}

#infogeneral{
    width: 1160px;
    height: 30px;
    font-size: .8em;
    font-weight: bold;
    color: #322155;
}

.infoproducts{
    display: block;
    float: right;
    margin-left: 20px;
}



#newcustomerform fieldset{
    float: left;
    margin-bottom: 30px;
    padding-top: 20px;
    border: solid 1px #322155;
    font-size: .8em;
}

#newcustomerform label{
    font-weight: bold;
    
}

#newcustomerform select{
    padding: 0px;
    width: 140px;
}

#newcustomerform #dfiscales{
    width: 1115px;
    padding-left: 30px;
}

#newcustomerform #dfiscales label, #newcustomerform #infoadicional label{
    margin-right: 7px;
}

#newcustomerform #dfiscales input, #newcustomerform #infoadicional input, #newcustomerform #infoadicional select{
    margin-right: 17px;
}

#newcustomerform legend{
    font-size: 1.2em;
    color: #316735;
    font-weight: bold;
}

#newcustomerform #dsocial, #newcustomerform #direnvios{
    width: 508px;
    padding-left: 30px;
}

#newcustomerform #dsocial label, #newcustomerform #direnvios label{
    width: 20%;
    float: left;
}

#newcustomerform #infoadicional, #newcustomerform #btncopiar, #newcustomerform #btnguardarcliente{
    border: none;
}

#newcustomerform #infoadicional{
    width: 90%;
}

#newcustomerform #btncopiar{
    margin-top: 80px;
}

#newcustomerform #dsocial div, #newcustomerform #direnvios div{
    margin-bottom: 5px;
}

#newcustomerform input[disabled]{
    padding: 2px;
    border:solid 1px #666666;
    background-color:  #f5f5f5;
}

#newcustomerform #btnncus{
    display:none;
}

textarea{
    border: solid 1px #666666;
}

.showcusid{
    border-bottom:solid 1px #666666;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 1160px;
}

.ncomercial{
    float: left;
    width: 200px;
}

.rsocial{
    float: left;
    width: 200px;
}

.localidad{
    float: left;
    width: 160px;
}

.pais{
    float: left;
    width: 120px;
}

.contacto{
    float: left;
    width: 180px;
}

.tcliente{
    float: left;
    width: 120px;
}

.multiplicador{
    float: left;
    width: 60px;
}

.fechaalta{
    float: left;
    width: 130px;
}

.fechaalta2{
    float: left;
    width: 160px;
}

.status{
    float: left;
    width: 90px;
}

.botoneracus{
    float: left;
    margin-left: 20px;
}

.season{
    float: left;
    width: 100px;
}

.fentrega{
    float: left;
    width: 120px;
}

.unidades{
    float: left;
    width: 80px;
}

.totalcompra{
    float: left;
    width: 100px;
}

#cusheader{
    background-color: #316735;
    color: #ffffff;
    width: 1160px;
    height: 20px;
    margin-left: -5px;
    margin-bottom: 10px;
    padding: 5px 5px;
    font-weight: bold;
    font-size: .9em;
}

#showcustomers{
    font-size: .8em;
}

#msgloading{
    width: 200px;
    height: 60px;
    border: solid 1px #666666;
    background-color: #f0efeb;
    color: #858585;
    font-size: 1em;
    text-align: center;
    padding-top:20px;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    top: 52px;
    left: 45%;
    display: none;
}

.classd{
    display: block;
    background-color: #316735;
    color: #ffffff;
    font-size: 1.3em;
    margin-bottom: 10px;
    padding: 2px 0 2px 10px;
    width: 1120px;
    margin-top: 20px;
}

.classc{
    display: block;
    background-color: #322155;
    color: #ffffff;
    font-size: 1.1em;
    margin-top: 10px;
    width: 1130px;
    text-align: center;
}

.classtal{
    display: block;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    margin-top: 10px;
    height: 22px;
    width: 1130px;
}

.classinfoproduct{
    display: block;
    height: 22px;
    width: 1140px;
    margin-bottom: 2px;
}

.desc1{
    float: left;
    width: 200px;
    height: 22px;
}

.atrib{
    float: left;
    width: 100px;
    height: 22px;
}

.tallas{
    float: left;
    width: 60px;
    background-color: #81022c;
    margin-right: 4px;
    text-align: center;
    padding: 2px 0;
    font-size: .75em;
    font-weight: normal;
}

.containertallas{
    width: 460px;
    float: left;
    font-weight: normal;
}

.inputtallas{
    float: left;
    width: 60px;
    margin-right: 4px;
    text-align: center;
    font-weight: normal;
    font-size: .9em;
}

.inputupcs{
    float: left;
    width: 60px;
    margin-right: 4px;
    text-align: center;
    font-weight: normal;
    font-size: .9em;
}

.inputupcs input{
    text-align: center;
}


.inputtallas input{
    text-align: center;
}

.udcspedidos{
    float: left;
    width: 60px;
    background-color: #102961;
    margin-right: 4px;
    text-align: center;
    padding: 2px 0;
    font-size: .75em;
    font-weight: normal;
}

.totalesorder{
    float: left;
    margin-left: 760px;
    margin-top: 10px;
    background-color: #316735;
    color: #ffffff;
    font-size: .8em;
    width: 255px;
    text-align: center;
}

.udstotalorder{
    float: left;
    margin-left: 760px;
    margin-top: 10px;
    font-size: .8em;
    width: 255px;
    font-weight: bold;
}

.totalesinput{
    color: #9c0c2a;
    border: none;
    font-weight: bold;
}

#newpedidoform label{
    font-weight: bold;
    font-size: .8em;
    color: #322155;
}

#newpedidoform #datoscliente input,#datosclientescs input,#newpedidoform #sefenc input, #newpedidoform select, #newpedidoform #payform input{
    font-size: .8em;
}


#newpedidoform #payform{
    padding-top: 20px;
    margin-bottom: 20px;
}

#newpedidoform select{
    width: 180px;
    padding: 0;
}

#newpedidoform #datoscliente input, #datosclientescs input{
    border:none;
    color: #81022c;
}

#datoscliente, #datosclientescs, #sefenc, #payform{
    border: none;
    padding: 0px;
}

#sefenc{
    border-top: solid 1px #666666;
    padding-top: 20px;
}

#prendas{
    border: none;
    border-top: solid 1px #666666;
    margin-top: 20px;
    width: 1140px;
}

#sefenc {
    display: none;
    
}

.classinfosubtotales{
    display: block;
    height: 20px;
    margin: 5px 0 2px 760px;
    width: 250px;
    color: #ffffff;
    font-size: .8em;
    padding-top: 2px;
    text-align: center;
    background: #316735;
}

.classbtnsub{
    display: block;
    float: left;
}

#showorders select{
    padding: 0px;
    font-size: .7em;
}

#desc1detail{
    float: left;
    color: #316735;
    width: 370px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
}

#containerdetail{
    float: left;
}

.store{
    float: left;
    width: 410px;
    margin-bottom: 6px;
}

.storesubtotal{
    float: left;
    width: 410px;
    margin-bottom: 6px;
    background-color: #81022c;
    padding: 2px 0;
}

.ncomercialdetail{
    float: left;
    width: 150px;
    color: #102961;
    font-weight: bold;
    font-size: .8em;
}

.ncomercialdetailsubtotal{
    float: left;
    width: 144px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: .8em;
}

.sizedetail{
    float: left;
    width: 30px;
    color: #81022c;
    font-size: .8em;
    text-align: center;
}

.sizedetailsubtotal{
    float: left;
    width: 30px;
    color: #FFFFFF;
    font-size: .8em;
    text-align: center;
    font-weight: bold;
}


.cabsizedetail{
    float: left;
    width: 30px;
    color: #81022c;
    font-size: .8em;
    font-weight: bold;
    background-color: #f7d1d9;
    text-align: center;
    padding: 2px 0;
}

.tstore{
    float: left;
    width: 410px;
    margin: 10px 0;
    background-color: #d2c8e3;
    color: #322155;
    padding: 2px;
    font-weight: bold;
}

#infotelamostrar{
    display: none;
}

#datosscs{
    width: 300px;
    float: left;
    font-size: 1.2em;
}

#logoyingyang{
    width: 190px;
    margin-top: 60px;
    margin-left: 140px;
    float: left;
}

#datosclientescs{
    padding-top: 40px;
    width: 310px;
    float: left;
    margin-left: 210px;
    font-size: 1.2em;
}

#datoscontainer{
    height: 280px;
}

#generarpedido{
    display: none;
}

#infocontacto {
    width: 1136px;
}

#infocontacto label{
    display: block;
    float: left;
    width: 30%;
    text-align: right;
    margin-right: 20px;
}

#infocontacto label+div{
    float: left;
    width: 300px;
    margin-bottom: 8px;
}

#divl{
    width: 50%;
    float: left;
}

#divr{
    width: 50%;
    float: left;
}

#dbancarios{
    width: 420px;
    height: 50px;   
}

#formadepago{
    width: 690px;
    margin-left: 10px;
    height: 50px;
}

#articulosprov{
    width: 460px;
}

.listintr1{
    background-color: #b9d6e9;
}

.listintr2{
    background-color: #f7fcff;
}

.listintr1:hover, .listintr2:hover{
    color: #81022c;
    background-color: #ffdce3;
}

.listintrr1{
    background-color: #b9d6e9;
    height: 120px;
}

.listintrr2{
    background-color: #f7fcff;
    height: 120px;
}

.listintrr1:hover, .listintrr2:hover{
    color: #81022c;
    background-color: #ffdce3;
}

.listintrFacturado{
    background-color: #ffff99;
}

#showorders{
    font-size: .9em;
}

#showorders td, #showcustomers td{
    padding: 4px 0;
}

.btnborrar3{
    background: none;
    border: none;
}

.btnborrar4{
    width: 20px;
    background: none;
    border: none;
}

.globalstep1{
    background-color: #c3daff;
    color: #345080;
    text-align: center;
    font-weight: bold;
}

.globalstep2{
    background-color: #b0daa0;
    color: #476e38;
    text-align: center;
    font-weight: bold;
}

.globalstep3{
    background-color: #fde0bc;
    color: #ba7e30;
    text-align: center;
    font-weight: bold;
}

.globalstep4{
    background-color: #e2e2e2;
    color: #797d7b;
    text-align: center;
    font-weight: bold;
}

#popuptareas, #popupsteps{
    display: none;
    position: absolute;
    background-color: #ffffff;
    left: 710px;
    height: 342px;
    width: 258px;
    color: #686a6b;
    font-family: "Verdana";
}

#popuptareastitle, #popupstepstitle{
    background-color: #345080;
    height: 22px;
    padding: 2px;
    color: #ffffff;
    font-size: .7em;
    font-weight: bold;

}

#popuptareastitledesc, #popupstepstitledesc{
    margin-left: 10px;
}

#popuptareascontainer, #popupstepscontainer{
    height: 254px;
    border-left: 1px #102961 solid;
    border-right: 1px #102961 solid;
    overflow-x: hidden;
    font-size: 1em;
    color: #016786;
}

#popuptareasform, #popupstepsform{
    height: 62px;
}

.btnenviarcomentario{
    border: none;
    color: #016786;
    font-weight: bold;
    background-color: #ffffff;
    font-size: .8em;
    font-family: "Verdana";
}

.btnenviarcomentario:hover{
    background-color: #016786;
    color: #ffffff;
}

.textareacomentario{
    margin-top: 0px;
    color: #016786;
    font-family: "Verdana";
    font-size: .7em;
    letter-spacing: 1px;
}

.comentariocontainer{
    background-color: #eefbff;
    margin: 6px 2px 8px;
    padding: 5px 6px;
}
.comentariotareastitle{
    font-size: .7em;
    font-weight: bold;
    display: block;
}

.comentariotareas{
    font-size: .7em;
    display: block;
}

.ui-autocomplete, .ui-menu, .ui-widget, .ui-widget-content, .ui-corner-all{
    background-color: #cccccc;
    color:#316735;
    width: 50px;
    font-size: .9em;
    padding-left: 3px;  
}

.ui-menu-item{
    color: #9c0c2a;
    list-style-type: none;
}

#cargaDatos label
{
width: 18em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}

#cargaDatos input
{
width: 20em;
font-size: 0.8em;
margin-bottom: 10px;
    padding-top: 5px;
    margin-right: 10px;
}
#cargaDatos
{
margin-bottom: 30px;
padding-top: 20px;
}

#cargaDatos label
{
width: 14em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight: bold;
}

#nuevaFacturaFormulario input
{
width: 20em;
font-size: 1em;
margin-bottom: 10px;
padding-top: 5px;
}

#nuevaFacturaFormulario label
{
width: 17em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight: bold;
}

#nuevaFacturaFormulario select
{
width: 20em;
font-size: 1em;
margin-bottom: 10px;
padding-top: 5px;
}


#nuevaFacturaFormulario fieldset{
    margin-bottom: 30px;
    padding-top: 20px;
    border: solid 1px #322155;
    font-size: .8em;
}

#nuevaFacturaFormulario span{
    margin-left: 15px;
    margin-bottom: 20px;
    padding-top: 15px;
    font-size: 1em;
    display: block;
}

#formulario input
{
width: 20em;
font-size: 1em;
margin-bottom: 10px;
padding-top: 5px;
}

#formulario label
{
width: 17em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight: bold;
}

#formulariotienda label, #form label
{
width: 10em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight: bold;
}

#formulariotienda input
{
width: 16em;
font-size: 1em;
margin-bottom: 10px;
padding-top: 5px;
}

#formulariotienda select, #form select{
    width: 16em;
    font-size: 1em;
    margin-bottom: 10px;
}


#tabla td, #tabla th, #rescliente th, #rescliente td{
    padding: 4px 20px 4px 0px;
}

#tabla th, #rescliente th{
    background-color: #94c197; 
    color: #316735; 
    font-weight: bold; 
    font-size: 1em
}


#filtros select{
    width: 12em;
    font-size: 1em;
    margin-bottom: 10px;
}

#labelspan span{
    display: inline;
    margin-bottom: 12px;
}

#labelspan div{
    display: block;
    margin-bottom: 12px;
}

#cargaDatos legend, #nuevaFactura legend{
    font-size: 0.9em;
    color: #316735;
    font-weight: bold;
}

#nuevaFactura legend{
    font-size: 1em;
    color: #316735;
    font-weight: bold;
}

.divocultarPedido{
    display: none;
}

.imagenexpandir{
    float:left;
}

#fieldSetNuevaTarea input
{
width: 20em;
font-size: 1em;
margin-bottom: 10px;
padding-top: 5px;
}


#fieldSetNuevaTarea label
{
width: 10em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
font-weight: bold;
}

#fieldSetNuevaTarea select
{
width: 10em;
font-size: 1em;
margin-bottom: 10px;
padding-top: 5px;
}

#respuestaNuevaTarea{
    margin-top: 50px;
}

.añadirTareas{
  display:none;  
}

.fieldSetCheckList button{
    border:none;
    background-color: transparent;
}
.btnAsociarTarea{
    border:none;
    background-color: transparent;  
}

.columnaDescripcion{
    width: 320px;
    text-align: left;
}

.columnaComentarioCL{
    width: 120px;
    text-align: center;
    padding-left: 15px;
}

.columnaOK{
    width: 50px;
    text-align: center;
}

.columnaTareaPlantilla{
    width:160px;
    text-align: center;
}

.columnaOkPlantilla{
    width:70px;
}
#cargaFormularios{
    width: 1150px;
    height: 350px;
    position: absolute;
    top:400px;
    overflow: auto;
}

.borrarTareaInsertada{
    background-color: transparent;
    border:none;
    display:none;
}
.checkboxTarea{
    border:none;
    background-color: transparent;
}

.columnaCheckBox{
    float: left;
}

.colDescripcionCL{
    width:500px;
}


.filaCL{
    height: 30px;
}

.filaCL:hover{
   color: #316735;
    background-color: #f7d1d9; 
}

.labelCL{
    display:inline;
    width: 150px;
    float:left;
    font-weight: bold;
}

.divMCL{
    height: 30px;
}

.colDescripcionCLtit{
    width:300px;
    font-weight: bold;
}

.colDescripcionCLtitDerecha{
    width:300px;
    font-weight: bold;
    text-align: right;
}

.colPesoCLtit{
    width:100px;
    font-weight: bold;
}

.colCategoriaCLtit{
    width:170px;
    font-weight: bold;
}

.colPesoCL{
    width:100px;
}


.colCategoriaCL{
    width:170px;
}

#botonMostrarCL{
    background-color: transparent;
    border:none;
    display:none;
}

.labelMostrarVisual{
    width:150px;
    font-weight: bold;
    float:left;
}

.imagenVisual{
    display: inline;
    float:left;
/*    width: 200px;*/
    height: 150px;
}

#imagenGrande{
    width: 950px;
    display:none;
    float:left;
    padding-top: 50px;
    text-align: center;
}

.cabeceraEntrevistas{
    background-color: #94c197;
}

#tablaEntrevistas th, #tablaEntrevistas td{
    width:110px;
}

#tablaformularioNuevaEntrevista input,#tablaformularioNuevaEntrevista td, #tablaformularioNuevaEntrevista th, #tablaformularioNuevaEntrevista select{
    width:78px;
    font-size: 1em;
}

.btnMostrarEntrevista{
    border:none;
    background-color: transparent;
}

.columnaEntrevistaHeader{
    width:80px;
    font-size: 0.8em;
}

.columnaEntrevista{
    width:80px;
    font-size: 0.8em;
    font-weight: normal;
}

.filtroEntrevista{
    width:80px;
}

.colPuntuacionCL{
    text-align: center;
}

.colPuntuacionCLNegrita{
    font-weight: bold;
    text-align: center;
}

.colOkCL{
    width: 100px;
}

.filaPuntuacionTotal{
    height: 50px;
}
.filaPuntuacionTotal:hover{
       color: #316735;
    background-color: #f7d1d9;
}

.colAc{
    font-weight: bold;
}

.subTotal{
    font-weight: bold;
}

#descripcionEntrevista{
    width:95px;
}

.botonMostrarComentarios{
    border:none;
    background-color: transparent;
}

#divComentariosEntrevista{
    width:400px;
    height: 250px;  
    background-color: #FFF;
    display: none;
    border:#000;
    border-style: dotted;
    border-width: 1px;
    background-color: #c3daff;
    overflow:auto;
}

#imagenCerrar{
    position: relative;
}

#divCerrar{
    width:400px;
    height: 20px;
    text-align: left;
    background-color: #24246A;
}

#botonCerrarCom{
    border:none;
    background-color: transparent;
}

#spanComentarioEntrevista{
    margin-left: 10px;
}

.com{
    text-align: left;
    position:relative;
    bottom:20px;
    left:60px;
    color: #FFF;
}

.fotoEditarVisual{
    float:left;
}

.botonBorrarImagen{
    background-color: transparent;
    display:none;
    border:none;
    float:left;
}

#botonEditar{
    border:none;
    background-color: transparent;
}

.fsVisual{
    float:left;
    width: 1135px;
    margin-left: 22px;
}

#botonEditarVisual{
    margin-left: 22px;
    margin-top: 15px;
}

#comEditar{
    width: 250px;
    height: 100px;
}

.be{
    background-color: transparent;
    border:none;
}

.befino{
    background-color: transparent;
    border:none;
    width:17px;
}

#textAreaFactura{
    width:18em;
    height: 120px;
}

#textAreaDescripcion{
    width:18em;
    height: 120px;
}

#divImagenes{
    width:100px;
    float:left;
    position:relative;
    left:280px;
    top:-225px;
}

.fsCliente{
    width:1135px;
}

.botonBorrarImagenCustomer{
    background-color: transparent;
    display:none;
    border:none;
    float:left;
}

.fotoEditarCustomer{
    float:left;
}

.fsChuli{
    float:left;
}

.divFormularioImg{
    width:1135px;
}

#botonEditarCL{
    border:none;
    background-color: transparent;
}

.iframeArchivo{
    height:55px;
}
.iframeArchivoEditar{
    height:85px;
}

.filaTareasInsertadas{
    height:55px;
}

.inputPuntuacion,.checkboxTarea{
    margin-top: 15px;
}

.inputComentario{
    width:200px;
}

.botonAbrirDivArchivos{
    border:none;
    background-color: transparent;
}

#divCargarArchivos{
    width:400px;
    height: 240px;
    overflow:auto;
    position:absolute;
    top:450px;
    left:400px;
    border: dotted;
    border-width: 1px;
    background-color: white;
}

.imagenArchivo{
    width:150px;
    height:120px;
}

#divCargaLinks{
    width: 240px;
    height:240px;
    overflow: auto;
}

.divArchivo{
    margin-top:10px;
    width:155px;
    height: 150px;
    display:inline;
    float:left;
}

.botonCerrarArchivo{
    border:none;
    background-color: transparent;
}

.botonCerrarDiv{
    border:none;
    background-color: transparent;
}

#imagenVisualGrande{
    width:1130px;
}

.tdCat{
    width:120px;
    text-align: center;
}

#botonPDFCL{
    border:none;
    background-color: transparent;
}

.tablaList{
    width:1160px;
}

.tablaList th, .tablaList td{
    text-align: center;
    width: 350px;
}

.cabeceraList{
    background-color: #476e38;
}

.filaList{
    background-color: #c3daff;
}

.filaList:hover{
    color:#24246A;
    font-weight: bold;
}

.contenedorTabla{
    margin-bottom: 30px;
}

.imgWA{
    width:35px;
}

.btnComentario,.btnEditar,.btnProcesado{
    border:none;
    background-color: transparent;
}

.contenedorChat{
    width:350px;
    height:450px;
    border:solid 1px;
    display:none;
    position:absolute;
    top:0px;
    left:0px;
    background-color: white;
}

.tituloChat{
    height: 40px;
    border:solid 1px;
    text-align: center;
}

.cuerpoChat{
    height: 340px;
    border:solid 1px;
}

.escribir{
    height: 65px;
    border:solid 1px;
}

.btnEnviarComentarioIncidencia{
    height:65px;
}

.comentarioIncidencia{
    width:280px;
    height: 60px;
}

.divCom{
   height: 65px;
   display:inline;
   float:left
}

.divBtn{
    display:inline;
    float:left;
}

.divComentarioCreador{
    text-align: left;
    background-color: #c3daff;
    border:solid 1px;
}

.divComentarioRespuesta{
    text-align: right;
    background-color: #FFF;
    border:solid 1px;
}

.divTallasSerieTallaje{
    border: dotted 1px;
    width:250px;
    background-color: white;
}

.botonTallasSerieTallaje,.botonBorrarTalla,.buttonanadirTalla,.botonCerrarTallasSerieTallaje{
    border:none;
    background-color: transparent;
}

.divTallasSerieTallaje{
    display:none;
}

.divCerrarTallasSerieTallaje{
    text-align: left;
    width:4px;
}

.btnNumeroPagina{
    width:20px;
    height: 20px;
    background-color: #b9d6e9;
    border:none;
    color:navy;
    display:inline;
    padding:0px 3px 3px 3px;
    font-size: .7em;
    margin-bottom: 3px;
}

.btnNumeroPaginaMarcado{
    width:20px;
    height: 20px;
    background-color: #102961;
    color:white;
    border:none;
    display: inline;
    padding:0px 3px 3px 3px;
    font-size: .9em;
}

.divNumeroPagina{
    display: inline;
}

.filaCabeceraListadoPedidos{
    background-color: #94c197;
    color: #316735;
    font-weight: bold;
    font-size: .8em;
    height:30px;
    text-align: left;
}

#tablaListadoPedidos{
    font-size: .9em;
}

#tablaListadoPedidos td, #tablaListadoPedidos td{
    padding: 4px 0;
}

.ancho100{
    width:100px;
    text-align: center;
}
.ancho110{
    width: 100px;
}
.ancho120{
    width:120px;
}

.ancho130{
    width:130px;
}

.ancho170{
    width: 170px;
}

.ancho180{
    width: 190px;
}
.ancho190{
    width:190px;
}
.ancho210{
    width:210px;
}
.ancho250{
    width:250px;
}
.ancho70{
    width:70px;
}
.ancho90{
    width:90px;
}

.ancho80{
    width:80px;
}

.ancho40{
    width:40px;
}

.ancho35{
    width:35px;
}

.ancho50{
    width:50px;
}

.ancho60{
    width:60px;
}

#divPaginas{
    margin-top: 10px;
    margin-bottom: 10px;
    width:1150px;
}

.selectFiltrado{
    width: 150px;
    margin: 10px 10px 10px 10px;
}

tr[masancho]{
    height: 30px;
}

.centrado{
    text-align: center;
}

.divD{
}

.divC{
}

.cabeceraD{
    background-color: #316735;
    height: 30px;
    font-size: 1.6em;
    color:white;
    margin-bottom: 10px;
}

.cabeceraC{
    color:white;
    background-color: #330066;
    text-align: center;
    height: 20px;
    font-size: 1.2em;
}

.columnaCabeceraST{
    background-color: #81022c;
    font-size: 0.8em;
    color:white;
    width:50px;
}

.filaProductoColor{
    font-size:0.8em;
}

.columnaCabeceraSubTotal{
    background-color: navy;
    font-size: 0.8em;
    color:white;
    width:50px;
}

.celdaEspacio{
    width:20px;
}

.columnaProductoColorSubTotal{
    text-align: center;
}

.columnaCabeceraNombreProducto, .columnaCabeceraColor, .columnaNombreProducto, .columnaNombreColor{
    width: 170px;
}

.columnaCabeceraSTEspacio{
    width:25px;
}

.divSubtotales{
    width: 300px;
    border: solid 1px;
    text-align: center;
}

.divCabeceraSubtotales{
    border-bottom: solid 1px;
    color:white;
    background-color: #316735;
}

.divSubtotalUnidades{
    width:150px;
    float:left;
    border-right: solid 1px;
}

#botonEnviarDatosPedido{
    margin-bottom: 40px;
}

.divsMostrar{
    margin-bottom: 40px;
    border-bottom: solid 1px;
    padding-bottom: 15px;
}

.divsMostrar label{
    font-weight: bold;
}

#divCantidadPedido{
    display:none;
}
.divBotonPedido{
    margin-bottom:50px;
    display:none;
}

.divBotonEditarPedido{
 margin-bottom: 50px;
 display:none;
}

#divBotonTerminar{
    display:none;
}

.columnaProductoColorSubTotalUnidades,.columnaProductoColorSubTotalTotal{
    text-align: center;
}

.divDatoC{
   display:inline-block; 
   width:260px;
   margin-right: 10px;
}

.divFila{
    display:block;
    margin-bottom: 20px;
}

.labelDatoC{
    font-weight: bold;
    font-size: 0.8em;
}

#divDatosCliente{
    margin-bottom: 20px;
    border-bottom: solid 1px;
    display:none;
}

#divDatosClienteMostrar{
    margin-bottom: 20px;
    border-bottom: solid 1px;
}


.spaninfo{
    font-size: 0.8em;
    color:#81022c;
}

#divInfoPedido select{
    padding: 0;
    width: 180px;
}

#divInfoPedido label{
    font-size: 0.8em;
}

.columnaCantidadVer{
    border:solid 1px;
    width:27px;
}

.columnaCantidadVer{
    border:solid 1px;
}

.divEspacio{
    height:60px;
}

.divVerInfo{
    border-top: solid 1px;
    border-bottom: solid 1px;
    padding-top:25px;
    padding-bottom: 25px;
}
.divVerInfo input{
    font-size: 0.8em;
}

.divVerInfo label{
    font-weight: bold;
}

/*.spanEditarPedido{
    width:60px;
    border: solid 1px;
    padding-right:60px;
    margin-right: 20px;
}*/

.textAreaVerPedido{
    width:400px;
    height: 200px;
}

#tablaNuevoProducto td, #tablaNuevoProducto th{
    width:190px;
    height: 25px;
    overflow: hidden;
    text-align: center;
}

#divCargaColores{
    position:absolute;
    display:none;
    background-color: white;
    width:900px;
    padding:10px 10px 10px 10px;
    border:solid 2px;
}

.thPC{
    width:160px;
    height: 25px;
    text-align: center;
}
.thRef{
    width:260px;
    height: 25px;
    overflow: hidden;
}

.labelPC{
    width:90px;
    display: inline-block;
}

.botonCerrarPC{
    border:none;
    background-color: transparent;
}
.framePC{
    border:none;
    width:880px;
    height: 320px;
}
.thumb{
    width: 45px;
    height: 30px;
}
.divFilaProductos{
    width: 1150px;
    height: 80px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom:solid 1px;
    font-size: 0.8em;
}

.divTemporada{
    width:100px;
    height: 80px;
    display:inline;
    float:left;
}

.selectTemporadaProducto{
    width:95px;
}

.divDCS{
    width:100px;
    height: 80px;
    display:inline;
    float:left;
}

.divCPr, .divDPr, .divSPr{
    width:100px;
    height: 20px;
    display:inline;
    float:left;
    margin-bottom: 3px;
}

.divDescRefProv{
    width:120px;
    height: 80px;
    display:inline;
    float:left; 
}

.divDescripcionProducto, .divRefTelaProducto,.divProveedorProducto{
    height: 20px;
    margin-bottom: 3px;
}

.selectProveedorProducto{
    width:115px;
}

.inputDescripcionProducto,.inputRefTelaProducto{
    width:115px;
}

.divColorSexo{
    width:100px;
    height: 80px;
    display:inline;
    float:left
}

.selectSexoProducto{
    width:95px;
}

.inputColorProducto{
    width:95px;
}

.divColorProducto{
    margin-bottom: 30px;
}

.divCosteProducto{
    width:55px;
    height:80px;
    float:left;
    display:inline;
}

.inputCosteProducto{
    width:50px;
}

.divPVPProducto{
    width:60px;
    height:80px;
    float:left;
    display:inline;
}

.inputPVPProducto{
    width:55px;
}

.divMultiplicadorProducto{
    width:40px;
    height:80px;
    float:left;
    display:inline;
}

.divTablaTallas{
    width:300px;
    height: 80px;
    float:left;
    display:inline;
}
.inputTabla{
    width:30px;
    color:#9c0c2a;
    text-align: center;
}

.tdAzul{
    color:navy;
}

.tdRojo{
    color:#9c0c2a;
}

#tablaTallasListadoProductos td, #tablaTallasListadoProductos th{
    font-size: 1em;
    width:30px;
    text-align: center;
}

.divSubProductos{
    width:100px;
    height:80px;
    display:inline;
    float:left;
}

.inputSubCan,.inputSubCos{
    width: 50px;
    height: 23px;
    padding-bottom: 0px;
    padding-top: 7px;
    color:white;
    text-align: center;
    background-color: #316735;
}


.divSubCan,.divSubCos{
   width:48px;
   height:20px;
   float:left;
   display:inline-block;
}
.esp{
    width:98px;
    height:15px;
}

div[fondo=listintr1]{
    background-color: #b9d6e9;
}

div[fondo=listintr2]{
    background-color: #f7fcff;
}

#tablaTallasListadoProductos input,#tablaTallasListadoProductos input[disabled], #tablaTallasListadoProductos select, #tablaTallasListadoProductos select[diabled]{
    background-color: transparent;
}

.divAcciones{
    width:170px;
    height: 80px;
    display:inline;
    float:left;
}

.divEditarPr,.divBorrarPr,.divInfoPr,.divDVPr,.divTelaPr,.divStatus{
    width:28px;
    height: 25px;
    float:left;
    display:inline;
}

.botonEditarPr,.botonBorrarPr,.botonInfoPr,.botonDVPr,.botonTelaPr,.botonStatus{
    width:20px;
    background-color: transparent;
    border:none;
}

.divCabeceraListadoProductos{
    height:25px;
    width:1150px;
    background-color: #94c197;
}

.divSeasonCabecera,.divDCSCabecera,.divDescRefProvCabecera,.divColorSexoCabecera,.divCosteProductoCabecera,.divPVPProductoCabecera,.divMultiplicadorProductoCabecera,.divTablaTallasCabecera,.divSubProductosCabecera,.divAccionesCabecera{
    color: #316735;
    font-weight: bold;
    float:left;
    text-align: center;
}

.divSeasonCabecera,.divDCSCabecera,.divColorSexoCabecera,.divAccionesCabecera{
    width:100px;
    height: 20px;
}

.divDescRefProvCabecera{
    width:120px;
    height: 20px;
}

.divCosteProductoCabecera{
    width: 55px;
    height: 20px;
}

.divPVPProductoCabecera{
    width:60px;
    height: 20px;
}

.divMultiplicadorProductoCabecera{
    width:40px;
    height: 20px;
}

.divTablaTallasCabecera{
    width:300px;
    height: 20px;
}

.labelTPr{
    font-weight: bold;
}

.spanTotal,.spanTotalCantidades,.spanTotalCostes{
    font-weight: bold;
    color:#900;
    margin-right: 10px;
}

#divTotalesProducto{
    margin-bottom: 30px;
    font-size: 0.8em;
}

#divPaginasProducto{
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px;
    width:1150px;
}

#divFiltradoProductos{
    margin-bottom: 30px;
}

.botonGuardarEditar,.botonCancelarEditar{
    border:none;
    background-color: transparent;
}

.divGuardarEdicion,.divCancelarEdicion{
    width:30px;
    height: 25px;
    display: inline;
    float:left;
    display:none;
}

.divNombrePC{
    width:500px;
    height: 50px;
    color:#316735;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}

.divTC{
    width: 500px;
    height: 30px;
    background-color:#24246A;
    color:white;
    padding-top: 7px;
    font-size: 1.2em;
}

.tdNombreCliente{
    width:250px;
    font-weight: bold;
    font-size: 0.9em;
}

.tdNombreTalla{
    width:30px;
    background-color: #476e38;
    font-weight: bold;
    color:white;
    font-size: 0.9em;
    text-align: center;
    padding-bottom: 5px;
}

.tablaDV{
    font-size: 0.9em;
}

.btnDV,.btnGuardarDV,.btnCancelarDV{
    background-color: transparent;
    border:none;
    width:20px;
}
.btnGuardarDV,.btnCancelarDV{
 display:none;   
}

.inputDV{
    width: 25px;
    text-align: center;
}

.trSubTotalDV{
    width: 500px;
    height: 20px;
    background-color:#660099;
    color:white;
    padding-top: 7px;
    font-size: 1em;
    font-weight: bold;
}

.tdSubT{
    width: 30px;
    text-align: center;
    padding-bottom: 2px;
    padding-top: 0px;
}

.divDetalleVenta{
    width:500px;
    position: absolute;
    display:none;
    background-color: white;
    border:solid 1px;
    padding: 30px 30px 30px 30px;
}

.divImgTela{
    width:400px;
    position: absolute;
    display:none;
    background-color: white;
    border:solid 1px;
    padding: 5px 5px 5px 5px;
    height:250px;
}

.imagenTela{
    width: 120px;
    height: 100px;
}

.btnCerrarImg{
    border:none;
    background-color: transparent;
    width:15px;
    height: 15px;
}

.frameImagen{
    width:400px;
    height:250px;
    border:none
}

.divImagenTela{
    width:300px;
    text-align: center;
}

.divTotales{
    width: 345px;
    margin-bottom: 90px;
    margin-top: 30px;
    margin-left: 780px;
}

.divCabeceraTotales{
    text-align: center;
    width: 345px;
    color:white;
    background-color: #345080;
    margin-bottom: 3px;
}
.divMitadCabeceraTotales{
    text-align: center;    
    width: 170px;
    color:white;
    background-color: #345080;
    margin-bottom: 3px;
    display:inline-block;
}

.divMitadCabeceraTotales1{
    width: 150px;
    margin-bottom: 3px;
    display:inline-block;
    font-size: 1.2em;
    color:#81022c;
    padding-left: 20px;
    text-align: right;
}

.divTotalesUnidades{
    width:171px;
    float:left;
    border: solid 1px;
    margin-right: 2px;
}

.divTotalesCoste{
    width:168px;
    display:block;
    float:left;
    border: solid 1px;
}

.spanVerPedido,.spanEditarPedido{
    color:#81022c;
    margin-left:5px;
    font-size: 15px;
    font-weight: bold;
    margin-right: 37px;
}

.divContinuativo{
    width:1150px;
    height:80px;
    margin-bottom: 60px;
    margin-top: 100px;
    font-size: 2.6em;
    text-align: center;
    color:#81022c;
    font-weight: bold;
}


.PVPNombre{
    width:200px;
}

.trCabecera{
    background-color: #476e38;
    color:white;
}

#botonConsultaPVP[disabled]{
    background-color: grey;
}

.tdPVPEsp{
    width:150px;
    text-align: center;
}

.inputMultiplicador,.inputPVP{
    width:50px;
    text-align: center;
}

.nombrePaisPVP{
    width:85px;
}

tr[fondo=listintr1]{
    background-color: #b9d6e9;
}

tr[fondo=listintr2]{
    background-color: #f7fcff;
}

.tdMultiP{
    font-size: 1.6em;
    font-weight: bold;
    color:#81022c;
}

.trMultiP{
    height: 80px;
}

#botonGuardarPVPInternacional{
    margin-top: 50px;
}

.columnaComentariosIncidencia,.columnaProcesadoIncidencia,.columnaPresupuestoIncidencia{
    width:20px;
    text-align: center;
}

.columnaNombreIncidencia{
    width:400px;
    text-align: left;
}

.columnaCategoriaIncidencia{
    width:200px;
    text-align: center;
}
.columnaTiendaIncidencia{
    width:150px;
     text-align: center;
}

.columnaFechaIncidencia{
    width:110px;
     text-align: center;
}

.columnaComentariosIncidencia,.columnaProcesadoIncidencia,.columnaPresupuestoIncidencia,.columnaAccionesIncidencia{
    width:75px;
     text-align: center;
}

.tdTicket{
    width:120px;
    text-align: center;
}

.tdIdFactura,.tdProcesada{
    width:40px;
}
.tdImporte,.tdTienda,.tdDependiente{
    width:100px;
    text-align: center;
}

.tdFecha,.tdAcciones{
    width:50px;
    text-align: center;
}
.tdCliente{
    width:350px;
}

#divTotales{
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 0.8em;
}


#divTotales div{
    display: inline-block;
/*    width:150px;*/
}

.labelTotalPedidos{
    font-weight: bold;
}

.spanTotalPedidos{
    color: #990000;
    font-weight: bold;
    margin-right: 10px;
}

.trCabeceraPedidoFabrica{
    background-color: #94C197;
    color:#316735;
}

.tdC,.tdS{
    width:120px;
    text-align: left;
}

.tdDescripcion,.tdColor,.tdRefTela{
    width:150px;
    text-align: left;
}
.tdRefTela{
    width:170px;
    text-align: left;
}

.tdCantidades{
    width:280px;
    text-align: center;
}

.tdUnidades{
    width:50px;
    text-align: center;
}
.tdCoste{
    width:80px;
    text-align: center;
}
.tdTotal{
    width:120px;
    text-align: center;
}

#tablaNuevoPedidoFabrica{
    font-size: 0.9em;
}

.tdFE{
    width:80px;
    text-align: center;
}

.labelDatosPedidoFabrica{
    width:150px;
    display:inline-block;
    font-weight: bold;
}

.divDatosPedidoFabrica{
    margin-bottom: 15px;
}

.divDatosPedidoFabrica input{
    width:144px;
}

.divDatosPedidoFabrica select{
    width:150px;
}

.divDatosPedidoFabrica textarea{
    width:900px;
}

.divBotonGuardarPedidoFabrica{
    margin-top:15px;
    display:none;
}

.divCargaDatosPedidoFabrica{
    margin-top: 40px;
}

.inputFechaProductoColor,.inputCopiarFecha{
    width:80px;
}

.tdRojoPedidoFabrica{
    width:30px;
    text-align: center;
}

.inputTablaPedidoFabrica{
    color:#9c0c2a;
    text-align: center;
    width:30px;
    padding:0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#tablaTallasListadoProductosPedidoFabrica{
    font-size: 0.9em;
}

.trCopiarFechaPedidoFabrica{
    height: 50px;
}

.tdCartelFecha{
    font-size: 2.4em;
    color:#81022c;
    font-weight: bold;
    text-align: center;
}

.divInfoPedidoFabrica{
    font-size: 1.1em;
    font-weight: bold;
}

.spanInfoPedidoFabrica{
    color:#81022c;
}

.divInfoPedidoFabrica{
    display: inline-block;
    margin-right: 40px;
}

.totalVerPedidoFabrica,.totalUnidadesVerPedidoFabrica,.totalCosteVerPedidoFabrica{
    color:#81022c;
    font-weight: bold;
}

.btnStatusFinanciero,.btnStatusLogistica{
    border:none;
    background-color: transparent;
}

.btnBorrarPedidoFabrica{
    background-color: transparent;
    border:none;
    width:17px;
}


.cabeceraD1{
    background-color: #316735;
    height: 30px;
    font-size: 1.6em;
    color:white;
    margin-bottom: 10px;
    width:1200px;
}

.cabeceraC1{
    color:white;
    background-color: #330066;
    text-align: center;
    height: 20px;
    font-size: 1.2em;
    width:1200px;
}

.tdNombrePC{
    width:180px;
}

.tdColorPC{
    width:120px;  
}

.tdEspacio{
    width:50px;
}

.tdTallasPedido{
    width:300px;
/*    border:solid 1px;*/
}

.tdCabeceraSubtotales{
    width:200px;
}

.tdSubtotalesTitulo{
/*    width:200px;*/
}

.tdIntern{
    width:220px;
    background-color: #476e38;
    color:white;
    text-align: center;
    font-size: 0.8em;
}

.tdSubtotalesMedio{
    width:108px;
    font-size: 0.9em;
    background-color: #476e38;
    color:white;
    text-align: center;
}

.tdSubtotalesMedio1{
    background-color: white;
    color:#81022c;
    font-weight: bold;
    width:108px;
    text-align: center;
}


.divTotalesUnidades{
    width: 150px;
    margin-bottom: 3px;
    display:inline-block;
    font-size: 1.2em;
    color:#81022c;
    padding-left: 20px;
    text-align: right;
}
.divSubtotalUnidades{
    background-color: white;
    color:#81022c;
    font-weight: bold;
    width:108px;
    text-align: center;
}

.tdTallaPD{
    width:35px;
}
.tdTallaPD input{
    border:none;
    width:25px;
}

.tdTallaPDSubt{
    width:50px;
    border:solid 1px;
    border-color: #797d7b;
    text-align: center;
}

.tdSubtotalPD{
    width:52px;
    background-color: #102961;
    color:white;
    text-align: center;
}

.trCabeceraTallas .tdTallaPD{
    background-color: #81022c;
    color:white;
    text-align: center;
}

.trCantidadTalla .tdTallaPD{
    width:33px;
    border:solid 1px;
    border-color: #797d7b;
    text-align: center;
    color:black;
}

.divContinuativos{
    font-size: 2.3em;
    font-weight: bold;
    color:#102961;
    margin-bottom: 30px;
    width:1150px;
    text-align: center;
}

.columnaProductoColorSubTotalUnidadesEd,.columnaProductoColorSubTotalTotalEd{
    width:50px;
    border:solid 1px;
    border-color: #797d7b;
    text-align: center;
}

.divSubTotalEd{
    background-color: white;
    color:#81022c;
    font-weight: bold;
    width:108px;
    text-align: center;
}

.divTotalesUnidadesEd,.divTotalesCosteEd{
    width: 150px;
    margin-bottom: 3px;
    display:inline-block;
    font-size: 1.2em;
    color:#81022c;
    padding-left: 20px;
    text-align: right;
}

.anchoPag{
    width:1150px;
}

.tablaTotalesListadoPedidos th{
    width:150px;
}

.tablaTotalesListadoPedidos{
    margin-top: 10px;    
}

.botonCerrarDetalleVenta{
    border:none;
    background: none;
}

.imagenIncidenciaEditar{
    width:700px;
    height: 490px;
}

.bold{
    font-weight: bold;
   width:150px;
}

#fsReposicion div{
    display:inline-block;
}

#fsReposicion select{
    width:100px;
}

#cabeceraReposicion{
    margin-left: 15px;
}

#cabeceraReposicion div,.anchoGuay{
    display:inline-block;
    width:100px;
    font-size: 1.1em;
    font-weight: bold;
}

#fsInventario div{
    display:inline-block;
}

#fsInventario select{
    width:100px;
}

#cabeceraInventario{
    margin-left: 15px;
}

#cabeceraInventario div,.anchoGuay{
    display:inline-block;
    width:100px;
    font-size: 1.1em;
    font-weight: bold;
}

.filaProducto div, .filaDemandado div{
    display:inline-block;
    width:200px;
    text-align: center;
    /*font-weight: bold;*/
}

#cabeceraPG div{
    display:inline-block;
    width:200px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}

.botonBorrarPG,.botonBorrarPGAuditoria{
    border:none;
    background-color: transparent;
}

.botonBorrarBDPG{
    border:none;
    background-color: transparent;
}

.filaProducto input{
    width:50px;
    height: 25px;
}

.divCantidad input{
    border:none;
    cursor:default;
}

.divMPR div{
    display:inline-block;
}

.divMPR .be{
    display:none;
}

.botonBorrarBDMPRProducto,.botonBorrarBDMPRProductoNoExistente{
    border:none;
    background-color: transparent;
}

.legendTitulo{
    font-size:1.4em;
    font-weight: bold;
    color:#476e38;
}

.legendSubTitulo{
    font-size:1.1em;
    font-weight: bold;
    color:#4000A0;
}

.divDatoEmpleado input, .divDatoEmpleado select{
    width:160px;
}


.columnaFotoEmpleado,.columnaContratoEmpleado,.columnaFaltaEmpleado,.columnaTallasEmpleado{
    width:30px;
}

.columnaNombreEmpleado,.columnaDNIEmpleado,.columnaTiendaEmpleado,.columnaTienda2Empleado,.columnaCargoEmpleado,.columnaFechaEmpleado{
    width:95px;
}

.columnaApellidosEmpleado{
    width:140px;
}

.columnaSituacionEmpleado{
    width:40px;
}

.columnaAccionesEmpleado{
    width:80px;
}

.columnaHorasSemanaEmpleado{
    width:40px;
}

.columnaContratoDetEmpleado{
    width:80px;
}

.botonFalta,.botonFotoEmpleado,.botonContratoEmpleado{
    background-color: transparent;
    border:none;
}

.contenedorContrato{
    position:absolute;
    display:none;
    background-color: white;
    height: 70px;
    border:solid 1px;
}

.contenedorFoto{
    width:120px;
    height: 80px;
    display:none;
    position:absolute;
}

.cerrar{
    display:block;
}

.botonGuardarEdicionFalta,.botonCancelarEdicionFalta{
    display:none;
}

.contenedorFalta1,.contenedorFalta2,.contenedorFalta3{
    width:300px;
    height: 150px;
    position:absolute;
    display:none;
    background-color: white;
    border:solid 1px;
}

#divCarga{
    position:absolute;
    display:none;
    background-color: white;
}

.contenedorTallas,.contenedorComentario{
    position:absolute;
    display:none;
    background-color: white;
    border:solid 1px;
    width:250px;
}

.contenedorFechas{
    position:absolute;
    display:none;
    background-color: white;
    border:solid 1px;
    width:300px;
}

.contenedorTallas td,.contenedorContrato td,#tablaListadoEmpleadosRetail td{
    text-align: center;
}

.botonTallasEmpleado,.botonHitosEmpleado{
    border:none;
    background-color: transparent;
}

.contenedorFoto img{
    max-width: 200px;
}

.fotoEditar{
    max-width:200px;
}


.botonComentariosEmpleado{
    border:none;
    background:none;
}

.botonComentariosEmpleado img{
    width:30px;
}

#tablaListadoArqueoCaja td,#tablaListadoArqueoCaja th{
    width:100px;
    text-align: center;
}

#tablaListadoArqueoCaja{
    width:100%!important;
}

#grandeVerde{
    font-size: 1.3em;
    color:green;
}

.fsPlantillaTarea select{
    width:250px;
}

.fsPlantillaTarea input{
    width:244px;
}

.esDiaria{
    font-size: 1.1em;
    font-weight: bold;
}

.divLabelArqueo{
    display:inline-block;
    float:left;
    width:200px;
}

.divDatoArqueo{
    margin-bottom: 3px;
    width:900px;
    float: left;
    display: block;
}

.tituloDP{
    font-size: 1.4em;
}

.subtituloDP{
  font-size: 1.2em;
  color:green;
}

.divTareasDP{
    margin-top: 20px;
}

#tablaTareasDP{
    width:800px;
}

#divCom{
    margin-top: 50px;
}

.columnaDescripcionDP{
    width:730px;
}
.columnaResponsablesDP,.columnaAnexoDP,.columnaFirmaDP{
    width:90px;
}

.columnaTimingDP{
    width:140px;
}

#tablaMostrarDailyProgram td{
    text-align: center;
}

.divResponsables{
    display:none;
    position:absolute;
    background-color: white;
    width:150px;
    height: 100px;
    border:solid 1px;
}

.imagenDP{
    width:35px;
}

.filaVerde{
    background-color: #b0daa0;
}

.filaRojo{
    background-color: red;
    color:white;
}

.filaNaranja{
    background-color: yellow;
}

#tablaVerDailyPorgram{
    width:1100px;
}

.alinearCentro{
    text-align: center;
}

#tablaVerDailyPorgram td{
    border-bottom: solid 1px gray;
}

#tablaAcumuladoVentasMes td, #tablaAcumuladoVentasMes th{
    width:100px;
    text-align: center;
}

#tablaPlantillaTareasPlantillaDP td,#tablaPlantillaTareasPlantillaDP th{
    text-align: center;
    width:200px;
}

#tablaPlantillaTareasDP{
    width:1100px;
}

#tablaPlantillaTareasDP td{
    width: 350px;
}

.alinearDerecha{
    text-align: right;
}

.cifra{
    font-size: 1.2em;
    font-weight: bold;
    color:red;
}

.hidden{
    display:none;
}

.mensajeAgotado{
    background-color: #DDD;
    border:solid 1px #858585;
    height: 15px;
}


#botonGuardarAuditoria{
    display:none;
}

.divLabelAuditoriaInventario{
    display:inline-block;
    width:60px;
}

#divCargaProductos{
    width:250px;
    height:150px;
    display:none;
    position:absolute;
    background-color: white;
    border:solid 1px;
}

#tablaProductosAuditoria{
    width:250px;
}

#tablaAuditoria{
    width:1100px;
}

.divBotonCerrar{
    width:250px;
    height: 15px;
    background-color: white;
}

.spanProductosColores{
    font-size: 1.4em;
    font-weight: bold;
    color:green;
}

.tdFechaCopiar:hover{
    cursor:pointer;
}

#botonCrearDailyProgram{
    width:450px;
    height: 40px;
    margin-left: 27%;
    margin-top:60px;
}

#observacionesDP{
    width:450px;
    height: 80px;
    margin-left: 34%;
}

.contenedorCrear{
    /*width:1150px;
    text-align: center;*/
    display:block;
    
}

#tablaTareasDP{
    width:1150px;
}

#divFechaDP{
    display:none;
}

#tablaComisiones{
    width:100%;
}
#botonGuardarComisiones{
    margin-top: 20px;
    width:20%;
    height: 8%;
}

.inputFechaCambiar{
    background-color: transparent!important;
    border:none;
    width:90px;
    height: 30px;
}


.separadorTemporadas{
    width:35%;
    font-size: 1.7em;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

#divPaginator{
    width:100%!important;
}

#divPaginator ul{
    width: 300px!important;
    display:inline!important
}

#divPaginator ul li{
    width: 20px!important;
    display:inline!important
}

#divPaginator .short{
    width:200px!important;
}

#divPaginator .short input{
    display:inline;
}


#linksDP{
    width: 900px;
    font-size: 1.3em;
    float: left;
    margin-top: 40px;
}

#linksDP ul{
    display: block;
    float: left;
    list-style: none;
    padding: 0px;
    margin-bottom: 35px;
    clear:both;
    width:200px;
}

#linksDP ul li{
    float: left;
    position: relative;
    margin-right: 30px;
    padding: 0 0 10px 0;
    font-weight: bold;
    width:900px;
}

#linksDP ul li ul{
    display:none;
    position:absolute;
    top:25px;
    z-index:15;
    background-color: #ffffff;
    width:900px;
    border:solid 1px grey;
}

#linksDP ul li ul li{
    width: 180px;
    padding-left: 10px;
    font-weight: normal;
}

#linksDP ul li:hover ul{
    display:block;
}

#tablaComisionesTiendas{
    width:100%;
}

.classdivMapeo{
     display: inline;
}

.classdivMapeo select{
    padding: 0px;
}

#infMapeo{
    display: none;
}

#nuevoMapeo {
    height: 30px;
}

#nuevaRecogida{
    height: 140px;
}

#listadoMapeoGestor{
    min-height: 400px;
    margin-bottom: 20px;
}

.bttnMapeo {
    background-color: #f1f1f1;
    border: solid 1px #dedede;
    padding: 0 4px;
}

.bttnRecibido, .bttnRecibidoOK{
    padding: 0 4px;
    display: inline;
    padding: 1px 20px;
    margin-right: 10px;
}

.bttnRecibido{
    background-color: #f1f1f1;
    border: solid 1px #666;
    color: #666;
}

.bttnRecibidoOK{
    background-color: #bae7d3;
    border: solid 1px #316735;
    color: #316735;
}

.listadoPrendas{
    border-top: solid 1px #dedede;
}

#listadoMapeoMisPeticiones{
    height: 400px;
}

#listadoMapeoOtrosPeticiones{
    height: 400px;
}

.productoWeb{
    border-bottom: solid 1px #dedede;
    height: 200px;
    margin-bottom: 15px;
}

.productoWebInfo{
    float: left;
    margin-right: 20px;
    margin-left: 20px;
}

.productoWebDesc{
    float: left;
    margin-right: 14px;
}