@font-face{font-family:'HelveticaNeueLight';font-style:normal;src:url(/fonts/HelveticaNeueLight.ttf) format("opentype")}
html,body,form,p,h1,h2,h3{-webkit-text-size-adjust:none}
body{margin:0;background-color:#F4F3EF;font-family:'HelveticaNeueLight'!important;font-style:normal;font-weight:300;font-size:2vw;letter-spacing:1px}
table{border:0}
a{color:#603;text-decoration:none}
a:focus,a:hover{color:#603;text-decoration:none}
img{max-width:100%}
.table > thead > tr > th{border-bottom:0;font-weight:400;font-size:16px}
.clear{clear:both;display:block;height:0;width:100%}
select::-ms-expand{display:none}
small{font-size:2vw}
.input-lg{height:auto;line-height:normal}
.icontype{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none}
.form-control:focus{border-color:#9B9084}
input:focus{outline:none}
.fieldtext{color:#212121;font-weight:300;font-style:normal;background-color:#FFF;resize:none;box-shadow:none;border:1px solid #9B9084;border-radius:10px;font-size:3vw;text-align:center;text-align-last:center;padding:2% 0;letter-spacing:1px}
select.input-lg{height:auto;line-height:normal;margin-bottom:7%;padding:2% 7%}
.enviar{color:#FFF;padding:2% 0;border:1px solid #F90;text-align:center;font-weight:400;outline:0;height:auto;background-color:#F90;border:none}
.form-control:focus{box-shadow:none}
.form-control::-webkit-input-placeholder{color:#202020}
.form-control:-moz-placeholder{color:#202020}
.form-control::-moz-placeholder{color:#202020}
.form-control:-ms-input-placeholder{color:#202020}
.form-control::-ms-input-placeholder{color:#202020}
.pc{display:block}
.movil{display:none}
.menu{background:none repeat scroll 0 0 #9A9083;width:100%;float:left;text-align:center;padding:12px 0}
.menu a{color:#FFF;line-height:1.2;text-decoration:none;display:inline-block;letter-spacing:2px}
.menu_movil{display:none}
#nav-button .fa-navicon{background-image:url(/_imag/menu.png)}
#nav-button .fa-close{background-image:url(/_imag/menu_cerrar.png)}
#main-nav{display:block;width:188px;height:100%;position:absolute;overflow:hidden;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out;left:0;z-index:1;top:0}
#main-nav.show{background:#9A9083;z-index:3}
#nav-button{height:55px;width:55px;left:7px;top:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#444;overflow:hidden;float:left}
#nav-button .fa{position:absolute;top:0;right:0;bottom:0;margin:auto;display:block;width:33px;height:25px;left:0}
#nav-button:hover{cursor:pointer}
#nav-button.width{height:55px;width:55px;box-shadow:none}
#nav-button.width:before{content:'';display:block;width:.4em;height:.4em;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;-webkit-animation:color .3s linear;animation:color .3s linear}
#nav-list{padding:20px;padding-left:27px;opacity:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;width:100%;float:left}
#nav-list td.imagen{width:60px;height:55px}
#nav-list table{width:100%}
#nav-list .icono{display:block;margin:0 auto}
#nav-list a{color:#FFF;line-height:1.2;text-decoration:none;display:block;padding:0;-webkit-transition:color .2s ease-in-out;transition:color .2s ease-in-out;float:left;text-align:left;font-size:16px}
#nav-list ul,li{margin:0;padding:0}
#nav-list li{list-style:none;float:left;width:100%;margin-bottom:20px}
#nav-list.nav-show{opacity:1;display:block;float:left}
#banner{width:100%;float:left;margin-top:5px;margin-bottom:3%;background-image:url(/_imag/banner_mall.png);background-size:cover;z-index:2;position:relative}
#banner > div{width:100%;margin:0 auto;position:relative;padding:2% 0}
#banner > div #logo{margin:0 auto;display:block}
#banner > div #ventas{position:absolute;bottom:15px;left:25px;line-height:normal;font-weight:400;width:215px}
#titulo{color:#26272C;font-size:4.8vw;text-align:center;line-height:normal;margin:0}
#subtitulo{color:#777;font-size:2.4vw;text-align:center;margin:0;letter-spacing:2px;line-height:normal}
#odv{background:none repeat scroll 0 0 #F4F3EF;margin:0;padding:0;z-index:2;position:relative}
#odv #scroll{width:100%;margin:0 auto;background-color:#F4F3EF;padding:0 11%}
#odv #scroll .carro{width:100%;float:left;display:table;margin-top:35px;margin-bottom:5px}
#odv #scroll #store{width:100%;margin:0 auto;padding-top:35px;display:inline-block;padding-bottom:25px}
#odv #scroll #store #box_vino{width:49%;display:table-cell;vertical-align:top;background-color:#FFF;margin-bottom:20px}
#odv #scroll #store #box_separador_ver{width:2%;display:table-cell;vertical-align:top}
#odv #scroll #store #box_separador_hor{height:20px;display:table-cell;vertical-align:top}
#odv #scroll #store #carro{background-color:#FFF;padding:42px;width:100%;float:left}
#odv #scroll #store #carro #total_seleccion{width:100%;float:left;padding:15px;padding-bottom:0}
#odv #scroll #store #carro #total_seleccion > div{width:95%;float:left;color:#666;text-align:right;font-weight:400}
#odv #scroll #store #aviso_stock{float:left;width:100%;text-align:center;padding:25px 20px 20px}
#odv #scroll #store #carro #direccion{border-bottom:5px solid #F4F3EF;margin-bottom:15px;background-color:#F4F3EF;margin-top:20px;padding:20px 5px 5px;width:100%;float:left}
#odv #scroll #store #box_transferencia{float:left;width:100%;background-color:#FFF;padding:42px;margin-bottom:15px;display:none}
#odv #scroll #store #carro .item{color:#F90}
#odv #scroll #store #carro .items{padding:15px;width:100%;float:left}
#odv #scroll #store #carro .it_imagen{width:7%;float:left;border:1px solid #CCC;background-color:#FFF}
#odv #scroll #store #carro .it_imagen > img{display:inline-block;padding:5px}
#odv #scroll #store #carro .it_sku{width:9%;float:left;text-align:center}
#odv #scroll #store #carro .it_producto{width:40%;float:left}
#odv #scroll #store #carro .it_unitario{width:12%;float:left;text-align:right}
#odv #scroll #store #carro .it_cantidad{width:15%;float:left;text-align:center}
#odv #scroll #store #carro .it_total{width:12%;float:left;text-align:right}
#odv #scroll #store #carro .items_mo{font-size:18px;width:100%;float:left;padding:20px;border-top:1px solid #BCBBB8}
#odv #scroll #store #carro #totales{width:100%;float:left;padding:30px 15px;margin-top:15px;border-bottom:5px solid #F4F3EF;border-top:5px solid #F4F3EF;margin-bottom:20px}
#odv #scroll #store #carro #totales .box_1{width:62%;float:left}
#odv #scroll #store #carro #totales .box_2{width:18%;float:left;padding:6px 0}
#odv #scroll #store #carro #totales .box_3{width:15%;float:left;text-align:right;padding:6px 0}
#odv #scroll #store #contenido{width:100%;float:left;background-color:#FFF;padding:60px 0 40px}
#odv #scroll #store .opcion{width:32%;height:auto;line-height:1.2;margin-bottom:2%;padding:2% 0;cursor:pointer;float:left;text-align:center;background-color:#FFF;color:#333}
#odv #scroll #store .destacado{background-color:#9A9083;color:#FFF}
#odv #scroll #store .items-margen{padding:3px 15px 3px 0}
#odv #scroll #store .marco{float:left;width:100%}
#footer{color:#FFF;font-size:14px;text-align:center;width:100%;text-align:center;border-top:8px solid #FFF;background-color:#9A9083;padding:25px 20px 70px}
#pswd_info{position:relative;right:0;top:0;width:240px;padding:20px 25px 15px;background:#fefefe;font-size:14px;line-height:14px;border-radius:5px;box-shadow:0 1px 3px #ccc;border:1px solid #ddd;color:#666;display:none}
#pswd_info ul,#pswd_info li{line-height:1.2;list-style-type:none;margin:0 0 10px;padding:0}
#pswd_info h4{margin:0 0 15px;padding:0;font-weight:400;font-size:16px}
#pswd_info .invalid{background:url(/_imag/invalid.png) no-repeat 0 50%;color:#ec3f41;padding-left:25px}
#pswd_info .valid{background:url(/_imag/valid.png) no-repeat 0 50%;color:#3a7d34;padding-left:25px}
.observaciones{font-size:16px;float:right;width:90%;padding:2%;text-align:left;text-align-last:left}
@media screen and (max-width:960px) {
.menu{display:none}
.menu_movil{display:block}
#main-nav{display:block}
.observaciones{width:100%}
}
@media screen and (max-width:780px) {
.pc{display:none}
.movil{display:block}
#titulo{font-size:50px}
#banner > div #logo{max-width:50%}
#odv #scroll .carro{display:none}
#odv #scroll #store #box_vino{width:100%;float:left;margin-bottom:20px}
#odv #scroll #store #box_separador_ver{display:none}
#odv #scroll #store #box_separador_hor{display:none}
#odv #scroll #store #box_transferencia{padding:30px 5px 20px;border-bottom:none}
#odv #scroll #store #carro{padding:0}
#odv #scroll #store #carro #total_seleccion{border-top:1px solid #BCBBB8;padding-bottom:15px}
#odv #scroll #store #carro #total_seleccion > div{width:100%;text-align:center;font-size:30px;font-weight:300}
#odv #scroll #store #aviso_stock{background-color:#FFF;padding-top:15px;padding-bottom:15px;font-size:14px;border-top:1px solid #BCBBB8}
#odv #scroll #store #carro #direccion{padding:20px 5px;border-bottom:none;margin-top:0;background-color:#FFF}
#odv #scroll #store #carro #totales .box_1{display:none}
#odv #scroll #store #carro #totales .box_2{width:50%}
#odv #scroll #store #carro #totales .box_3{width:50%}
#odv #scroll #store #carro #totales{border-top:1px solid #BCBBB8;padding:30px 20px;font-size:18px}
#odv #scroll #store #contenido{background-color:#F4F3EF;padding:0}
#odv #scroll #store #contenido .centrado .opcion{width:100%;margin-bottom:10px;border:1px solid #9A9083}
#odv #scroll #store #contenido .centrado .items-margen{padding-right:0}
#odv #scroll #store #contenido .centrado .marco{border:none}
}
@media screen and (max-width:560px) {
#banner > div #ventas{display:none;position:relative;left:0;top:10px;margin:0 auto;margin-bottom:15px}
}
@media screen and (max-width:480px) {
#titulo{font-size:32px}
}