@charset "utf-8";

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


body, form, fieldset, ol, ul, li, h1, h2, h3, h4, h5, h6, p {
    margin:0;
    padding:0;
}

img {
    border:0; /* kills Gecko bug when img's are placed inside links */
    vertical-align:bottom; /* set vertical align to bottom for IE */
}

body {
    color: #000000;
    background: white; /*#333333;*/
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 14px;
    overflow: auto;
}

.wrapini{
    margin: 10px auto 0 auto;
    width: 1080px;
    position:relative;
}

#wrap {
    background: url("../images/back/baseprincipal.png") no-repeat scroll center top transparent;
    /* border: 0.1em solid black; */
    min-height: 703px;
    margin: 10px auto 0;
    position: relative;
    width: 1080px;
}

#header{
    height: 50px;
    width: 100%;
    padding-top: 10px;
}

.tablaclientes {
    left: 63px;
    position: relative;
    top: 12px;
    width: 59%;
    height: 386px;
    background-color: #FFFFFF;
}

.right form{
    /* border: 0.1em solid #D3D3D3; */
    padding: 2px;
    background-color: #FFFFFF; /*lightgrey;*/
}

.addcliente{
    text-align: left;
    margin: 9px;
    cursor:hand;
    cursor:pointer;
}

#header h2 {
    font-size: 14px;
    font-weight: normal;
    /* letter-spacing: -1px; */
    padding-bottom: 0;
    padding-right: 65px;
    padding-top: 0;
    text-align: right;
}

.contentini{
    background: url("../images/back/tapalogin.png") no-repeat scroll center top transparent;
    height: 707px;
}

#content {
    padding: 10px 10px 0;
}


.footerini {
    color: #8A1A43;
    float: right;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: auto;
    position: absolute;
    right: 115px;
    text-align: center;
    top: 590px;
    width: 170px;
}

#footer {
    border-radius: 6px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    line-height: 27px;
    position: absolute;
    right: 88px;
    text-align: center;
    top: 600px;
    width: 16%;
}

#footer > img {
    position: relative;
    top: 18px;
    width: 104px;
}
#bottom {
    padding: 5px 0;
    height: 10px;
    display: none;
}
a {
    color: #990033;
    /*font-weight:bold;*/
    text-decoration: none;
}

a:hover {
    color: #990033;
    text-decoration: none;
    /*text-shadow: 0.1em 0.1em 0.2em black;*/
    text-shadow: 0 0 0.3em #e6c1be, 0 0 0.5em #e6c1be;
}


/*Cabeceras*/

h1 {
    color: #25569A;
    font-size: 13px;
}

h3 {
    color: #aaa;
    font-size: 13px;
    margin: 10px 0 10px 0;
}

h4 { /*texto del login*/
    color: #311439;
    font-size: 13px;
}

h8 {
    color: #333333;
    font-size: 13px;
}

/*//---------------Tablas generales------------------------*/
.tableLogueo{
    table-layout: fixed;
    empty-cells: show;
    /*font-family:verdana,arial;*/
    font-size:10pt;
    width:60%;
    margin: 0 auto 0 auto;
    /* margin-top: 38px; */
    height:200px;
}

table {
    table-layout: fixed;
    empty-cells: show;
    /*font-family:verdana,arial;*/
    /* font-size:8pt; */
    /*     height: 5%; */
    /*border-top-color: #3399ff;
    border-bottom-color: #3399ff;
    border-left-color: #3399ff;
    border-right-color: #3399ff;
    */
}

td {
    font-family:verdana,arial;
    /* font-size:8pt; */
    /*overflow:hidden;*/
    /*height: 50%;*/
}

th{
    height:17%;
    /* color:#25569A; */
    font-size:12px;
    padding:5px 0 2px 5px;
    font-family:Verdana, Arial;
    line-height:normal;
    word-spacing:1px;
    font-weight:bold;
    border-collapse:collapse;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    empty-cells:show;
    text-align:justify;
}
/*---------------Fin Tablas generales------------------------------------*/

/*Tabla de busqueda*/
.tableI{
    table-layout: auto;
    /*width: 451px;*/
    height: auto;
}

.listabodas h3 {
    color: #000000;
    left: 66px;
    position: relative;
    top: 44px;
}

.tablebodas td, .tablebodas th{
    border: 1px solid #000000;
    text-align: center;
}

.listabodas {
    height: 568px;
    left: 60px;
    overflow-y: auto;
    position: relative;
    top: 28px;
    width: 631px;
}

.bodaedit{
    text-align: center;
    border: 1px solid black;
    background-color: lightgray;
    
    font-size: 14px;
}

.tablebodas tr{
    border: 1px solid #000000;
}

