.gestion_bar{
position:fixed;
z-index:10000;
top:10px;
left:10px;
background:#fff;
border:1px solid #e9e9e9;
font-family:Arial, Helvetica, sans-serif;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
width:44px;}
.gestion_bar *{
margin:0;padding:0;}
.gestion_bar .gestion_bar_cont{
padding:1px 0px;}
.gestion_bar .item_bar{
width:40px;
height:40px;
margin:1px 2px 1px;
background:#333;
cursor:pointer;
position:relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .item_bar .icon img{
padding:8px;
border:0;}
.gestion_bar .item_bar:hover{
background:#000;
padding:0 8px 0 0;
-moz-border-radius: 2px 0px 0px 2px;
-webkit-border-radius: 2px 0px 0px 2px;
border-radius: 2px 0px 0px 2px;}
.gestion_bar .item_bar .submenu{
display:none;
margin-left:48px;
width:170px;
padding:3px;
background:#000;
position:absolute;
top:0;left:0;
-moz-border-radius: 0px 2px 2px;
-webkit-border-radius: 0px 2px 2px 2px;
border-radius: 0px 2px 2px;}
.gestion_bar .item_bar:hover .submenu{
display:block;}
.gestion_bar .item_bar .submenu .submenuItem{
width:150px;
margin:0 0 1px;
position:relative;
color:#fff;
font-size:12px;
font-weight:bold;
background:#222;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
height:30px;
padding:0 10px;}
.gestion_bar .item_bar .submenu .submenuItem img{
margin:5px 0 0;
float:left;}
.gestion_bar .item_bar .submenu .submenuItem span{
float:left;
display:block;
color:#ccc;
margin:8px 0 0 5px;}
.gestion_bar .item_bar .submenu .submenuItem a{
float:left;
display:block;
color:#fff;
text-decoration:none;
margin:8px 0 0 5px;}
.gestion_bar .item_bar .submenu .submenuItem:hover{
background:#000;}
/*2do Nivel*/
.gestion_bar .item_bar .submenu .submenuItem .submenu2{
display:none;
position:absolute;
top:-3px;
left:170px;
width:170px;
background:#000;
padding:5px;
-moz-border-radius: 0px 2px 2px 0px;
-webkit-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;}
.gestion_bar .item_bar .submenu .submenuItem:hover .submenu2{
display:block;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item{
position:relative;
background:#222;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin:0 0 1px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item a{
color:#fff;
text-decoration:none;
margin:0;
float:none;
padding:6px 6px 7px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item span{
color:#fff;
margin:0;
padding:6px 6px 7px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover{
background:#000;}
/*3er Nivel*/
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item .submenu3{
display:none;
position:absolute;
top:-5px;
left:170px;
width:150px;
background:#000;
padding:5px;
-moz-border-radius: 0px 2px 2px 0px;
-webkit-border-radius: 0px 2px 2px 0px;
border-radius: 0px 2px 2px 0px;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3{
display:block;
}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3 .submenu3Item a{
display:block;
color:#fff;
padding:6px;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background:#222;
margin:0 0 1px;
float:none;}
.gestion_bar .item_bar .submenu .submenuItem .submenu2 .submenu2Item:hover .submenu3 .submenu3Item a:hover{
background:#000;}
/*Icon edit*/
.gestion_bar .itembarEdit{
width:40px;
height:40px;
margin:1px 2px 1px;
background:#96C742;
cursor:pointer;
position:relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarEdit img{
padding:8px;
border:0;}
.gestion_bar .itembarEdit:hover{
background:#96C742;
padding:0 8px 0 0;
-moz-border-radius: 2px 0px 0px 2px;
-webkit-border-radius: 2px 0px 0px 2px;
border-radius: 2px 0px 0px 2px;}
.gestion_bar .itembarEdit .itembarEditCont{
display:none;
background:#96C742;
position:absolute;
top:0;
left:48px;
padding:10px;
width:190px;
-moz-border-radius: 0px 2px 2px;
-webkit-border-radius: 0px 2px 2px 2px;
border-radius: 0px 2px 2px;}
.gestion_bar .itembarEdit:hover .itembarEditCont{
display:block;}
.gestion_bar .itembarEdit:hover .itembarEditCont a{
display:block;
padding:8px;
margin:0 0 2px 0;
font-size:12px;
color:#fff;
font-weight:bold;
background:#729F25;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarEdit:hover .itembarEditCont a:hover{
background:#143D16;}
.gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigPortal{}
.gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigPag{}
.gestion_bar .itembarEdit:hover .itembarEditCont a.ConfigAddComp{}
/*Icon Eye*/
.gestion_bar .itembarEye{
width:40px;
height:40px;
margin:1px 2px 1px;
background:#f26e45;
cursor:pointer;
position:relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarEye img{
padding:8px;
border:0;}
.gestion_bar .itembarEye:hover{
padding:0 12px 0 0;}
.gestion_bar .itembarEye .barEyeCont{
display:none;
background:#f26e45;
position:absolute;
top:0;
left:48px;
padding:10px;
-moz-border-radius: 0px 2px 2px;
-webkit-border-radius: 0px 2px 2px 2px;
border-radius: 0px 2px 2px; }
.gestion_bar .itembarEye:hover .barEyeCont{
display:block;
width:190px;}
.gestion_bar .itembarEye .barEyeCont .selectView{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background:#fff;
padding:3px;}
.gestion_bar .itembarEye .barEyeCont .selectView select{
border:0;
color:#333;
font-weight:bold;
font-size:14px;
width:180px;
padding:2px;}
.gestion_bar .itembarEye .barEyeCont .options{
padding:10px 0 2px;
overflow:hidden;}
.gestion_bar .itembarEye .barEyeCont .options a{
display:block;
float:left;
padding:5px 8px;
font-size:12px;
color:#fff;
text-decoration:none;
background:#d15a34;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color:#fff;}
.gestion_bar .itembarEye .barEyeCont .options a:hover{
background:#c34d28;}
.gestion_bar .itembarEye .barEyeCont .options a.editTheme{}
/*Icon Add*/
.gestion_bar .itembarAdd{
width:40px;
height:40px;
margin:1px 2px 1px;
background:#31ce31;
cursor:pointer;
position:relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarAdd img{
padding:8px;
border:0;}
/*Icon Info User*/
.gestion_bar .itembarUser{
width:40px;
height:40px;
margin:1px 2px 1px;
background:#0d83dd;
cursor:pointer;
position:relative;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarUser img{
padding:8px;
border:0;}
.gestion_bar .itembarUser:hover{
padding:0 12px 0 0;}
.gestion_bar .itembarUser .barUserCont{
display:none;
background:#0d83dd;
position:absolute;
top:0;
left:48px;
padding:10px;
-moz-border-radius: 0px 2px 2px;
-webkit-border-radius: 0px 2px 2px 2px;
border-radius: 0px 2px 2px; }
.gestion_bar .itembarUser:hover .barUserCont{
display:block;
width:190px;}
.gestion_bar .itembarUser .barUserCont .userName{
padding:5px 0;
color:#fff;
font-size:16px;
font-weight:bold;}
.gestion_bar .itembarUser .barUserCont .userMail{
font-size:12px;
color:#fff;
padding:0 0 10px}
.gestion_bar .itembarUser .barUserCont .options{
overflow:hidden;}
.gestion_bar .itembarUser .barUserCont .options a{
display:block;
float:left;
padding:5px 8px;
margin:0 2px 2px 0;
font-size:12px;
color:#fff;
background:#8cc2ec;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarUser .barUserCont .options a:hover{
background:#036ebe;}
.gestion_bar .itembarUser .optionsApp{
margin:5px 0 0;
background:#8cc2ec;
padding:8px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarUser .optionsApp h4{
color:#fff;
font-weight:normal;
font-size:12px;
padding:3px;}
.gestion_bar .itembarUser .optionsApp h4 b{}
.gestion_bar .itembarUser .optionsApp a.actualizarApp{
display:block;
margin:5px 0 0;
padding:5px 8px;
font-size:12px;
color:#fff;
text-align:center;
background:#0d83dd;
text-decoration:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;}
.gestion_bar .itembarUser .optionsApp a.actualizarApp:hover{
background:#0A5B98;}
/* ESTILO DEL EDITOR DE TEXTOS DE PUBLICACIONES */
.bg_edit_text{
position:fixed;
top:0;
left:0;
z-index:11999;
width:100%;
height:100%;
background: rgba(0,0,0,0.5);}
.bg_edit_text form.form_html_text{
position:absolute;
left:18%;
right:18%;
top:10px;
width: 60% !important;
background:#fff;
padding:2%;}
.bg_edit_text form.form_html_text textarea{
width:100%;}
.bg_edit_text form.form_html_text table{
width:100%;}
.bg_edit_text form.form_html_text button[type="cancel"], .bg_edit_text form.form_html_text button[type="submit"]{
margin:10px 0 0;
padding:10px;
border:0;
color:#fff;
border-radius:3px;
cursor:pointer;}
.bg_edit_text form.form_html_text button[type="submit"]{
float:right;
background:#25641d;}
.bg_edit_text form.form_html_text button[type="cancel"]{
float:left;
background:#8d2f2f;}
.bg_edit_text form.form_html_text button[type="submit"]:hover{
background:#183d13;}
.bg_edit_text form.form_html_text button[type="cancel"]:hover{
background:#701313;}
/* FIN ESTILO DEL EDITOR DE TEXTOS DE PUBLICACIONES */
/*=====BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/
.widget_container{
position:relative;}
.widget_edit{
position:absolute;
top:3px;
left:3px;
z-index:1000;}
.widget_edit a{
background: #fff url(/statics/images/icon_conf.png) 2px 2px no-repeat;
width:15px;
height:15px;
z-index:9999;
overflow:hidden;
text-indent:-9999px;
display:block;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.editProd, .editPub, .editPubItem{
position:absolute;
top:5px;
right:5px;
z-index:900;}
.editProd a, .editPub a, .editPubItem a{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display:block;
background:#333;
color:#fff;
padding:4px;
font-weight:bold;
font-size:10px;
cursor:pointer;}
/*=====FIN BOTONES DE GESTION DE CONTENIDOS DE COMPONENTES====*/
/* ================== PRELOADER GENERICO SOBRE ACCIONES EN LA WEB ===================== */
.loadOrisom{
background: rgba(0,0,0,0.5);
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9999;}
.loadOrisom .loadOrisomImg{
background: url(/statics/theme_mws/images/core/preloader.gif) top left no-repeat;
width:50px;
height:50px;
position:absolute;
top:50%;
left:45%;
right:45%;
border-radius:5px;}
/* ================== FIN PRELOADER GENERICO SOBRE ACCIONES EN LA WEB ===================== */
/* ================== PAGE SLIDE ===================== */
#pageslide{
/* Estos estilos son importantes para el funcionamiento */
display: none;
position: absolute;
position: fixed;
top: 0;
height: 100%;
z-index: 999999;
padding:0;
/* Estos estilos son opcionales y muestran como se va a ver el pageslide*/
border-left:1px solid #000;
background-color: #333;
color: #FFF;
-webkit-box-shadow: inset 0 0 5px 5px #222;
-moz-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;}
/* ================== FIN PAGE SLIDE ===================== */
/* ================== MENU FRONT WWW DASHBOARD PAGE ===================== */
.frontAdminMenu{
position:fixed;
bottom:5px;
right:10px;
z-index: 99999999;
background:#000;
padding:5px;
}
.frontAdminMenu a{
cursor: pointer;
color:#fff;
}
.frontAdminMenu .tagButon {
color:#f93232;
}
.frontAdminMenu .active{
color:#5edc48;
}
/* ================== LOGIN PAGES ===================== */
.userInfo{
text-align: center;
padding: 3px;display:none;
}
.userInfoImg{
max-height:100px;
max-width:100px;
border-radius: 50%;
}
.userInfoUsername{
padding: 7px;
font-size: 19px;
}
.userInfoEmail{
padding: 7px;
font-size: 15px;
}
.btnChangeUser a{
text-align:right;
display: block;
font-size: 14px;
color: #666;
text-decoration: none;
padding: 2px 0 0;
}
.loginWeb{
width:100%;
height:100%;
display:table;
font-family: 'Montserrat', sans-serif;
text-align:center;}
.loginWeb main{
width:100%;
display:table-cell;
vertical-align:middle;
text-align:center;}
.logWeb{
width:300px;
margin:0 auto;}
.logWeb .logCont{
text-align:center;}
.logWeb .logCont .logo{
padding:0 0 25px;
position:inherit;
}
.logWeb .logCont .logo img{
max-width:200px;}
.logWeb .loginContent{
text-align:left;}
.logWeb .loginContent .defaultCont {}
.logWeb .loginContent .defaultCont .wrapper{
padding:20px;
background-color: #f7f7f7;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-shadow: 0px 7px 30px -7px #ccc;
-webkit-box-shadow: 0px 7px 30px -7px #ccc;
box-shadow: 0px 7px 30px -7px #ccc;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 7, direction = 180, color = '#ccc');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 7, Direction = 180, Color = '#ccc')";}
.logWeb .loginContent h4{
text-align:center;
padding:0 20px 0px;
color:#0d83dd;}
.logWeb .subtitle{
padding:0 0 20px;
font-size:14px;
color:#333;
text-align:center;}
.logWeb .campo{
width:100%;
padding:0 0 2px 0;}
.logWeb .campo input{
width:100%;
padding:10px;
border:1px solid #ccc;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; }
.logWeb .campo input.inpError{
border:1px solid #cd3840;}
.logWeb .campoBtn{
width:100%;
padding:2px 0 0;}
.logWeb .campoBtn input{
width:100%;
padding:10px;
font-size:18px;
cursor:pointer;
background:#0d83dd;
color:#fff;
text-align:center;
border:1px solid #077bd3;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
.logWeb .campoBtn input:hover{
background:#077bd3;}
.logWeb .options{
padding:20px 0;}
.logWeb .options ul{
list-style-type:none;}
.logWeb .options ul li{}
.logWeb .options ul li a{
display:block;
font-size:14px;
color:#666;
text-decoration:none;
padding:2px 0 0;}
.logWeb .options ul li a:hover{
color:#0d83dd;}
.logWeb .note{
padding:20px 0;
font-size:14px;
color:#666;
text-align:center;}
.logWeb .btnBack{
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
font-size:14px;
color:#333;
cursor:pointer;
padding:5px;
width:100px;
margin:20px auto;
border:1px solid #c5e3fa;
text-align:center;}
.logWeb .btnBack:hover{
border: 1px solid #0d83dd;}
.logWeb .mensaje_error{
text-align:center;
padding:10px;
border:1px solid #e58085;
background:#f5e0e1;
font-size:14px;
margin:0 0 2px;}
.logWeb .mensaje_ok{
text-align:center;
padding:10px;
font-size:18px;}
.logWeb .infoApp{
text-align:center;
padding:5px;
margin:0 0 2px;}
.logWeb .infoApp img{
display:inline-block;
vertical-align:middle;
max-height:28px;
max-width:28px;}
.logWeb .infoApp h5{
display:inline-block;
vertical-align:middle;
font-size:16px;
color:#666;}
body{
margin:0;
padding:0;
/ font-family: 'Open Sans', sans-serif;
font-family: 'Questrial', sans-serif;
/ font-family:'banks-miles-single' !important;
}
/*=====Generico====*/
*{
margin:0;
padding:0;
outline:0;
box-sizing: border-box;}
input, select, textarea{
outline:0;
font-family: 'banks-miles-single', sans-serif;}
input::-moz-focus-inner { border:0; padding:0 }
img{
border:0;
outline:0;}
@font-face{
font-family:"banks-miles-single";
src:url("/drive/repo/editorweb/banks-miles-single.ttf") format("woff"),
url("/drive/repo/editorweb/banks-miles-single.ttf") format("opentype"),
url("/drive/repo/editorweb/banks-miles-single.ttf") format("truetype");
}
/*===== Correcciones de gestion ====*/
.slide .widget_container{
position:static;}
/*===== Transitions ====*/
.mp .accesMp .menuItem,
.btnCatalog .menuTitle a,
.btnAccion01 .contMenu .menuLink a,
.btnUbicacion .menuItem,
.slide .menuLink a,
.catalog .addCart .text,
.mainForm .formButtons input{
-webkit-transition:all 0.3s ease-out; /* Chrome y Safari */
-o-transition:all 0.3s ease-out; /* Opera */
-moz-transition:all 0.3s ease-out; /* Mozilla Firefox */
-ms-transition:all 0.3s ease-out; /* Internet Explorer */
transition:all 0.3s ease-out; /* W3C */
}
@keyframes zoomIn{
from {
opacity:0;
transform:scale3d(.3,.3,.3)
}
50%{
opacity:1
}
}
@keyframes fadeInRight{
from{
opacity:0;
transform:translate3d(100%,0,0)
}
to
{
opacity:1;
transform:none
}
}
@keyframes fadeInLeft{
from{
opacity:0;
transform:translate3d(-100%,0,0)
}
to
{
opacity:1;
transform:none
}
}
@keyframes sliding-vertically{
from{
opacity:0;
transform:translate3d(-100%,0,0)
}
to
{
opacity:1;
transform:none
}
}
body {
font-family: 'banks-miles-single' !important;
font-size: 16px;
}
img {
vertical-align: middle;
}
a, a:focus, a:visited{
text-decoration: none;
}
::-webkit-scrollbar {
width: 5px;
height: 7px;
}
::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-thumb {
background: #525965;
border: 0px none #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
background: #525965;
}
::-webkit-scrollbar-thumb:active {
background: #525965;
}
::-webkit-scrollbar-track {
background: transparent;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
background: transparent;
}
::-webkit-scrollbar-track:active {
background: transparent;
}
::-webkit-scrollbar-corner {
background: transparent;
}
/*=====--------Estructura----------====*/
.w2{}
.w2 .web{
margin-top:87px;}
.conectWith{
margin-top: 5%;
}
/*===== Apartado Aviso API */
.whatsapp_banner .avisoapi{
margin-top: -5px;
text-align: center;
max-width:100%;
padding-bottom: 10px;
/ border-bottom: 2px dotted #fff;
}
/*===== Footer + Mapa */
.map{
width:100%;}
.map iframe{
width:100% !important;
height:400px !important;}
footer{
/ background: url(/drive/repo/general/fondo_a1.png) no-repeat 55% 63%/cover;
/ border-top: 7px solid #fecc7c;
/ background: rgba(0,0,0,0.65);
/ background: rgba(50,153,247,0.85);
}
.footerCont{
width:94%;
padding:0 3%;}
.footerCont .bgFooter{
padding:20px 0;}
.col3Cols{
overflow:hidden;
padding:20px 0;
text-align:center;}
.col3Cols .col1{
display:inline-block;
vertical-align:middle;
width:33%;}
.col3Cols .col2{
display:inline-block;
vertical-align:middle;
width:33%;}
.col3Cols .col3{
display:inline-block;
vertical-align:middle;
width:33%;}
/*=====Home====*/
.web{}
.w1{}
.w1 .web{
position: absolute;
width: 100%;
/ height: 84vh;
}
/*===== Logo superior ====*/
.logoGB{
display:block;}
.logoGB-black{
display:none;}
.logoGB-icon{
display:none;}
/* -------------------------------------------------
WHATSAPP [ BANNER / BOTÓN HEADER ]
------------------------------------------------- */
.whatsapp_banner {
overflow:hidden;
position: relative;
background: #7a8057;
/ background: url('/drive/repo/general/fondoD_v.png') no-repeat center/cover;
width:94%;
/ height: 633px;
margin:0 auto;
padding:25px 3%;
}
.whatsapp_banner .menuItem img {
max-width: 10%;
max-height: 10%;
padding: 0 0 5px;
}
.whatsapp_banner .menuItem {
padding: 1px 5% 27px;
margin-left: 5%;
margin-right: 5%;
width:80%;
/ background-color: rgba(255,160,90,.80);
font-size: 1.4rem;
font-weight: 600;
text-align: center;
vertical-align: middle;
text-align: center;
color: #fff;
cursor: pointer;
/ border-bottom: 2px dotted #fff;
}
.whatsapp_banner p {
color: #fff;
font-size: 1.1rem;
line-height: 1.5;
font-weight: 500;
}
/* -------------------------------------------------
POP UPS / FLOTANTES
------------------------------------------------- */
.popup_1 {
margin: 20px auto 0;
}
.ui-dialog {
background: rgba(0,0,0,.95);
width: 100% !important;
height: 100% !important;
position: fixed;
margin: 0;
padding: 0;
top: 0;
left: 0;
z-index: 99999999;
}
.ui-dialog-content {
width: 90% !important;
max-width: 1080px;
height: auto !important;
min-height: 100px !important;
overflow: hidden;
font-size: 1.5rem;
color: #fff;
position: relative;
}
.ui-dialog-titlebar {
display: none;
}
.ui-dialog h3 {
margin-bottom: 20px;
font-size: 1.5rem;
color: #fff;
margin-right:50px;
}
.ui-dialog p {
font-size: .9rem;
color: #fff;
padding: 0 0 10px;
}
.ui-dialog p a {
color: #e61616;
text-decoration: underline;
}
.ui-dialog p a:hover {
text-decoration: none;
}
.boton_popup_cerrar_1 {
position: absolute;
top: 0;
right: 0;
display: inline-block;
}
.boton_popup_cerrar_1 span{
background: url('/drive/repo/editorweb/icon_close.png') no-repeat center;
background-size: 70%;
width: 40px;
height: 40px;
display: block;
cursor: pointer;
font-size: 0;
margin: 0;
}
/* -------------------------------------------------
ESTRUCTURAS PRE-HEADER
------------------------------------------------- */
.w2 header{
/ background: url(/drive/repo/general/fondo_v.png) no-repeat 55% 63%/cover;
/ background: url('/drive/repo/general/fondoA_v.png') no-repeat center/cover;
/ background: rgba(0,0,0,0.65);
/ background:#88ad94;}
.pageBlock{
width:100%;
padding:20px 3%;
margin:0 auto;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;}
.pageBlock .col1{
display:inline-block;
vertical-align:top;
width:59%;
padding:0 45px 0 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
.pageBlock .col2{
display:inline-block;
vertical-align:top;
width:29%;}
.pageBlock .col1Small{
display:inline-block;
vertical-align:top;
width:18.8%;
margin-right: 0.2%;
padding:0 0 0 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
.pageBlock .col2Big{
display:inline-block;
vertical-align:top;
width:80%;}
/* -------------------------------------------------
BUTTON TO TOP
------------------------------------------------- */
.toTop {
position: fixed;
right: 0.2%;
bottom: 5%;
display: none;
width: 45px;
height: 45px;
background: #d42e2d url('/drive/repo/editorweb/toTop.png') no-repeat center/50% auto;
border-radius: 3px;
z-index: 100;
cursor: pointer;
transition: all 0.3s ease;
}
.toTop:hover{
background: #e2201f url('/drive/repo/editorweb/toTop.png') no-repeat center/50% auto;
}
/* -------------------------------------------------
SOLAPITAS FLOTANTES
------------------------------------------------- */
.sCorporativa {
position: fixed; right:0px; top:140px;
z-index: 999;
}
.sCorporativa ul.navjgp { list-style: none; display: block; width: 90px; position: relative; top: 0px; right: 0px; padding: 120px 0 0px 0;}
.sCorporativa li {margin: 2px 0 2px 0; float:right;}
.sCorporativa ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
background: rgba(0,0,0,0.65);; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none;
-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
-webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; }
.sCorporativa ul.navjgp li a:hover { background: #f2d600; color: #000; padding: 7px 30px 7px 15px;}
.sCorporativa ul.navjgp li a img {border:0px none;}
.sCorporativa li.menor {margin: 2px 0 2px 0; float:right; color: #000; font-size:9.5px; font-family:Arial, Helvetica, sans-serif; }
.sCorporativa ul.navjgp li.menor a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
background: rgba(0,0,0,0.65);; color: #fff; padding: 7px 7px 7px 7px;display: block; text-decoration: none;
-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px; width:80px;
-webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px transparent; }
.sCorporativa ul.navjgp li.menor a img {vertical-align:middle; border:0px none; width: 40%; height: 40%;}
.sCorporativa ul.navjgp li.menor a:hover { background: #f2d600; color: #000; padding: 7px 20px 7px 7px;}
.sWA {
position: fixed; right:1%; bottom:8%;
z-index: 999;
}
.sWA li {margin: 2px 0 2px 0; float:right;}
.sWA ul.navjgp1 { list-style: none; display: block; width: 47px; height: 47px; position: relative; top: 0px; right: 0px; padding: 0px 0 0px 0;}
.sWA ul.navjgp li a img {border:0px none; width:20%;}
.sWA ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
background:#f2d600; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none;
-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
-webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; }
/* -------------------------------------------------
TITULOS NO MACOIX
------------------------------------------------- */
.titjp {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom: 30px;
background: #F1F1F1;
}
.titjp .title h1{
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
text-align: center;
font-size: 2rem;
letter-spacing: normal;
color: #000;
padding-top: 15px;
}
.titjp .subtitle h3 p {
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
color: #595959;
font-size: 16px;
padding-bottom: 15px;
}
/* -------------------------------------------------
MENU PIE VOLVER
------------------------------------------------- */
.volverm {
background: rgba(0,0,0,0.65);
width: 100%;
overflow:hidden;
}
.volverm .wdgTitle{
text-align: center;
padding:7px 0 7px;
}
.volverm .wdgTitle .title{
margin-top: 80px;
font-size: 2.3rem;
font-weight: 800;
line-height: 2.3;
text-align: center;
}
.volverm .contMenu {
width: 100%;
text-align: center;
}
.volverm .menuItem {
display: inline-flex;
width: 20%;
padding: 0;
font-size: 1.4rem;
font-weight: 600;
vertical-align: middle;
text-align: center;
color: #fff;
cursor: pointer;
/ margin-left: 2%;
padding: 0 0 0 0;
}
.volverm .menuItemCont {
width: 95%;
}
.volverm .menuPic {
float: left;
width: 20%;
margin: 0 auto;
}
.volverm .menuItem img {
width: 80%;
height: 80%;
/ padding-bottom: 15px;
}
.volverm .menuItem .menuTitle {
float: right;
text-align: left;
width: 80%;
margin-top: 7%;
padding-bottom: 2px;
border-bottom: 1px dotted white;
}
.volverm .menuItem .menuTitle a {
font-size: 10px;
font-weight: 500;
text-decoration: none;
color: white;
}
.volverm .menuItem .menuTitle a:hover {
color: aquamarine;
}
.volverm .menuPic img:hover {
width: 90%;
height: 90%;
padding-bottom: 5px;
}
.volverm p {
color: #fff;
font-size: 1.1rem;
line-height: 1.5;
font-weight: 500;
}
.cuerpo {
width: 90%;
margin: 0 auto;
}
/* -------------------------------------------------
MEDIA QUERIES
------------------------------------------------- */
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.titjp {
/ width: 90%;
/ margin-left: 5%;
}
.titjp .title h1{
font-size: 1.5rem !important;
}
.titjp .subtitle h3 p {
font-size: 11px !important;
margin: 0 1% 0 1%;
color: #000;
}
.copyGB{
font-size:8px;
}
.jorge{
margin-top: -25px;
}
.categBlock .contCateg {
margin-top: -5px;
}
.categBlock .categItem {
display: block;
vertical-align: top;
margin-left: 10%;
width: 80%;
}
/*
.categBlock .categItemCont {
margin-top:5px;
margin-bottom: 9px;
border-radius: 15px;
border: 15px solid #FEAA26;
}
.categBlock .categItemCont .categPic img {
top: 100;
bottom: 100;
}
.categBlock .wdgTitle{
padding:3px 0 1px;}
.categBlock .categItemCont .categTitle > div a {
background: #FEAA26;
font-size: 1rem;
}
*/
.toTop {
right: 0.2%;
bottom: 5%;
}
} /* FIN MEDIA QUERIES 1023 */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.toTop {
left: 0.2%;
bottom: 15%;
}
.titjp {
/ width: 90%;
/ margin-left: 5%;
}
.titjp .title h1{
font-size: 1.5rem !important;
}
.titjp .subtitle h3 p {
font-size: 13px !important;
margin: 0 1% 0 1%;
color: #000;
}
/* -------------------------------------------------
FIN HEADER - SIGO CON EL RESTO
------------------------------------------------- */
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
CAJAS DE SEGUNDO NIVEL
--------------------------------------------------*/
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.01, 1.01, 1.01);
transform: scale3d(1.01, 1.01, 1.01);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.01, 1.01, 1.01);
transform: scale3d(1.01, 1.01, 1.01);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.tagsHomeMenu {
padding: 140px 0;
background: url('/drive/repo/general/HFF_img_009.png') no-repeat top/cover;
}
/* -------------------------------------------------------------------- Categorias especiales del home -- */
.tagsHomeMenu {
width:100%;
margin-top: -50px;
}
.tagsHomeMenu .wdgTitle{
/ position:relative;
text-align: left;
padding-left: 11%;
}
.tagsHomeMenu .wdgTitle .title{
/ padding: 80px;
font-weight: 500;
letter-spacing:1px;
font-size:2em;
color:#fff;
/ background: transparent url('/drive/repo/general/LcBl1.png') no-repeat 90% center/27% auto;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.tagsHomeMenu {
width:100%;
margin: -80px 0% 0 0;
padding: 100px 0;
}
.tagsHomeMenu .wdgTitle .title{
font-size: 1.8em;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.tagsHomeMenu {
background: url('/drive/repo/general/HFF_img_009e.png') no-repeat top/cover;
}
.tagsHomeMenu .wdgTitle .title{
font-size: 1.4em;
text-align: right;
padding-left: 0;
margin-right: 7%;
}
} /* FIN MEDIA QUERIES 800 landscape */
.boxesZMap {
width:91%;
margin-left: 3%;
padding-bottom: 20px;
background: transparent;
}
.boxesZMap .providersFilters {
display: flex;
background: #fff;
paddin-left: 2.8%;
width: 100%;
text-align: center;
justify-content: center;
}
.boxesZMap .providersFilters label {
display: none;
}
.boxesZMap .providersFilters select {
padding: 13px 10px 13px 10px;
/ margin-bottom: 3px;
/ width: 95%;
/ margin-bottom: 15px;
background: #c1c1c1;
font-size: 11px;
font-weight: bold;
border: 1px solid #c1c1c1;
}
.boxesZMap .pais_domicilio, .boxesZMap .provincia_domicilio, .boxesZMap .rubros {
display: inline-block;
margin-left: 1%;
}
.boxesZMap .providersFilters button {
display: inline-block;
font-family: 'Oswald';
text-transform: uppercase;
padding: 12px 10% 12px 10%;
/ margin-top: 10px;
/ width: 95%;
background-color: #f2d600;
border: 1px solid #f2d600;
margin-left: 2%;
background: #f2d600 url(/drive/repo/general/lupat3.png) no-repeat 97% center/8% auto;
font-weight: bold;
margin-bottom: 30px;
cursor: pointer;
}
.boxesZMap .providersMap {
display: block;
/ border-top: 8px solid rgba(0,0,0,0.65);
/ border-bottom: 8px solid rgba(0,0,0,0.65);
/ border-bottom: 5px solid #000;
width: 100%;
}
.boxesZMap .providersMap #map {
width: 100% !important;
font-family: 'Questrial', sans-serif !important;
margin-bottom: 10px;
}
.boxesZMap .providersMap #map .gm-style {
font: 400 7px Questrial, sans-serif; !important;
}
.boxesZMap .providersMap #map .gm-style iframe {
font: 400 9px Questrial, sans-serif; !important;
}
.boxesZMap .providersMap .gm-style {
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.boxesZMap .providersFilters button {
display: block;
text-align: center;
margin: 20px 0 20px 0 !important;
width: 100% !important;
}
.boxesZMap .providersFilters {
display: block;
text-align: right;
margin: 10px auto;
width: 90% !important;
}
.boxesZMap .pais_domicilio, .boxesZMap .provincia_domicilio, .boxesZMap .rubros {
display: block !important;
margin-bottom: 10px !important;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.boxesZMap .providersFilters button {
display: block;
text-align: center;
margin: 10px 0 10px 5% !important;
width: 90% !important;
}
.boxesZMap .providersFilters {
display: inline-block;
text-align: center;
margin: 10px auto !important;
width: 100% !important;
}
.boxesZMap .pais_domicilio, .boxesZMap .provincia_domicilio, .boxesZMap .rubros {
display: inline-block !important;
margin-bottom: 10px !important;
}
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
CATALOGO PAGINADO
------------------------------------------------- */
.pageCounter{
width:100%;
padding:30px 0 10px;
text-align: center;
font-size: 10px;
margin-top: 3px;
}
.pageCounter ul {
list-style: none;
}
.pageCounter ul li {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
text-indent: -99999px;
overflow: hidden;
cursor: pointer;
}
.pageCounter ul li:not(.before):not(.after):not(.last):not(.first) {
width: 15px;
height: 15px;
border-radius: 100%;
border: 0;
padding: 0;
margin: auto 5px;
text-align: center;
position: relative;
background-color: rgba(254, 170, 38, 0.4);
transition: background-color 0.7s ease;
}
.pageCounter ul li:hover{
background-color: #FEAA26 !important;
}
.pageCounter ul li.selected {
background-color: #FEAA26 !important;
}
.pageCounter ul li.before:hover,
.pageCounter ul li.after:hover,
.pageCounter ul li.last:hover{
background-color: transparent !important;
transform: scale(1.2);
}
.pageCounter ul li.first:hover{
background-color: transparent !important;
transform: rotate(180deg) scale(1.2);
}
.pageCounter ul li.before,
.pageCounter ul li.after,
.pageCounter ul li.first,
.pageCounter ul li.last {
width: 15px !important;
height: 15px !important;
margin: 0 5px;
background-repeat: no-repeat;
background-position: center;
background-size: auto 100%;
border: 0 !important;
transition: transform 0.5s ease
}
.pageCounter ul li.before {
background-image: url(/drive/repo/editorweb/left.png);
}
.pageCounter ul li.after {
background-image: url(/drive/repo/editorweb/right.png);
}
.pageCounter ul li.first{
/ background-image: url(/drive/repo/editorweb/d-right.png);
background-image: url(/drive/repo/editorweb/arrow_final.png);
-webkit-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pageCounter ul li.last{
/ background-image: url(/drive/repo/editorweb/d-right.png);
background-image: url(/drive/repo/editorweb/arrow_final.png);
}
.filters{}
.filters .order{}
.filters ul{}
.filters ul li{
display:none;}
.filters ul li:nth-child(3){
display:block;}.page .cuerpoFlex {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: row;
margin-top: 0 !important;
}
.page .cuerpo {
padding: 0px 0;
}
.col1 {
width: 20%;
}
.col2 {
width: 80%;
box-sizing: border-box;
padding-left: 45px;
}
.dummyFond {
display: flex;
justify-content: center;
/ align-items: center;
width: 100%;
position: relative;
background: url('/drive/repo/general/Tragos5.jpg') no-repeat center/cover;
/ background-color: rgba(0, 0, 0, .07);
background-blend-mode: multiply;
height: 80vh;
margin-bottom: 30px;
opacity: 0.7;
}
.titjp {
margin-top: 90px;
background: transparent;
width: 93%;
margin-right: 5%;
text-align: right !important;
margin-bottom: 30px;
}
.titjp .title h1{
font-family: 'banks-miles-single' !important;
text-transform: none;
text-align: right !important;
font-size: 1.7rem;
letter-spacing: normal;
color: #fff;
padding-top: 15px;
font-weight: normal;
/ animation-name: sliding-vertically;
/ animation-duration: 3.25s;
}
.titjp .subtitle h3 p {
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
color: #595959;
font-size: 16px;
padding-bottom: 15px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.dummyFond {
height: 70vh;
}
.titjp {
margin-top: 140px;
width: 94%;
margin-right: 5%;
text-align: right !important;
}
.titjp .title h1{
font-size: 1.5rem !important;
color: #fff !important;
font-weight: 600 !important;
}
.titjp .subtitle h3 p {
font-size: 11px !important;
margin: 0 1% 0 1%;
color: #000;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.dummyFond {
height: 85vh;
}
.titjp {
margin-top: 180px;
width: 88%;
margin-left: 1%;
text-align: left !important;
}
.titjp .title h1{
font-size: 1.5rem !important;
color: #fff !important;
font-weight: 600 !important;
}
.titjp .subtitle h3 p {
font-size: 13px !important;
margin: 0 1% 0 1%;
color: #000;
}
} /* FIN MEDIA QUERIES 800 landscape */
.icon-bar-fixed .icon-bar{
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 1;
/width: 16%;
transform: translateX(220px);
-webkit-transform: translateX(220px);
}
.icon-bar-fixed .icon-bar .icon-bar-item {
text-decoration: none;
width: 260px;
/background: #3b5999;
color: #fff;
display: flex;
justify-content: flex-start;
/align-items: center;
padding: 5px;
font-size: 20px;
transform: translateX(0);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
}
.icon-bar-fixed .icon-bar > a:first-child{
border-top-left-radius: 5px;
}
.icon-bar-fixed .icon-bar > a:last-child{
border-bottom-left-radius: 5px;
}
.icon-bar-fixed .icon-bar .icon-bar-item i {
padding-right: 20px;
padding-left: 3px;
font-size: 25px !important;
animation: letszoom 3s linear alternate-reverse infinite;
cursor:pointer;
}
@keyframes letszoom {
from {
transform: scale(0.8);
}
to {
transform: scale(1);
}
}
.icon-bar-fixed .icon-bar .icon-bar-item:hover {
transform: translateX(0);
-webkit-transform: translateX(-220px);
-ms-transform: translateX(-220px);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
cursor:pointer;
}
.whatsapp{
background: #25D366;
}
.purchase{
background: #3b5999;
}
.search{
background: #eec239;
}
.backHistory{
background: #131418;
}
/* -------------------------------------------------
MODAL
---------------------------------------------------*/
#mask {
position:absolute;
z-index:9000;
background-color:#000;
display:none;
top: 0;
}
#boxes .window {
margin-left: auto;
position: fixed;
width: 440px;
height: 200px;
display: block;
z-index: 9999;
padding: 20px;
top: 50%;
right: 0;
left: 0;
margin-right: auto;
}
.modal-custom,
.modal-custom1 {
position: fixed;
top: 50%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
z-index: 9999;
display: none;
width: 100%;
height: 100%;
min-width: 350px;
overflow: hidden;
outline: 0;
transform: translateY(-50%);
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0;
}
.modal-header {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px);
}
.modal-title {
font-family: 'Oswald';
text-transform: uppercase;
color: #d42e2d;
margin-bottom: 0;
line-height: 1.5;
}
.modal-header .close {
padding: .5rem .5rem;
margin: -.5rem -.5rem -.5rem auto;
}
.close {
box-sizing: content-box;
width: 1em;
height: 1em;
padding: .25em .25em;
color: #000;
background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;
border: 0;
border-radius: .25rem;
opacity: .5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
/* Customize your modal window here, you can add background image too */
#boxes #dialog {
width:375px;
height:203px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.icon-bar-fixed .icon-bar .icon-bar-item{
width: 260px;
}
.icon-bar-fixed .icon-bar .icon-bar-item:hover {
transform: translateX(220px);
-webkit-transform: translateX(220px);
-ms-transform: translateX(220px);
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.modal {
width: 100% !important;
height: 100% !important;
}
} /* FIN MEDIA QUERIES 800 landscape */
.searchHead{
background: #FEAA26;
border: 5px solid #FEAA26;
float: right;
clear: both;
display: inline;
border-radius: 5px;
width: 96%;
/ margin-right: 3.2%;
margin-top: 10px;
padding:10px 0 10px 0;}
.searchHead .wdgSearch{
background: #FEAA26;
margin-left: 5%;
width:520px;
height:30px;
position:relative;
color: transparent;
overflow:hidden;}
.searchHead .wdgSearchCont{
background: #FEAA26;
height:30px;
width:300px;
top:0;
right:0;
z-index:600;}
.searchHead .wdgSearchCont{
background: #FEAA26;
height:30px;
width:500px;
top:0;
right:0;
z-index:600;}
.searchHead .campoTextSearch{
float:left;
vertical-align: middle;
width: 355px;
width:50px;}
.searchHead .campoTextSearch input{
border:0;
background: #fff;
margin-left: 2%;
width:365px;
height:30px;
padding:5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000;
}
.searchHead .normalSearch input[type=text]{
font-family: 'Questrial', sans-serif;
border:0;
background: #fff;
margin-left: 2%;
font-weight: 800;
width:90%;
height:10px;
padding:5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000 !important;
}
.searchHead .bigSearch {
display: inline;
width:500px;
margin-top: 5px;
}
.searchHead .normalSearch {
padding-bottom: 8px;
}
.searchHead .normalSearch input[type=submit]{
font-family: 'Questrial', sans-serif;
border:0;
background: red;
border-radius: 50%;
margin-left: 1%;
width:4%;
height:20px;
padding:5px;
font-size:1px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #fff;
background: url(/drive/repo/general/iconSearch7.png) top center no-repeat;
cursor:pointer;
}
.searchHead .bigSearch input[type=text]{
font-family: 'Questrial', sans-serif;
border:0;
background: #fff;
margin-left: 2%;
width:88%;
height:10px;
padding:5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000;
}
.searchHead .bigSearch .searchMarcas{
padding-bottom: 5px;
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 1%;
width:20%;
height:10px;
padding:5px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.searchHead .bigSearch .searchMarcas label{
display: none;
}
.searchHead .bigSearch .searchMarcas select{
font-family: 'Questrial', sans-serif;
font-size:12px;
padding: 0 1px;
margin-left: 0px;
margin-left: 0;
width:45%;
height:20px;
font-weight: 800;
color: #000;
border: none;
border-bottom: 2px solid #FEAA26;
}
.searchHead .bigSearch .searchCategorias {
padding-bottom: 5px;
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 0px;
width:20%;
height:10px;
padding:5px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.searchHead .bigSearch .searchCategorias label{
display: none;
}
.searchHead .bigSearch .searchCategorias select{
font-family: 'Questrial', sans-serif;
font-size:12px;
padding: 0 1px;
margin-left: 0px;
width:44%;
height:20px;
font-weight: 800;
color: #000;
border: none;
border-bottom: 2px solid #FEAA26;
}
.searchHead .bigSearch .searchProveedores {
padding-bottom: 5px;
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 0px;
width:20%;
height:10px;
padding:5px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.searchHead .bigSearch .searchProveedores label{
display: none;
}
.searchHead .bigSearch .searchProveedores select{
font-family: 'Questrial', sans-serif;
font-size:12px;
padding: 0 1px;
margin-left: 0px;
width:30%;
height:20px;
font-weight: 800;
color: #000;
border: none;
border-bottom: 2px solid #FEAA26;
}
.searchHead .bigSearch .searchMarcas select[name="linea"] {
display: none;
}
#div_linea.searchMarcas {
display: none !important;
}
.searchHead .bigSearch .buscaValor{
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 4px;
width:265px;
font: 800 12px Questrial;
height:15px;
padding: 5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000;
border: none;
}
.searchHead .bigSearch .buscaValor input[type=text]{
font-family: 'Questrial', sans-serif;
font-size: 12px;
padding:2px;
width: 63px;
height:15px;
font: 800 12px Questrial;
font-weight: bold;
color: #000;
margin-left: 2px;
margin-right: 2px;
text-align: center;
border: none;
border-bottom: 2px solid #FEAA26;
}
.searchHead .bigSearch .buscaValor textarea {
font-family: 'Questrial', sans-serif;
font-size: 12px;
font: 800 12px Questrial;
font-weight: bold;
color: #000;
}
.searchHead .bigSearch .buscaAtributo{
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 2%;
width:165px;
height:15px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.searchHead .bigSearch .buscaAtributo select{
display: inline;
font-family: 'Questrial', sans-serif;
font-size:12px;
font-weight: 800;
padding: 0 20px;
height:20px;
color: #000;
width: 19.5%;
margin-left: 7px;
margin-right: 7px;
border: none;
border-bottom: 2px solid #FEAA26;
}
.searchHead .bigSearch .buscaAtributo textarea{
font-family: 'Questrial', sans-serif;
font-size:12px;
font-weight: 800;
height:15px;
}
.searchHead .finalSearch {
display: inline;
width:3%;
margin-left: 1%;
float: right;
margin-right: 1%;
}
.searchHead .finalSearch input[type=submit]{
display: inline;
/ float: right;
font-family: 'Questrial', sans-serif;
border:0;
border-radius: 50%;
/ margin-left: -20%;
width:20px;
height:20px;
padding:5px;
font-size:1px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #fff;
background: url(/drive/repo/general/iconSearch7.png) top center no-repeat;
cursor:pointer;
}
.searchHead .campoButtonSearch{
float: right;
width:30px;}
.searchHead .campoButtonSearch input{
background: url(/drive/repo/general/iconSearch7.png) top center no-repeat;
width:27px;
height:30px;
margin-left: 8px;
border: 5px solid #FEAA26;
/ color: transparent;
cursor:pointer;
}
/*-Fix del Buscador de contacto para menu reducido-*/
.container .head.headfix .searchHead{
padding:10px 0 10px 5px;}
.container .head.headfix .searchHead .wdgSearch,
.container .head.headfix .searchHead .campoButtonSearch,
.container .head.headfix .searchHead .campoButtonSearch input{
width:50px;
height:50px;}
.container .head.headfix .searchHead .wdgSearchCont{
height:50px;}
.container .head.headfix .searchHead .campoButtonSearch input{
background-size: 50px 50px;}
.container .head.headfix .searchHead .wdgSearchCont{
width:281px;}
.container .head.headfix .searchHead .campoTextSearch input{
height:50px;}
/* -------------------------------------------------
MEDIA QUERIES
------------------------------------------------- */
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.searchHead .normalSearch input[type=text] {
width: 92%;
height: 20px;
}
.searchHead .normalSearch input[type=submit] {
border-radius: 0;
margin-left: 2%;
width: 96%;
height: 20px;
padding: 13px 0;
border: 1px solid #000;
margin-top: 5px;
}
.searchHead .bigSearch .searchMarcas{
margin-left: 0;
padding:7px;
}
.searchHead .bigSearch .searchMarcas select,
.searchHead .bigSearch .searchCategorias select,
.searchHead .bigSearch .searchProveedores select{
height: 25px;
}
.searchHead .finalSearch{
display: inline;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.searchHead .finalSearch input[type=submit]{
float: right;
border-radius: 0;
border: 1px solid #000;
width: 96%;
height: 20px;
padding: 13px;
margin: 5px;
}
} /* FIN MEDIA QUERIES 1023 */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
} /* FIN MEDIA QUERIES 800 landscape */
.slide {
position: relative !important;
margin-left: 35%;
width: 30%;
height: 75vh;
margin-bottom: 20px;
margin-top: -120px;
position: relative;
overflow: hidden;
background: transparent;
/ border: 7px solid #fff;
background: rgba (0,0,0,0.65);
clear: both;
}
.modal-custom1 .slide{
width: 80%;
margin: 0 auto;
margin-top: 0;
height: 88vh;
}
.slide a {
text-decoration: none;
}
.slide .menuItem {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
text-align: center;
}
.slide .menuItem.active {
display: table;
}
.slide .menuItemCont {
display: table-cell;
vertical-align: top;
padding: 0 2.5% 0 1%;
z-index: 2;
}
.modal-custom1 .slide .menuTitle{
position: absolute;
top: 75%;
display: flex;
width: 100%;
justify-content: center;
}
.slide .menuTitle a {
/ font-family: 'Oswald';
text-transform: uppercase;
/ font-family: 'Permanent Marker';
display: inline-block;
width: 90%;
margin-top: 89%;
letter-spacing: 1.3em;
font-size: 1rem;
line-height: 1.1;
letter-spacing:-0.01em;
color: #d42e2d;
font-weight: bold;
}
/*.modal-custom1 .slide .menuItem:last-child .menuTitle{
top: 75%;
justify-content: start;
}*/
.modal-custom1 .slide .menuTitle a {
margin-top: 0%;
}
.slide .menuTitle a:hover {
color: #fff;
}
.slide .menuDescription {
margin-bottom: 25px;
}
.slide .menuDescription p {
margin-top: 1%;
font-size: 1.7rem;
line-height: 1.3;
color: #333;
text-align: center;
}
.slide .menuDescription p:hover {
color: #fff;
}
.slide .menuLink a {
display: inline-block;
font-size: .9rem;
font-weight: 700;
text-transform: uppercase;
padding: 15px 40px;
color: #fff;
border:2px solid #fff;
padding:20px 25px;
}
.slide .menuLink a:hover {
color: #eec239;
/ background: rgba(0,0,0,0.5);
}
.slide .bkg {
position: absolute;
top: -100%;
bottom: -100%;
left: 0;
right: 0;
margin: auto;
width: 100%;
min-height: 100%;
}
.slide .arrowNav div {
position: absolute;
top: 0;
bottom: 0;
margin-top: 75%;
width: 20px;
height: 35px;
z-index: 9;
cursor: pointer;
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
z-index: 3;
}
.modal-custom1 .slide .arrowNav div {
margin-top: 0;
top: 75%;
}
.slide .arrowNav div.prev {
left: 2%;
background-image: url('/drive/repo/editorweb/Flecha_izquierda.png');
background-color: transparent;
}
.slide .arrowNav div.next {
right: 2%;
background-image: url('/drive/repo/editorweb/Flecha_derecha.png');
background-color: transparent;
}
.slide .selectorNav {
display: none;
position: absolute;
left: 0;
right: 0;
top: 3%;
text-align: center;
z-index: 3;
}
.slide .selectorNav ul {
display: inline-block;
padding: 8px 5px;
background-color: rgba(0,0,0,.1);
border-radius: 50px;
}
.slide .selectorNav li {
display: inline-block;
vertical-align: top;
margin: 0 5px;
width: 15px;
height: 15px;
background-color: #fff;
border-radius: 50%;
cursor: pointer;
}
.slide .selectorNav li.active {
background-color: #d42e2d;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.modal-custom1 .slide {
width: 100%;
height: 67vh;
}
.slide {
height: 70vh;
margin-top: 130px;
}
.modal-custom1 .slide .menuTitle {
position: absolute;
top: 70%;
}
.modal-custom1 .slide .menuTitle a {
margin-top: 0%;
}
.modal-custom1 .slide .menuTitle a {
margin-top: 0;
letter-spacing: 1.3em;
font-size: 1rem !important;
line-height: 1;
letter-spacing:-0.01em;
color: #000;
width: 100%;
}
.slide .menuTitle a {
margin-top: 0;
letter-spacing: 1.3em;
font-size: 1rem !important;
line-height: 1;
letter-spacing:-0.01em;
color: #000;
width: 65%;
}
.slide .menuDescription p {
font-size: 1.2rem;
}
.modal-custom1 .slide .arrowNav div {
margin-top: 0;
top: 50%;
}
.modal-custom1 .slide .arrowNav div.prev {
left: 1%;
}
.modal-custom1 .slide .arrowNav div.next {
right: 1%;
}
.slide .arrowNav div {
margin-top: 78%;
}
.slide .arrowNav div.prev {
left: 20%;
}
.slide .arrowNav div.next {
right: 20%;
}
.slide .selectorNav {
top: 88%;
}
} /* FIN MEDIA QUERIES 1023 */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.modal-custom1 .slide{
height: 74vh !important;
margin-top: 0 !important;
width: 90% !important;
}
.slide {
height: 65vh !important;
margin-top: 130px !important;
}
.slide .menuTitle a {
margin-top: 8%;
letter-spacing: 1.3em;
font-size: 1.8rem;
line-height: 1;
letter-spacing:-0.01em;
color: #000;
}
.slide .menuDescription p {
font-size: 1.3rem;
}
.slide .arrowNav div {
/ display: none;
margin-top: 8%;
}
.slide .arrowNav div.prev {
/ display: none;
left: 3.5%;
}
.slide .arrowNav div.next {
/ display: none;
right: 3.5%;
}
.slide .selectorNav {
top: 78%;
}
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
COMPONENTES DEL PRODUCTO
------------------------------------------------- */
.encabe {
width: 90%;
margin-left: 5%;
margin-top: 40px;
}
/* ------------------------------------------------- Vista de producto */
.wdgProductRanking {}
.wdgProductRanking .resumenRanking {
width:100%;
/ height:5vh;
overflow:hidden;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
justify-content: center;
}
.wdgProductRanking .resumenRanking:after{
content: "";
position:absolute;
top:0;
left:0;
right:0;
bottom:30%;
z-index:100;
}
.wdgProductRanking .resumenRanking img{
position:absolute;
top:50%;left:50%;
right:0;bottom:0;
transform: translate(-50%,-50%);
min-width:100%;
min-height:100%;}
.wdgProductRanking .rankDetail {
margin:50px 0 0 0%;
position:relative;
/ width:30%;
/ margin:0 auto;
/ display:flex;
flex-directionm:row;
align-items:flex-start;}
.wdgProductRanking .provImg{
/ position:absolute;
top:-100px;
left:0;
z-index:5;
background:#fff;
/ border-radius:3px;
padding:5px;
width:160px;
height:160px;
/ box-sizing:border-box;
overflow:hidden;
/ box-shadow: 5px 2px 2px rgba(0,0,0,0.5);
/ border-radius: 100px;
}
.wdgProductRanking .provImg img{
max-width:100%;}
.wdgProductRanking .provname{
margin-left:180px;
margin-right:20px;}
.wdgProductRanking .provname h1{
color:#333;
font-size:2em;
letter-spacing:-2px;}
.wdgProductRanking .resumenRanking{
padding:0 0 0 0;
margin: 0 auto;
}
.wdgProductRanking .stars{
padding:0 20px 10px 20px;
}
.wdgProductRanking .star{
width:20px;
height:20px;}
.wdgProductRanking .stars .star.on,
.wdgProductRanking .stars .star.off,
.wdgProductRanking .stars .star.half{
background-size: 20px 20px;}
.wdgProductRanking .resumenRanking .promedio{
font-size:0.9em;
margin: 0 auto;
}
.wdgProductRanking .resumenRanking .promedio .cant span{}
.wdgProductRanking .resumenRanking .promedio .cant {
text-transform: uppercase;
color: #333;
font-weight: bold;
transition: all 0.3s ease;
margin: 0 auto;
text-align: center;
}
.wdgProductRanking .resumenRanking .promedio .cant:hover{
color: #FEAA26;
}
.wdgProductRanking .rankDetail{
display: none;
width:90%;
margin:0 auto;
font-size:1.2em;
padding:20px 0;}
.rankAbrir {
display: flex;
/ margin: 5px 0 35px 46%;
}
.rankAbrir a{
text-transform: uppercase;
color: #000;
font-weight: bold;
padding: 6px;
background: #FEAA26;
border-radius: 5px;
margin-left: 5px;
font-size: 12px;
transition: all 0.3s ease;
padding: 15px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 40px;
}
.rankAbrir a:hover {
color: #fff;
background: #343030;
}
/* --------------------------------------------------------------------
DIV FLOTANTE DE VALORACION
-------------------------------------------------------------------- */
/*Contenedor de las valoraciones*/
.bgScreen{
background: rgba(0,0,0,0.9);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
height:100vh;
z-index:1001;
}
.bgScreen .contBlock{
width:60%;
margin:0 auto;
padding:55px 0 20px;
background:#fff;
position:relative;
}
.bgScreen .contBlockBody{
border-top:1px solid #ccc;
padding:20px;
box-sizing:border-box;
overflow-y:auto;
max-height:100vh;
width:100%;
}
.bgScreen .contBlock .close{}
.bgScreen .contBlock .close a{
position:absolute;
top:10px;
right:10px;
display:block;
background: url(/drive/repo/editorweb/close.png) top left no-repeat;
background-size:25px 25px;
width:25px;
height:25px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
.bgScreen .contRank{
padding: 0 25px;
overflow-y: scroll;
height: 85vh;
}
.bgScreen .contRank h1{
padding-bottom:10px;
font-size:1.4em;
}
/*Cabecera de las valoraciones*/
.rankHead{
padding:20px 0;
border-bottom:1px solid #ccc;
}
.rankHead .promedio{
display:inline-block;
text-align:center;
}
.rankHead .promedio h3{
font-weight:normal;
font-size:3em;
}
.rankHead .promedio .cant{
font-size:0.8em;
margin-top: 5px;
}
/*Detalle de las valoraciones*/
.rankHead .detallePromedio{
display:inline-block;
margin-left:20px;
}
.rankHead .detProm{
display:flex;
flex-direction:row;
align-items: center;
}
.rankHead .detProm span{
font-size:0.7em;
display:inline-block;
vertical-align:middle;
width: 55px;
}
.rankHead .detProm .refer{}
.rankHead .detProm .progreso-valoracion{
width:100px;
border-radius:5px;
height:5px;
position:relative;
display:block;
background:#e9e9e9;
margin:0 10px;
}
.rankHead .detProm .progreso-valoracion .ratingProgres{
position:absolute;
border-radius:5px;
top:1px;
left:1px;
height:2px;
background:#FDC900;
display:block;
}
/*Valoracion del usuario*/
.valorar,
.tuValoracion{
padding:20px 0;
border-bottom:1px solid #ccc;
}
.stars-editable{
padding:5px 0;
}
.stars-editable .star{
background-size: 25px 25px;
}
.tuValoracion .userVal .userStars,
.tuValoracion .userVal .userComment{
margin-top: 5px;
}
.tuValoracion .editValoracion{
margin-top: 10px;
}
.tuValoracion .editValoracion a{
background: #ccc;
padding: 7px;
color: #000;
border-radius: 50px;
transition: all 0.3s ease;
}
.tuValoracion .editValoracion a:hover{
color:#fff;
background: #000;
}
.tuValoracion .editValoracion .botonEditar,
.valorar .botonPublicar{
font-size: 1rem;
background: #666;
border: 0;
padding: 5px 15px;
font-weight: 600;
border-radius: 5px;
transition: all 0.3s ease;
color: #fff;
}
.tuValoracion .editValoracion .botonEditar:hover,
.valorar .botonPublicar:hover{
background: #000;
}
.tuValoracion .editValoracion .botonEliminar,
.valorar .botonCancelar{
font-size: 1rem;
background: #d9534f;
border: 0;
padding: 5px 15px;
font-weight: 600;
border-radius: 5px;
color: #fff;
transition: all 0.3s ease;
}
.tuValoracion .editValoracion .botonEliminar:hover,
.valorar .botonCancelar:hover{
background: #c9302c;
}
.valoracion-comentario label{
font-size:1.2em;
display:block;
}
span.info{
font-size:0.8em;
display:block;
padding:10px 0;
}
.valorar textarea{
width:100%;
display:block;
}
.valorar input{
display:block;
padding:10px;
}
/*Listado de valoraciones*/
.valList{
position:relative;
}
.valoracion-usuario{
padding:10px 0;
border-bottom:1px solid #e9e9e9;
}
.valoracion-usuario .userDetails{
display:flex;
flex-direction: row;
align-items: center;
}
.valoracion-usuario .userDetails .userPic{
margin-right:10px;
}
.valoracion-usuario .userDetails .userPic img{
width:30px;
height:30px;
border-radius:500px;
}
.valoracion-usuario .userDetails .userName{
font-size:1em;
}
.valoracion-usuario .userVal{}
.valoracion-usuario .userVal .userStars,
.valoracion-usuario .userVal .userComment{
margin-top: 5px;
}
.valoracion-usuario .userVal .userStars .star{
background-size: 15px 15px;
width:15px;
height:15px;
}
.valoracion-usuario .userVal .userComment{
font-size:1em;
}
/*Estrellas genericas*/
.stars{}
.star{
width:25px;
height:25px;
display:inline-block;
}
.star.on{
background: url(/drive/repo/editorweb/star-on.png) top left no-repeat;
}
.star.off{
background: url(/drive/repo/editorweb/star-off.png) center left no-repeat;
}
.star.half{
background: url(/drive/repo/editorweb/star-half.png) top left no-repeat;
}
.stars-editable .star,
.stars .star.on,
.stars .star.off,
.stars .star.half{
background-size: 20px 20px;
}
.stars > div:nth-child(6){
display:none;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.wdgProductRanking .provDetails{
margin:10px 0 0 0;
width: 99%;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.wdgProductRanking .provDetails{
margin:10px 0 0 10%;
width: 80%;
}
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
CARRITO HOVER
------------------------------------------------- */
.cart{
padding: 10px 14px;
border: 1px solid #fff;
border-radius: 3px;
margin-left: 10px;
cursor: pointer;
transition: all .3s ease;
/ background: #fdee93;
}
.cart .wdgProductsCart {
display: flex;
flex-direction: row-reverse;
}
.cart .wdgProductsCart .wdgTitle .title{
color: #fff;
font-weight: bold;
margin-left: 10px;
font-size: 0.8em;
}
.cart .wdgProductsCart .productsCart .productsCartTitle{
position: relative;
}
.cart .wdgProductsCart .productsCart .productsCartTitle .icon{
background: url(/drive/repo/general/bolsa-b-1.png) top left no-repeat;
background-size: 22px 20px;
width: 22px;
height: 20px;
position: relative;
}
.cart:hover{
background:#fff;
border:1px solid #fff;
}
.cart:hover .wdgProductsCart .productsCart .productsCartTitle .icon{
background: url(/drive/repo/general/bolsa-1.png) top left no-repeat;
background-size: 22px 20px;
/filter: invert(1);
}
.cart:hover .wdgProductsCart .productsCart .productsCartTitle .text{
color:#fff;
/ filter: invert(1);
}
.cart:hover .wdgProductsCart .wdgTitle .title{
color:#333;
}
.cart .wdgProductsCart .productsCart .productsCartTitle .text{
position: absolute;
bottom: -2px;
right: -2px;
border-radius: 50px;
padding: 1px 1px;
background: #FEAA26;
color: #fff;
font-size: 0.5em;
width: 10px;
height: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.cart .productsCartCont {
display: none;
cursor: auto;
position: fixed;
top: 14.1%;
left: 62.5%;
z-index: 999;
background: #f3d474;
width: 380px;
padding: 10px 10px 10px 10px;
transition: all .21s;
background: #f3d474;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-shadow: 0px 0px 14px #ccc;
-webkit-box-shadow: 0px 0px 14px #ccc;
box-shadow: 0px 0px 14px #ccc;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 3px 5px #ccc;
}
.cart .productsCartCont h4 {
color: #fff;
font-size: 8px;
letter-spacing: 1.2px;
/ background: rgba(0,0,0,0.25);
margin-top: -30px;
margin-left: 43px;
}
.cart .productsCartTitle .text {
color: transparent;
font-size: 8px;
letter-spacing: 1.2px;
/ background: rgba(0,0,0,0.25);
/ margin-top: 20px;
margin-left: 43px;
/ width: 170px;
padding-top: 5px;
text-align: left;
}
.cart .productsCartTitle {
/*font-size: 0;
width: 40px;
height: 40px;
background: url(/drive/repo/editorweb/icon-cart.png) no-repeat center #000;
background-size: 90%;
position: relative;
cursor: pointer;
margin: 0 5px;
text-align: center;*/
}
.cart .productsCartCont {
visible: none;
}
.cart .productsCartCont::before{
content: " ";
display: block;
margin-bottom: 10px;
font-size: 1.5rem;
font-weight: 700;
text-align: center;
color: #fff;
}
.cart .productsCartCont > h4 {
font-size: 1rem;
font-weight: 400;
color: #fff;
}
.cart .productsCartCont .productCart {
/width: 330px;
max-width: 330px;
padding: 5px 25px 5px 5px;
margin-bottom: 2px;
margin-top: 5px;
margin: 5px 10px 2px 10px;
position: relative;
background-color: #f2f2f2;
}
.cart .productsCartCont .productCart::after {
content: " ";
display: table;
clear: both;
}
.cart .productsCartCont .prodPic {
float: left;
width: 12%;
padding-bottom: 12%;
margin-right: 10px;
position: relative;
background-color: #fff;
overflow: hidden;
}
.cart .productsCartCont .prodPic img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.cart .productsCartCont .prodDesc h3 {
font-size: 12px;
color: #000;
padding: 2px 0 5px;
font-weight: 400;
line-height: 1.3;
}
.cart .productsCartCont .prodDesc h3 a {
color: #444;
}
.cart .productsCartCont .productPrice {
position: relative;
bottom: 5px;
left: 1%;
padding: 5px 0px 1px;
font-size: 18px;
font-weight: 700;
line-height: 1;
color: #dd3928;
}
.cart .productsCartCont .productPrice span b {
padding: 25px 0px 1px;
}
.cart .productsCartCont .productOptions .productDelete {
position: absolute;
right: 5px;
top: 5px;
width: 15px;
height: 15px;
background: #dd3928 url('/drive/repo/editorweb/icon_close.png') no-repeat center;
background-size: 50%;
border-radius: 3px;
cursor: pointer;
}
.cart .productsCartCont .cartButtons {
margin-top: 5px;
}
.cart .productsCartCont .cartButtons div {
display: inline-block;
vertical-align: top;
width: 94.5%;
margin: 0 0 0 0;
margin: 1px 10px 10px 10px;
text-align: center;
}
.cart .productsCartCont .cartButtons .closeBtn,
.cart .productsCartCont .cartButtons .comprar a {
padding: 10px 0;
border-radius: 3px;
font-size: .8rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background: #FEAA26;
}
.cart .productsCartCont .cartButtons .closeBtn {
margin-left: 0;
background-color: #444;
cursor: pointer;
}
.cart .productsCartCont .cartButtons .closeBtn::after {
content:"Seguir comprando";
}
.cart .productsCartCont .cartButtons .comprar a {
display: block;
background-color: #FEAA26;
/ padding: 10px 50px 10px 50px;
}
.cart .productsCartCont .cartButtons .closeBtn:hover,
.cart .productsCartCont .cartButtons .comprar a:hover {
opacity: .9;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.cart .productsCartTitle {
margin-left: 0px !important;
width: 40px !important;
}
.cart .productsCartTitle .text {
/ width: 0px !important;
color: #000;
font-size: 8px;
letter-spacing: 1.2px;
background: transparent;
margin-top: 20px;
/ margin-left: 54px;
/ margin-left: 1px !important;
padding-top: 5px;
text-align: left !important;
right: 15px !important;
}
.cart .productsCartCont {
display: none;
top: 31%;
left: 1%;
width: 350px;
}
.cart .productsCartCont .productCart {
width: 300px;
max-width: 300px;
}
header.fixed .cart .productsCartCont {
top: 32.1% !important;
left: 5.3% !important;
transition: all .21s;
}
.cart .wdgTitle{
color: #fff;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.cart .productsCartTitle {
/ margin-left: 0px !important;
/ width: 40px !important;
}
.cart .productsCartTitle .text {
/ width: 170px !important;
color: #000;
font-size: 8px;
letter-spacing: 1.2px;
background: transparent;
margin-top: 20px;
margin-left: 46px;
padding-top: 5px;
text-align: left !important;
}
.cart .productsCartCont {
display: none;
top: 31%;
left: 1%;
width: 350px;
}
.cart .productsCartCont .productCart {
width: 300px;
max-width: 300px;
}
header.fixed .contMovil .carrito {
margin-top: -15px;
}
header.fixed .cart .productsCartCont {
top: 22.1% !important;
left: 37.3% !important;
transition: all .21s;
}
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
HEADER
------------------------------------------------- */
header{
position:absolute;
top:0;
left:0;
right:0;
z-index:1;
overflow:hidden;
/ background: rgba(0,0,0,0.15);
width: 100%;
}
header a{
color: #fff;
}
.headCont{
width:90%;
margin-left: 5%;
padding:5px;
overflow:hidden;
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}
.logo{
margin-top: 0px;
float:left;
width: 30%;
/ padding-top: 110px;
opacity: 0.8;
}
.logo > div{
width: 90%;
}
.logo img{
width: 100%;
/ padding: 5%;
/ border-top-left-radius: 15%;
/ border-top-right-radius: 0%;
/ border-bottom-left-radius: 0%;
/ border-bottom-right-radius: 15%;
/ background: rgba(255,255,255,0.2);
animation-name: zoomIn;
animation-duration: 1.25s;
}
.headBox{
width: 70%;
height: 100%;
float: left;
margin-top: -100px;
overflow:hidden;
display:flex;
align-items: center;
justify-content: flex-end;
}
.contNavs{
z-index:999;
width: 100%;
/ background: #fff;
padding: 10px 0;
}
.contNavFix{}
header .boxizq {
align-items: center;
width: 40%;
float: right;
justify-content: flex-end;
display: flex;
}
.contMovil {
display:none;
}
.contMovil .responsiveMenu{
display:inline-block;
vertical-align:middle;
float: left;
margin-top: 15px;
}
.btnMovil{
cursor:pointer;
display: none;
}
/* -------------------------------------------------
MENU SUPERIOR
------------------------------------------------- */
.nav1 {
display: flex;
float: left;
overflow:hidden;
z-index: 999;
width: 60%;
text-align: right;
/margin-top: 6px;
justify-content: flex-end;
align-items: center
}
.nav1 .contMenu{
display: flex;
justify-content: flex-end;
}
.nav1 .menuItem {
float: left;
}
.nav1 .menuItem a{
display: block;
padding: 2px 0px 3px;
margin: 6px 8px;
font-size: 0.8em;
color: #fff;
font-weight: 400;
transition: all .5s ease;
}
.nav1 .menuItem a:hover, header.fixed .nav1 .menuItem a:hover{
border-bottom: 1px solid #ccc;
padding: 2px 0px 2px;
}
.nav1 .menuItem.selected a{
color: #FEAA26;
font-weight: bold;
}
header.fixed .nav1 .menuItem.selected a{
color: #FEAA26;
font-weight: bold;
}
header .lang{
float: left;
display: flex;
/margin-top: 6px;
margin-right: 6px;
}
header .ob{
float: right;
margin-right: 0px;
margin-left: 5px;
}
header .acc{
float: right;
}
header .acc .wdgMenu{
margin-left: 10px;
}
/*===== Usuario No Registrado ====*/
.acc .menuitem {
display: inline-block;
vertical-align: top;
}
.acc .menuItem .menuPic img {
width: 40px;
height: 40px;
border: 1px solid black;
border-radius: 50%;
}
/*===== Multi-Idioma ====*/
lang .langItemCont{
display: flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.lang .langItemCont .langItem{
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-transform: uppercase;
color: #fff;
}
header.fixed .lang .langItemCont .langItem{
color: gray;
}
.lang .langItemCont .langItem:not(.selected):hover{
color: #ED3237;
}
.lang .langItemCont .langItem.selected {
color: #FEAA26;
cursor: default;
font-weight: bold;
}
header.fixed .lang .langItemCont .langItem.selected {
color: #FEAA26;
cursor: default;
font-weight: bold;
}
.lang .langItemCont .langSeparator{
margin: 0 8px 0 3px;
border: 1px solid #ccc;
}
.lang .menuItem .MenuImg {
display: inline-block;
width: 40px;
height: 40px;
background: no-repeat center/auto 100%;
}
.lang .menuItem .MenuImg.Idioma_1 {
background-image: url('/drive/repo/general/lang_spa.png');
}
.lang .menuItem .MenuImg.Idioma_2 {
background-image: url('/drive/repo/editorweb/lang_eng.png');
}
.lang .menuItem .menuPic img {
width: 49px;
height: 49px;
}
header .carrito{
float: left;
}
.categories{
float: left;
margin-right: 5px;
}
.categories .wdgCateg .wdgTitle{
font-size: 44px;
width: 40px;
height: 40px;
position: relative;
cursor: pointer;
margin: 0 5px;
text-align: center;
display: flex;
align-items: center;
}
.categories .wdgCateg .wdgTitle i{
color: #fff;
transition: all .3s ease;
}
.categories .wdgCateg .wdgTitle:hover i{
color: #ccc;
}
.categories .wdgContent {
position: fixed;
top: 0;
left: -400px;
bottom: 0;
width: 18%;
padding: 50px 20px 20px;
box-sizing: border-box;
/ background-color: rgba(0,0,0,0.95);
background-color: black;
text-align: left;
overflow-y: scroll;
list-style-type: none;
z-index: 999;
border-top-right-radius: 30px;
transition: all 0.5s ease;
}
.categories .wdgContent.active {
left: 0;
}
.categories .wdgContent::-webkit-scrollbar {
-webkit-appearance: none;
}
.categories .categItem {
display: block;
position: static;
margin: 0 0 3px;
border: 0;
}
.categories .closeBtn {
position: absolute;
top: 21px;
right: 26px;
width: 25px;
height: 25px;
background: transparent url('/drive/repo/general/icono_close3t.png') no-repeat center/80%;
cursor: pointer;
/ border-radius: 50%;
}
.categories .categTitle a{
display:block;
color:green;
font-weight:bold;
padding:10px 20px 5px;
margin: 8px 0 0px;
font-size: 11px;
text-transform: uppercase;
text-decoration:none;
}
.categories .categTitle:hover a {
background-color: rgba(255,255,255,0.25);
}
.categories img{
display: none;
width: 40px;
height: 40px;
border-radius: 50%;
}
.categories .categItem.selected .contCateg_nivel0 .categItem .categTitle a,
.categories .categItem .contCateg_nivel0 .categItem .categTitle a{
display:block;
color:#eea243;
padding:3px 40px 3px;
font-size: 9px;
font-weight: bold;
text-decoration:none;
text-align: left;
margin: 0px 0 0px;
}
.categories .contCateg_nivel0 img{
display: none;
}
/* -------------------------------------------------
BOTON FAVORITOS
------------------------------------------------- */
.btnFavoritos .menuItem{
cursor:pointer;
padding:10px 14px;
border:1px solid #fff;
border-radius:3px;}
.btnFavoritos .menuItem .menuItemCont{
display:flex;
flex-direction:row;
align-items:center;}
.btnFavoritos .menuPic{
margin-right:10px;}
.btnFavoritos .menuPic img{
max-height:20px;}
.btnFavoritos .menuPic svg{
max-height:20px;}
.btnFavoritos .menuPic svg .fil0{
fill:#fff;}
.btnFavoritos .menuTitle{
font-weight:bold;
font-size:0.8em;}
.btnFavoritos .menuItem:hover{
background: #fff;}
.btnFavoritos .menuItem:hover .menuPic svg .fil0{
fill:#333;}
.btnFavoritos .menuItem:hover .menuTitle a{
color:#333;}
/* -------------------------------------------------
HEADER FIXED
------------------------------------------------- */
header.fixed .cart{
background: #909090;
border: 1px dotted gray;
}
header.fixed{
/ border-bottom: 2px solid #000;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 900;
overflow: hidden;
background: #f1f1f1;
width: 100%;
border-bottom: 2px groove #bcbcbc;
/ background: url('/drive/repo/general/FondoFixed2.png') no-repeat center/cover;
/ background: url('/drive/repo/general/FondoGIF.gif') no-repeat center/cover;
}
header.fixed .headCont{
width: 90%;
padding: 5px 5px 3px 5px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 11px;
transition: box-shadow 0.5s ease, border 0.4s ease;
margin-top: 9px;
}
header.fixed .logo{
margin-top: -10px;
float:left;
padding-top: 0px;
margin-left: 5px;
animation-name: zoomIn;
animation-duration: .75s;
}
header.fixed .logo img{
width: 35%;
padding-top: 5px;
/ border-radius: 5%;
background: transparent;
}
header.fixed .headBox{
margin-top: 0px;
}
header.fixed .logo .img_logo_claro {
display: block;
width: 100%;
margin: 0;
}
header.fixed .logo .img_logo_oscuro {
display: none;
width: 100%;
margin: 0;
}
header.fixed .categories .wdgCateg .wdgTitle i{
color:#fff;
}
header.fixed .categories .wdgCateg:hover .wdgTitle i{
color: #ccc;
}
header .logo .img_logo_claro {
display:none;
}
header.fixed .nav1 .menuItem a{
color: gray;
}
/*===== Estructura Multi-Idioma y Registro ====*/
.contMovil .lang {
cursor:pointer;
float: right;
}
.contMovil .acc {
cursor:pointer;
margin-top: 5px;
float: right;
}
.contMovil .ob {
cursor:pointer;
margin-top: 2px;
float: right;
margin-right: 5px;
}
/* -------------------------------------------------
ORISOM BAR
------------------------------------------------- */
.ob .left{
float:none;}
.ob .right{
float:none;}
.ob{
float:right;
/ height:42px;
margin-left: 0px;
margin-top: 0px;
padding:0 0 0 0;
display: block !important;
}
.ob .obCont{
/ position:relative;
}
.ob .oItem {
display:inline-block;
vertical-align:top;
position:relative;
}
.ob .oItem .iApps{}
.ob .oItem .iUser{}
.ob .obIcon{
overflow:hidden;
cursor:pointer;
position:relative;
top: 0px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
.ob .obIcon.iconApps{
background: #fff url(/drive/repo/general/11.png);
background-position: 10px 11px;
background-repeat:no-repeat;
background-size: 20px 20px;
width:40px;
height:40px;
margin-left: -5px;
border: 1px solid black;
}
.ob .obIcon.iconApps:hover{
background: #fff url(/drive/repo/general/111.png);
background-position: 10px 11px;
background-repeat:no-repeat;
background-size: 20px 20px;
border: 1px solid black;
}
.ob .obIcon.iconUser{
width:40px;
height:40px;
/ display:table;
background: #fff;
position: relative;
margin-left: -4px;
bottom: 3px;
/ margin-top: -0.6px;
border: 1px solid black;
}
.ob .obIcon.iconUser:hover{
-moz-box-shadow: 0px 0px 3px #ccc;
-webkit-box-shadow: 0px 0px 3px #ccc;
box-shadow: 0px 0px 3px #ccc;
}
.ob .obIcon.iconUser .userimg{
/vertical-align:middle;
/object-fit: cover;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iIzQyNDI0MWZmIj4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDIyMy42MCA0NS41MSBDIDIzMC42MiA0My44OSAyMzcuODUgNDMuNDAgMjQ1LjAzIDQzLjI0IEMgMjUwLjMzIDQzLjE0IDI1NS42MiA0Mi4yMyAyNjAuOTIgNDIuNzggQyAyNzIuMzcgNDMuODYgMjgzLjg3IDQ1LjQ2IDI5NC44MCA0OS4xNyBDIDI5OC43OSA1MC40OSAzMDIuNDggNTIuNjAgMzA1LjY1IDU1LjM2IEMgMzEyLjczIDYxLjMyIDMyMS43NiA2NC4yOCAzMjkuMDAgNjkuOTcgQyAzMzQuMDUgNzMuNjQgMzMzLjE4IDgwLjQ5IDMzNC4wOSA4NS45NSBDIDMzNC43MCA4OS4xNSAzMzIuODkgOTEuOTYgMzMyLjE3IDk0Ljk0IEMgMzMzLjczIDk2Ljk1IDMzNS45NCA5OC40MCAzMzcuMjkgMTAwLjU4IEMgMzM4LjQ1IDEwMi41NCAzMzguMTkgMTA0Ljg5IDMzOC4zNyAxMDcuMDcgQyAzMzguNjIgMTEyLjk3IDM0MS44OSAxMTguMjEgMzQyLjY0IDEyNC4wMSBDIDMzOS43NyAxMzEuODYgMzM2Ljg5IDE0MC4xMyAzMzcuNDQgMTQ4LjYyIEMgMzM5LjMwIDE1MC43MSAzNDEuNTcgMTUyLjU2IDM0Mi42MSAxNTUuMjUgQyAzNDUuOTIgMTYyLjQ0IDM0My4xMyAxNzAuMzggMzQxLjY3IDE3Ny42NyBDIDM0MC40NiAxODMuNjggMzM1Ljc2IDE4OC44NCAzMjkuNDggMTg5LjQ4IEMgMzI2LjM1IDIwOC42NCAzMjAuMjYgMjI3LjE5IDMxMi45MyAyNDUuMTMgQyAzMTEuNzMgMjQ4LjY4IDMwOS4zMyAyNTIuMTEgMzA5Ljk5IDI1Ni4wMyBDIDMxMS40MyAyNjkuNzMgMzEzLjA1IDI4My43NSAzMTguMzIgMjk2LjU2IEMgMzU4LjkzIDMwOS4yOCAzOTkuMjMgMzIzLjEzIDQzOC42NSAzMzkuMjEgQyA0NDMuNjUgMzQxLjE3IDQ0OC41MCAzNDMuNzAgNDUzLjg3IDM0NC41NSBDIDQ1OC44OSAzNDUuNDggNDYzLjQyIDM0OC4zMCA0NjYuODEgMzUyLjA4IEMgNDcyLjc0IDM1OC43NiA0NzUuODMgMzY3LjQwIDQ3Ny45MyAzNzUuOTUgQyA0ODAuNDUgMzg1Ljc3IDQ4MS4xOCAzOTUuOTEgNDgyLjM2IDQwNS45NCBDIDQ4NC45NCA0MjcuMDAgNDg3LjIzIDQ0OC4xMyA0OTAuNzUgNDY5LjA2IEMgMzgyLjUyIDQ2OS41NCAyNzQuMjcgNDY5LjQ4IDE2Ni4wMyA0NjkuMzUgQyAxMzcuNjkgNDY5LjIzIDEwOS4zNiA0NjkuMzggODEuMDMgNDY4Ljg3IEMgNjEuMTYgNDY4Ljc1IDQxLjI4IDQ2OC44NCAyMS40NCA0NjcuODMgQyAyMy40MyA0NjAuNjYgMjQuMzUgNDUzLjI3IDI1Ljc4IDQ0NS45OSBDIDI5LjI2IDQyNS45OCAzMy4wMiA0MDUuOTggMzguMzAgMzg2LjM1IEMgNDEuNDIgMzc1LjUxIDQ0Ljc0IDM2NC41MCA1MC44MiAzNTQuODkgQyA1My4wMCAzNTEuMzMgNTYuMzggMzQ4LjY1IDYwLjI4IDM0Ny4yMSBDIDc2Ljc2IDM0MC41MCA5My43MCAzMzUuMDIgMTEwLjU2IDMyOS4zOCBDIDE0MS44MyAzMTkuMTkgMTczLjE5IDMwOS4yNSAyMDQuNjggMjk5Ljc4IEMgMjA2Ljc2IDMzMS4wOSAyMTIuMzIgMzYyLjEwIDIxOS40OCAzOTIuNjIgQyAyMjQuMDIgNDEwLjc5IDIyOS4xMCA0MjguODYgMjM1LjU5IDQ0Ni40NCBDIDI0MC42MCA0MjcuMTIgMjQ1LjQ2IDQwNy43NSAyNDkuOTYgMzg4LjMxIEMgMjQ2LjM3IDM4MC4zOSAyNDIuODkgMzcyLjQyIDIzOS4yMyAzNjQuNTQgQyAyNDYuMjIgMzYxLjI0IDI1My4yNiAzNTguMDQgMjYwLjE4IDM1NC42MCBDIDI2Ny4wMiAzNTguMzUgMjczLjc2IDM2Mi4yNyAyODAuNTEgMzY2LjE3IEMgMjc3LjA0IDM3My40NSAyNzMuMjkgMzgwLjU5IDI2OS43NyAzODcuODUgQyAyNzQuOTggNDA3LjM4IDI3OS41MyA0MjcuMDggMjg0Ljc0IDQ0Ni42MSBDIDI5OC44MSA0MDAuOTkgMzExLjMzIDM1NC42MiAzMTcuMTMgMzA3LjE0IEMgMzE3LjU3IDMwMy42NSAzMTcuNzcgMzAwLjEzIDMxOC4wMyAyOTYuNjMgQyAyOTguNTAgMzE1LjM4IDI3OS4wNCAzMzQuMjIgMjU5LjI1IDM1Mi43MSBDIDI0Mi40MSAzMzQuMzQgMjI1LjU0IDMxNS45OCAyMDguNTAgMjk3Ljc5IEMgMjExLjQ1IDI4NC43MSAyMTMuNDQgMjcxLjQwIDIxNC4xNiAyNTguMDEgQyAyMTQuNzMgMjUzLjg0IDIxMS4zMyAyNTAuODIgMjA5LjYzIDI0Ny4zNyBDIDE5OS4yNiAyMzAuNTQgMTkxLjk1IDIxMS45NCAxODcuMjIgMTkyLjc3IEMgMTg1LjkzIDE5Mi44NiAxODQuNjQgMTkyLjg0IDE4My4zNiAxOTIuNzQgQyAxODAuNzMgMTkxLjE2IDE4MC42MyAxODcuOTEgMTc5LjU5IDE4NS4zNiBDIDE3Ni4zMCAxNzguMjYgMTczLjU0IDE3MC43NSAxNzIuNjcgMTYyLjk0IEMgMTcyLjE3IDE1OC4yOCAxNzMuNDUgMTUyLjA1IDE3OC43OSAxNTAuOTEgQyAxNzkuMDAgMTMzLjk3IDE3Ni43MSAxMTYuOTggMTc4LjYwIDEwMC4wOSBDIDE3OC44MyA5Ni4zMCAxODIuMjUgOTMuOTggMTgzLjU0IDkwLjYxIEMgMTg1LjQ2IDg1Ljk5IDE4Ny41MSA4MS4yMyAxODcuNTMgNzYuMTMgQyAxODcuMzcgNzQuMDQgMTg5LjIwIDcyLjc4IDE5MC40NSA3MS40MSBDIDE5NS4yMyA2Ni41NSAxOTkuMzUgNjAuNzAgMjA1LjcwIDU3Ljc1IEMgMjEyLjI3IDU0LjU0IDIxNi4yMCA0Ny4xOCAyMjMuNjAgNDUuNTEgWiIgLz4NCjwvZz4NCjwvc3ZnPg0K");
background-position: center;
background-size: cover;
height: 44px;
}
.ob .obIcon.iconUser img{
width: 40px;
height: 40px;
/ margin-left: 1.85px;
margin-top: 0px;
/ border: 2px solid #FEAA26;
border-radius: 50%;
}
/* -------------------------------------------------
LOGICA 9 PUNTITOS APPSCONT
------------------------------------------------- */
.container-dashboard {
position: fixed;
background: #fff;
width: 325px;
height: 420px;
display: none;
top: 69px;
left:910px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-shadow: 0px 0px 14px #2cecdd;
-webkit-box-shadow: 0px 0px 14px #2cecdd;
box-shadow: 0px 0px 14px #2cecdd;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 2px 4px #eec239;
z-index: 999;
transition: all .21s;
padding: 10px;
}
.container-dashboard .title {
padding: 10px;
text-align: center;
margin-left: 5%;
margin-right: 5%;
margin-top: 1%;
background-color: #fff;
color: #fff;
border-bottom: 1px solid #2a6496;
color: #333;
/ font-weight: bold;
font-size: 14px;
}
.container-dashboard .appMenu {
width: 100%;
overflow-y: auto;
list-style-type: none;
height: 90%;
}
.container-dashboard .appMenu .appMenu-scroll {
overflow: hidden;
}
.container-dashboard .appMenu .appMenu-header {
padding: 20px 6px 20px 0;
overflow: hidden;
}
.container-dashboard .appMenu .appMenu-header .user-header {
margin-top: 6px;
padding: 5px 20px 5px 6px;
display: flex;
background: #FEAA26;
border-radius: 4px;
cursor: pointer;
}
.container-dashboard .appMenu .appMenu-header .user-pic {
float: left;
width: 60px;
padding: 2px;
border-radius: 12px;
margin-right: 15px;
overflow: hidden;
}
.container-dashboard .appMenu .appMenu-header .user-pic img {
object-fit: cover;
height: 100%;
width: 100%;
}
.container-dashboard .appMenu .appMenu-header .user-info {
/* Cambiar color aqui dependiendo de la pag */
color: #000;
float: left;
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
font-size: 11px;
padding-top: 7px;
}
.container-dashboard .appMenu .appMenu-header .user-info > span {
display: block;
}
.container-dashboard .appMenu .appMenu-header .user-info .user-role {
font-size: 10px;
margin-top: 4px;
font-family: 'banks-miles-single' !important;
text-transform: none;
color: #2a6496;
}
.container-dashboard .appMenu .appMenu-header .user-info .user-dni {
font-size: 12px;
margin-top: 4px;
font-family: 'banks-miles-single' !important;
text-transform: none;
color: #2a6496;
}
.container-dashboard .appMenu .appMenu-content ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a{
display: inline-block;
width: 100%;
text-decoration: none;
position: relative;
/* padding: 8px 30px 8px 20px; */
color:#3a3f48;
text-decoration: none;
font-size: 11px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i {
margin-right: 10px;
font-size: 12px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 4px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a {
/* background: #c0c0c0; */
margin: 5px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i{
background: #FEAA26;
margin: 7px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after{
font-family: 'banks-miles-single' !important;
font-weight: 900;
content: "\f105";
font-style: normal;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
background: 0 0;
position: absolute;
right: 15px;
top: 14px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a{
color: green;
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a:after {
transform: rotate(90deg);
right: 17px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown div{
/* background: #c0c0c0; */
padding: 5px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown a:hover {
/ color: #2a6496;
color: #000;
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
font-size: 11px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown ul li:hover a {
color: #000;
}
.container-dashboard .appMenu .appMenu-content .submenu {
display: none;
opacity: 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul {
display: flex;
flex-wrap: wrap;
padding: 5px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul {
display: block;
padding: 5px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu {
opacity: 1;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li {
width: 33.3%;
text-align: center;
margin: 10px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li {
width: 100%;
text-align: left;
margin: 10px 0;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a{
display: grid;
color: #737171
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a{
display: flex;
color: #737171;
align-items: center;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li:hover a{
color: green;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a i {
font-size: 30px;
margin: 4px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a i {
font-size: 30px;
margin: 4px 10px 4px 4px;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .description{
display: flex;
flex-direction: column;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a span{
font-size: 11px;
overflow: hidden;
text-overflow: ellipsis;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .small{
font-size: 12px;
margin: 2px 0;
}
.img-rounded {
border-radius: 6px;
}
.img-responsive {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.icon-bounce .icon {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.icon-bounce:hover .icon, .icon-bounce:focus .icon, .icon-bounce:active .icon {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
@-webkit-keyframes bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.bob:hover, .appMenu-content-dropdown.active .bob {
-webkit-animation-name: bob-float, bob;
animation-name: bob-float, bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.appsCont{
display:none;
}
/* -------------------------------------------------
LOGICA PERFIL USERCONT
------------------------------------------------- */
.ob .userCont {
position: fixed;
background:#fff;
top: 60px;
left:920px;
display:none;
width:380px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-shadow: 0px 0px 4px #f65109;
-webkit-box-shadow: 0px 0px 4px #f65109;
box-shadow: 0px 0px 4px #f65109;
text-align: center;
padding: 20px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
box-shadow: 0 2px 4px #555;
text-align: center;
z-index: 999;
}
.ob .userCont:before{
border-color: #fff transparent;
border-style: solid;
border-width: 0 8px 8px;
content: "";
display: block;
position: fixed;
top: 53px;
right: 83px;
width: 5;
transition: all .21s;
}
.ob .userCont .title{
padding:5px;
border-bottom:1px solid #f1f1f1;
color:#000;
font-weight: 800;
}
.ob .userCont .title a{
color:#000;
font-weight: 800;
}
.ob .userCont .title span.note{
font-size:15px;
font-weight: 800;
color:#000;}
.ob .userCont .user{
overflow:hidden;
padding:10px;}
.ob .userCont .user .userPic{
overflow:hidden;
text-align: center;
float:left;
-moz-border-radius: 350px;
-webkit-border-radius: 350px;
border-radius: 350px;
width:80px;
height:80px;
margin:0 20px 0 0;}
.ob .userCont .user .userPic img{
margin: auto;
width:80px;}
.ob .userCont .user .userDetails{
float:left;
text-align: center;
width:180px;}
.ob .userCont .user .userDetails .name{
display:block;
margin-top: 5px;
font-size:16px;}
.ob .userCont .user .userDetails .mail{
display:block;
word-wrap: break-word;
font-size:12px;}
.ob .userCont .user .userDetails .perfil{
display:block;
text-align: center;
padding:10px 0;}
.ob .userCont .user .userDetails .perfil a{
display:block;
background:#FEAA26;
border:1px solid #FEAA26;
color:#333;
float:left;
font-size:12px;
text-decoration:none;
padding:3px 12px;
margin-left: 55px;
text-decoration:none;
-moz-border-radius: 350px;
-webkit-border-radius: 350px;
border-radius: 350px;}
.ob .userCont .user .userDetails .perfil a:hover{
text-decoration:none;
background:#5d9e71;
border:1px solid #5d9e71;
color:#fff;}
.ob .userCont .userSesion{
overflow:hidden;
padding:10px;
background:#fecc7c;
text-align:center;}
.ob .userCont .btnChangeUser,
.ob .userCont .logOut{
display:block;
padding:10px 15px;
background:#FEAA26;
text-decoration:none;
font-size:14px;
cursor:pointer;
color:#333;
border:1px solid #FEAA26;}
.ob .userCont .btnChangeUser{
margin:0 0 2px;
border:none;
background:none;}
.ob .userCont .btnChangeUser img{
display: none;
max-width:100px;}
.ob .userCont .logOut:hover{
border:1px solid #f06e4d;
background: #f06e4d;
color:#fff;}
/* -------------------------------------------------
CONTRATOS - PERFIL
------------------------------------------------- */
.ContratosProfile{
float:right;
}
.ob .left{
float:none;}
.ob .right{
float:none;}
.ob .contratosCont{
position:absolute;
top:64px;
background:#fff;
font-size: 14px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-shadow: 0px 0px 4px #ccc;
-webkit-box-shadow: 0px 0px 4px #ccc;
box-shadow: 0px 0px 4px #ccc;}
.ob .contratosCont{
right: -64px;}
.ob .contratosCont:before{
border-color: #e9e9e9 transparent;
border-style: solid;
border-width: 0 8px 8px;
content: "";
display: block;
position: absolute;
right: 13px;
top: -8px;
width: 0;
z-index: 102; }
.ob .contratosCont .ContTitle {
padding: 4px 4px 4px 4px;
background-color: #55adcd96;
color: #fff;
font-size: 18px;
text-align: left;
}
.ob .contratosCont .ContID{
font-size: 11px;
padding: 0px 4px 0px 4px;
/* border-bottom: 1px solid #cac3c3; */
background-color: #ffffff;
text-align: left;
color: #676363;
}
.ob .contratosCont .ContPlanDesc{
float: left;
margin: 1px 14px 0px 0px;
color: #676363;
padding-left: 4px;
background: white;
width: 100%;
position: relative;
bottom: 1px;
}
{
color: #676363;
text-align: right;
color: #65b928;
}
.ContExpires{
color: #676363;
text-align: right;
margin-bottom: 5px;
font-size: 11px;
position: relative;
bottom: 35px;
}
.ob .contratosCont .ContTitle a{
color: #000;
}
.ob .contratosCont .ContTitle span.note {
font-size: 12px;
color: $000;
}
.ob{
float:right;
height:42px;
padding:0 0 0 2px;}
.ob .obCont{
position:relative;}
.ob .oItem {
display:inline-block;
vertical-align:top;
width:40px;
height:40px;
position:relative;
}
.ob .oItem .iContratos{}
.ob .obIcon{
overflow:hidden;
cursor:pointer;
position:relative;
-moz-border-radius: 250px;
-webkit-border-radius: 250px;
border-radius: 250px;}
.ob .obIcon.iconContrato{
background: url(/drive/repo/editorweb/12.png);
background-position: 5px 6px;
background-repeat:no-repeat;
background-size: 40px 35px;
width:22px;
height:22px;
padding:10px;
margin-left: -33px;
}
.ob .contratosCont{
display:none;
width:280px;
right: 27px;
box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);}
.ob .ContratosMenu{
width: 281px;
max-height: 380px;
overflow-y: auto;
/* padding: 10px; */
background-color: #f2f2f2;
}
.ob .ContratosMenu .label{
text-decoration: underline;
width:100%;
}
.ob .ContratosMenu .badge{
position: absolute;
bottom: 11px;
right: 1px;
font-size: 13px;
background: #b5bcbf;
padding: 3px;
border-radius: 7px;
color: white;
width: 70px;
}
.ob .ContratosMenu .periodicidad{
font-size: 11px;
float: left;
padding-left: 5px;
position: relative;
top: 8px;
}
.ob .ContratosMenu .ContPayButton{
clear: both;
/* background-color: #ffffff; */
margin: 0px 0px 19px 0px;
/* padding: 9px; */
/* text-align: right; */
cursor: pointer;
color: #676363;
width: 246px;
padding-left: 5px;
}
.ContPayButton .ContSolicitudTitulo{
padding-top: 6px;
position: relative;
bottom: 20px;
}
.ob .ContratosMenu .ContPayButton a{
text-decoration: none;
padding: 4px;
float: right;
margin: 3px;
border-radius: 6px;
}
.ContratosMenu .ContStatus{
text-align: right;
color: #65b928;
position: relative;
bottom: 35px;
}
.ob .ContratosMenu .ContPayButton .ContRenovar{
position: relative;
left: 15px;
top: -20px;
background: #65b928a3;
color: white;
text-align: center;
width: 70px;
font-size: 12px;
}
.ContPayButton .ContSolicitudProcesar{
background: #96cadd;
color: white;
text-align: center;
font-size: 11px;
position: relative;
right: 12px;
}
.ContPayButton .ContSolicitudProcesar:hover{
background: white;
color:#55adcd;
border: solid 1px #55adcd;
}
.ContPayButton .ContSolicitudCancelar{
background: #96cadd;
color: white;
text-align: center;
font-size: 11px;
position: relative;
right: 25px;
}
.ContPayButton .ContSolicitudCancelar:hover{
background: white;
color:#55adcd;
border: solid 1px #55adcd;
}
.ob .ContratosMenu .ContPayButton .ContRenovar:hover{
background: white;
color:#65b928;
border: solid 1px #65b928a3;
}
.ContPayButton .ContSolicitudDetalle{
margin-bottom: 5px;
position: relative;
bottom: 20px;
}
.ob .ContratosMenu .ContPayButton .ContSolicitudProcesar{
position: relative;
bottom: 20px;
}
.ob .ContratosMenu .ContPayButton .ContSolicitudCancelar{
position: relative;
bottom: 20px;
}
.ob .detailsItem{
overflow: hidden;
padding: 2px 2px 2px 2px;
width: 260px;
height: 40px;
float: left;
text-align: center;
/* border: 1px solid #e2e4e0; */
position: relative;
color: #676363;
border-bottom: solid 1px #b5bcbf;
bottom: 30px;
}
}
.ob .detailsItem .appPic{
display:inline-block;
vertical-align:middle;
height: 50px;
width: 40px;
overflow: hidden;
}
.ob .detailsItem .appPic img{
height:40px;
}
.ob .detailsItem .label{
display: inline-block;
font-size: 14px;
text-decoration: none;
text-align: left;
padding-left: 5px;
position: relative;
top: 9px;}
/*===== Estructura Multi-Idioma y Registro ====*/
.contMovil .lang {
cursor:pointer;
float: right;
}
.contMovil .acc {
cursor:pointer;
margin-top: 5px;
float: right;
}
.contMovil .ob {
cursor:pointer;
margin-top: 2px;
float: right;
margin-right: 5px;
}
/*===== Usuario No Registrado ====*/
.acc .menuitem {
display: inline-block;
vertical-align: top;
}
.acc .menuItem .menuPic img {
width: 40px;
height: 40px;
border: 1px solid black;
border-radius: 50%;
}
/*===== Multi-Idioma ====*/
/*.lang {
margin-right: 6px;
cursor: pointer;
border: 1px solid black;
border-radius: 50%;
}*/
.lang .menuItem .MenuImg {
display: inline-block;
width: 40px;
height: 40px;
background: no-repeat center/auto 100%;
}
.lang .menuItem .MenuImg.Idioma_1 {
background-image: url('/drive/repo/general/lang_spa.png');
}
.lang .menuItem .MenuImg.Idioma_2 {
background-image: url('/drive/repo/editorweb/lang_eng.png');
}
.lang .menuItem p {
display: block;
color: #FEAA26;
font-size: 13px;
font-weight: bold;
width: 42px;
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
margin-top: 10px;
margin-right: 16px;
}
.lang .menuItem .menuPic img {
width: 49px;
height: 49px;
}
/* -------------------------------------------------
MEDIA QUERIES
------------------------------------------------- */
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
header.fixed .cart{
background: transparent;
border: 1px solid #fff;
}
.headCont{
align-items: flex-end;
}
.container-dashboard {
top: 10px;
left: 15px;
}
header {
padding-top: 5px;
width: 100%;
background: transparent;
}
header.fixed {
padding-top: 1px;
width: 100%;
}
.logo{
margin-top: 0px;
float:left;
width: 50%;
margin: 4px 0 0 5px;
padding-top: 0px;
}
header .logo .img_logo_oscuro {
display: none;
}
header .logo .img_logo_claro {
display: block;
}
.headBox{
width: 1%;
float: left;
margin-top: 8px;
overflow:hidden;
}
.contMovil .responsiveMenu{
margin-top: 5px;
display: block !important;
}
.btnMovil, .contMovil {
cursor:pointer;
display: block !important;
margin-top: -80px;
}
header.fixed .btnMovil, .contMovil {
margin-top: 0px;
}
.contNavs{
position:fixed;
z-index:999;
height: 100%;
width:100% !important;
top:120px;
left:-100%;
right:0;
bottom;
padding-bottom: 30px;
box-sizing:border-box;
background: #333;
/ background: url('/drive/repo/general/NFF_1023_img_001.png') fixed no-repeat top/cover;
transition: all .5s;
transition-timing-function: cubic-bezier(0,0,.58,1);
}
header.fixed .contNavs{
top: 85px;
}
.contNavFix, .nav1, .nav1 .menuItem{
display: block !important;
float: none !important;
}
header .contNavFix {
float: right;
margin-top: 30px;
padding-left: 2%;
padding-right: 2%;
height: 100%;
}
.nav1 .menuItem a {
padding:10px 20px;
font-size:13px;
text-transform: uppercase;
color: #fff;
}
header .boxizq {
width: 100%;
float: none;
clear: both;
margin: 15px auto;
justify-content: center;
}
.categories .wdgCateg .wdgTitle{
color: #fff;
}
.cart .productsCartTitle{
color: #fff;
}
.lang .langItemCont .langItem{
color:#fff;
}
.acc .menuItem .menuPic img {
border: 3px solid #FEAA26;
}
header.fixed .lang .langItemCont .langItem{
color: #fff;
}
.categories .wdgContent::-webkit-scrollbar {
-webkit-appearance: none;
}
.categories .wdgContent {
width: 80%;
left: -800px;
}
/* -------------------------------------------------
HEADER FIXED PORTRAIT
------------------------------------------------- */
header.fixed .logo{
margin-top: 0px;
float:left;
width: 50%;
}
header.fixed .headBox {
width: 1%;
float: left;
margin-top: 8px;
overflow:hidden;
}
header.fixed .contMovil .responsiveMenu{
margin-top: 8px;
}
header.fixed .logo img{
width: 50% !important;
}
header.fixed .logo .img_logo_oscuro{
display:none !important;
}
header.fixed .logo .img_logo_claro{
display: none;
}
header.fixed .logo .img_logo_claro {
display: block;
}
header.fixed .logoGB{
display: none;}
header.fixed .logoGB-black{
display: none;}
header.fixed .logoGB-icon{
display: none;
}
header.fixed .ob .userCont, header .ob .userCont {
top: 80px !important;
left: 1px !important;
left: 1px
z-index: 999;
transition: all .21s;
}
header.fixed .ob .userCont:before, header .ob .userCont:before {
display: none;
}
header.fixed .categProds{
width: auto;
}
header.fixed .logo .img_logo_oscuro{
display:block;
width: 100%;
margin: 0;
}
.nav1 {
margin-top: 1px !important;
height: auto !important;
text-align: left;
}
.nav1 .contMenu {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
header.fixed .nav1 {
margin-top: 30px !important;
}
header.fixed .contNavFix {
float: right;
margin-top: 30px;
padding-left: 2%;
padding-right: 2%;
height: 100%;
}
header.fixed .nav1 .menuItem a{
padding:10px 20px;
font-size:13px;
text-transform: uppercase;
color: #fff;
}
header.fixed .lang .langItemCont .langItem:not(.selected):hover{
color: #FEAA26;
}
header.fixed .lang .langItemCont .langItem.selected{
color: #FEAA26;
cursor: default;
}
} /* FIN MEDIA QUERIES 1023 */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.btnMovil, .contMovil {
cursor:pointer;
display: block !important;
margin-top: -150px;
}
header.fixed .btnMovil, .contMovil {
margin-top: 0px;
}
header.fixed .logo img{
width: 45% !important;
}
.contMovil .responsiveMenu, header.fixed .contMovil .responsiveMenu {
margin-top: 8px;
}
header .contNavFix {
float: none !important;
display: block !important;
margin-top: 2px;
width: 100%;
}
header.fixed .contNavFix {
float: none !important;
display: block !important;
margin-top: 10px;
width: 100%;
}
.nav1, header.fixed .nav1 {
float: none !important;
display: block !important;
width: 98%;
margin-top: 0px !important;
}
.nav1 .contMenu, header.fixed .nav1 .contMenu {
display: flex;
flex-direction: row;
justify-content: center;
}
header .boxizq {
width: 80%;
float: left !important;
clear: none !important;
display: block !important;
justify-content: right;
margin: 15px 10% 0 10%;
}
.acc .menuItem .menuPic img {
border: 3px solid #FEAA26;
}
.categories .wdgContent {
width: 100%;
left: -800px;
}
.categories .wdgContent::-webkit-scrollbar {
-webkit-appearance: none;
}
.contNavs{
top: 130px;
}
header.fixed .contNavs{
top: 90px;
}
} /* FIN MEDIA QUERIES 800 landscape */
.accesoFaqs{
background: url(/drive/repo/general/Tragos59.jpg) no-repeat fixed top/cover;
background-color: rgba(0, 0, 0, .25) !important;
background-blend-mode: multiply;
/ background-size: 75%;
display:flex;
/ flex-direction:row-reverse;
opacity: 0.9;
clear: both;
padding: 0px 0;
height: 80vh;
}
.accesoFaqsBox{
padding:0 0 0 0%;
width:100%;
box-sizing:border-box;
text-align: left;
color: #fff;
margin-top: 0px;
/ background: rgba(0,0,0,0.35);
}
/* -- Titular de faqs del home -- */
.afBtn {
display: inline-block;
float: right;
width: 30%;
margin-right: 8%;
text-align: right;
margin-top: 80px;
}
.afPost{
display: inline-block;
float: left;
width: 50%;
margin-left: 5%;
}
.postFQHome{}
.postFQHome .PostTitle{}
.postFQHome .PostTitle .title h1{
/ padding:0 0 10px;
font-size: 1.5em;
font-weight: bold;
margin-top: 90px;
padding-bottom: 15px;
}
.postFQHome .PostTitle .subtitle h3, .postFQHome .PostTitle .subtitle p {
padding:0 0 20px;
font-size: 1.2rem;
line-height:1.4em;
font-weight: normal;
}
.postFQHome .PostTitle .subtitle h2 {
/ padding:0 0 10px;
font-size: 1.5em;
font-weight: bold;
padding-bottom: 5px;
}
/* -- Desplegable de faqs del home -- */
.serv_list {
z-index: 1;
padding:20px 0;
}
.serv_list .wdgTitle .title {
font-weight:200;
font-size: 1.5rem;
text-transform: uppercase;
margin-bottom: 20px;
}
.serv_list .wdgItemPost {
margin-bottom: 5px;
position:relative;
}
.serv_list .PostDetails .title a,
.serv_list .PostDetails .title span {
display: block;
padding: 10px 0;
font-size: 1.2rem;
color: #222;
cursor: pointer;
border-bottom:1px solid #e9e9e9;
}
.serv_list .PostDetails .title a::after,
.serv_list .PostDetails .title span::after {
content: "+";
float: right;
font-size: 1.5rem;
line-height: 1;
color: #777;
transition: all .4s;
}
.serv_list .PostDetails .title a.active::after,
.serv_list .PostDetails .title span.active::after {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.serv_list .PostDetails .subtitle {
display:none;
}
.serv_list .PostDetails .subtitle p{
font-size:0.9em;}
.serv_list .PostDetails .subtitle > div {
padding: 5px 0 10px;
font-size: .9rem;
color: #777;
}
.serv_list .PostDetails .subtitle .moreLink {
display: inline-block;
margin-top: 15px;
color: #222;
text-decoration: underline;
}
/* -- Link a faqs del home -- */
.linktoFaqs{
padding:20px 0 0;}
.linktoFaqs .menuTitle{}
.linktoFaqs .menuTitle a{
display:inline-block;
padding:15px 20px;
border:2px solid #FEAA26;
color: #fff;
font-size:1.2em;
font-weight:bold;
border-radius: 30px;
transition: all 0.5s ease;
}
.linktoFaqs .menuTitle a:hover{
background: rgba(255,255,255,0.55);
color:#333;
/ font-weight: normal;
border:2px solid #fff;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.accesoFaqs{
background: url(/drive/repo/general/NFF_1023_img_001.png) no-repeat fixed top/cover;
height: 150vh;
opacity: 0.75;
}
.accesoFaqsBox{
padding:0 0% 0 0%;
width:100%;
box-sizing:border-box;
text-align: left;
color: #fff;
}
.afBtn {
display: block;
float: none;
width: 80%;
margin-right: 0%;
margin-left: 5%;
text-align: left;
margin-top: 20px;
}
.afPost{
display: block;
float: none;
width: 80%;
margin-left: 5%;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.accesoFaqs{
background: url(/drive/repo/general/Tragos59.jpg) no-repeat fixed top/cover;
height: 190vh;
background-color: rgba(0, 0, 0, .25) !important;
background-blend-mode: multiply;
}
} /* FIN MEDIA QUERIES 800 landscape */
/*=====Formulario Contacto====*/
.pageContact {
position: relative;
clear: both;
width:100%;
margin:0 auto;
box-sizing: content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
-o-box-sizing:content-box;
background: url('/drive/repo/general/Tragos59.jpg') fixed no-repeat top/cover;
background-color: rgba(0, 0, 0, .25) !important;
background-blend-mode: multiply;
opacity: 0.9;
}
.dummycontact {
position: relative;
clear: both;
display: flex;
width:100%;
padding:70px 0px 30px 0;
margin:0 auto;
}
.dummycontact .ContIzquierda {
display:flex;
vertical-align:top;
margin-left: 8%;
width:42%;
padding:0 0 0 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
/ justify-content: center;
align-items: center;
}
.dummycontact .ContDerecha {
display:inline-block;
vertical-align:top;
width:35%;
margin-left: 6%;
}
.dummycontact .ContDerecha img{
width: 50%;
border-radius: 50%;
height: 50%;
}
/*=====Formulario dinamico====*/
.mainForm{
display: inline-block;
width: 100%;
padding:20px 0;
}
.mainForm .formTitle h1 {
font-family: 'banks-miles-single' !important;
font-size: 5rem;
line-height: 1;
color: #fff;
font-weight: bold;
margin-bottom: 15px;
display: none;
}
.mainForm.noTitle .formTitle,
.mainForm label {
display: none;
}
.mainForm .formGroup select,
.mainForm .formGroup input,
.mainForm .formGroup textarea {
font-family: 'banks-miles-single' !important;
width: 100%;
padding: 20px 15px;
font-size: .8em;
color: #acacac;
font-weight: 600;
border: 0;
border-bottom: 1px solid #ccc;
margin:0 0 5px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
.mainForm .formGroup input:hover,
.mainForm .formGroup textarea:hover,
.mainForm .formGroup input:focus,
.mainForm .formGroup textarea:focus {
border: 1px solid #ccc;
}
.mainForm .formGroup select,
.mainForm .texto {
margin-bottom: 1%;
}
.mainForm .formGroup textarea {
min-width: 100%;
max-width: 100%;
height: 100px;
min-height: 100px;
}
.mainForm .formButtons{
padding-top: 1%;
overflow:hidden;
}
.mainForm .formButtons input {
/ font-family: 'banks-miles-single' !important;
font-family: 'Oswald';
display: block;
width: 100%;
padding: 15px;
font-size: 1rem;
text-align: center;
text-transform: uppercase;
color: #000;
cursor: pointer;
background:none;
font-weight:bold;
background: rgba(255,255,255,0.45);
border: none;
/ box-sizing:border-box;
/ -moz-box-sizing:border-box;
/ -webkit-box-sizing:border-box;
/ -o-box-sizing:border-box;
}
.mainForm .formButtons input:hover {
color:#000;
background: rgba(254,170,38,0.55);
}
/*=====Post Side====*/
.sidePost{
padding:20px 0;}
.sidePost .title h1 {
font-family: 'banks-miles-single' !important;
font-size: 2.2rem;
line-height: 1;
font-weight: bold;
color: #fff;
}
.sidePost h1 {
font-size: 4rem;
line-height: 1;
color: #333;
font-weight:normal;
margin-bottom: 15px;
}
.sidePost .subtitle h3{
font-family: 'banks-miles-single' !important;
font-size: 1.5rem;
line-height: 1;
color: #fff;
font-weight: bold;
margin-bottom: 15px;}
.sidePost .description{
color:#333;}
.sidePost .description ul{
list-style-type:none;
margin:0;padding:10px 0;
font-size:1rem;}
.sidePost .description ul li{
padding:10px 5px;
border-bottom:1px solid #e9e9e9;}
.sidePost .description ul li p{
display:block;
text-align:left;}
.sidePost .description ul li p strong{
float:right;}
/*=====Menu Address====*/
.cInfo {
margin-bottom: 0px;
/ background: rgba(0,0,0,0.4);
}
.cInfo p {
font-size: 13px;
font-weight: normal;
}
.cInfo h1 {
font-size: 18px;
}
.cInfo .contMenu {
padding: 0px 30px 0 10px;
}
.cInfo .menuItem {
margin-bottom: 18px;
}
.cInfo .menuItem {
margin-bottom: 20px;
}
.cInfo .menuItem .menuItemCont {
display: table;
}
.cInfo .menuItem .menuItemCont .menuPic,
.cInfo .menuItem .menuItemCont .menuDescription {
display: table-cell;
vertical-align: middle;
}
.cInfo .menuItem .menuPic img {
width: 40px;
}
.cInfo .menuItem .menuItemCont .menuDescription {
padding-left: 20px;
}
.cInfo .menuItem .menuItemCont .menuDescription p,
.cInfo .menuItem .menuItemCont .menuDescription a {
color: #fff;
}
.cInfo .menuItem .menuItemCont .menuDescription a[href]:hover {
color: #FEAA26;
text-decoration: none;
}
/* -------------------------------------------------
FOOTER
------------------------------------------------- */
.footer{
display: flex;
flex-direction: row;
flex-wrap: wrap;
/ background-color: #f2d600;
background-color: transparent !important;
padding-top: 35px;
padding-bottom: 35px;
}
.footer .img-footer-container{
width: 10%;
margin-left: 15px;
border-radius: 8%;
/ border: 1px dotted #FEAA26;
/ background: rgba(255,255,255,0.45);
}
.footer .img-footer-container img{
width: 95%;
margin: 5% 0 0 2%;
/ padding: 15% 10%;
/ margin-bottom: -50px;
/ margin-top: 8px;
}
.footer .navs-footer{
margin: 0 7%;
}
.footer .navs-footer .wdgMenu{
width: 185px;
}
.footer .navs-footer .wdgTitle{
border-bottom: 1.5px solid #fff;
}
.footer .navs-footer .wdgTitle .title{
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
margin-bottom: 5px;
color: #fff;
}
.footer .navs-footer .menuItem{
margin: 5% 0;
font-size: 13px;
font-family: 'banks-miles-single';
}
.footer .navs-footer .menuItem .menuTitle a,
.footer .navs-footer .menuItem .menuTitle a:focus,
.footer .navs-footer .menuItem .menuTitle a:visited{
text-decoration: none;
color: #fff;
font-weight: 500;
}
.cookiesBanner {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding-bottom: 80px;
background: black;
color: #fff;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-top: 15px solid #d42e2d;
z-index: 99999;
opacity: 1;
}
.cookiesBanner h1 {
font-family: 'Oswald';
text-transform: uppercase;
font-size: 16px;
/ margin-left: 41.5%;
/ margin-top: 2%;
/ margin-bottom: -5px;
margin: 0 auto;
}
.cookiesBanner p {
font-size: 14px;
/ margin-left: 40%
}
.cookiesBanner .seeMoreButton {
font-family: 'Oswald';
text-transform: uppercase;
font-size: 12px;
padding: 10px 30px 10px 30px;
border-radius: 8px;
border: none;
background: #d42e2d;
color: #000;
text-decoration: none;
margin-left: 9px;
cursor: pointer;
}
.cookiesBanner button {
font-family: 'Oswald';
text-transform: uppercase;
font-size: 12px;
padding: 10px 50px 10px 50px;
border-radius: 8px;
border: none;
background: #d42e2d;
color: #000;
/ margin-left: 40%;
/ margin-top: 15px;
cursor: pointer;
}
/*===== Copyright ====*/
.copyright{
position: relative;
background: transparent !important;
margin:0 auto;
/ margin:0 0 0;
border-top: none;
border-top: none;
text-align:center;
font-size:12px;
color:#fff !important;
padding:0;
}
.copyright .description p{
color:#fff;
}
.copyright .description a{
font-weight:bold;
text-decoration:none;
color:#fff;
}
.copyright .description a:hover{
color:#FEAA26;}
.copyright .description p{
font-size: 10px;
}
.copyright .description p strong img{
margin-top: -2.2px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.pageContact {
background: url('/drive/repo/general/NFF_1023_img_001.png') fixed no-repeat bottom/cover;
/ background: #333;
/ background-color: rgba(0, 0, 0, 1) !important;
display: block;
opacity: 0.75;
}
.dummycontact {
display: block;
}
.pageContact .ContIzquierda {
display: block;
vertical-align:top;
margin-left: 8%;
width:90%;
}
.pageContact .ContDerecha {
display: block;
vertical-align:top;
width:80%;
margin-left: 8%;
}
.sidePost .title h1 {
font-size: 1.2rem;
}
.sidePost .subtitle h3{
font-size: 0.9rem;
}
.mainForm .formButtons input {
font-size: 0.9rem;
}
.cInfo h1 {
font-size: 20px;
}
.footer .img-footer-container{
width: 70%;
margin-left: 10%;
border-radius: 8%;
background: rgba(255,255,255,0.15);
margin-bottom: 20px;
}
.footer .navs-footer{
margin: 10px 7%;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.footer .img-footer-container{
width: 40%;
margin-left: 25%;
border-radius: 8%;
background: rgba(255,255,255,0.15);
margin-bottom: 20px;
}
.footer .navs-footer{
margin: 10px 7%;
}
.pageContact {
background: url('/drive/repo/general/footer_800.jpg') fixed no-repeat bottom/cover;
/ background: #333;
/ background-color: rgba(0, 0, 0, 1) !important;
display: block;
opacity: 0.75;
}
} /* FIN MEDIA QUERIES 800 landscape */
.sidebar-l{
position: fixed;
background: #fbfbfb;
top: 0;
z-index: 999;
left: -60%;
width: 40%;
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow-y: scroll;
/ border-top-right-radius: 20px;
transition: left .7s ease-out;
/ border-top: 2px solid rgb(212 46 45 / 80%);
/ border-right: 3px solid rgb(0 0 0 / 80%);
border-right: 3px solid #fbfbfb;
}
.show{
left:0 !important;
}
.sidebar-l .close {
height: 20px;
width: 20px;
background: #ff0000c9;
border-radius: 5px;
position: absolute;
right: 5px;
top: 9px;
transition: .3s ease;
}
.sidebar-l .close:hover{
background: red;
}
.sidebar-l .close:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: "x";
font-size: 15px;
color: #fff;
text-align: center;
cursor: pointer;
font-size: 15px;
font-weight: bolder;
}
/*---------------------------------------------
BUSCADOR
----------------------------------------------*/
.buscador{
width: 95%;
margin-left: 5%;
/ display: flex;
/ justify-content: center;
margin-bottom: 15px;
height: 80px;
}
.buscador .searchHead2{
background: rgba(0,0,0,0.7);
border-radius: 5px;
width: 90%;
height: 40px;
margin-top: 10px;
padding:10px 0 15px 0;
border: 1px dotted #333;
}
.buscador .searchHead2 form{
display: flex;
justify-content: center;
}
.buscador .searchHead2 .wdgSearch{
background: transparent;
border: 0.5px dotted #333;
color: transparent;
overflow:hidden;
border-bottom: 0.5px dotted #333;
border-right: 0.5px dotted #333;
border-top: 0.5px dotted #333;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.buscador .searchHead2 .wdgSearchCont{
background: transparent;
}
.buscador .searchHead2 .campoTextSearch{
float:left;
vertical-align: middle;
/width: 100%;
height: 40px;
}
.buscador .searchHead2 .campoTextSearch label{
display: none;
}
.buscador .searchHead2 .campoTextSearch input{
border:0;
background: #fff;
width:365px;
height: 100%;
padding:5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.buscador .searchHead2 .normalSearch input[type=text]{
font-family: 'Questrial', sans-serif;
border:0;
background: #fff;
margin-left: 2%;
font-weight: 800;
width:90%;
height:10px;
padding:5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000 !important;
}
.buscador .searchHead2 .bigSearch {
display: inline;
width:500px;
margin-top: 5px;
}
.buscador .searchHead2 .normalSearch {
padding-bottom: 8px;
}
.buscador .searchHead2 .normalSearch input[type=submit]{
font-family: 'Questrial', sans-serif;
border:0;
background: red;
border-radius: 50%;
margin-left: 1%;
width:4%;
height:20px;
padding:5px;
font-size:1px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #fff;
background: url(/drive/repo/general/iconSearch7.png) top center no-repeat;
cursor:pointer;
}
.buscador .searchHead2 .bigSearch input[type=text]{
font-family: 'Questrial', sans-serif;
border:0;
background: #fff;
margin-left: 2%;
width:88%;
height:10px;
padding:5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000;
}
.buscador .searchHead2 .bigSearch .searchMarcas{
padding-bottom: 5px;
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 1%;
width:20%;
height:10px;
padding:5px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.buscador .searchHead2 .bigSearch .searchMarcas label{
display: none;
}
.buscador .searchHead2 .bigSearch .searchMarcas select{
font-family: 'Questrial', sans-serif;
font-size:12px;
padding: 0 1px;
margin-left: 0px;
margin-left: 0;
width:45%;
height:20px;
font-weight: 800;
color: #000;
border: none;
border-bottom: 2px solid #FEAA26;
}
.buscador .searchHead2 .bigSearch .searchCategorias {
padding-bottom: 5px;
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 0px;
width:20%;
height:10px;
padding:5px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.buscador .searchHead2 .bigSearch .searchCategorias label{
display: none;
}
.buscador .searchHead2 .bigSearch .searchCategorias select{
font-family: 'Questrial', sans-serif;
font-size:12px;
padding: 0 1px;
margin-left: 0px;
width:44%;
height:20px;
font-weight: 800;
color: #000;
border: none;
border-bottom: 2px solid #FEAA26;
}
.buscador .searchHead2 .bigSearch .searchProveedores {
padding-bottom: 5px;
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 0px;
width:20%;
height:10px;
padding:5px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.buscador .searchHead2 .bigSearch .searchProveedores label{
display: none;
}
.buscador .searchHead2 .bigSearch .searchProveedores select{
font-family: 'Questrial', sans-serif;
font-size:12px;
padding: 0 1px;
margin-left: 0px;
width:30%;
height:20px;
font-weight: 800;
color: #000;
border: none;
border-bottom: 2px solid #FEAA26;
}
.buscador .searchHead2 .bigSearch .searchMarcas select[name="linea"] {
display: none;
}
.buscador #div_linea.searchMarcas {
display: none !important;
}
.buscador .searchHead2 .bigSearch .buscaValor{
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 4px;
width:265px;
font: 800 12px Questrial;
height:15px;
padding: 5px;
font-size:12px;
text-align: left;
vertical-align: middle;
color: #000;
border: none;
}
.buscador .searchHead2 .bigSearch .buscaValor input[type=text]{
font-family: 'Questrial', sans-serif;
font-size: 12px;
padding:2px;
width: 63px;
height:15px;
font: 800 12px Questrial;
font-weight: bold;
color: #000;
margin-left: 2px;
margin-right: 2px;
text-align: center;
border: none;
border-bottom: 2px solid #FEAA26;
}
.buscador .searchHead2 .bigSearch .buscaValor textarea {
font-family: 'Questrial', sans-serif;
font-size: 12px;
font: 800 12px Questrial;
font-weight: bold;
color: #000;
}
.buscador .searchHead2 .bigSearch .buscaAtributo{
display: inline;
font-family: 'Questrial', sans-serif;
border:0;
background: transparent;
margin-left: 2%;
width:165px;
height:15px;
font-size:12px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #000;
}
.buscador .searchHead2 .bigSearch .buscaAtributo select{
display: inline;
font-family: 'Questrial', sans-serif;
font-size:12px;
font-weight: 800;
padding: 0 20px;
height:20px;
color: #000;
width: 19.5%;
margin-left: 7px;
margin-right: 7px;
border: none;
border-bottom: 2px solid #FEAA26;
}
.buscador .searchHead2 .bigSearch .buscaAtributo textarea{
font-family: 'Questrial', sans-serif;
font-size:12px;
font-weight: 800;
height:15px;
}
.buscador .searchHead2 .finalSearch {
display: inline;
width:3%;
margin-left: 1%;
float: right;
margin-right: 1%;
}
.buscador .searchHead2 .finalSearch input[type=submit]{
display: inline;
/ float: right;
font-family: 'Questrial', sans-serif;
border:0;
border-radius: 50%;
/ margin-left: -20%;
width:20px;
height:20px;
padding:5px;
font-size:1px;
font-weight: bold;
text-align: left;
vertical-align: middle;
color: #fff;
background: url(/drive/repo/general/iconSearch7.png) top center no-repeat;
cursor:pointer;
}
.buscador .searchHead2 .campoButtonSearch{
float: right;
height: 40px;
}
.buscador .searchHead2 .campoButtonSearch input{
background: #FEAA26 url(/drive/repo/general/iconSearch7.png) center no-repeat;
cursor: pointer;
width: 40px;
height: 40px;
border-bottom: 1px dotted #FEAA26;
border-right: 1px dotted #FEAA26;
border-top: 1px dotted #FEAA26;
border-left: 1px dotted #333;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
/*---------------------------------------------
CATEGORIAS
----------------------------------------------*/
.categ{
width: 40%;
margin: 0 auto;
margin-top: 39px;
}
.categ img{
display: none;
}
.categ .title{
font-family: 'Oswald';
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 600;
padding-bottom: 4px;
}
.categ .categTitle{
display: block;
border-bottom: 1px solid #e9e9e9;
padding: 5.5px 5px !important;
color: #000;
font-size: 0.7em;
transition: .5s ease;
cursor:pointer;
}
.categ .categTitle:hover{
border-bottom: 3px solid #e9e9e9;
background: #ddd;
}
/*.categ .categTitle a{
color: #000;
text-decoration: none;
}*/
.categ .categTitle:hover a{
font-weight: 600;
}
/*---------------------------------------------
FILTROS
----------------------------------------------*/
.filtersList {
display: none;
}
.filters{
width: 40%;
margin: 0 auto;
}
.filters .filtersApplied {
margin-bottom: 10px;
}
.filters .filtersApplied .filtersLabel{
font-family: 'Oswald';
text-transform: uppercase;
font-size:0.8rem;
font-weight: 600;
}
.filters .categoriesLinkCont{
display: none;
}
.filters .filtersApplied .brandFilter,
.filters .filtersApplied .provFilter,
.filters .filtersApplied .categFilter{
font-family: 'Oswald';
text-transform: uppercase;
background: #ccc;
width: 119px;
padding: 7px 5px;
border-radius: 5px;
font-weight: bold;
border: 1px solid #ccc;
cursor: pointer;
margin-top: 10px;
position: relative;
display: flex;
align-items: center;
font-size: 0.7rem !important;
line-height: normal;
}
.filters .filtersApplied .brandFilter .deleteFilterIcon,
.filters .filtersApplied .provFilter .deleteFilterIcon,
.filters .filtersApplied .categFilter .deleteFilterIcon {
width: 20px;
height: 20px;
background: red;
border-radius: 50%;
position: absolute;
top: 4px;
right: 8px;
border-radius: 50%;
opacity: 0.4;
}
.filters .filtersApplied .brandFilter .deleteFilterIcon:after,
.filters .filtersApplied .provFilter .deleteFilterIcon:after,
.filters .filtersApplied .categFilter .deleteFilterIcon:after {
position: absolute;
content: "x";
padding: 0px 7px;
top: 2.5px;
right: 1px;
border-radius: 50%;
font-size: 8px;
font-weight: bolder;
color: #fff;
}
.filters .filtersApplied .removeButtonContainer {
margin-top: 10px;
}
.filters .filtersApplied .removeButtonContainer button,
.filters .buttonContainer button{
font-family: 'Oswald';
text-transform: uppercase;
padding: 5px 20px;
border-radius: 4px;
border: 1px solid transparent;
/ background: #343030;
background: rgba(0,0,0,0.7);
color: #fff;
font-size: 0.7rem;
font-weight: 600;
cursor: pointer;
transition: .3s ease;
}
.filters .filtersApplied .removeButtonContainer button:hover,
.filters .buttonContainer button:hover{
background: #FEAA26;
color: #000;
}
.filters .categoriesCheckboxCont .categoriesLabel{
font-family: 'Oswald';
text-transform: uppercase;
margin-top: 10px;
font-size: 0.8rem;
font-weight: 600;
}
.filters .provCheckboxCont .provLabel,
.filters .categoriesCheckboxCont .categoriesLabel,
.filters .brandCheckboxCont .brandLabel{
font-family: 'Oswald';
text-transform: uppercase;
font-size: 0.8rem;
font-weight: 600;
margin: 10px 0 5px;
}
.filters .provCheckboxCont .provItemCheckbox .provName,
.filters .categoriesCheckboxCont .categItemCheckbox .categTitle,
.filters .brandCheckboxCont .brandItemCheckbox .brandName,
.categ .categTitle{
display: block;
padding: 5px;
color: #000;
font-size: 0.7em;
border-bottom: 1px solid #e9e9e9;
transition: .5s ease;
cursor: pointer;
}
.filters .categItemCont .categTitle,
.categ .categItemCont .categTitle a{
font-family: 'Oswald';
text-transform: uppercase;
font-weight: bold;
color: gray !important;
}
.filters .contCateg_nivel0 .categTitle,
.categ .contCateg_nivel0 .categTitle a{
font-family: 'banks-miles-single';
text-transform: none;
font-weight: normal;
color: #000 !important;
}
.filters .categoriesCheckboxCont .categItemCheckbox .contCateg_nivel0 .categItemCont,
.categ .contCateg_nivel0 .categItemCont{
padding-left: 15px;
}
.filters .categoriesCheckboxCont .categItemCheckbox .categTitle input[type=checkbox] {
margin: 0 2px 0 0;
}
input[type="checkbox" i] {
background-color: black !important;
color: black !important;
}
.filters .provCheckboxCont .provItemCheckbox:hover,
.filters .categoriesCheckboxCont .categItemCheckbox .categTitle:hover,
.filters .brandCheckboxCont .brandItemCheckbox:hover{
border-bottom: 1px solid #000;
font-weight: bold;
background: #ddd;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.sidebar-l{
width: 80%;
left: -100%;
}
.filters .filtersApplied .removeButtonContainer button,
.filters .buttonContainer button{
margin-bottom: 10px;
}
.buscador .searchHead2 .campoTextSearch input{
width: 180px;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.filters .filtersApplied .removeButtonContainer button,
.filters .buttonContainer button{
margin-bottom: 0px;
}
.buscador .searchHead2 .campoTextSearch input{
width: 360px;
}
} /* FIN MEDIA QUERIES 800 landscape */
.boxesForm {
width: 100%;
position: relative;
padding-bottom: 500px;
background: transparent;
}
.boxesForm .boxesIzquierda{
width:50%;
margin-left: 0%;
text-align: center;
float: left;
padding-bottom: 5px;
}
.boxesForm .boxesDerecha{
width:50%;
text-align: center;
float: right;
}
.boxes{
display: flex;
width: 100%;
flex-wrap: wrap;
margin: 0 auto;
justify-content: center;
}
.boxes .wdgCateg .wdgTitle {
display: none;
color: #f1f1f1;
padding: 25px 0;
width: 100%;
/ background: #333 url('/drive/repo/general/LBL_img_010.png') no-repeat 1% center/15% auto;
background: #333;
margin-bottom: 30px;
/ margin-left: .2%;
}
.boxes .wdgCateg .wdgTitle .title{
font-size: 1.7rem;
font-weight: 800;
line-height: 1.4;
text-align: left;
padding: 0 0 0 0%;
}
.boxes .contCateg {
display: flex;
width: 100%;
flex-wrap: wrap;
margin: 0 auto;
justify-content: center;
padding-top: 20px;
}
.boxes .contCateg .categItem {
width: 40%;
}
.boxes .contCateg .categItem .categItemCont {
font-family: 'banks-miles-single' !important;
text-align: center;
font-size: 12px!important;
font-weight: bold;
margin: 10px;
border-radius: 5px;
padding: 10px;
height: 190px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
background: rgba(0,0,0,0.3);
/ border: 1.5px dotted #333;
transition: box-shadow 0.5s ease, border 0.1s ease;
}
.boxes img{
width: 60%;
height: 60% !important;
}
.boxes .contCateg .categItem .categItemCont:hover{
box-shadow: 0 0 1px 1px rgba(0,0,0,.07), 1px 20px 25px 0 rgba(0,0,0,.1);
}
.boxes .contCateg .categItem .categItemCont:hover,
.boxes .contCateg .categItem .categItemCont:hover .categTitle {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.boxes .contCateg .categItem .categItemCont .categTitle a,
.boxes .contCateg .categItem .categItemCont .categTitle a:hover,
.boxes .contCateg .categItem .categItemCont .categTitle a:visited{
color: #000;
}
.boxes .contCateg .categItem .categTitle {
display: none;
}
.boxes .contCateg .categItem .providerLogo {
height: 110px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.boxesForm {
width: 100%;
position: relative;
margin-top: 3px;
padding-bottom: 40px;
padding-top: 30px;
margin-bottom: 0px;
background: transparent;
/ padding-bottom: 610px;
}
.boxesForm .boxesIzquierda{
width:100%;
margin-left: 0%;
text-align: center;
float: none;
padding-bottom: 30px;
display: block;
}
.boxesForm .boxesDerecha{
width:100%;
margin-left: 0%;
text-align: center;
float: none;
display: block;
}
.boxes .contCateg .categItem {
width: 50%;
}
.boxes img{
width: 90%;
height: 90% !important;
}
.boxes .wdgCateg .wdgTitle {
color: #fff;
padding: 25px 0;
width: 100%;
background: #333;
margin-bottom: 30px;
/ margin-left: .2%;
}
.boxes .wdgCateg .wdgTitle .title{
font-size: 1.3rem;
text-align: center;
padding: 3% 0 3% 7%;
line-height: 1.2;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.boxes .contCateg .categItem {
width: 30%;
}
.boxes .wdgCateg .wdgTitle {
color: #fff;
padding: 25px 0;
width: 100%;
/ background: #333 url('/drive/repo/general/red2.png') no-repeat 2% center/10% auto;
background: #333;
margin-bottom: 30px;
/ margin-left: .2%;
}
.boxes .wdgCateg .wdgTitle .title{
font-size: 1.8rem;
text-align: center;
/ padding: 3% 0 3% 12%;
padding: 0;
line-height: 1.2;
}
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
PUBLICACIONES LEFT
------------------------------------------------- */
.defpostLeft {
margin-bottom: 5px;
width: 100%;
position: relative;
margin: 0px 0 5px 0%;
padding-bottom: 0px;
clear: both;
}
.defpostLeft .wdgPostCont{
width: 100%;
margin-bottom: 30px;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle .title {
color: #333;
padding: 40px 0 0px 0;
width: 100%;
/ margin-rigt: .2%;
background: #333 url('/drive/repo/general/LcBl1.png') no-repeat 99.8% center/23% auto;
margin-bottom: 30px;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle .title h1 {
font-size: 1.7rem;
font-weight: 800;
line-height: 1.4;
text-align: center;
padding: 10px 0 0 0;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .subtitle p {
font-family: 'banks-miles-single' !important;
font-size: 1.1rem;
font-weight: normal;
text-align: justify !important;
color: #333;
text-align: left;
margin-left: 0%;
margin-right: 0%;
}
.defpostLeft .wdgViewPost .PostDescription .description p {
font-family: 'banks-miles-single' !important;
padding: 25px 5% 10px 5%;
font-size: 17px;
font-weight: 500;
text-align: justify;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle img {
width: 70%;
height: 70%;
text-align: center !important;
padding-top: 30px;
}
.defpostLeft .wdgViewPost .PostDescription .description p img {
width: 80%;
height: 80%;
text-align: center !important;
}
.defpostLeft h6 {
margin-top: 30px;
}
.defpostLeft h6 a[href]{
text-decoration: none;
padding: 8px 10% 8px 10%;
background: #343030;
color: #fff;
font-family: 'banks-miles-single' !important;
text-transform: uppercase;
text-align: center;
border-radius: 5px;
margin-top: 20px;
}
.defpostLeft h6:hover a[href]{
background: #FEAA26;
color: #000;
}
.defpostLeft p a[href]{
text-decoration: none;
color: #333;
font-family: 'Bungee', cursive;
text-transform: none;
font-size: 20px;
}
.defpostLeft p:hover a[href]{
color: #FEAA26;
text-transform: uppercase;
}
.defpostLeft p a[href] strong {
text-decoration: none;
color: #333;
font-family: 'Bungee', cursive;
text-transform: none;
font-size: 20px;
}
.defpostLeft p:hover a[href] strong {
font-family: 'Oswald';
color: #333;
text-transform: uppercase;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.defpostLeft {
margin: -5px 0 0px 0%;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle .title {
color: #333;
padding: 40px 0 0px 0;
width: 100%;
/ margin-rigt: .2%;
/ background: #333 url('/drive/repo/general/ALCDUB2.png') no-repeat 20% center/80% auto;
background: #333 url('/drive/repo/general/LcBl1.png') no-repeat 50% center/23% auto;
margin-bottom: 30px;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle .title h1 {
font-size: 1.7rem;
font-weight: 800;
line-height: 1.4;
text-align: center;
padding: 10px 0 0 0;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle img {
width: 100%;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .subtitle p {
text-align: center !important;
}
.defpostLeft .wdgViewPost .PostDescription .description p {
text-align: center !important;
}
.defpostLeft .wdgViewPost .PostDescription .description img {
width: 70%;
height: 70%;
text-align: center !important;
}
.defpostLeft .wdgViewPost .PostDescription .description {
margin-top: -5px;
}
.defpostLeft p a[href]{
text-decoration: none;
color: #333;
font-family: 'Bungee', cursive;
text-transform: none;
font-size: 25px;
}
.defpostLeft p a[href] strong {
text-decoration: none;
color: #333;
font-family: 'Bungee', cursive;
text-transform: none;
font-size: 25px;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle .title {
/ background: #333 url('/drive/repo/general/ALCDUB2.png') no-repeat 40% center/60% auto;
background: #333 url('/drive/repo/general/LcBl1.png') no-repeat 50% center/23% auto;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .PostTitle img {
width: 80%;
text-align: center !important;
}
.defpostLeft .wdgViewPost .PostDescription .description img, .defpost2 .wdgViewPost .wdgPostPrincipal .subtitle p {
padding-top: 15px !important;
}
.defpostLeft .wdgViewPost .wdgPostPrincipal .screenPic {
text-align: center !important;
}
.defpostLeft .wdgViewPost .PostDescription .description {
margin-top: -15px;
}
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
COMPONENTES DEL PROVEEDOR
------------------------------------------------- */
/* ------------------------------------------------- Vista de proveedor */
.vistaProveedor{}
.vistaProveedor .vistaProveedorCont{}
.vistaProveedor .provBG{
width:100%;
/ height:5vh;
overflow:hidden;
position:relative;
display:flex;
flex-direction:column;
align-items:center;}
.vistaProveedor .provBG:after{
content: "";
position:absolute;
top:0;
left:0;
right:0;
bottom:30%;
z-index:100;
background: linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,0));
background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));}
.vistaProveedor .provBG img{
position:absolute;
top:50%;left:50%;
right:0;bottom:0;
transform: translate(-50%,-50%);
min-width:100%;
min-height:100%;}
.vistaProveedor .provDetails{
margin:50px 0 0 0%;
position:relative;
/ width:30%;
/ margin:0 auto;
/ display:flex;
flex-directionm:row;
align-items:flex-start;}
.vistaProveedor .provImg{
/ position:absolute;
top:-100px;
left:0;
z-index:5;
background:#fff;
/ border-radius:3px;
padding:5px;
width:160px;
height:160px;
/ box-sizing:border-box;
overflow:hidden;
/ box-shadow: 5px 2px 2px rgba(0,0,0,0.5);
/ border-radius: 100px;
}
.vistaProveedor .provImg img{
max-width:100%;}
.vistaProveedor .provname{
margin-left:180px;
margin-right:20px;}
.vistaProveedor .provname h1{
color:#333;
font-size:2em;
letter-spacing:-2px;}
.vistaProveedor .provRank{
padding:0 0 0 0;}
.vistaProveedor .stars{
padding:0 20px 10px 0;}
.vistaProveedor .star{
width:20px;
height:20px;}
.vistaProveedor .stars .star.on,
.vistaProveedor .stars .star.off,
.vistaProveedor .stars .star.half{
background-size: 20px 20px;}
.vistaProveedor .provRank .promedio{
font-size:0.9em;}
.vistaProveedor .provRank .promedio .cant span{}
.vistaProveedor .provRank .promedio .cant a{
text-transform: uppercase;
color: #fff;
font-weight: bold;
padding: 6px;
background: #666;
border-radius: 5px;
margin-left: 5px;
font-size: 12px;
transition: all 0.3s ease;
}
.vistaProveedor .provRank .promedio .cant a:hover{
background-color: #000;
}
.vistaProveedor .provDescription{
display: none;
width:90%;
margin:0 auto;
font-size:1.2em;
padding:20px 0;}
/* --------------------------------------------------------------------
DIV FLOTANTE DE VALORACION
-------------------------------------------------------------------- */
/*Contenedor de las valoraciones*/
.bgScreen{
background: rgba(0,0,0,0.9);
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0 auto;
height:100vh;
z-index:1001;
}
.bgScreen .contBlock{
width:60%;
margin:0 auto;
padding:55px 0 20px;
background:#fff;
position:relative;
}
.bgScreen .contBlockBody{
border-top:1px solid #ccc;
padding:20px;
box-sizing:border-box;
overflow-y:auto;
max-height:100vh;
width:100%;
}
.bgScreen .contBlock .close{}
.bgScreen .contBlock .close a{
position:absolute;
top:10px;
right:10px;
display:block;
background: url(/drive/repo/editorweb/close.png) top left no-repeat;
background-size:25px 25px;
width:25px;
height:25px;
text-indent:-9999px;
overflow:hidden;
cursor:pointer;
}
.bgScreen .contRank{
padding: 0 25px;
}
.bgScreen .contRank h1{
padding-bottom:10px;
font-size:1.4em;
}
/*Cabecera de las valoraciones*/
.rankHead{
padding:20px 0;
border-bottom:1px solid #ccc;
}
.rankHead .promedio{
display:inline-block;
text-align:center;
}
.rankHead .promedio h3{
font-weight:normal;
font-size:3em;
}
.rankHead .promedio .cant{
font-size:0.8em;
margin-top: 5px;
}
/*Detalle de las valoraciones*/
.rankHead .detallePromedio{
display:inline-block;
margin-left:20px;
}
.rankHead .detProm{
display:flex;
flex-direction:row;
align-items: center;
}
.rankHead .detProm span{
font-size:0.7em;
display:inline-block;
vertical-align:middle;
width: 55px;
}
.rankHead .detProm .refer{}
.rankHead .detProm .progreso-valoracion{
width:100px;
border-radius:5px;
height:5px;
position:relative;
display:block;
background:#e9e9e9;
margin:0 10px;
}
.rankHead .detProm .progreso-valoracion .ratingProgres{
position:absolute;
border-radius:5px;
top:1px;
left:1px;
height:2px;
background:#FDC900;
display:block;
}
/*Valoracion del usuario*/
.valorar,
.tuValoracion{
padding:20px 0;
border-bottom:1px solid #ccc;
}
.stars-editable{
padding:5px 0;
}
.stars-editable .star{
background-size: 25px 25px;
}
.tuValoracion .userVal .userStars,
.tuValoracion .userVal .userComment{
margin-top: 5px;
}
.tuValoracion .editValoracion{
margin-top: 10px;
}
.tuValoracion .editValoracion a{
background: #ccc;
padding: 7px;
color: #000;
border-radius: 50px;
transition: all 0.3s ease;
}
.tuValoracion .editValoracion a:hover{
color:#fff;
background: #000;
}
.tuValoracion .editValoracion .botonEditar,
.valorar .botonPublicar{
font-size: 1rem;
background: #666;
border: 0;
padding: 5px 15px;
font-weight: 600;
border-radius: 5px;
transition: all 0.3s ease;
color: #fff;
}
.tuValoracion .editValoracion .botonEditar:hover,
.valorar .botonPublicar:hover{
background: #000;
}
.tuValoracion .editValoracion .botonEliminar,
.valorar .botonCancelar{
font-size: 1rem;
background: #d9534f;
border: 0;
padding: 5px 15px;
font-weight: 600;
border-radius: 5px;
color: #fff;
transition: all 0.3s ease;
}
.tuValoracion .editValoracion .botonEliminar:hover,
.valorar .botonCancelar:hover{
background: #c9302c;
}
.valoracion-comentario label{
font-size:1.2em;
display:block;
}
span.info{
font-size:0.8em;
display:block;
padding:10px 0;
}
.valorar textarea{
width:100%;
display:block;
}
.valorar input{
display:block;
padding:10px;
}
/*Listado de valoraciones*/
.valList{
position:relative;
}
.valoracion-usuario{
padding:10px 0;
border-bottom:1px solid #e9e9e9;
}
.valoracion-usuario .userDetails{
display:flex;
flex-direction: row;
align-items: center;
}
.valoracion-usuario .userDetails .userPic{
margin-right:10px;
}
.valoracion-usuario .userDetails .userPic img{
width:30px;
height:30px;
border-radius:500px;
}
.valoracion-usuario .userDetails .userName{
font-size:1em;
}
.valoracion-usuario .userVal{}
.valoracion-usuario .userVal .userStars,
.valoracion-usuario .userVal .userComment{
margin-top: 5px;
}
.valoracion-usuario .userVal .userStars .star{
background-size: 15px 15px;
width:15px;
height:15px;
}
.valoracion-usuario .userVal .userComment{
font-size:1em;
}
/*Estrellas genericas*/
.stars{}
.star{
width:25px;
height:25px;
display:inline-block;
}
.star.on{
background: url(/drive/repo/editorweb/star-on.png) top left no-repeat;
}
.star.off{
background: url(/drive/repo/editorweb/star-off.png) center left no-repeat;
}
.star.half{
background: url(/drive/repo/editorweb/star-half.png) top left no-repeat;
}
.stars-editable .star,
.stars .star.on,
.stars .star.off,
.stars .star.half{
background-size: 25px 25px;
}
.stars > div:nth-child(6){
display:none;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.vistaProveedor .provDetails{
margin:10px 0 0 0;
width: 99%;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.vistaProveedor .provDetails{
margin:10px 0 0 10%;
width: 80%;
}
} /* FIN MEDIA QUERIES 800 landscape */
/*===== Apartado de Mercado Pago */
.mp{
overflow:hidden;
position: relative;
width:84%;
margin:0 auto;
padding:0px 3% 60px;
}
.mp .logoMp{
float:left;
width:25%;
}
.mp .logoMp img{
max-width:90%;
}
.mp .imgMp{
margin-top: 20px;
text-align: center;
float:left;
width:25%;
}
.mp .imgMp img{
max-width:100%;
}
.mp .accesMp{
margin-top: 3px;
float:right;
width:50%;}
.mp .accesMp{}
.mp .accesMp .menuItem{
position:relative;
background: transparent;
border:3px solid transparent;
cursor:pointer;
}
.mp .accesMp .menuItem:hover{
background: #fdee93;
}
.mp .accesMp .menuItem .menuPic{
position:absolute;
bottom:20px;
right:25px;
}
.mp .accesMp .menuItem .menuPic a{
border:0:outline:0;
}
.mp .accesMp .menuItem .menuTitle{}
.mp .accesMp .menuItem .menuTitle a{
display:block;
color:#333;
font-weight:bold;
font-size:16px;
padding:20px 60px 20px 25px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.mp {
padding: 0 3%;
}
.mp .logoMp{
margin-top: 0px;
float: none;
width:80%;
margin-left: 12%;
display: block;
margin-bottom: 20px;
}
.mp .imgMp{
margin-top: 0px;
float: none;
width:80%;
margin-left: 10%;
display: block;
margin-bottom: 20px;
}
.mp .accesMp{
margin-top: 0px;
float: none;
width:80%;
margin-left: 10%;
display: block;
margin-bottom: 20px;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
} /* FIN MEDIA QUERIES 800 landscape */
/* -------------------------------------------------
PREGUNTAS FREQUENTES
------------------------------------------------- */
.faq {
padding: 0px 0 50px;
width: 100%;
color: #fff;
position: relative;
clear: both;
}
.faq .PostTitle {
color: #000;
padding-bottom: 10px;
width: 100%;
text-align: center;
}
.faq .PostTitle .title h1 {
/ background-color: rgba(48,110,255,0.25);
font-size: 2.3rem;
font-weight: 800;
line-height: 1.4;
text-align: center;
}
.faq .PostTitle .subtitle {
color: #000;
padding-bottom: 10px;
width: 100%;
text-align: center;
}
.faq .PostTitle .subtitle p {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.7;
text-align: center;
/ padding-top: 15px;
text-align: center;
padding-bottom: 20px;
}
.faq_contacto .faq .PostTitle .subtitle {
display: none;
}
.faq .PostDescription ul {
list-style: none;
}
.faq .PostDescription ul li {
margin-bottom: 3px;
margin-left: 13%;
width: 75%;
}
.faq .PostDescription ul li h3 {
font-family: 'banks-miles-single' !important;
letter-spacing: 1.2px;
font-weight: 600;
padding: 15px;
background: transparent url('/drive/repo/editorweb/downG.png') no-repeat 98% center/auto 30%;
border-radius: 3px;
cursor: pointer;
font-size: .75rem;
border-bottom: 1px dotted #acacac;
color: #000;
}
.faq .PostDescription ul li h3.active {
background: #343030 url('/drive/repo/editorweb/toTop.png') no-repeat 98% center/auto 30%;
color: #fff;
margin: 15px 0 0 0;
}
.faq .PostDescription p {
font-family: 'banks-miles-single' !important;
color: #000;
font-size: .9rem;
font-weight: 500;
display: none;
padding: 20px 20px 15px;
background: rgb(0 0 0 / 10%);
/ background: #f6f6f6;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.faq .PostDescription a {
font-family: 'Oswald';
text-transform: uppercase;
color: #000;
font-size: .7rem;
font-weight: bold;
}
.faq .PostDescription p:last-child {
padding-bottom: 30px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
/*===== FAQ ====*/
.faq {
width:100%;
}
.faq {
padding: 20px 0 30px;
}
.faq .PostTitle .title h1 {
font-size: 1.7rem;
font-weight: 800;
line-height: 1.2;
}
.faq .PostTitle .subtitle p {
font-size: 1.1rem;
font-weight: 500;
line-height: 1.1;
}
.faq .PostDescription ul li h3 {
font-size: .58 rem;
background: #fff url('/drive/repo/editorweb/downG.png') no-repeat 98% center/auto 20%;
}
.faq .PostDescription ul li h3.active {
/ background: #4c4c4c url('/drive/repo/editorweb/downA.png') no-repeat 98% center/auto 20%;
background: #4c4c4c url('/drive/repo/editorweb/toTop.png') no-repeat 98% center/auto 20%;
}
.faq .PostDescription p {
font-size: .8rem;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
/*===== FAQ ====*/
.faq {
width:100%;
padding: 30px 0 10px;
}
.faq .PostTitle .title {
/ width: 70%;
/ padding-bottom: 0px;
}
.faq .PostTitle .title h1 {
font-size: 2rem;
font-weight: 800;
line-height: 1.2;
}
.faq .PostTitle .subtitle {
font-size: 1.4rem;
font-weight: 500;
line-height: 1.1;
}
.faq .PostTitle .subtitle a {
background: #4c4c4c url('/drive/repo/editorweb/toRight.png') no-repeat 85% center/auto 30%;
}
.faq .PostDescription ul li h3 {
font-size: .75rem;
}
} /* FIN MEDIA QUERIES 800 landscape */
.pageBlock {
margin-top: 20px;
margin-bottom: 10px;
}
.w2 .web{
margin-top:20px;}
.dummyFond {
background: rgba(255,255,255,0.3) url('/drive/repo/general/Tragos53.jpg') no-repeat center/cover;
margin-bottom: 0px !important;
}
.titjp .title h1{
/ color: #d42e2d;
/ font-weight: 600;
}
.cuerpo1 {
margin-left: 0px;
}
.catalog{
background: transparent;
width:90% !important;
}
.cajitasF {
background: rgba(255,255,255,1) url('/drive/repo/general/Tragos61.jpg') fixed no-repeat top/cover;
opacity: 0.9;
}
.cajitasF1 {
background: url('/drive/repo/general/Tragos61.jpg') fixed no-repeat top/cover;
clear: both;
}
.boxesForm {
padding-bottom: 510px;
padding-top: 35px;
}
.encabe {
margin-top: 0px;
}
.faq {
padding: 30px 0 0px;
}
.tagsHomeMenu {
width:100%;
margin-top: 0px;
}
/* -------------------------------------------------
MEDIA QUERIES 1023 px MIO PORTRAIT
------------------------------------------------- */
@media (max-width: 1023px) {
.cajitasF {
background: url('/drive/repo/general/1023_009c.jpg') fixed no-repeat top/cover !important;
padding-bottom: 100px;
}
.boxesForm {
padding-bottom: 20px;
}
} /* FIN MEDIA QUERIES 1023 portrait */
/* -------------------------------------------------
MEDIA QUERIES LANDSCAPES
------------------------------------------------- */
@media (max-width: 800px) and (orientation: landscape) {
.cajitasF {
background: url('/drive/repo/general/800_001b.jpg') fixed no-repeat top/cover !important;
padding-bottom: 100px;
}
} /* FIN MEDIA QUERIES 800 landscape */