/*
Verdes chulos que combinan:
CLARITO: #86ba17
OSCURO: #538717
*/

body{background-color: #EEE; /*font-family: "Dosis", Helvetica, sans-serif;*/ font-family: "Lato", Helvetica, sans-serif; color: #333; text-align:left; font-size: 20px; }
a, .simulink{text-decoration: none; color:#080; cursor:pointer !important;}
input{font-size: 12px;}
p{clear:both;}
button{border:none;}

#intro-grupo{float:left; width: 100%; box-sizing: border-box;}
#loggin{float:right; margin-top: 20px; cursor:pointer; padding: 10px; width:200px; color:#0e0;}
#loggin h3{margin:-5px 0px 10px}
#Acceso{text-align:right; float:right; font-size: 20px; color:green;}
#menu-usuario{background-color: #ccc; border: solid thin #aaa; padding:0px; box-sizing: border-box;}
#menu-usuario h3{color:#060;}
#menu-usuario a{display:inline-block; color:#060;}
#menu-usuario a:hover{color:#090;}

#frmLoggin{padding:10px; color:#fff;}
.menu-usuario{cursor:pointer; text-align:center; width: 100%; padding:10px; background-color: #666; color: #FFF; border-bottom: solid thin #aaa; box-sizing: border-box;}
.menu-usuario:hover{background-color: #aaa}
.menu-usuario a{text-decoration: none; color:#FFF;}

.col-imagen{float: left; width: 100px; margin: 1px 5px 5px -5px;}
.foto-producto{height:100px; width:auto; max-width:100px; background-size: 100% !important; background-position-y: top !important;}

#div-usuario{clear:both; width:100%;}

#Subir {position: fixed; top:70px; left: calc(100% - 30px); width:30px; height:50px; cursor:pointer;
        background: url(../images/scroll-up.png) no-repeat;background-size: 100%; background-color: #666; background-position: 2px 10px; border-radius: 15px 0px 0px 0px; border-bottom:  solid thin #aaa;}
#Bajar {position: fixed; top:121px; left: calc(100% - 30px); width:30px; height:50px; cursor:pointer;
        background: url(../images/scroll-down.png) no-repeat;background-size: 100%; background-color: #666; background-position: 2px 10px; border-radius: 0px 0px 0px 15px;}

/* Capas generales de la página */
#bajo_cabecera{margin-top: 10px; min-height: 600px; max-width: 900px; margin: auto;}


/*.linea_producto {clear:both; background: #AAA; overflow: auto; border: #F00;}*/
.linea_producto {clear:both; overflow: auto; border-bottom: solid thin #aaa; margin: 0px; padding: 0px; font-size: 16px;}
.producto-destacado{background-color: rgb(209, 249, 185);}
.proveedor-destacado .origen{color: #1F9C00;}
.frm_campo input,textarea,select, .boton {box-sizing: border-box; font-size:20px;}
.iconos{clear:both;}
.iconos div{height:35px; width:35px; float:left; margin-right:5px;}
.ico-avalado{background: url(../images/ico/ico-avalado.png) no-repeat;background-size: 100%; }
.ico-eco{background: url(../images/ico/ico-eco.png) no-repeat;background-size: 100%; }
.ico-km0{background: url(../images/ico/ico-km0.png) no-repeat;background-size: 100%; }
.ico-aee{background: url(../images/ico/ico-aee.png) no-repeat;background-size: 100%; }
.ico-LaVidaBuena{background: url(../images/ico/ico-LaVidaBuena.png) no-repeat;background-size: 100%; }

#leyenda{clear: both; height: 50px;}
#leyenda .leyenda-ico{width:230px;}
#leyenda .txt-leyenda{font-size:14px; float:left; width:180px}

#linea-buscador{clear:both; float:right; height:80px;}
#ico-buscador{background: url(../images/ico/lupa.png) no-repeat; background-size: 100%; height: 25px; width: 25px; margin-left: 10px; float: right; cursor:pointer;}
#NingunProductoEncontrado {display:none;}

.linea_total{font-size:28px; clear:both; font-weight: bold; color: #006; width:200px; padding: 20px; display:inline-block; margin:auto; }
#total, #total2{float:left; margin-left:5px;}

.ver-desglose{float: right !important; cursor:pointer; width:15px; height:15px; margin-top:10px; margin-right:10px; padding: 5px;  background: url(../images/ico/formula_precios.png) no-repeat; background-size: 60%; background-color: #FFF; background-position: 5px; border-radius: 5px}
.ver-desglose-sin{float: right !important; cursor:pointer; width:15px; height:15px; margin-top:10px; margin-right:10px; padding: 5px;  background: url(../images/ico/formula_precios_sin.png) no-repeat; background-size: 60%; background-color: #FFF;background-position: 5px; border-radius: 5px}

.categoria{clear: both; color: #FFF; font-size: 22px; cursor: pointer; background-color: #390; font-weight:bold; padding: 5px; border-bottom:solid thin #CCC;}
.categoria:hover{background-color: #7c9a3f; }
.bloque_categoria{display:none; margin-bottom: 20px;}

/* Controles de formulario */
.bloque_datos{overflow:auto; margin-bottom:25px; width:100%; clear:both;}

.frm_linea {clear:both;}
.frm_campo {float:left; min-width:200px; width:100%; box-sizing: border-box; color:#000 !important;}
.frm_campo textarea, select {max-width: 500px; width:100%; box-sizing: border-box;}

.boton {float:left; text-align:center; padding: 8px; color:#FFF; background-color: #0a0; cursor: pointer; min-width: 120px; margin-bottom:10px;}
.boton:hover{background-color: #4F4;}
#boton-aceptar {margin-top:20px; float:right;}
    
#detalles_proyecto{margin-bottom: 10px; font-size: 12px; }

.cantidad {text-align:right; border-radius: 0px;}
.cantidad-sumar{float:right; background-color: #AAA; color: #FFF; font-size:20px; padding: 0px 10px; margin:0px; cursor:pointer;}

#comentarios-ver{width: 100%; height: auto; border: none; background-color: transparent;}