.bodacontainer{
    background-color: #FFFFFF;
    border: 2px solid #000000;
    position: relative;
    z-index: 1000000;
    background-color: rgba(255, 255, 255, 0.95);
    border: 5px solid #da316d;
    border-radius: 10px;
    margin: 50px;
    padding: 30px;
    position: relative;
    top: 10px;
    width: 60%;
}

.bodaform td{
    text-align: left;
}

.bodaedit table{
    background-color: white;
    width: 100%;
}

.tablebodas {
    background-color: #ffffff;
    position: relative;
    table-layout: auto;
    top: 15px;
    width: 614px;
}

.tableCursos {
    background-color:#ffffff none repeat scroll 0% 0%;
    font-family:Verdana, Arial, helvetica, sans-serif;
    font-style:normal;
    font-variant:normal;
    border:1px solid gray;
    font-weight:bold;
    /*font-size:5px;*/
    line-height:normal;
    font-size-adjust:none;
    font-stretch:normal;
    border-collapse:collapse;
    /*padding:5px 0 2px 10px;*/
}

.tableCursos td img {
    /*width: 22px;*/
    cursor: pointer;
    cursor: hand;
}

.tablepedidos form{
    display: none;
}

.tablepedidos td {
    font-size: 12px;
    padding: 4px;
}

.tablepedidos th{
    color: sienna;
    padding: 7px;
}

.tableCursos th{
    border-color:#808080;
    background-color: #DBB8FF; /*#cdba90;*/
    color: #000000;
    /* text-align: center; */
    white-space: nowrap;
}

.lisbutton img{
    float: left;
    width: 38px;
}

.lisbutton form{
    display:none;
}

.listbuttons{
    padding-left: 52px;
}

.lisbutton span{
    padding-left: 3px;
    position: relative;
    top: 9px;
}

.lisbutton a{
    font-size: 15px;
}

.tableCursos td{
    /*text-align:left;*/
}

/* menus*/
#menuli {
    color: #000000;
    font-weight: 800;
    font-size: 20px;
}

#menu {
    font-size: 12px;
    line-height: 30px;
    position: absolute;
    right: 67px;
    text-align: inherit;
    width: 192px;
}

.buttons{
    clear: both;
    /* height: 88px; */
    height: 59px;
}

.buttons > div{
    float: left;
}

.disabled{
    color: gray !important;
    text-decoration: line-through;
}

.btext {
    padding-top: 17px;
    font-weight: bold;
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu ul li {
    display: block;
}

#menu ul li a {
    color: #000000;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 600;
}

.bcont{
    /* min-height: 75px; */
}

#menu ul li a:hover {
    color: #000000;
    text-decoration: none;
    /*text-shadow: #ead5ff 0.1em 0.1em 0.2em;*/
    text-shadow: 0 0 0.5em #fee3a0, 0 0 0.5em #fee3a0;
}

#menu2 {
    height: 35px;
    line-height: 35px;
    background: #4FA0F2;
}

#menu2 ul {
    padding-left: 20px;
    list-style-type: none;
}

#menu2 ul li {
    display: block;
    float: left;
    color: white;
}

#menu2 ul li a {
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
}

#menu2 ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

/*class independientes*/
.buscarCandidato{
    float:right;
    width:35%;
}


.logdiv h4{
    color: white;
}

.logdiv{
    color: #FFFFFF;
    height: 200px;
    left: 150px;
    position: relative;
    top: 278px;
    width: 50%;
}

.righttxt{
    text-align: right;
}

.right2{
    font-size:9px;
    text-align: justify;
    float: right;
    width: 65%;
    padding: 0 10px 10px;

}
.right2 form{
    border-left: 1px solid orange;
}
.boton{
    color: #000000;
    background: #dedddd;
    border:solid 1px #808080;
}

.left {
    background: url("../images/logoflores.png") no-repeat scroll 0 center #FFFFFF;
    background-size: contain;
    float: left;
    height: 290px;
    margin-left: 15px;
    padding: 10px 15px;
    width: 264px;
}
.left2 {
    font-size:9px;
    text-align: justify;
    float: left;
    width: 323px;
    height: auto;
    padding-top: 30px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.inputtexto{ /*dbaykbp.bn*/
    width: 80%;
}/*dbaykbp.en*/

/* CONTENIDOS */
.usuarioform {
    margin-left: 63px;
    margin-top: 48px;
    width: 612px;
    background-color: #FFFFFF;
}

.contenido{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    /* font-weight: bold; */
    /*    border: 0.1em solid red;     */
}
.contenido select{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight: bold;
}
.contenido h2{
    color: #25569A;
    font-size: 17px;
    font-weight: 100;
}

.ptable{
    margin: 20px;
}

.prodtotalcontent{
    background-color: #ffffff;
    left: 60px;
    position: relative;
    top: 45px;
    width: 624px;
}

.agenda{
    /*border: 0.1em solid green;*/
    min-height: 400px;
    position: relative;
    top: -60px;
    width: 65%;
}
/* /CONTENIDOS */

.registro{
    width: 40px;
}

textarea:focus{
    background-color: #F9D7EB;
}
textarea[readonly="readonly"]:focus{
    background-color: #F1F0F0;
}

.tarjetaencargo:focus{
    height: 60px;
    width: 250px;
    z-index: 100;
}
.tarjetaencargo[readonly="readonly"]:focus{
    height: 24px;
    width: 150px;
    z-index: 1;
}

form input:disabled{
    background-color: #FFFFE0;
}
form input:focus, form input:hover{
    background-color: #F9D7EB;
}

.eproductos input{
    max-width: 302px;
}

form input{
    border:1px solid black;
    background-color: #f1f0f0;
    /*font-size: 1.2em;*/
}

.addprodbut {
    box-shadow: 1px 1px 1px #808080;
    margin-left: 71px;
    margin-top: 10px;
    position: relative;
    top: -13px;
    border-radius: 5px;
}

form select{
    border:1px solid black;
    ackground-color: #f1f0f0;
}
#submenu {
    font-size:12px;
    height: 30px;
    line-height: 30px;
    background: #8e7749;
}

