html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label{border:0;margin:0;padding:0}

@font-face{font-family:"hv";src: url( ../fonts/helvetica.ttf) format("truetype")}
@font-face{font-family:"PNR"; src: url( ../fonts/ProximaNova-Regular.otf) format("opentype")}
@font-face{font-family:"PNB"; src: url( ../fonts/ProximaNova-Bold.otf) format("opentype")}
@font-face{font-family:"PNL"; src: url( ../fonts/ProximaNova-Light.otf) format("opentype")}
@font-face{font-family:"montserratR"; src: url(http://fonts.googleapis.com/css?family=Montserrat) format("truetype")}
@font-face{font-family:"montserratB"; src: url(http://fonts.googleapis.com/css?family=Montserrat:700) format("truetype")}

th{font-weight:normal !important;text-align:left !important}
a {text-decoration:none;color:#333; font-family:"hv"}
.oc{display:none}

.FR{float:right !important}
.FL{float:left !important}

#logar{float:center;width:300px;color:#333;font-size:20px;padding:175px 10px 20px 50px;margin:80px auto 0 auto;background: #333 url(../img/diabetika.png) 20px 20px no-repeat}
#logar p{width:220px;padding:0 0 10px 60px;color:#fff;font-family:"hv",arial !important;font-size:20px}
#logar p.envi{padding-top:10px;text-align:right}
#logar input.caja{width:200px;font-size:20px}
#logar a.boton{padding:10px 66px; font-size:20px;background:#D5537E;color:#fff}

body {margin:0;padding:0;font-family:hv;font-size:14px;background:#fff;color:#333;font-family:hv;/*border-top:45px solid #ffebd9*/}
#total{width:100%;padding:0;margin:0 auto;overflow:hidden}

/* CABECERA ***********************/
/* #filete{width:100%;padding:0;margin:0;float:left;height:100% !important;overflow:hidden;background:#333} */
#cabecera{width:100%;padding:0;margin:0;float:left;height:75px !important;overflow:hidden;background:#333 url(../img/diabetika_crm.png) 2px 2px no-repeat;padding:2px}
#menu_cabecera {float: right; margin: 20px 30px 0 0}
#menu_cabecera td {padding: 5px 15px 5px 15px; font-family:"hv",arial !important; font-size: 14px; color:#FFF}

/* CUERPO *************************/
#cuerpo  {position: absolute; width:100%; padding:0; margin:100px 0 0 0; float:left;}
#cuerpo2 {position: absolute; width:100%; padding:0; margin:50px 0 0 20px; float:left}
#cuerpo3 {position: absolute; width:475px; padding:0; margin:111px 0 0 -20px; float:left}
#cuerpo4 {position: absolute; width:100%; padding:0; margin:650px 0 0 0; float:left}
#cuerpo4b {position: absolute; width:100%; padding:0; margin:650px 0 0 0; overflow:hidden;}  /* PEDIDOS EN FICHA CLIENTES */

#cuerpo div.listado{width:95%;float:left; padding: 25px 20px 20px 10px; margin:95px 0 0 20px; border-top: 1px solid #999;}
#cuerpo div.listado table{width:100%;margin:0 !important;padding:0 !important}
#cuerpo div.listado tr{width:100%;margin:0 !important;padding:0 !important;line-height:12px !important}
#cuerpo div.listado th{font-size:12px; font-family:"Open Sans",arial !important; font-weight: 700; text-transform:uppercase;border-bottom:3px solid #ccc;padding:0 4px}
#cuerpo div.listado th span{font-size:9px !important}
#cuerpo div.listado .AR{text-align:right !important}
#cuerpo div.listado td{border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:14px; color:#333; padding:4px}

#cuerpo3 div.listado{width:95%;float:left; padding: 40px 20px 20px 10px; margin:-16px 0 0 30px; border-top: 1px solid #999;}
#cuerpo3 div.listado .listacontactos {font-size:12px;color:#333;font-family:"Open Sans", arial !important;background:url(../img/bullet.png) no-repeat;padding:2px 0 4px 10px;float:left;width:100%;border-bottom:1px dotted #999;margin:0 0 5px 0px}
#cuerpo3 div.listado th{font-size:12px; font-family:"Open Sans",arial !important; font-weight: 700; text-transform:uppercase;border-bottom:3px solid #ccc;padding:0 4px}
#cuerpo3 div.listado td{border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:11px; color:#333; padding:4px}

#interior {width: 100%; padding: 126px 20px 20px 30px; font-size}
#interior.formulario td {font-size: 12px; padding: 5px 10px 0 0}
#interior_pop {padding: 0px 20px 20px 30px; font-size: 35px}
#interior_pop.formulario td {font-size: 12px; padding: 5px 10px 0 0}

/* INTERACCION ********************/
#interaccion {position:absolute; float: left; width: 95%; margin: 95px 25px 75px 25px; padding: 20px 15px 0 15px; border-top: 1px solid #999; border-radius: 0px; background:#FFF;}
#interaccion table {width:100%;}
#interaccion td {border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:12px; color:#333; padding:1px;}

/* PEDIDOS ********************/
#bloquepedidos {position:absolute; float:left; width:95%; margin 0 0 0 0; padding: 0 0 0 0;}
#pedidos {position:relative; float: left; width: 95%; margin: 95px 25px 75px 25px; padding: 20px 15px 0 15px; border-top: 1px solid #999; border-radius: 0px; background:#FFF;}
#pedidos table {width:100%;}
#pedidos td {border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:12px; color:#333; padding:1px;}

/* FICHAS *************************/
#izquierda {position:absolute; float:left; width: 900px;}
#derecha {position:relative; float:left; width:400px; margin-left: 925px;}
#pestana {width:90%;position: absolute; z-index:1;}
table.pestana{padding:40px 10px 0 20px;margin:-1px 0 0 0; }
table.pestana th{height:35px; background:#ccc; color:#4d3726;font-size:18px;font-family:"Open Sans",arial !important;float:left;border:1px solid #999;border-top-left-radius: 0px;border-top-right-radius: 0px;
padding:10px 20px;}
table.pestana th.On{height: 35px; background:#FFF; border-bottom:1px solid #fff;}
table.pestana th.linea{width:350px; background:#FFF; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff}
table.pestana th.linea2{width:1050px; background:#FFF; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;  border-bottom:1px solid #999;}

#pestana2 {width:90%;position: absolute; z-index:1;}
table.pestana2 {padding:40px 10px 10px 10px;margin:-1px 0 0 0}
table.pestana2 th{height:35px; background:#CCC; color:#4d3726;font-size:18px;font-family:"Open Sans",arial !important;float:left;border:1px solid #999;border-top-left-radius: 0px;border-top-right-radius: 0px;padding:10px 20px;}
table.pestana2 th.On{height:35px; background:#FFF; border-bottom:1px solid #FFF}
table.pestana2 th.linea{width:160px; background:#FFF; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff}

#guardar {position: absolute; float: left; margin: 55px 0 0 660px; z-index:10;}
#activo  {position: absolute; float: left; width: 500px; height:30px; margin: 146px 0 0 450px;}
#activocl {position: absolute; float: left; width: 500px; height:30px; margin: 146px 0 0 658px;}
#masB0  {position: absolute; float: left; margin: 55px 0 0 250px;}
#masB0B {position: absolute; float: left; margin: 55px 0 0 300px;}
#masB1  {position: absolute; float: left; margin: 55px 0 0 1385px; z-index:10;}
#masB1B {position: absolute; float: left; margin: 55px 0 0 1340px; z-index:10;}


/* POPUP *************************/
#pop_nuevo_contacto{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_nuevocontacto.png) 2px 2px no-repeat;padding:2px}
#pop_edita_contacto{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_editacontacto.png) 2px 2px no-repeat;padding:2px}
#pop_nuevo_proveedor{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_altaproveedor.png) 2px 2px no-repeat;padding:2px}
#pop_nuevo_asociacion{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_altaasociacion.png) 2px 2px no-repeat;padding:2px}
#pop_proveedores_interaccion{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_proveedoresinteraccion.png) 2px 2px no-repeat;padding:2px}


/* FORMULARIOS ******************/
input.guardar{background:url(../img/guardar.png) no-repeat;width:25px;height:25px;border:0;margin:0 0 0 10px !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.guardarboton{background:url(../img/boton_guardar.png) no-repeat;width:150px;height:50px;border:0;margin:10px 0 0 0 !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.registrarboton{background:url(../img/boton_registrar.png) no-repeat;width:150px;height:50px;border:0;margin:10px 0 0 0 !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.refrescar{background:url(../img/refrescar.png) no-repeat;width:25px;height:25px;border:0;margin:0 0 0 10px !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}

input {
    width: 55%;
    height: 28px;
    padding: 2px 5px;
    background: #FFF; 
    border-radius: 0px;
    border: 1px solid #ebebeb; 
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    background-color: #ebebeb;
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    font-family: 'hv', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #4d3726;
}

input[type=range] {
    -webkit-appearance: none;
    width: 40px;
    height: 28px;
    border-radius: 5px;
    background: #ebebeb;
    outline: none;
    }
input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        border-radius: 20px;
        background-color: #FFF;
        box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
        border: 1px solid #999;
        height: 20px;
        width: 20px;
    }

select {
    width: 55%;
    height: 30px;
    padding: 3px 5px;
    background: #FFF; 
    border-radius: 3px;
    border: 1px solid #ebebeb; 
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    background-color: #ebebeb;
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    font-family: 'hv', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #4d3726;
}

textarea {
    width: 55%;
    padding: 3px 5px;
    background: #FFF; 
    border-radius: 3px;
    border: 1px solid #ebebeb; 
    -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    background-color: #ebebeb;
    -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.7);
    font-family: 'hv', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #4d3726;
}