﻿.verdeTrue{float:left; width:100% !important; }

 
.verdeTrue{ background:#b1eda5;}
.verdeFalse{ background:#fffbbb url(../../images/confirmarPedido.png) no-repeat 96% 3px;}
 
 .lineaconfirmada{ border:4px solid #A5CC5D;}
 
 .lineanoconfirmada{ border:4px solid #F5F696;}
 
.verde{background:#b1eda5;  }
 
.btVer{ background:#454791 url(../../images/icoBusc.png) no-repeat 3px 3px;border:none;  padding:2px 3px 2px 20px; cursor:pointer;color:#fff; border-radius: 5px;}

.categorx{background:#99a8cc; float:left; width:18%; margin:10px 1%; padding:4px; height:255px;}
.categorx:hover{ background:#fff; border-radius:5px;}
.categorx a img{ border:2px solid #fff; border-radius:5px; float:left; min-width:100%;}
.categorx a:hover img{ opacity:.7;}
.categorx a, .categorx strong{ display:block; float:left; width:100%;}
.categorx p{ padding:5px 2px; margin:0;}

 
 
.campox{ font-size:0.9em; width:80%; margin-left:5px; border:1px solid #adccd7; color:#626c6f;}
.campox{ padding: 0px !important; color:#626c6f !important; }
.campox:hover{color:#CCC !important;}

/*--menu izq--*/
.menu2{float:left; width:300px !important; margin:0; padding:0;}
.menu2 li{float:left; width:100%;margin:0; padding:0; background: #d6e4eb; border-bottom:1px solid #bed4df;}
.menu2 a{color:#5a697e; font:bold 1.1em arial; padding:7px 2px 7px 45px; display:block; border:1px solid #bed4df; border-bottom:none; border-top:none;}
.menu2 a:hover{color:#5a697e;}
.menu2 li:hover{color:#5a697e;}
.menu2 ul{ margin:0; padding:0; width:100%; border-top:1px solid #bed4df;}
.menu2 ul a{ font-size:0.9em; color:#5c6164; padding:3px 2px 3px 45px; border:1px solid #ececec; border-bottom:none; border-top:none;}
.menu2 ul li{ background:#f2f2f2;}


.calendar{ background:url(../../images/icoCalendar.gif) no-repeat; width:23px; height:23px; border:none; margin-left:10px; cursor:pointer;}

.detalle{ float:left; width:100%; padding:5px 15px; margin:5px 0; background: #fffbbb; color:#140f73;font-family: 'gotham_htfbook';}



.detalleVerde{ float:left; width:100%; padding:5px 15px; margin:5px 0; background: #b1eda5; color:#140f73;font-family: 'gotham_htfbook';}






.minizonaDesplegable{ background:#ebebeb; border-radius:7px; padding:10px !important; border:1px solid #9a9ad5; float:left; width:10%; margin:10px 1%;}
.minizonaDesplegable h4{ background:#f8f8f8; }


 .titulovacio{margin:0px !important; visibility:hidden !important;  padding:0 !important;}
 
 
 .b1{ width:1% !important;}
 .b2{ width:2% !important;}
 .b3{ width:3% !important;}
 .b4{ width:4% !important;}
 .b5{ width:5% !important;}
 .b6{ width:6% !important;}
 .b7{ width:7% !important;}
 .b8{ width:8% !important;}
 .b9{ width:9% !important;}
 .b10{ width:10% !important;}
 .b11{ width:11% !important;}
 .b12{ width:12% !important;}
 .b13{ width:13% !important;}
 .b14{ width:14% !important;}
 .b15{ width:15% !important;}
 .b16{ width:16% !important;}
 .b17{ width:17% !important;}
 .b18{ width:18% !important;}
 .b19{ width:19% !important;}
 .b20{ width:20% !important;}
 .b21{ width:21% !important;}
 .b22{ width:22% !important;}
 .b23{ width:23% !important;}
 .b24{ width:24% !important;}
 .b25{ width:25% !important;}
 .b26{ width:26% !important;}
 .b27{ width:27% !important;}
 .b28{ width:28% !important;}
 .b29{ width:29% !important;}
 .b30{ width:30% !important;}
 .b31{ width:31% !important;}
 .b32{ width:32% !important;}
 .b33{ width:33% !important;}
 .b34{ width:34% !important;}
 .b35{ width:35% !important;}
 .b36{ width:36% !important;}
 .b37{ width:37% !important;}
 .b38{ width:38% !important;}
 .b39{ width:39% !important;}
 .b40{ width:40% !important;}
 .b41{ width:41% !important;}
 .b42{ width:42% !important;}
 .b43{ width:43% !important;}
 .b44{ width:44% !important;}
 .b45{ width:45% !important;}
 .b46{ width:46% !important;}
 .b47{ width:47% !important;}
 .b48{ width:48% !important;}
 .b49{ width:49% !important;}
 .b50{ width:50% !important;}
 .b51{ width:51% !important;}
 .b52{ width:52% !important;}
 .b53{ width:53% !important;}
 .b54{ width:54% !important;}
 .b55{ width:55% !important;}
 .b56{ width:56% !important;}
 .b57{ width:57% !important;}
 .b58{ width:58% !important;}
 .b59{ width:59% !important;}
 .b60{ width:60% !important;}
 .b61{ width:61% !important;}
 .b62{ width:62% !important;}
 .b63{ width:63% !important;}
 .b64{ width:64% !important;}
 .b65{ width:65% !important;}
 .b66{ width:66% !important;}
 .b67{ width:67% !important;}
 .b68{ width:68% !important;}
 .b69{ width:69% !important;}
 .b70{ width:70% !important;}
 .b71{ width:71% !important;}
 .b72{ width:72% !important;}
 .b73{ width:73% !important;}
 .b74{ width:74% !important;}
 .b75{ width:75% !important;}
 .b76{ width:76% !important;}
 .b77{ width:77% !important;}
 .b78{ width:78% !important;}
 .b79{ width:79% !important;}
 .b80{ width:80% !important;}
 .b81{ width:81% !important;}
 .b82{ width:82% !important;}
 .b83{ width:83% !important;}
 .b84{ width:84% !important;}
 .b85{ width:85% !important;}
 .b86{ width:86% !important;}
 .b87{ width:87% !important;}
 .b88{ width:88% !important;}
 .b89{ width:89% !important;}
 .b90{ width:90% !important;}
 .b91{ width:91% !important;}
 .b92{ width:92% !important;}
 .b93{ width:93% !important;}
 .b94{ width:94% !important;}
 .b95{ width:95% !important;}
 .b96{ width:96% !important;}
 .b97{ width:97% !important;}
 .b98{ width:98% !important;}
 .b99{ width:99% !important;}
.pb1 {
    padding-bottom: 0.4em;
}
.pb3 {
padding-bottom:1.4em;
}
.b100boo {
    width: 100% !important;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.b70boo {
    width: 50% !important;
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.b30boo {
    width: 50% !important;
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.outlet{ background:#faf17b url(../../images/outlet.png) no-repeat 4px 3px; border-radius:5px; padding:4px 7px 4px 28px !important; margin-right:10px;font-family: 'gothambold1'; color:#0e0e86 !important;}
.outlet:hover{ opacity:.7;}


.bloqOutlet{float:left; width:100%; background: #f3eb7c url(../../images/fondoOutlet.gif) repeat-x bottom; margin-bottom:10px; }

.bOutlet{float:left; width:100%; background: url(../../images/fondoOutlet.png) 98% 100% no-repeat;}

.bloqOutlet h1{ float:left; width:100%; background:url(../../images/icoOutlet.gif) 15px 6px no-repeat; padding:8px 10px 8px 70px; font-weight:normal !important; color:#0f0f89 !important;}



.minizonaPedido{ background:#fff; border-radius:7px; padding:10px !important; float:left; width:40%;}
.minizonaPedido ul{ padding:10px 0 10px 10px; float:none !important;}
.minizonaPedido p{ margin:0; padding:5px 0; float:none !important;}


.campoForx5,.campoForx10,.campoForx15, .campoForx20, .campoForx25, .campoForx30, .campoForx35, .campoForx40, .campoForx45,.campoForx55{color:#606060; border-radius:5px; padding:5px;  text-transform:uppercase; box-shadow: 1px 1px 1px rgba(255,255,255,1), inset 1px 0 4px rgba(0,0,0,.15); border:1px solid #ccc; float:left; margin:0 5px;font-size:1.1em; }
.campoForx60,.campoForx65, .campoForx70, .campoForx75, .campoForx80, .campoForx85, .campoForx90, .campoForx95,.campoForx100{color:#606060; border-radius:5px; padding:5px;  text-transform:uppercase; box-shadow: 1px 1px 1px rgba(255,255,255,1), inset 1px 0 4px rgba(0,0,0,.15); border:1px solid #ccc; float:left; margin:0 5px;font-size:1.1em; }

.campoForx0{width:0%;}
.campoForx5{width:5%;}
.campoForx10{width:10%;}
.campoForx15{width:15%;}
.campoForx20{width:20%;}
.campoForx25{width:25%;}
.campoForx30{width:30%;}
.campoForx35{width:35%;}
.campoForx40{width:40%;}
.campoForx45{width:45%;}
.campoForx50{width:50%;}
.campoForx55{width:55%;}
.campoForx60{width:60%;}
.campoForx65{width:65%;}
.campoForx70{width:70%;}
.campoForx75{width:75%;}
.campoForx80{width:80%;}
.campoForx85{width:85%;}
.campoForx90{width:90%;}
.campoForx95{width:95%;}
.campoForx100{width:100%;}

.oculto{display:none !important;}

.formulario2{ float:left; width:69%; padding:15px 10px 15px 15px; border-radius:8px; background:#e1e1e1; margin:8px 0;font-size:1.1em;}
.formulario2 span, .formulario2{ float:left; padding:4px 7px 4px 0; color:#6c6c6c; }
@media (max-width: 700px) {
.formulario2 { width:100% !important; margin-top:7px; text-align:left !important;}

}
 
 
table td label {margin-left:5px;}


.invierno0{ background: #FFF; color: #000;}
.invierno2{ background: #FFF; color: #000;}
.invierno1{ background: #FFF; color: #FFF;}

.excluir0{ background: #FFF; color: #000;}
.excluir2{ background: #FFF; color: #000;}
.excluir1{ background: #FFF; color: #FFF;}

.excluirFalse{ background: #FFF; color: #FFF;}
.excluirTrue{ background: #FFF; color: #000;}
.pexcluirFalse{ background: #FFF; color: #FFF;}
.pexcluirTrue{ background: #FFF; color: #000;}

.cobradoFalse{ background: #FFF; color: #FFF;}
.cobradoTrue{ background: #FFF; color: #000;}

.botonesD li{padding:0 !important; margin:0px !important;}



/* ---pestañas---- */

.pestanas{ float:left; width:100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset; border-radius:10px 10px 0 0;  font-size:1.1em; margin-bottom:10px;}
.pest:hover {
   box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2) inset; background:#fff;text-shadow: 0 -1px 0 #fff; border:1px solid #d3d3d3; color:#525252;
}

.pest { 
    position: relative !important; /* Keeps the tabs in line with each other */
    text-decoration: none;
    color: #262626;
    display: inline-block;
    padding: 5px 15px;
    font-size:1.1em;
    font-family: "gothambold1"; font-weight:normal;
    text-transform:uppercase;
    background: #fff; /* old browsers */
    background: -moz-linear-gradient(top, #8A8889 0%, #bdbdbd 52%, #eaeaea 100%); /* firefox */
    background: linear-gradient(top, #8A8889 0%, #bdbdbd 52%, #cbcbcb 100%); /* future browsers */
    -pie-background: linear-gradient(top, #8A8889 0%, #bdbdbd 52%, #cbcbcb 100%); /* pie for ie */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A8889), color-stop(52%,#bdbdbd), color-stop(100%,#cbcbcb)); /* webkit */
    -moz-border-radius: 3px;
    -webkit-border-radius: 0px;
    border-radius: 3px 10px 0 0;
    text-shadow: 0 -1px 1px #dfdfdf;
    -moz-box-shadow: 0 4px 10px -5px #000000; border:1px solid #ccc;
}
/* ---pestañas---- */





/*--pie fijo--*/
.pieFijo{ background:#000; float:left; width:100%; color:#fff; padding:2px; text-align:center; font-size:.9em;
position:fixed; left:0; bottom: 0 !important;}
.pieFijo a{color:#FFF !important;}
/*--arriba--*/
.ir-arriba {display:none; padding:5px 10px;font-size:30px; color:#fff; cursor:pointer; position: fixed; bottom:20px;left:20px; z-index:100;
background:url(../../images/arrow.png) no-repeat 5px 5px;
background: -moz-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(204,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,93,93,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(93,93,93,1) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#000', GradientType=0 ); border-radius:5px;
box-shadow: 0 0 5px rgba(255, 255, 255, .5);
}

@font-face {
    font-family: 'bpmenu';
    src:url('../fonts/bpmenu/bpmenu.eot');
    src:url('../fonts/bpmenu/bpmenu.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bpmenu/bpmenu.woff') format('woff'),
        url('../fonts/bpmenu/bpmenu.ttf') format('truetype'),
        url('../fonts/bpmenu/bpmenu.svg#bpmenu') format('svg');
    font-weight: normal;
    font-style: normal;
}
.arrow::before{content: "\f106";font-family: 'bpmenu';}
/*--arriba--*/


.both{clear:both;}

.elastislide-list{text-align:center;}