#submenu ul {
    padding-left: 5px;
    list-style-type: none;
    margin-right: auto;
    float:right;
}

#submenu ul li {
    display: block;
    float: left;
}

#submenu ul li a {
    color: #fff;
    padding: 0 10px;
    text-decoration: none;
    font-weight: 600;

}

#submenu ul li a:hover {
    color: #fff;
    text-decoration: none;
    /*text-shadow: #ead5ff 0.1em 0.1em 0.2em;*/
    text-shadow: 0 0 0.5em #ead5ff, 0 0 0.5em #ead5ff;
}

.txt{
    width:200px;
    background-color: #f1f0f0;
}
.txtTarjetaCredito{
    width:46px;
    background-color: #f1f0f0;
}
.txtKg{
    width:46px;
    background-color: #f1f0f0;
    float: right;
    margin-right: 30px;

}
.txt2{
    width:187px;
    background-color: #f1f0f0;
}

.txtSelect{
    width:202px;
    background-color: #f1f0f0;
}
.txtSelect2{
    width:187px;
    background-color: #f1f0f0;
}
.estiloTextarea{
    width: 413px;
    background-color: #f1f0f0;
    font-family: arial;
    resize: none;
    /*border-style: solid;*/
}
.estiloTextarea2{
    width: 198px;
    background-color: #f1f0f0;
    resize: none;
    border-style: solid;
    font-family: arial;
}
.estiloTextarea3{
    width: 184px;
    background-color: #f1f0f0;
    resize: none;
    border-style: solid;
    font-family: arial;
}
.estiloTextareaMaximo{
    width: 888px;
    background-color: #f1f0f0;
    font-family: arial;
    resize: none;
}

#eefecha, #erfecha{
    border-color: orange;
}

.eproductos{
    float: left;
    margin-left: 13px;
    margin-bottom: 6px;
}


.eproductos > table{
    min-width: 675px;
    border: 1px solid black;

}

.validate img:hover {
    box-shadow: 2px 2px 2px 0;
}

.datoscobros fieldset {
    min-height: 168px;
}

.validate img {
    border-radius: 13px;
}

.validate{
    left: 42px;
    position: absolute;
    top: 103px;
}

.datoscobros{
    position: relative;
}

.estiloTextareaMaximo2{
    width: 610px;
    background-color: #f1f0f0;
    font-family: arial;
    resize: none;
}
.prueba{
    border-top: #e89f32;
    border-top-width: thin;
}

.pedidosblock form{
    display: none;
}

.etotal {
    float: left;
    margin-left: 10px;
}

