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")}
@font-face{font-family:"ubuntu"; src: url( ../fonts/Ubuntu-Regular.ttf) format("truetype")}
@font-face{font-family:"ubuntuL"; src: url( ../fonts/Ubuntu-Light.ttf) format("truetype")}
@font-face{font-family:"ubuntuSB"; src: url( ../fonts/Ubuntu-Medium.ttf) format("truetype")}
@font-face{font-family:"ubuntuB"; src: url( ../fonts/Ubuntu-Bold.ttf) format("truetype")}
@font-face{font-family:"Roboto"; src: url( ../fonts/Roboto-Regular.ttf) format("truetype")}
@font-face{font-family:"RobotoL"; src: url( ../fonts/Roboto-Light.ttf) format("truetype")}
@font-face{font-family:"RobotoSB"; src: url( ../fonts/Roboto-Black.ttf) format("truetype")}
@font-face{font-family:"RobotoB"; src: url( ../fonts/Roboto-Bold.ttf) format("truetype")}
@font-face{font-family:"RobotoT"; src: url( ../fonts/Roboto-Thin.ttf) format("truetype")}
@font-face{font-family:"RobotoM"; src: url( ../fonts/Roboto-Medium.ttf) format("truetype")}


th{font-weight:normal !important;text-align:left !important}
a {text-decoration:none;color:#333; font-family:"ubuntu", "hv"}
a.medio {text-decoration:none;color:#333; font-size:20px; font-family:"ubuntu", "hv"}
a.grande {text-decoration:none;color:#333; font-size:30px; font-family:"ubuntu", "hv"}
a.grandeB {text-decoration:none;color:#333; font-size:38px; font-family:"UbuntuB", "hv"}
a.grandeC {text-decoration:none;color:#333; font-size:28px; font-family:"UbuntuB", "hv"}
a.grandeE {text-decoration:none;color:#333; font-size:28px; font-family:"PNL", "hv"}
a.grandeF {text-decoration:none;color:#333; font-size:30px; font-family:"PNB", "hv"}
a.grandeG {text-decoration:none;color:#999; font-size:30px; font-family:"ubuntu", "hv"}

.oc{display:none}
a.contador {text-decoration:bold;color:#333;font-size:50px; font-family:"PNB", "ubuntu"}

.FR{float:right !important}
.FL{float:left !important}
. full-height {height:100%}

#logar{float:center;width:300px;color:#333;font-size:20px;padding:175px 10px 20px 20px;margin:80px auto 0 auto;background: #3B73A7 url(../img/logo_negativo_300.png) 20px 20px no-repeat}
#logar p{width:220px;padding:0 0 10px 60px;color:#fff;font-family:"ubuntu", "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:#333;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 ***********************/
#cabecera{width:100%;padding:0;margin:0;float:left;height:75px !important;overflow:hidden;background:#ebebeb url(../img/logo_crm.png) 2px 2px no-repeat;padding:2px;border-bottom: solid 1px #CCC}
#cabecera a span {visibility:hidden}
#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}
#menu_nav{width:100%;padding:0;margin:0;float:left;overflow:hidden;border-bottom: solid 1px #EBEBEB;z-index:100}
#menu_nav td {padding: 15px 15px 15px 15px; font-family:"RobotoM" !important; font-size: 16px; color:#999; text-transform:uppercase}
#menu_nav a {font-family:"RobotoM" !important; font-size: 16px; color:#999; text-transform:uppercase}
#menu_nav a:hover {font-family:"RobotoM" !important; font-size: 16px; border-bottom: solid 5px; color #FF327D; color:#FF327D; text-transform:uppercase}
#menu_nav_buscador {margin: -48px 20px 0 0; float: right}

#cabeceraV2{width:100%;padding:0; height:75px !important;overflow:hidden;background:#FFF url(../img/logo_cabecera.png) 30px 17px no-repeat;border-bottom: solid 1px #CCC}


/* MENU ***************************/
#nav_izq {float:left;width:75px;height:100%;}
#nav_izq_superior {display:block; width:100%; height:75px; margin:0; padding:19px 0 0; background:#3B73A7}
#nav_izq_superior a {margin-left:20px} 
#nav_izq_inferior {position:absolute; top:76px; bottom:0px; left:0; width: 75px; padding-top:10px; background-color:#333333; overflow:hidden; min-height:100%; z-index:1}
#nav_izq_inferior ul {margin:0; padding:0; list-style:none; margin-top:20px}
#nav_izq_inferior li {position:relative; width:100%; height:50px; margin-top:5px}
#nav_izq_inferior li a {height:50px; margin: 0 7px 0 7px; padding:5px 0 11px 10px} 
#nav_izq_superior_mls {display:block; width:100%; height:75px; margin:0; padding:19px 0 0; background:#EFBF01}
#nav_izq_superior_mls a {margin-left:20px} 

/* CUERPO *************************/

#content_dcha {float:left;position: absolute; margin-left:75px; width:94%; top:0px}

#buscador {float: right; margin: -55px 0px 0 0; z-index:100;}
#cuerpo  {width:98%; padding:0; float:left;}
#cuerpo div.listado{width:98%;float:left; padding: 0 20px 20px 10px; margin:0 20px 0 20px;}
#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 td{border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:14px; color:#333; padding:2px; line-height:16px;}
#cuerpo div.listado .semaforo{width:75px; text-align:center !important}
#cuerpo div.listado .AR{width:50px; text-align:right !important}
#cuerpo div.listado p.paginacion{float:right; font-weight:bold; margin:-55px 8px 0 0}
#cuerpo div.listado p.paginacion a{font-size:12px; padding: 2px 5px; border: 1px #ccc solid}

#cuerpo div.listadodcha {width:98%;float:left; padding: 25px 20px 0 10px; margin:-20px 20px 0 20px;}
#cuerpo div.listadodcha table{width:100%;margin:0 !important;padding:0 !important}
#cuerpo div.listadodcha tr{width:100%;margin:0 !important;padding:0 !important;line-height:12px !important}
#cuerpo div.listadodcha 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.listadodcha th span{font-size:9px !important}
#cuerpo div.listadodcha td{border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:12px; color:#333; padding:2px; line-height:16px;}
#cuerpo div.listadodcha .AR{text-align:right !important}
#cuerpo div.listadodcha p.paginacion{float:right; font-weight:bold; margin:-55px 8px 0 0}
#cuerpo div.listadodcha p.paginacion a{font-size:12px; padding: 2px 5px; border: 1px #ccc solid}

#cuerpo div.listadomin{width:95%;float:left; padding: 25px 20px 20px 10px; margin:-1px 0 0 20px;}
#cuerpo div.listadomin table{width:100%;margin:0 !important;padding:0 !important}
#cuerpo div.listadomin tr{width:100%;margin:0 !important;padding:0 !important;line-height:11px !important}
#cuerpo div.listadomin 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.listadomin th span{font-size:9px !important}
#cuerpo div.listadomin .AR{text-align:right !important}
#cuerpo div.listadomin td{border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:12px; color:#333; padding:4px; line-height:20px;}

#cuerpo2 {width:100%; padding:0; margin:50px 0 0 0; float:left}
#cuerpo3 {width:90%; padding:0; float:left}
#cuerpo3 div.listado{width:100%;float:left; padding: 30px 20px 20px 0; margin:-11px 0 0 30px;}
#cuerpo3 div.listado .listacontactos {font-size:14px;color:#333;font-family:"Open Sans", arial !important;background:url(../img/bullet.png) no-repeat;padding:2px 0 4px 0;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}
#cuerpo4 {width:100%; padding:0; float:left}
#cuerpo4b {width:100%; padding:0;}  /* PEDIDOS EN FICHA CLIENTES */
#cuerpo4c {width:100%; padding:0; float:left}  /* INTERACCIONES EN FICHA CLIENTES */
#cuerpo4d {width:100%; padding:0;margin:0 0 0 0; float:left}  /* ALERTA */
#cuerpo_popup div.listado th {font-size:14px; border-bottom: solid 4px #CCC; padding-bottom:5px;}
#cuerpo_popup div.listado tr {margin-bottom:25px;}
#cuerpo_popup div.listado td {font-size:14px; border-bottom: 1px dotted #666;height:30px;} 
#cuerpo_direcciones div.listado{width:100%;float:left; padding: 10px 20px 0 0; margin:-11px 0 0 0;}
#cuerpo_direcciones div.listado .listacontactos {font-size:20px;color:#333;font-family:"RobotoM", arial !important;background:url(../img/bullet.png) no-repeat;padding:2px 0 4px 0;float:left;width:100%;border-bottom:1px dotted #999;margin:0 0 5px 0px}
#cuerpo_direcciones div.listado td .span {font-size:20px;color:#333;font-family:"RobotoM", arial !important;background:url(../img/bullet.png) no-repeat;padding:2px 0 4px 0;float:left;width:100%;border-bottom:1px dotted #999;margin:0 0 5px 0px}
#cuerpo_direcciones 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_direcciones div.listado td{padding-top:10px; width:100%; font-size:15px; font-weight:bold !important; text-transform:uppercase; }

#interior {width: 90%; padding: 0 20px 20px 0px; 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}
#interior_pop_completo {padding: 0px 20px 20px 30px; margin: 40px 0 0 0; float:left; width:95%;}
#interior_pop_left {padding: 0px 20px 20px 30px; margin: 40px 0 0 0;  float:left; width:60%;}
#interior_pop_right {padding: 0px 20px 20px 30px; margin: 40px 25px 0 0;  float:right; width:26%; border-left: solid 1px #ccc;}
#interior_pop_inferior {padding: 10px 20px 20px 25px; margin: 30px 25px 0 0; float:left; width:94%; border-top: solid 1px #ccc;}
#interior_pop_order {padding: 0px 20px 20px 30px; margin: 40px 0 0 20px;  float:left; width:90%;}
#interior_pop_order_left {width:475px; border: 1px solid #CCC; margin: 70px 0 0 0; padding: 15px 0 0 10px; float: left}
#interior_pop_order_right {width:475px; border: 1px solid #CCC; margin: 70px 0 0 0; padding: 15px 0 0 10px; float: right}
#interior_pop_order_max {width:900px; border: 1px solid #CCC; margin: 70px 0 0 0; padding: 15px 0 0 10px; float: left}
#interior_pop_email {padding: 0px 20px 20px 30px; margin: 40px 0 0 60px;  float:left; width:85%;}

#botonmas {float:right; margin: -510px 40px 0 0;}

/* INTERACCION ********************/
#bloqueinteracciones {float:left; width:100%; margin-top:40px;}
#interaccion {float: left; width: 95%; margin: -1px 0 75px 30px; padding: 15px 0 0 0; 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;}
#interaccion_clientes {float:left; width:75%;}
#interaccion2 {float: left; width: 101%; margin: -23px 0 5px 30px; padding: 15px 0 0 0; border-top: 1px solid #999; border-radius: 0px; background:#FFF;}
#interaccion2 table {width:100%;}
#interaccion2 td {border-bottom:1px dotted #999 !important; text-transform:uppercase; font-family:"Open Sans", arial !important; font-size:12px; color:#333; padding:1px;}
#interaccion2_clientes {float:left; width:75%;}

/* ALERTA ********************/
#alerta {float: left; width: 76%; margin: 0px 0 -15px 15px; padding: 10px 0 0 0; background:#FFF;padding-bottom:12px; z-index:100}
#alerta table {width:100%; background:#f30}
#alerta td {text-transform:uppercase; font-family:"RobotoB", arial !important; font-size:16px; color:#fff; padding:1px 10px 0 10px; height:30px}
#alerta_clientes {float:left; width:75%;}
#alerta_flotante {position:absolute; float:left; z-index:100; margin: -57px 0 0 0}
#alerta_flotante a {background: #555; border-radius: 1.3em; color: #ffffff; display: inline-block;font-weight: bold; line-height: 1.6em; margin-left: 35px; text-align: center; width: 1.8em; }
#alerta_icon {position:absolute; float:left; z-index:100; margin: -57px 0 0 0;background:#FFF url(../img/topo_alertaB.png) 2px 2px no-repeat;padding:2px}
#alertapago {float:right;width:5px; height:220px; margin:-500px 48px 0 0; background:#0F9432}
#alertapagoko {float:right;width:5px; height:220px; margin:-500px 48px 0 0; background:#F30}


/* BUSCADOR ****************V2*/
#cajabusca {width:100%; height: 20px; padding: 32px 0; background: #ddd}

/* PEDIDOS ********************/
#bloquepedidos {float:left; width:100%; margin:15px 0 75px 0;}
#pedidos {position:relative; float: left; width: 95%; margin: -1px 25px 75px 25px; padding: 0 15px 0 15px; 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;height: 22px;}
#pedidos p.paginacion{float:right; font-weight:bold; margin:-55px 8px 0 0}
#pedidos p.paginacion a{font-size:12px; padding: 2px 5px; border: 1px #ccc solid}
#pedidos_salida {padding: 40px 20px 20px 30px; margin: 0 0 35px 0;  float:left; width:74%;}
#pedidos_salida table {margin: 0 0 -15px 0}
#pedidos_salida_complemento {padding: 0px 0 20px 0; margin: 40px 0 0 0;  background: #F60; float:left; width:45%; z-index:100;}
#pedidos_salida_iconos {float: right; width: 11%; margin: 75px 85px 0 0}
#pedidos_salidab {padding: 0px 20px 20px 30px; margin: 0 0 0 0;  float:left; width:97%;}
#pedidos_salidab th {padding: 3px 20px 3px 5px; background:#333; color:#FFF}
#pedidos_salidab td {border-bottom: 1px dotted #CCC; height:26px; vertical-align:text-top}
#pedidos_salidab .listadopeq_topo {background: red; border-radius: 1.3em; color: #ffffff; display: inline-block;   font-weight: bold; line-height: 1.6em; margin-left: 35px; text-align: center; width: 1.8em; }*/
#pedidos_salidab .listadopeq_topo {background: red;  color: #ffffff; font-weight: bold; line-height: 1.6em; text-align: center; width: 1.8em; }
#pedidos_salidab .listadopeq_topob {background: #F60;  color: #ffffff; font-weight: bold; line-height: 1.6em; text-align: center; width: 1.8em; }
#pedidos_salida_col2 {padding: 0px 20px 20px 0; margin: 10px 0 0 0;  float:left; width:104%;}
#pedidos_salida_col3 {padding: 0px 20px 20px 0; margin: 50px 0 0 40px;  float:left; width:50%;}
#pedidos_flotante {position:absolute; float:left; z-index:100; margin: -57px 0 0 0}
#pedidos_flotante a {background: red; border-radius: 1.3em; color: #ffffff; display: inline-block;font-weight: bold; line-height: 1.6em; margin-left: 35px; text-align: center; width: 1.8em; }
#pedidos_flotante_mls {position:absolute; float:left; z-index:100; margin: -57px 0 0 0}
#pedidos_flotante_mls a {background: #E0B401; border-radius: 3.3em; color: #ffffff; display: inline-block;font-weight: bold; line-height: 1.6em; margin-left: 35px; text-align: center; width: 1.8em; font-size:26px }
#progreso {position:absolute; float:left; width:75%; margin:395px 0 0 0; padding: 0 20px 0 30px}
#progreso_int {padding:0 0 0 0; margin: 15px 0 0 0; float:left; width:100%}

/* FICHAS *************************/
#contenido {float: left; width: 100%; margin:25px 0 0 0; border-left:1px solid #999; padding-bottom:40px;}
#contenido2 {float: left; width: 100%; margin:20px 0 0 -1px; border-left:1px solid #999; padding-bottom:20px;}
#izquierda {float:left; width: 70%; margin-left:30px;}
#izquierda.formulario td {font-size: 10px; border-bottom:1px dotted #CCC; padding: 5px 10px 0 0; margin-right:10px;}
#izquierda.formulario td span {font-size: 20px; font-family:RobotoM; font-weight: 500; text-transform:uppercase}
#derecha { float:right; width:25%;margin: -125px 0 0 0;}
#derechamenu { float:right; width:20%; margin: 30px 35px 0 0;text-align:right;}
#derechaproduccion { float:right; width:24%;margin: 0px 15px 0 0;}
#anchocompleto { float:left; width:60%; margin-left:50px; margin-top:60px}
#pestana {position:relative; width:90%; z-index:1;}
#gasto {font-size:50px; color:#CCC; font-family:RobotoB; margin: 15px 65px 0 0; float:right}
#alertalistado {float: left; width: 100%; margin:25px 0 0 0;}
#alertalistadomini {float: left; width: 90%; margin:25px 0 0 0;}

table.pestana{padding:40px 10px 0 0;margin:-1px 0 0 0; width:100%; }
table.pestana th{height:35px; background:#ccc; color:#4d3726;font-size:33px;font-weight:700;font-family:"Open Sans",arial !important;float:left; padding:0px 20px 30px 0px;}
table.pestana th.black{height:35px; background:#FF327D; font-color:#FFF;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.black a {color:#FFF;}
table.pestana th.On{height: 35px; background:#FFF;}
table.pestana th.On2{height: 35px; background:#FFF;}
table.pestana th.linea{width:275px; background:#FFF;}
table.pestana th.lineaA{width:50%; background:#FFF;}
table.pestana th.linea2{width:1050px; background:#FFF;}

#pestana2 {position:relative; width:90%; margin-top:-50px;z-index:1;}
table.pestana2 {padding:30px 10px 23px 30px;margin:0 0 0 0}
table.pestana2 th{height:40px; background:#fff; color:#ccc;font-size:21px;font-family:"Open Sans",arial !important;float:left; padding:10px 0 10px 0;}
table.pestana2 th.gris a{height:40px; background:#fff; color:#ccc;font-size:21px;font-family:"Open Sans",arial !important;float:left; padding:10px 0px;}
table.pestana2 th.On{height:25px; font-size:21px; background:#FFF;}
table.pestana2 th.linea{width:160px; background:#FFF;}

#pestana3 {position:relative; width:55%; z-index:1;margin-top:-60px;}
table.pestana3 {padding:40px 10px 10px 10px;margin:0 0 0 0}
table.pestana3 th{height:30px; background:#fff; color:#ccc;font-size:21px;font-family:"Open Sans",arial !important;float:left; padding:10px 0 10px 35px;}
table.pestana3 th.gris a{height:30px; background:#fff; color:#ccc;font-size:21px;font-family:"Open Sans",arial !important;float:left;}
table.pestana3 th.On{height:30px; font-size:21px; background:#FFF;color:#999;text-decoration:bold}
table.pestana3 th.linea{width:160px; background:#FFF;}

#foto {float: right; position: relative; width:30%; margin-top:0;padding-right:20px;}
#rotulo {float: right; position: relative; width: 500px; text-align:right;}
#rotulo2 {float: right; position: relative; width: 800px; margin-top:-43px; margin-right:40px; text-align:right;}
#guardar {position: absolute; float: left; margin: -50px 0 0 660px; z-index:10;}
#activo  {position: absolute; float: left; height:30px; margin: 19px 0 0 630px;}
#activo2  {position: absolute; float: left; height:30px; margin: 20px 0 0 420px;}
#activocl {position: absolute; float: left; height:30px; margin: 44px 0 0 660px;}
#activoprod {position: absolute; float: left; height:30px; margin: 0 0 0 650px;}

#masB0  {position: relative; float: right; margin: -50px 340px 0 0; z-index:10;}
#masB0B {position: relative; float: right; margin: -50px 300px 0 0; z-index:10;}
#masB1  {position: absolute; float: left; margin: -50px 0 0 1300px; z-index:10;}
#masB1B {position: absolute; float: left; margin: -50px 0 0 1265px; z-index:10;}
#masB2  {position: relative; float: right; margin: -45px 80px 0 0; z-index:10;}
#masB2B {position: relative; float: right; margin: -45px 40px 0 0; z-index:10;}
#masB3  {position: relative; float: right; margin: -220px 50px 0 0; z-index:10;}
#masB3B {position: relative; float: right; margin: -220px 15px 0 0; z-index:10;}
#botonL1{position: absolute; float: left; margin: 140px 0 0 900px; z-index:10;}

/* POPUP *************************/
#cuerpo_popup  {position: absolute; width:100%; padding:0; margin:100px 0 0 0; float:left;}
#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_nuevo_product{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_altaproducto.png) 2px 2px no-repeat;padding:2px}
#pop_nuevo_rma{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_rma.png) 2px 2px no-repeat;padding:0px}
#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}
#pop_clientes_interaccion{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_clientesinteraccion.png) 2px 2px no-repeat;padding:2px}
#pop_asociaciones_interaccion{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_asociacionesinteraccion.png) 2px 2px no-repeat;padding:2px}
#pop_pedidos{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_pedidos.png) 2px 2px no-repeat;padding:2px}
#pop_email{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_email.png) 2px 2px no-repeat;padding:2px}
#pop_documentos{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_documentos.png) 2px 2px no-repeat;padding:2px}
#pop_expedicion{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_expedicion.png) 2px 2px no-repeat;padding:2px}
#pop_sms{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_sms.png) 2px 2px no-repeat;padding:2px}
#pop_clientes_alerta{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_clientesalerta.png) 2px 2px no-repeat;padding:2px}
#pop_order{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_order.png) 2px 2px no-repeat;padding:2px}
#pop_stock{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_stock.png) 2px 2px no-repeat;padding:2px}
#pop_compras{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_compras.png) 2px 2px no-repeat;padding:2px}
#pop_salida_mercancia{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_salida_mercancia.png) 2px 2px no-repeat;padding:2px}
#pop_edita_salida{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_detallesalida.png) 2px 2px no-repeat;padding:2px}
#pop_mensaje{width:100%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_mensaje.png) 2px 2px no-repeat;padding:2px}
#pop_recepcion_productos{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_recepcionproductos.png) 2px 2px no-repeat;padding:2px}
#pop_sac{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_sac.png) 2px 2px no-repeat;padding:2px}
#pop_estados{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:#FFF url(../img/fondo_pop_estados.png) 2px 2px no-repeat;padding:2px}
#pop_rmas{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:url(http://crm.diabetika.es/img/fondo_pop_rmas.png) 2px 2px no-repeat;padding:2px}
#pop_producto{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:url(http://crm.diabetika.es/img/fondo_pop_producto.png) 2px 2px no-repeat;padding:2px}
#pop_amazon{width:97%;padding:0;margin:0;float:left;height:675px !important;overflow:hidden;background:url(http://crm.diabetika.es/img/fondo_pop_amazon.png) 2px 2px no-repeat;padding:2px}


/* FORMULARIOS ******************/
input.guardar{background:url(../img/icono_guardar.png) no-repeat;width:25px;height:25px;border:0 !important;box-shadow:none;margin:0 0 0 10px !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.guardarpop{background:url(../img/boton_save2.png) no-repeat;width:150px;height:50px;border:0 !important;box-shadow:none;margin:10px 0 0 610px !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardarpop2{background:url(../img/boton_save2.png) no-repeat;width:150px;height:50px;border:0 !important;box-shadow:none;margin:30px 0 0 0 !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardarpop3{background:url(../img/boton_confirmar_recepcion.png) no-repeat;width:200px;height:50px;border:0 !important;box-shadow:none;margin:-25px 0 0 655px !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardarpop4{background:url(../img/boton_cancelar.png) no-repeat;width:100px;height:50px;border:0 !important;box-shadow:none;margin:-25px 0 0 0 !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardarpop5{background:url(../img/boton_registrar.png) no-repeat;width:150px;height:50px;border:0 !important;box-shadow:none;margin:-25px 0 0 0 !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardarpop6{background:url(../img/boton_save3.png) no-repeat;width:100px;height:33px;border:0 !important;box-shadow:none;margin:-25px 0 0 0 !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardaravance{background:url(../img/boton_avance.png) no-repeat;width:150px;height:50px;border:0 !important;box-shadow:none;margin:30px 0 0 0 !important;padding:0 0 0 0 !important;cursor:pointer;font-size:0.1px}
input.guardarboton{background:url(../img/boton_guardar.png) no-repeat;width:150px;height:50px;border:0 !important;box-shadow:none;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;border:0 !important;box-shadow:none;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/icono_refresh.png) no-repeat;width:25px;height:25px;border:0 !important;box-shadow:none; margin:0 0 0 10px !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.refrescar2{background:url(../img/icon_reload.png) no-repeat;width:50px;height:50px;border:0 !important;box-shadow:none; margin:15px 0 0 0 !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.refrescar3{background:url(../img/icon_reload.png) no-repeat;width:25px;height:25px;border:0 !important;box-shadow:none; margin:15px 0 0 0 !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.caja{border:1px solid #ccc;padding:4px 10px;height:21px;margin:2px 25px 11px 0;font-size:14px; box-shadow:none;}
input.cajastockleft{border:1px solid #ccc;padding:4px 10px;height:75px;margin:75px 25px 11px 45px;font-size:30px; box-shadow:none;}
input.cajastockright{border:1px solid #ccc;padding:4px 10px;height:75px;margin:75px 25px 11px 545px;font-size:30px; box-shadow:none;}
input.botonver{background:url(../img/botonver.png) no-repeat;width:23px;height:22px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.botonverstock{background:url(../img/botonverstock.png) no-repeat;width:75px;height:75px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.botonverstock2{background:url(../img/botonverstock.png) no-repeat;width:30px;height:30px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.botonverstock3{background:url(../img/botonverstockvisible.png) no-repeat;width:30px;height:30px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.botonsave{background:url(../img/boton_save.png) no-repeat;width:100px;height:40px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.botonopen{background:url(../img/boton_open.png) no-repeat;width:100px;height:40px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.botonfinish{background:url(../img/boton_finish.png) no-repeat;width:100px;height:40px;border:0;margin:0 !important;padding:0 !important;cursor:pointer; box-shadow:none;}
input.borrar{background:url(../img/borrar.png) no-repeat;width:15px;height:15px;border:0 !important;box-shadow:none;margin:0 0 0 10px !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.informe{background:url(../img/enviar_informe.png) no-repeat;width:200px;height:50px;border:0 !important;box-shadow:none;margin:60px 0 0 150px !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}
input.fechaform{font-size:20px; padding: 0 0 0 0; margin: 10px 0 0 0; height:50px}
input.atras{background:url(.../img/icono_atras.png) no-repeat; width:25px;height:25px;border:0 !important;box-shadow:none;height:50px;border:0;margin:10px 0 0 0 !important;padding:7px 0 0 30px !important;cursor:pointer;font-size:0.1px}}

input.search_long{text-overflow:ellipsis; white-space: nowrap; overflow:hidden; padding-right:65px; padding-left:65px; height:35px; border-color:#dfdfdf; text-transform:uppercase; background:#FFF; font-size:24px;}
input.search_long2{text-overflow:ellipsis; white-space: nowrap; overflow:hidden; padding-right:65px; padding-left:65px; height:65px; border-color:#dfdfdf; text-transform:uppercase; background:#FFF; font-size:30px;}
input.buscar_v2{height:40px; border-color:#ff327d; font-size:24px; font-weight:bold; color:#ff327d; background-color:#fff; width:15%; margin-left:20px}
input.buscar_v2long{height:40px; border-color:#ff327d; font-size:24px; font-weight:bold; color:#ff327d; background-color:#fff; width:25%; margin-left:20px}
input.buscar_v2long2{height:65px; border-color:#ff327d; font-size:30px; font-weight:bold; color:#ff327d; background-color:#fff; width:25%; margin-left:20px}
input.campo{font-size:12px; height:20px}
input.campo2{font-size:22px; height:30px}
input.campo3{font-family:ubuntuSB; font-size:14px; height:20px}
select.campo3{font-family:ubuntuSB; font-size:14px}
textarea.campo3{font-family:ubuntuSB; font-size:12px}

#seur_confirm_carrier {background:url(http://crm.diabetika.es/img/ship_seur.png); width:69px; height:22px; border:0}


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);
    font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #4d3726;
}

input.medio {height: 35px; padding: 2px 5px; background: #FFF; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; font-size: 26px; color: #333;}
input.grande {height: 42px; padding: 2px 5px; background: #FFF; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; font-size: 31px; color: #333;}
input.grande2 {height: 60px;padding: 2px 5px;background: #FFF;font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; font-size: 40px; text-decoration: bold; color: #999;}
input.grande2B {height: 60px; padding: 2px 5px; background: #FFF; font-family: 'ubuntuB', 'hv', Helvetica, Arial, sans-serif; font-size: 40px; text-decoration: bold; color: #333;}

input[type=radio] {
    padding: 2px 5px;
    font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #F30;
}


input[type=range] {
    -webkit-appearance: none;
    width: 40px;
    height: 28px;
    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;
    }
input[type='range'].rangerma {
        -webkit-appearance: none !important;
        border-radius: 18px;
        background-color: #ebebeb;
        border: 1px solid #999;
        height: 19px;
        width: 40px;
    }	
input[type=rangemini] {
    -webkit-appearance: none;
    width: 40px;
    height: 15px;
    border-radius: 5px;
    background: #ebebeb;
    outline: none;
    }
input[type='rangemini']::-webkit-slider-thumb {
        -webkit-appearance: none !important;
        border-radius: 10px;
        background-color: #FFF;
        box-shadow:inset 0 0 10px rgba(000,000,000,0.5);
        border: 1px solid #999;
        height: 15px;
        width: 40px;
    }	
	
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;
}

/*************************** INFORMES *******************************/

#resumen {width:95%; height:100px; margin: 0 0 0 30px; padding: 0 0 0 0}
#resumen table {border-spacing: 5px}
#resumen td.informe_1 {width:125px; background: #EBEBEB; font-size: 35px; font-decoration:bold; text-align:center}
#resumen td.informe_2 {width:200px; background: #EBEBEB; font-size: 30px; font-decoration:bold; text-align:center}
#resumen td.informe_fecha {width:250px; float:right; font-size:18px}

/*************************** POPUP SUBIDA ***************************/

#popupsub {float:left !important;width: 1050px !important; height:500px; padding:170px 20px 0 0 !important; margin-left: 15px; background:url(../img/tit_subidadocs.png) no-repeat; overflow:hidden !important}
#popupsub h1{font-size:40px !important; margin-left: 20px; margin-top: 50px; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; width:100% !important;float:left;}
#popupsub h2{font-size:24px !important; margin-left: 20px; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; width:100% !important;float:left;padding-bottom:60px}
#popupsub p {font-size:24px; color:#333 !important}
#popupsub input {font-size:21px !important; text-transform:uppercase; background: #FFF; padding: 0 0 0 10px; border:none;}
#popupsub input.archivo::-webkit-file-upload-button {color: white; border: 0px;border-radius: 5px;background: #999;}
#popupsub input.boton{background:#333 !important;color:#FFF; font-weight:none !important;font-size:28px !important;margin:70px 0 0 12px;text-transform:uppercase !important;height:70px; width: 300px; padding:15px 25px 15px 25px !important;font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; border: none;}
#popupsub input.textogrande{font-size:20px !important; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; width:100% !important; text-transform:uppercase; background: #FFF; padding: 5px 0 5px 10px}
#popupsub ul{float:left;width:600px;list-style:none}
#popupsub li{float:left;list-style:none;padding: 0 20px 15px 0}
#popupsub li.bon{width:500px; padding-top:14px !important}

/*************************** SUBIDA SIN POPUP ***************************/

#upsub {float:left !important; padding:25px 20px 0 75px !important; margin-left: 15px; no-repeat; overflow:hidden !important}
#upsub h1{font-size:40px !important; margin-left: 20px; margin-top: 50px; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; width:100% !important;float:left;}
#upsub h2{font-size:24px !important; margin-left: 20px; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; width:100% !important;float:left;padding-bottom:60px}
#upsub p {font-size:24px; color:#333 !important}
#upsub input {font-size:21px !important; text-transform:uppercase; background: #FFF; padding: 0 0 0 10px; border:none;}
#upsub input.archivo::-webkit-file-upload-button {color: white; border: 0px;border-radius: 5px;background: #999;}
#upsub input.boton{background:#333 !important;color:#FFF; font-weight:none !important;font-size:28px !important;margin:70px 0 0 12px;text-transform:uppercase !important;height:70px; width: 300px; padding:15px 25px 15px 25px !important;font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; border: none;}
#upsub input.textogrande{font-size:20px !important; font-family: 'ubuntu', 'hv', Helvetica, Arial, sans-serif; width:100% !important; text-transform:uppercase; background: #FFF; padding: 5px 0 5px 10px}
#upsub ul{float:left;width:600px;list-style:none}
#upsub li{float:left;list-style:none;padding: 0 20px 15px 0}
#upsub li.bon{width:500px; padding-top:14px !important}

/************************** BOTON **************************************/

.boton_trans {border: 1px #CCC solid;padding: 20px 20px; float: left; color: #333; font-size:16px; font-decoration:bold; text-align:center; width:100px; margin-right: 30px; margin-bottom:30px }


/**************** CAPA DESPLEGABLE *************************/

.plegable{
   height:0;
   overflow:hidden;
}