.tableFormulario{
    /*table-layout: auto;
    height: auto;
    background-color:#FFFFFF none repeat scroll 0% 0%;
    border:0 none;
    border-collapse:collapse;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-variant:normal;
    font-weight:normal;
    font-style:normal;
    line-height:normal;
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-inline-policy:continuous;
    -x-system-font:none;*/
    height: auto;
    table-layout: auto;
    empty-cells:show;
    width:100%;
}
.tableFormulario2{
    /*table-layout: auto;
    height: auto;
    background-color:#FFFFFF none repeat scroll 0% 0%;
    border:0 none;
    border-collapse:collapse;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-variant:normal;
    font-weight:normal;
    font-style:normal;
    line-height:normal;
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-inline-policy:continuous;
    -x-system-font:none;*/
    height: auto;
    table-layout: auto;
    empty-cells:show;
    width: 65%;
    margin-left: 18px;
}
.tableFormulario3{
    /*table-layout: auto;
    height: auto;
    background-color:#FFFFFF none repeat scroll 0% 0%;
    border:0 none;
    border-collapse:collapse;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:12px;
    font-size-adjust:none;
    font-stretch:normal;
    font-variant:normal;
    font-weight:normal;
    font-style:normal;
    line-height:normal;
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-inline-policy:continuous;
    -x-system-font:none;*/
    height: auto;
    table-layout: auto;
    empty-cells:show;
    width:323px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

.dimg{
    margin-top: 5px;
    position: relative;
    top: 5px;
    width: 25px;
}

.estilocelda5{
    background-color: #f1f0f0;
    white-space: nowrap;
}

.estilocelda55{
    background-color: #f1f0f0;
    border-bottom: 1px solid #000000;
}

.expl{
    color: #990033;
    font-weight: bold;
    padding: 10px 4px 4px;
}
.mensajes{
    color:#00a498;
    padding: 8px;
}
.errordatos{
    color:#cc0033;
}
.encabezado{
    color: #b05d0b;
}
#pestanas {
    float:left;
    width:100%;
    line-height:normal;
    font-size: 10px;       /* Es el tamaño de letra del texto de la pestaña */
    font-weight: bold;
    /*pongo un fondo para toda capa donde están las pestañas*/
    background: transparent url(../images/fondo-pestanas.gif) repeat-x bottom;
}
#pestanas ul {
    margin:0;
    padding:0;
    list-style:none;
}
#pestanas li {
    float:left;
    margin:0 0 0 3px;
    padding:0;
    background:url("../images/p-der.gif") no-repeat right top;
}
#pestanas a {
    display:block;
    background:url("../images/p-izq.gif") no-repeat left top;
    padding:3px 10px 3px 10px;
    color: #000;
    text-decoration: none;
    /*definimos un padding para los enlaces de las pestañas*/
    padding-bottom: 2px;
}
#pestanas .activa a{
    background-image:url("../images/p-izq-activo.gif");
    /*colocamos un padding 1 pixel mayor que el padding de los enlaces no activos*/
    padding-bottom:3px;
}
#pestanas .activa{
    background-image:url("../images/p-der-activo.gif");
}

#contenedorpestanas{
    /*	background-color: #ccb355; */
    background-color: #ffd78e;
    padding: 10px;
    clear: both;
    border-bottom: #000 1.5px solid;
    border-left: #000 1.5px solid;
    border-right: #000 1.5px solid;
}
.contenidopestana{
    background-color: #ffd78e;
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight: bold;
}
.contenidopestana select{
    font-family:Verdana, Geneva, sans-serif;
    font-size:12px;
    font-weight: bold;
}
.contenidopestana h2{
    color: #25569A;
    font-size: 17px;
    font-weight: 100;
    letter-spacing: -1px;
}

.tarjetaencargo{
    height: 24px;
    width: 150px;
    position: absolute;
    z-index: 1;
    margin-left: 19px;
    resize: none;
    top:1px;
}

.name{
    font-weight: bold;
}

.pendiente{
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    right: 27px;
    top: 0;
}

.pendientesmall{
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    right: 27px;
    top: 40px;
}
.usuarios{
    margin-left: 57px;
    margin-top: 50px;
    white-space: nowrap;
    width: 660px;
}

.dependientesmall{
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    right: 100px;
    top: 40px;
}

.dependiente{
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    padding-left: 1px;
    padding-right: 1px;
    position: absolute;
    right: 100px;
    top: 0;
}

.encargogreen{
    border:2px solid green
}

.encargoblue{
    border:2px solid blue
}

.button:active{
    box-shadow: 20px 20px 20px black;
    /* box-shadow: none; */
}

.encargosblock form{
    display: none;
}

.button:hover{
    box-shadow: 2px 2px 2px black;
    border-color: red;
}

.blink img{
    border-radius: 13px;
    height: 54px;
}

.blink img:hover{
    box-shadow: 2px 2px 2px black;
}

.listadoplano > h2 {
    font-size: 14px;
}

.listadoplano{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DA316D;
    left: 57px;
    max-height: 564px;
    overflow: auto;
    position: relative;
    top: 37px;
    width: 628px;
    z-index: 10000000;
}

.hand{
    cursor:hand;
    cursor:pointer;
}
.hbar{
    background-color: #D3F2FF;
}
.center{
    text-align: center !important;
}

.toolbar{
    width: 50em;
}

.table_pedido{
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 30px 30px 1em 15px;
    text-align: left;
}

.table_pedido th{
    border-bottom: 2px solid #6678B1;
    /*border-left: 30px solid #FFFFFF;
    border-right: 30px solid #FFFFFF;*/
    color: #003399;
    font-size: 14px;
    font-weight: normal;
    padding: 0.2em;
}
.table_pedido td{
    padding: 0.2em;
}

.nowrap{
    white-space: nowrap;
}

.lote_td{
    padding: 1em;
    width: 80%;
}
.venta_tr td{
    padding: 0.5em;
    text-align: center;
}
.lista_lotes{
    padding: 0.5em;
}

.table_lotes {
    background-color:#ffffff none repeat scroll 0% 0%;
    font-family:Verdana, Arial, helvetica, sans-serif;
    font-style:normal;
    font-variant:normal;
    border:1px solid gray;
    font-weight:bold;
    font-size:5px;
    line-height:normal;
    font-size-adjust:none;
    font-stretch:normal;
    border-collapse:collapse;
    /*padding:5px 0 2px 10px;*/
}

.table_lotes th{
    border-color:#808080;
    background-color: #cdba90;
    color: #000000;
}

.sendbutton{
    background:#25A6E1;
    background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
    background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
    padding:8px 13px;
    color:#fff;
    font-family:'Helvetica Neue',sans-serif;
    font-size:17px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #1A87B9
}

.merror{
    background: none repeat scroll 0 0 white;
    border: 0.1em solid yellow;
    color: #FF0000;
    font-size: 12px;
    padding: 10px;
    width: 80%;
    position: relative;
}

.merror img{
    float: left;
    margin-right: 10px;
    position: relative;
    top: -8px;
    width: 32px;
}

.sendbuttonlog:focus{
    background-color: transparent;
}

.sendbuttonlog {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../images/buttons/login1.png");
    background-repeat: no-repeat;
    background-size: contain;
    height: 35px;
    width: 148px;
    border: medium none;
}
.sendbuttonlog:hover{
    background-image: url("../images/buttons/login2.png");
    background-color: transparent;
}

.clearboth{
    clear: both;
}

/* AGENDA */
.agcabecera{

}

.agendadia{

}

.agdia span{
    text-transform: capitalize;
}

.agdia{
    display: table-cell;
    float: left;
    font-family: 'Trebuchet MS';
    font-size: 20px;
    font-weight: bold;
    padding-left: 100px;
    padding-top: 53px;
    text-align: center;
    vertical-align: bottom;
    width: 72%;
}

.calendarmenu{

}

.ag{
    margin-left: 50px;
    min-height: 300px;
}

.agcal{
    float: right;
    height: 124px;
    position: relative;
    right: 183px;
    top: -3px;
}

.agcabecera div{

}

/* /AGENDA */

.calendarmenu > .JsDatePickBox{
    background-color: rgba(0, 0, 0, 0);
}


.calendarmenu > .JsDatePickBox div{
    /* border: 0.1em solid blue; */
}


.calendarmenu > .JsDatePickBox .boxMainCellsContainer, .calendarmenu > .JsDatePickBox .boxMainInner {
    width: 169px;
}
.tooltip{
    display: none;
}

.calendarmenu > .JsDatePickBox .boxMainInner .controlsBar {
    width: 167px;
}

.calendarmenu > .JsDatePickBox .weekDaysRow .weekDay {
    color: #D12E69;
}

.mensagempty {
     background-color: #fdfdda;
    border: 0.1em solid orange;
    border-radius: 5px;
    font-size: 13px;
    left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
}

.pedidoslabel, .encargoslabel{
    font-size: 14px;
    font-weight: bold;
    overflow-y: auto;
    padding-left: 10px;
}

.encargolabel{
    color: #777775;
}

.labelsmall{
    font-size:11px;
}

.enviolabel{
    color: #006400;
}

.recogidalabel{
    color: #00008B;
}

.encargosblock{
    max-height: 180px;
    min-height: 180px;
    overflow: auto;
}

.pedidosblock,.encargosblock{
    /* border: 0.1em solid red; */
}

.pedidosblock{
    max-height: 317px;
    min-height: 300px;
    overflow: auto;
}

.envios, .recogidas{
    float: left;
    width: 49%;
}

.envio, .recogida, .encargo{
    cursor: hand;
    cursor: pointer;
    padding: 2px;
    position: relative;
}

.envio{
    background-color: #BBF002; /*#90EE90;*/
    border: 0.1em solid green;
}

.recogida{
    background-color: #ADD8E6;
    border: 0.1em solid blue;
}

.envio, .recogida{
    border-radius: 4px;
    height: 55px;
    margin: 8px;
    overflow: hidden;
    white-space: nowrap;
    width: 295px;
}

.recogidoabierto{
    border:1px solid blue;
}

.encargocerrado{
    background-image: url("../images/back/sello.png");
    background-position: 20px 16px;
    background-repeat: no-repeat;
}

.encargoabierto{

}

.enviocerrado, .recogidocerrado{
    background-image: url("../images/back/sello.png");
    background-position: 118px center;
    background-repeat: no-repeat;
    border: 1px solid red;
}

.encargos{
    margin-top: 10px;
}

.pedidos, .encargos{

}

.encargo{
    background-color: #EAE8DB; /*#FFD700;*/
    /*border: 0.1em solid darkorange;*/
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 50px;
    margin: 4px;
    width: 191px;
}

.headerencargo{
    width: 83%;
}

.encargoslabel{
    margin-bottom: 4px;
}

.pencargo{
    min-width: 1527px;
    background-color: rgba(255,255,255,0.95);
    border: 5px solid #DA316D;
    top: 10px;
    position: relative;
    border-radius: 10px;
}

.lb_overlay{
    background-color:rgba(255, 255, 255,0.6);
}

.encargpedest{
    float: left;
    margin-left: 19%;
    text-align: left;
}

.encargbotons img{
    border-radius: 13px;
    cursor: pointer;
}

.encargbotons img:hover{
    box-shadow: 2px 2px 2px 0;
}

.encargbotons > a{
    margin-left: 40px;
}

.encargbotons > a:active > img{
    box-shadow: none;
}

.encargbotons{
    float: right;
    padding-top: 10px;
}

.encargestadio{
    font-family: Trebuchet MS;
    padding-top: 8px;
    text-align: center;
}

.encargpedido{
    font-family: Lucida Grande;
    font-size: 200%;
    font-weight: bold;
    padding-top: 5px;
}

.catalogo, .catalogo2{
    width: 200px;
    /* min-width: 210px;*/
}


.pcatalogo > img {
    float: left;
    margin-right: 11px;
    margin-top: 9px;
}

.pcatalogo{
    background-color: rgba(255, 255, 255, 0.95);
    border: 5px solid #DA316D;
    border-radius: 10px;
    position: relative;
    top: 10px;
    padding: 20px;
}

.pcatalogo > form {
    float: left;
}

.pcatalogo .closeencargodiv{
    margin-top: 2px;
    margin-right: 1px;
}

.pcatalogo .closeencargo {
    width: 29px;
}

.logoencargo{
    width: 136px;
    float: left;
}

.blue{
    color: blue;
}

.bodyencargo{
    padding: 10px;
}

.closeencargo{
    width: 50px;
}

.bodaclose{
    position: relative;
    right: -25px;
    top: -26px;
    width: 50px;
    float: right;
}
.bodaimprimir img{
    width: 54px;
}
.bodaimprimir{
    float: right;
    position: relative;
    right: 18px;
    top: -26px;
}

.closeencargodiv{
    margin: 5px;
    position: absolute;
    right: 0;
    top: 0;
}

/* ENCARGO */

.bodyencargo legend{
    font-family: sans-serif;
    font-size: 17px;
}

.elabel {
    font-family: Georgia;
    font-weight: bold;
    padding: 10px;
    padding-right: 5px;
}

.evalue {
    padding: 5px;
    padding: 10px;
}

.prodtipo{
    float: none;
    height: 30px;
    padding-left: 10px;
}

.prodrow>.efield>.elabel{
    padding: 5px 0;
}


.prodcol2{
    float: left;
    width: 537px;
}

.prodcol1 .elabel {
    width: 49px;
}

.prodcol1{
    float: left;
}


.prodrow .efield{
    float: left;
}

.prodrow  .efield > .evalue {
    padding: 5px 8px 0 1px;
}

.tanadidos td, .tanadidos th {
    padding-left: 24px;
}

.addprod{
    margin: 5px;
    border:0.1em solid green;
    clear: both;
}

.alignright{
    text-align: right;
}

.efield{

}

.totalcheck {
    float: left;
}

.efield > div{
    float: left;
}

textarea{
    background-color: #F1F0F0;
}

.tobservadiv textarea{
    position: relative;
    resize: none;
    top: -13px;
}

.tobservadiv {
    float: left;
    height: 132px;
    margin-left: 18px;
    position: relative;
    top: -14px;
    width: 400px;
}

.evalue > textarea:disabled{
    background-color: lightgray;
}

.encargoico{
    position: absolute;
    right: 1px;
    top: 29px;
}

.tiendaico{
    position: absolute;
    right: 1px;
    top: 1px;
}

.aniversarioopcion{
    background-image: url("../images/back/aniversario.png");
}

.funeralopcion{
    background-image: url("../images/back/funeral.png");
}

.bodaopcion{
    background-image: url("../images/back/boda.png");
}

.bodacontainer{
    display: block; 
    left: 50%; 
    margin-left: -606px; 
    z-index: 1002; 
    position: absolute; 
    top: 40px; 
    margin-top: 0px;
}

.printpart {
    color: black;
    float: right;
}

.aniversarioopcion, .bodaopcion,.funeralopcion{
    background-position: 1px 1px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    padding: 2px 6px 0 20px;
}

.productos table{
    width: 100%;
    border-spacing: 1px;
}

.productos hr {
    background-color: #FF0680;
    color: #FF0680;
}

.productos table th:first-child {
    width: 50%;
}

.productos table th {
    width: 15.5%;
}

.addpselect{
    font-weight: normal;
}

.addnewprod{
    border: 1px inset #FF0680;
    border-radius: 5px;
    margin-top: 1px;
    padding: 5px;
    background-color: white;
}

.addnewprod > img {
    float: left;
    margin-right: 11px;
    margin-top: 9px;
}

.lightblue{
    background-color: #DBEAF9;
}

.lightgrey{
    background-color: #EBEBEB;
}

.addnewprod select{
    font-weight: normal;
}

.chat input:focus{
    background-color: white;;
}

.chat input {
    background-color: #F1F0F0;
    float: left;
    margin-left: 0;
    margin-right: 4px;
}

.chatarea{
    background-color: #F0F0F0;
    border: 1px solid #000000;
    height: 387px;
    margin-bottom: 6px;
    overflow: auto;
    width: 580px;
}

.mychat{
    color: blue;
    float: right;
}

.otherchat{
    color: green;
    float: left;
}

.chatdate {
    /* border: 1px solid #808080; */
    font-size: 10px;
    font-weight: normal;
    color: #808080;
}

.fchat{

}

.chat{
    background-color: #FFFFFF;
    left: 55px;
    position: relative;
    top: 49px;
    width: 621px;
    height: 500px;
}

.chatline {
    background-color: #FFFFE0;
    border: 1px solid #808080;
    border-radius: 9px;
    margin-bottom: 2px;
    padding: 5px;
    text-align: left;
}


.simplechatc{

}

.admchatc{

}

.chatlabel {
    background-color: #FFFFFF;
    cursor: hand;
    cursor: pointer;
    float: left;
    text-align: center;
}

.cimg{
    float: left;
    margin-left: 10px;
    width: 20px;
}

.clabel1 {
    width: 43px;
}
.clabel2 {
    left: 8px;
    position: relative;
    width: 70px;
}
.clabel3 {
    left: 18px;
    position: relative;
    width: 82px;
}
.clabel4 {
    left: 23px;
    position: relative;
    width: 62px;
}

.admchatcontent .chatlabel{
    display: none;

}

.chatcontent {
    float: left;
    margin-top: 20px;
    z-index: 1;
    position: absolute;
}

.ccontainer {
    padding: 13px;
}

.firstchat{
    z-index: 10;
}

.firstclabel{
    font-weight: bold;
}

.productoscont{
    border: 1px inset #808080;
    empty-cells: show;
    margin-bottom: 7px;
    max-height: 475px;
    overflow: auto;
    padding: 3px;
    white-space: nowrap;
    background-color: white;
    border-radius: 5px;
}

.productoscont th{
    background-color: #F5DEB3;
}


.productoscont > form {
    padding: 0;
}

.productoscont img{
    cursor: hand;
    cursor: pointer;
    border-radius: 4px;
}

.productoscont img:hover {
    box-shadow: 1px 1px 1px #000000;
}

.productos {
    left: 55px;
    position: relative;
    top: 29px;
    width: 621px;
}

.confecprod{
    left: 343px;
    position: relative;
    top: 5px;
    width: 100px;
}

.parentprodrow {
    margin-top: 16px;
}


#pend{
    background-color: highlighttext;
    color: #FF0000;
    font-size: 19px;
    padding: 2px;
    font-weight: bold;
}

.tabletotal td {
    font-size: 19px;
}

.divmodif {
    /* border: 0.1em solid #FF0000; */
    height: 143px;
    padding: 3px;
    clear: both;
    margin-left: 20px;
    width: 614px;
}

.divmodif > div{
    float: left;
}

.prodrow{
    /*border: 0.1em solid #008000;*/
    min-height: 32px;
    /*min-width: 1125px;*/
    /*width: 1321px;*/
    padding-left: 4px;
}

.encargo2{
    /* border: 0.1em solid green; */
    clear: both;
}

.toclone{
    display: none;
}

.addpedido{
    cursor: pointer;
    cursor: hand;
    left: 16px;
    position: relative;
}

.delpedido img{
    width: 18px;
}

.prodcol1 .elabel, .prodcol1 .evalue, .prodcol2 .elabel, .prodcol2 .evalue{
    padding-bottom: 4px;
    padding-top: 4px;
}

.delpedido{
    cursor: hand;

     cursor: pointer;
    float: left;
    left: 349px;
    position: relative;
    top: 7px;
}

.tabletotal{
    margin-bottom: 15px;
    border: 3px solid black;
}

.encargo2 > .efield{
    float: left;
}

.rowscontent {
    margin-bottom: 4px;
}


.prodheader{
    clear: both;

}

.prodheader div{
    float: left;
    font-weight: bold;
    margin-left: 5px;
    width: 132px;
}

.searchclient {
    margin-left: 30px;
    width: 33px;
    cursor: pointer;
    cursor: hand;
}

/* LISTADOS */
.listadosgeneral{
    background-color: #FFFFFF;
    left: 60px;
    min-height: 300px;
    padding-bottom: 10px;
    position: relative;
    top: 45px;
    width: 629px;
}

.listable{
    max-height: 490px;
    overflow-x: hidden;
    overflow-y: auto;
}
.listexcellink > span {
    font-weight: bold;
    position: relative;
    top: -2px;
}


.listexcellimg {
    margin-top: 7px;
}
.listadotaller{
    background-color: rgba(255, 255, 255, 0.95);
    border: 5px solid #DA316D;
    border-radius: 10px 10px 10px 10px;
    position: relative;
    top: 10px;
}

.listados{
    background-color: #FFFFFF;
    left: 60px;
    position: relative;
    top: 45px;
    width: 624px;
}

.opcionlista {
    font-size: 14px;
    margin: 10px 10px 10px 40px;
    height: 50px;
}

.opcionlista > form {
    margin-left: 33px;
}

.opcionlista img {
    position: relative;
    top: 9px;
    width: 33px;
}

#submenu{
    width: 200px;
    margin-left: 72px;
    margin-top: 50px;
}

.pagado {
    /*font-size: 15px;
    text-align: right;*/
}
.tablape1{
    border: 2px solid #FFA500;
    float: left;
    margin-left: 3px; /*5px - 10px;*/
    margin-top: 10px;
}
.margenbruto{
    background-color: #FFFFFF !important;
    color: #FF0000  !important;
    text-align: right  !important;
    width: 44px  !important;
}
.tablape1 td{
    text-align: center;
}

.tablecontainer td{
    border: 1px solid grey;
}


.pagado > input {
    margin-left: 20px;
}

.formatos{
    min-width: 190px;
}

.clases{
    min-width: 190px;
}

/* CLIENTES */

.clientes{
    background-color: rgba(255, 255, 255, 0.95);
    border: 5px solid #DA316D;
    border-radius: 10px 10px 10px 10px;
    margin: 50px;
    padding: 30px;
    position: relative;
    top: 10px;
    width: 60%;
}
.greencel{
    background-color: #BBF002;
}
.yellowcell{
    background-color:#fee3a0;
    text-transform: uppercase;
}
.prodelabocontent{
    background-color: #FEFEF1;
    /* height: 605px; */
    margin-left: 50px;
    margin-top: 43px;
    width: 1024px;
    border: 5px solid #DA316D;
    border-radius: 10px;
}

.prodelabocontent .head td{
    background-color: #25A6E1;
}
.tprecios td{
    background-color: #FCBFB8;
}
.prodelabocontent h2{
    color: #25569A;
    font-size: 17px;
    font-weight: 100;
}

.prodelabocontent table{
    background-color: white;
    border-spacing: 0px;
    border-collapse: separate;
}

.tablas input{
    border: medium none;
    width: 100%;
}

.cnumber {
    text-align: center;
}

.prodelabocontent .greencel {
    border: medium none;
    text-align: center;
    /*width: 26px;*/
    width: 100%;
}

.tablemain1 td{
    border: 1px solid #000000;
}

.red{
    color: red;
}

.bodaedit form input{
    border: 1px solid lightgray !important;
}

.bodaprod{
    table-layout: auto !important;
}

.bprodrow td:first-child {
    width: 500px;
}


.gralvals {
    background-color: lightblue;
    border: 1px solid black;
    padding: 2px 2px 2px 10px;
    width: 86%;
    margin-left: 5px;
    margin-top: 5px;
}

.tsubtotal{
    border: 5px double #da316d !important;
    float: right;
    margin-top: 10px;
    padding: 10px;
    width: 50% !important;
}

.otrostable td{
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 13px;
    padding-top: 1px;
}
.tdsubtotal{
    padding-right: 150px !important;
    text-align: right !important;
}

.otrostable{

}
.bheader td > div{
    min-width: 420px;
    float: left;
    margin-left: 3px;
    margin-right: 10px;
}

.cfecha{
    background-color: #d3f2ff !important;
}

.bcolorr{
    min-width: 300px !important;
    width: 300px;
}
.bodaform{
    border-spacing: 0;
}

.bheader input {
    float: right;
}
.bodaform table td{
    padding: 1px 1px 1px 4px;
}

.bodaform table {
    border: 2px solid  #da316d;
}

.bodaform .hbar{
    font-weight: bold;
    color: red;
}

/* PROVEEDORES */
.pheader div{
    width: 555px;
}
.pheader{
        border: 1px double black;
    margin: 10px auto auto;
    padding: 30px 20px 20px 50px;
    width: 700px !important;
}
.pheader td{
    text-align: left;
}
.proveform{
    background-color: white;
}

.provedit{
    text-align: center;
    border: 1px solid black;
    background-color: white;
}
/* /PROVEEDORES */