.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/images/loader.gif) top left no-repeat; background-size: contain; width: 12%; height: 12%; position: absolute; top: 50%; left: 50%;} /* ================== 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;} .loadOrisom { display:none !important; background:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } /* ------------------------------------------------- ESTILOS BASE ------------------------------------------------- */ html, body { margin: 0; padding: 0; height: 100%; font-family: 'Lato', sans-serif; } * { margin: 0; padding: 0; outline: 0; font-family: 'Lato', sans-serif; } a { text-decoration: none; } input, select, textarea { outline: 0; font-family: 'Lato', sans-serif; } input::-moz-focus-inner { border: 0; } img, svg { border: 0; outline: 0; height: auto; width: auto; } .clearfix::after { content: " "; display: table; clear: both; } .slide .widget_container { position: static; } /* ------------------------------------------------- TRANSITIONS ------------------------------------------------- */ nav .menuItem .menuTitle a, .cart_header .productsCartTitle, .popup_cart .cartButtons .closeBtn, .popup_cart .cartButtons .comprar a, .cart_header .productsCartTitle .icon, .popup_cart, .slide .menuLink a, .btnBreak .menuTitle a, .boton_popup_cerrar_1 span { transition: all .3s; } .cart_header .productsCartTitle .icon{ transition: all .2s; } /* ------------------------------------------------- ESTRUCTURA GENERAL ------------------------------------------------- */ .container { position: relative; overflow: hidden; font-family: 'Lato', sans-serif; } .cuerpo {} .cuerpoPage{ padding-top:90px;} .topSpace{ padding-top:60px;} .bottomSpace{ padding-bottom:60px;} .vSpace{ padding-top:60px; padding-bottom:60px;} .bgGris{ background:#e9e9e9;} .cont { width: 90%; margin: 0 auto; } .contSmall { width: 70%; margin: 0 auto; } .contFlex{ display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; padding:60px 0;} .colLeft{ width:25%;} .colRight{ width:75%;} .colLeft1{ width:50%;} .colRight1{ width:50%;} /* -- ESTRUCTURA HOME */ .headSearch{ padding:40px 0;} /* ------------------------------------------------- HEADER ------------------------------------------------- */ header{ width:100%; height:90px; box-sizing:border-box; background:#fff; box-shadow: 0px -3px 8px rgba(0,0,0,0.9); z-index:900; position:absolute; top:0; left:0; right:0;} header.headfix{ position:fixed; top:0; left:0; right:0;} .section header{ position:absolute; top:0; left:0; right:0; z-index:999; box-shadow:none; background:none;} .section header.headfix{ position:fixed; background:#fff; box-shadow: 0px -3px 8px rgba(0,0,0,0.9);} .head{ display:flex; flex-flow: row nowrap; align-items: center; justify-content:space-between; width:96%; margin:0 auto;} .headOptions{ display:flex; flex-flow: row nowrap; align-items: center; justify-content:flex-end;} .header_inf{ display:flex; flex-flow: row nowrap; align-items: center;} .head .logo{} .head nav{} .head .redes{} .head .cart{} /* Opciones del header para moviles */ .head .btnWhatsapp, .head .responsiveNav{ display:none;} /* ------------------------------------------------- LOGO - MENU PRINCIPAL - MENU DE REDES - BOTON DE WHATSAPP ------------------------------------------------- */ /*----------- Logo*/ .logo{} .logo img{ padding:15px 0 20px; max-height:55px;} /*----------- Menu*/ nav{} nav .contMenu{ display:flex; flex-flow: row nowrap; align-items: flex-start; } nav .menuItem{} nav .menuItem .menuTitle a{ display:block; padding:7px; color:#333; font-size:0.8em; text-transform:uppercase; white-space:nowrap;} nav .menuItem .menuTitle a:hover{ color:#31739a;} nav .menuItem.selected .menuTitle a, nav .menuItem.selected .menuTitle a:hover{ color:#31739a;} /*----------- Redes*/ .redes{} .redes .contMenu{ display:flex; flex-flow: row nowrap; align-items: flex-start; padding:0 12px; } .redes .menuItem{ padding:0 3px;} .redes .menuItem .menuPic img{ max-height:25px;} /*----------- Boton de whatsapp*/ .btnWhatsapp{} .btnWhatsapp .menuItem .menuPic img{ max-height:48px;} /* ------------------------------------------------- CARRITO DE PRODUCTOS ------------------------------------------------- */ .cart_header .productsCartTitle { padding: 10px 15px; border: 1px solid #ccc; border-radius: 3px; color: #333; cursor: pointer; background-color:#ddd; text-transform:uppercase; display:flex; flex-flow: row nowrap; align-items: center; } .cart_header .productsCartTitle:hover, .cart_header .productsCartTitle.off { color: #333; background-color: #fff; } .cart_header .productsCartTitle.off { opacity: .5; pointer-events: none; } .cart_header .productsCartTitle .icon { width: 1.5rem; height: 1.3rem; margin-right: 5px; background: url('/drive/repo/editorweb/carrito.png') no-repeat center/auto 100%; } .cart_header .productsCartTitle:hover .icon, .cart_header .productsCartTitle.off .icon { background-image: url('/drive/repo/editorweb/carrito.png'); } .cart_header .productsCartTitle .text { font-size: .9rem; font-weight: 600; } .cart_header .productsCartCont { display: none !important; } /* ------------------------------------------------- POPUP CARRITO ------------------------------------------------- */ .popup_cart { position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 50%; max-height: 90vh; padding: 40px; background-color: #fff; border-radius: 3px; box-shadow: 0 0 20px 2px rgba(0,0,0,.4); overflow-y: scroll; visibility: hidden; opacity: 0; z-index: 9999; } .popup_cart.active { visibility: visible; opacity: 1; } .popup_cart .productsCartTitle { display: none; } .popup_cart .productCart { position: relative; padding: 20px 12% 20px 12%; border-bottom: 1px solid #ddd; } .popup_cart .productCart::after { content: " "; display: table; clear: both; } .popup_cart .productCart .prodPic { position: absolute; top: 0; left: 0; width: 10%; height: 100%; } .popup_cart .productCart .prodPic a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 80%; max-height: 80%; } .popup_cart .productCart .prodDesc h3 { font-size: 0; } .popup_cart .productCart .prodDesc h3 a { display: block; margin-bottom: 5px; font-size: .8rem; color: #333; } .popup_cart .productCart .productPrice { font-size: 1.2rem; font-weight: 700; color: #333; } .popup_cart .productCart .productOptions { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 10%; height: 100%; z-index:10; } .popup_cart .productCart .productOptions .productDelete { height: 100%; background: url('/drive/repo/editorweb/icon_close_proct.png') no-repeat center/25%; cursor: pointer; z-index:10; } .popup_cart .cartButtons { padding-top: 15px; } .popup_cart .cartButtons .closeBtn, .popup_cart .cartButtons .comprar { display: inline-block; vertical-align: top; width: 49.25%; margin: 0 -4px 0 1.5%; } .popup_cart .cartButtons .closeBtn, .popup_cart .cartButtons .comprar a { padding: 15px; text-align: center; border: 2px solid; border-radius: 3px; font-size: .8rem; font-weight: 700; text-transform: uppercase; } .popup_cart .cartButtons .closeBtn { margin-left: 0; border-color: #555; background-color: transparent; color: #555; cursor: pointer; } .popup_cart .cartButtons .closeBtn:hover { background-color: #555; color: #fff; } .popup_cart .cartButtons .comprar a { display: block; border-color: #0096E3; background-color: #0096E3; color: #fff; } .popup_cart .cartButtons .comprar a:hover { background-color: #333; border-color: #000; } /* ------------------------------------------------- SLIDESHOW DE IMÁGENES ------------------------------------------------- */ /* ------------------------- Contenedor */ .slide { width: 100%; height: 65vh !important; position: relative; overflow: hidden; } /* ------------------------- Placas */ .slide .menuItem { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center; background-attachment: fixed; z-index: 1; width:100%; height:100%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-attachment: scroll; } .slide .menuItem.active { display: block; } /* ------------------------- Filtro Negro */ .slide .menuItem::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,.5); z-index: 2; } /* ------------------------- Contenedor interno */ .slide .menuItemCont { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; padding-top: 40px; text-align: center; z-index: 3; } /* ------------------------- Contenido [ Título / Descripción / Botón ] */ .slide .menuTitle { margin:0 0 10px;} .slide .menuTitle a { color:#000; font-size:2em;} .slide .menuDescription a { color:#222; font-size:1.2em;} .slide .menuLink a { margin:20px 0 0; display:inline-block; clear:both; text-transform:uppercase; border:1px solid #000; color:#000; padding:15px 20px; font-weight:1.2em; border-radius:3px;} .slide .menuLink a:hover { background: rgba(0,0,0,0.8); color:#fff;} /* ------------------------- Flechas [ Izquierda / Derecha ] */ .slide .arrowNav div { position: absolute; top: 0; bottom: 0; margin: auto 0; width: 45px; height: 45px; z-index: 9; cursor: pointer; background-repeat: no-repeat; background-size: auto 75%; background-position: center; z-index: 3; } .slide .arrowNav div.prev { left: 2.5%; background-image: url('/drive/repo/editorweb/arrowL.png'); } .slide .arrowNav div.next { right: 2.5%; background-image: url('/drive/repo/editorweb/arrowR.png'); } /* ------------------------- Selectores de Placa */ .slide .selectorNav { position: absolute; bottom: 5%; left: 0; right: 0; z-index: 3; text-align: center; } .slide .selectorNav li { display: inline-block; margin: 0 3px; width: 15px; height: 15px; border-radius: 50%; cursor: pointer; background-color: #fff; } .slide .selectorNav li.active { background-color: #000; } /* ------------------------------------------------- BARRA DE PAGOS Y CONTACTO ------------------------------------------------- */ .barra{ background:#e9e9e9; padding:20px; box-sizing:border-box; text-align:center;} .ahora12, .ahora18, .mp, .atencionCiente, .atencionWhatsapp{ display:inline-block; vertical-align:middle; text-align:left;} .ahora12, .ahora18, .mp, .atencionCiente{ padding-right:10px; margin-right:10px;} /* --- Imagenes de la barra */ .picAhora{ display:inline-block;} .picAhora img{ max-height:60px;} /* --- Mercado pago */ .infoMP .menuItem { box-sizing:border-box;} .infoMP .menuItemCont{ display:flex; flex-direction:row; align-items:center;} .infoMP .menuPic { margin-right: 10px; } .infoMP .menuPic img { max-height: 50px; } .infoMP .menuTitle a, .infoMP .menuDescription a { display: block; font-size: .9rem; line-height: 1.3; color:#000; } .infoMP .menuTitle a { color: #444; } .infoMP .menuDescription p a { cursor:pointer; text-decoration: underline; } .infoMP .menuDescription p a:hover { text-decoration: none; } /* --- Botones de telefonos */ .btnsPhones{} .btnsPhones .menuItemCont{ overflow:hidden;} .btnsPhones .menuPic{ float:left; } .btnsPhones .menuPic img{ max-width:40px;} .btnsPhones .menuTitle{ margin-left:50px; font-size:0.7em;} .btnsPhones .menuDescription{ margin-left:50px; font-size:1.6em;} /* ------------------------------------------------- BUSCADOR ------------------------------------------------- */ .headSearch .wdgSearchCont{ width:100%; position:relative; margin:25px 0 0;} .headSearch .campoTextSearch{ width:100%;} .headSearch .campoTextSearch label{ font-size:1.8em; max-width:40%;} .headSearch .campoTextSearch input{ float:right; border:0; border-bottom:1px solid #999; font-size:1em; padding:10px; width:50%; text-transform:uppercase; box-sizing:border-box;} .headSearch .campoButtonSearch{ position:absolute; top:0; right:10px;} .headSearch .campoButtonSearch input{ background: url(/drive/repo/editorweb/icono-lupa.png) top left no-repeat; background-size:30px 30px; width:30px; height:30px; cursor:pointer; text-indent:999px; font-size:0; border:0; } /* ------------------------------------------------- CUADRANTES DEL HOME (ENLACES) ------------------------------------------------- */ .cuadrantes_home{ padding:25px 0 10px; margin:0 0 15px; border-bottom:1px solid #ccc;} .cuadrantes_home .menuItem { position: relative; display: inline-block; vertical-align: top; width: 32.5%; padding-bottom: 22%; margin: 0 0 1.25% 1.25%; font-size: .9rem; box-sizing:border-box; cursor:pointer; border-radius:3px; } .cuadrantes_home .menuItem:nth-child(1) { margin-left: 0; } .cuadrantes_home .menuPic { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; transition: all .3s; box-sizing:border-box; border-radius:3px; overflow:hidden; } .cuadrantes_home .menuPic a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cuadrantes_home .menuPic a::before { content: ""; position: absolute; top:0; right: 0; bottom: 0; left: 0; height: 100%; background:#fff; opacity: .5; /*background-image: linear-gradient(to top, #333, transparent 100%);*/ transition: all .3s; } .cuadrantes_home .menuItem:hover .menuPic a::before { height: 100%; background: #fff; opacity: .8; } .cuadrantes_home .menuPic img { width: 100%; height: 100%; object-fit: cover; } .cuadrantes_home .menuItemCont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; box-sizing:border-box; } .cuadrantes_home .menuTitle a { display: block; font-size: 2.3rem; font-weight: 600; line-height: 1; color: #333; transition: color .3s; } .cuadrantes_home .menuItem:hover .menuTitle a { color: #333; } .cuadrantes_home .menuDescription, .cuadrantes_home .menuLink { /*max-height: 0; overflow: hidden; transition: max-height .2s;*/ } .cuadrantes_home .menuItem:hover .menuDescription, .cuadrantes_home .menuItem:hover .menuLink { max-height: 100vh; transition: max-height .5s; } .cuadrantes_home .menuDescription p { padding-bottom: 10px; } .cuadrantes_home .menuDescription p:first-child { padding-top: 15px; } .cuadrantes_home .menuDescription p:last-child { padding-bottom: 20px; } .cuadrantes_home .menuDescription a { color: #333; } .cuadrantes_home .menuLink a { display: inline-block; padding: 8px 12px; background-color: #0096E3; border-radius: 3px; font-size: .8rem; font-weight: normal; text-transform: uppercase; color: #fff; transition: all .3s; } /* .cuadrantes_home .menuLink a::after { content: ">"; margin-left: 15px; font-size: 1.2rem; line-height: .9rem; } */ .cuadrantes_home .menuItem:hover .menuLink a, .cuadrantes_home .menuLink a:hover { background-color: #333; color: #fff; } .cuadrantes_home .menuItem:hover .menuLink a:hover{ background-color: #000; color:#fff;} /* ------------------------------------------------- CUADRANTES DEL HOME 2 (ENLACES) ------------------------------------------------- */ .cuadrantes_home2{ padding:15px 0 0px;} .cuadrantes_home2 .menuItem { position: relative; display: inline-block; vertical-align: top; width: 49.25%; padding-bottom: 22%; margin: 0 0 1.25% 1.25%; font-size: .9rem; box-sizing:border-box; cursor:pointer; border:1px solid #e9e9e9; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); border-radius:3px; } .cuadrantes_home2 .menuItem:nth-child(1), .cuadrantes_home2 .menuItem:nth-child(3), .cuadrantes_home2 .menuItem:nth-child(5){ margin-left: 0; } .cuadrantes_home2 .menuPic { position: absolute; top: 0; right: 0; left: 50%; bottom: 0; width: 50%; height: 100%; z-index: -1; transition: all .3s; box-sizing:border-box; border-radius:3px; overflow:hidden; } .cuadrantes_home2 .menuPic a { position: absolute; top: inherit; right: 0; bottom: 0; left: inherit; } .cuadrantes_home2 .menuPic a::before { content: ""; position: absolute; top:0; right: 0; bottom: 0; left: 0; height: 100%; background:#fff; opacity: .3; /*background-image: linear-gradient(to top, #333, transparent 100%);*/ transition: all .3s; } .cuadrantes_home2 .menuItem:hover .menuPic a::before { height: 100%; background: #fff; opacity: .5; } .cuadrantes_home2 .menuPic img { width: 100%; max-height: 100%; } .cuadrantes_home2 .menuItemCont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; box-sizing:border-box; } .cuadrantes_home2 .menuTitle, .cuadrantes_home2 .menuDescription{ width:50%;} .cuadrantes_home2 .menuTitle a { display: block; font-size: 1.8rem; font-weight: 600; line-height: 1; color: #333; transition: color .3s; } .cuadrantes_home2 .menuItem:hover .menuTitle a { color: #333; } .cuadrantes_home2 .menuDescription, .cuadrantes_home2 .menuLink { /*max-height: 0; overflow: hidden; transition: max-height .2s;*/ } .cuadrantes_home2 .menuItem:hover .menuDescription, .cuadrantes_home2 .menuItem:hover .menuLink { max-height: 100vh; transition: max-height .5s; } .cuadrantes_home2 .menuDescription p { padding-bottom: 10px; } .cuadrantes_home2 .menuDescription p:first-child { padding-top: 15px; } .cuadrantes_home2 .menuDescription p:last-child { padding-bottom: 20px; } .cuadrantes_home2 .menuDescription a { color: #333; } .cuadrantes_home2 .menuLink a { display: inline-block; padding: 8px 12px; background-color: #0096E3; border-radius: 3px; font-size: .8rem; font-weight: normal; text-transform: uppercase; color: #fff; transition: all .3s; } /* .cuadrantes_home2 .menuLink a::after { content: ">"; margin-left: 15px; font-size: 1.2rem; line-height: .9rem; } */ .cuadrantes_home2 .menuItem:hover .menuLink a, .cuadrantes_home2 .menuLink a:hover { background-color: #333; color: #fff; } .cuadrantes_home2 .menuItem:hover .menuLink a:hover{ background-color: #000; color:#fff;} /* ------------------------------------------------- CUADRANTES DEL HOME 3 (ENLACES) ------------------------------------------------- */ .cuadrantes_home3{ padding:15px 0 25px;} .cuadrantes_home3 .menuItem { position: relative; display: inline-block; vertical-align: top; width: 99.5%; padding-bottom: 22%; margin: 0 0 1.25% 1.25%; font-size: .9rem; box-sizing:border-box; cursor:pointer; border:1px solid #e9e9e9; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); border-radius:3px; } .cuadrantes_home3 .menuItem:nth-child(1), .cuadrantes_home3 .menuItem:nth-child(3), .cuadrantes_home3 .menuItem:nth-child(5){ margin-left: 0; } .cuadrantes_home3 .menuPic { position: absolute; top: 0; right: 0; left: 50%; bottom: 0; width: 50%; height: 100%; z-index: -1; transition: all .3s; box-sizing:border-box; border-radius:3px; overflow:hidden; } .cuadrantes_home3 .menuPic a { position: absolute; top: inherit; right: 0; bottom: 0; left: inherit; } .cuadrantes_home3 .menuPic a::before { content: ""; position: absolute; top:0; right: 0; bottom: 0; left: 0; height: 100%; background:#fff; opacity: .3; /*background-image: linear-gradient(to top, #333, transparent 100%);*/ transition: all .3s; } .cuadrantes_home3 .menuItem:hover .menuPic a::before { height: 100%; background: #fff; opacity: .5; } .cuadrantes_home3 .menuPic img { width: 100%; max-height: 100%; } .cuadrantes_home3 .menuItemCont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; display: flex; flex-direction: column; justify-content: flex-end; z-index: 1; box-sizing:border-box; } .cuadrantes_home3 .menuTitle, .cuadrantes_home3 .menuDescription{ width:50%;} .cuadrantes_home3 .menuTitle a { display: block; font-size: 1.8rem; font-weight: 600; line-height: 1; color: #333; transition: color .3s; } .cuadrantes_home3 .menuItem:hover .menuTitle a { color: #333; } .cuadrantes_home3 .menuDescription, .cuadrantes_home3 .menuLink { /*max-height: 0; overflow: hidden; transition: max-height .2s;*/ } .cuadrantes_home3 .menuItem:hover .menuDescription, .cuadrantes_home3 .menuItem:hover .menuLink { max-height: 100vh; transition: max-height .5s; } .cuadrantes_home3 .menuDescription p { padding-bottom: 10px; } .cuadrantes_home3 .menuDescription p:first-child { padding-top: 15px; } .cuadrantes_home3 .menuDescription p:last-child { padding-bottom: 20px; } .cuadrantes_home3 .menuDescription a { color: #333; } .cuadrantes_home3 .menuLink a { display: inline-block; padding: 8px 12px; background-color: #0096E3; border-radius: 3px; font-size: .8rem; font-weight: normal; text-transform: uppercase; color: #fff; transition: all .3s; } /* .cuadrantes_home3 .menuLink a::after { content: ">"; margin-left: 15px; font-size: 1.2rem; line-height: .9rem; } */ .cuadrantes_home3 .menuItem:hover .menuLink a, .cuadrantes_home3 .menuLink a:hover { background-color: #333; color: #fff; } .cuadrantes_home3 .menuItem:hover .menuLink a:hover{ background-color: #000; color:#fff;} /* ------------------------------------------------- BREAKS DEL HOME ------------------------------------------------- */ .break { position: relative; height: 80vh; color:#fff; background: no-repeat fixed center/cover; display:flex; flex-direction: column; justify-content: center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .break::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #333; opacity: .6; z-index: 1; } .break.obras2::before{ background-color:#015485; opacity: .8;} .contBreak{ position:relative; z-index:2; padding:40px;} .break.obras { background-image: url('/drive/repo/editorweb/construccion-apartado.jpg'); text-align:center;} .break.obras2 { background-image: url('/drive/repo/general/banner-construccion-obra.jpg'); text-align:center;} .break.instaladores{ height:70vh; background: #e6e7e9 no-repeat left; background-image: url('/drive/repo/editorweb/bg-instaladores.jpg'); text-align:right; color:#000; } .break.instaladores:before{ opacity: .1;} .break.obras .contBreak, .break.obras2 .contBreak{ padding:40px 180px;} .titleBreak{ padding:0 0 25px;} .titleBreak .title{ padding:0 0 10px;} .titleBreak h1, .titleBreak .subtitle h3{ font-weight:normal;} .iconsBreak{ padding:0 0 25px;} .iconsBreak .wdgItemPost{ display:inline-block; padding:10px; position:relative; max-width:20%; box-sizing:border-box;} .iconsBreak .title{ font-size:1.2em;} .iconsBreak .subtitle{ font-size:0.9em; padding:5px 0 0;} .btnBreak{} .btnBreak .menuTitle a{ display:inline-block; border:2px solid #fff; color:#fff; padding:15px 20px; text-decoration:none; border-radius:3px;} .btnBreak .menuTitle a:hover{ background: rgba(255,255,255,0.9); color:#000;} /* Exepciones para instaladores */ .break.instaladores .contBreak{ padding-left:50%;} .break.instaladores .btnBreak .menuTitle a{ border:2px solid #000; color:#000;} .break.instaladores .btnBreak .menuTitle a:hover{ background: rgba(0,0,0,0.9); color:#fff;} /* ------------------------------------------------- PRODUCTOS [ DESTACADOS / CATEGORÍAS / CATÁLOGO / VISTA ] ------------------------------------------------- */ .homeProds{ padding:45px 0; position:relative;} .spaceProductosCol{ padding-right:45px;} /* ------------------------------------------------- Boton para mostrar filtros ------------------------------------------------- */ .categsBtn { display: none;} .btnCerrar{ display:none;} /* ------------------------------------------------- CATEGORIAS DE OFERTAS ------------------------------------------------- */ .btnOfertas .wdgTitle .title{ font-size: 1.4rem; font-weight: 700; color: #222; margin-bottom: 20px;} .btnOfertas{ margin:0 0 20px;} .btnOfertas .categItem .categTitle a{ background:#ee4140 url(/drive/repo/editorweb/icon-tag.png) 5px 5px no-repeat; background-size: 40px 40px; color:#fff; display:block; padding:15px 15px 15px 50px; margin:0 0 10px; font-weight:1.2em; border-radius:3px; font-weight:bold;} .btnOfertas .categItem .categTitle a:hover{ background:#db3130 url(/drive/repo/editorweb/icon-tag.png) 4px 4px no-repeat; background-size: 42px 42px;} /* -- Acceso a ofertas desde el home -- */ .accesoOfertas{ padding:40px 0 0; position:relative;} .accesoOfertas .contMenu{ border:1px solid #ee4140; padding:20px; text-align:center;} .accesoOfertas .menuTitle a{ display:inline-block; font-size:1.4em; color:#333; padding:10px 15px; border: 2px solid #ee4140; background:#fff; color:#333; margin-top:-45px; border-radius:3px; } .accesoOfertas .menuDescription a{ display:block; color:#000; font-size:1.2em; padding:20px;} .accesoOfertas .menuLink a{ border: 1px solid #ee4140; background:#ee4140; color:#fff; font-weight:bold; display:inline-block; padding:10px 20px; border-radius:3px;} .accesoOfertas .menuLink a:hover{ background:#fff; color:#ee4140;} /* ------------------------------------------------- CATEGORIAS DEL CATALOGO ------------------------------------------------- */ .categs_list { display: inline-block; width: 100%; border-top: 1px solid #e9e9e9; padding:20px 0 0; } .categs_list .wdgTitle .title { font-size: 1.4rem; font-weight: 700; color: #333; margin-bottom: 20px; } .categs_list .categPic{ display:none; } .categs_list .categDescription{ display:none; } .categs_list .contCateg > .categItem > .categItemCont .categTitle { position: relative; } .categs_list .contCateg > .categItem > .categItemCont .categTitle .categBtn { position: absolute; top: 50%; right: 0; transform: translateY(-50%); display: block; width: 45px; height: 45px; text-align: center; font-size: 1.5rem; font-weight: 700; line-height: 45px; color: #555; cursor: pointer; transition: all .3s; } .categs_list .contCateg > .categItem.active > .categItemCont .categTitle .categBtn { transform: translateY(-50%) rotate(45deg); transform-origin: center; } .categs_list .contCateg > .categItem > .categItemCont .categTitle a { display: block; padding: 15px 45px 15px 0; border-bottom: 1px solid #ddd; font-size: 1.2rem; font-weight: 700; color: #555; } .categs_list .contCateg > .categItem.selected > .categItemCont .categTitle a { color: #333; } .categs_list .contCateg_nivel0 { max-height: 0; overflow: hidden; transition: all .3s; } .categs_list .categItem.active .contCateg_nivel0 { max-height: 500vh; } .categs_list .contCateg_nivel0 .categItem:first-child { margin-top: 10px; } .categs_list .contCateg_nivel0 .categItem:last-child { margin-bottom: 20px; } .categs_list .contCateg_nivel0 .categTitle a { display: block; padding: 5px 10px; font-size: 1rem; color: #555; } .categs_list .contCateg_nivel0 .categTitle a {} .categs_list .contCateg_nivel0 .categItem.selected .categTitle a { color: #333; } .categs_list .contCateg_nivel1 .categTitle a{ font-size: .8rem; } .categs_list .contCateg_nivel1 .categItem:first-child { margin-top: 5px; } .categs_list .contCateg_nivel1 .categItem:last-child { margin-bottom: 5px; } .categs_list .contCateg_nivel0 .categItem{ padding:5px 0;} .categs_list .contCateg_nivel1 .categItem{ padding:0;} .categs_list .contCateg_nivel0 .categItem.selected { background:#015485;} .categs_list .contCateg_nivel0 .categItem.selected .categTitle a{ color:#fff;} .filtroMarca{ width:100%; padding:0 0 10px; box-sizing:border-box; margin:0 0 20px; border-top:0; border-bottom:1px solid #e9e9e9;} .filtroMarca .wdgBuscadorAvanz{} .filtroMarca .wdgTitle .title{ font-size: 1.4rem; font-weight: 700; color: #222; margin-bottom: 20px;} .filtroMarca .bigSearch{ display:block; width:100%;} .filtroMarca .searchMarcas select{ border:1px solid #ccc; padding:10px; margin:0 0 20px; font-size:20px; box-sizing:border-box; width:100%;} .accesoOfertas .filtroMarca{ border: 1px solid #ee4140; padding:20px; } .accesoOfertas .filtroMarca .wdgTitle{ display:flex; align-items:center; justify-content:center;} .accesoOfertas .filtroMarca .wdgTitle .title{ display: inline-block; font-size: 1.4em; color: #333; padding: 10px 15px; border: 2px solid #ee4140; background: #fff; color: #333; margin-top: -45px; border-radius: 3px; } /* ------------------------------------------------- Contenedor de aclaraciones sobre productos ------------------------------------------------- */ .postAclaracion{ margin-bottom:20px; border:1px solid #e9e9e9; background:#fafafa; padding:20px;} .postAclaracion .title{} .postAclaracion .title h1{ font-size:18px; color:#ee4140; margin-bottom:10px;} .postAclaracion .PostDescription{ font-size:16px;} .postAclaracion .PostDescription p{ margin-bottom:10px;} .postAclaracion .PostDescription p strong{ color:#ee4140;} /* ------------------------------------------------- Generico de listado de productos ------------------------------------------------- */ .prods .wdgProd { display: inline-block; vertical-align: top; margin-right: -4px; background-color: #fff; border-radius: 5px; overflow: hidden; transition: box-shadow .3s; box-sizing:border-box; box-shadow: 0 0 8px 4px rgba(100,100,100,.1); } .prods .wdgProd:hover { box-shadow: 0 0 8px 4px rgba(1,1,1,.1); } .prods .wdgProdCont { position: relative; } .prods .wdgProdCont .estado_producto{ position:absolute; top:10px; left:10px; background: rgba(0,0,0,0.5); padding:5px 10px; color:#fff; border-radius:100px; text-transform:uppercase; font-size:0.8em; z-index:10;} .prods .wdgProdCont .brand{ position:absolute; top:-50px; left:10px; background: rgba(0,0,0,0.3); padding:4px 8px; color:#fff; border-radius:100px; text-transform:uppercase; font-size:0.55em; z-index:10;} .prods .wdgProdCont .productLine{ position:absolute; top:-30px; left:10px; background: rgba(0,0,0,0.5); padding:4px 8px; color:#fff; border-radius:100px; text-transform:uppercase; font-size:0.55em; z-index:10;} .prods .wdgProd .ProdPic { position: relative; padding-bottom: 100%; border-bottom: 1px solid #e3e3e3; } .prods .wdgProd .ProdPic img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 85%; max-height: 85%; margin: auto; } .prods .ProdDetails .title span, .prods .ProdDetails .title a { display: block; overflow: hidden; font-weight: 700; color: #333; } .prods .price{} .prods .price:not(.price_old), .prods .price_offer { font-weight: 700; color: #333; } .prods .price > div, .prods .price_offer > div { display: inline-block; vertical-align: middle; margin-right: -4px; } .prods .price_old div { font-weight: 700; color: #999; text-decoration: line-through; } .prods .addCart .campo, .prods .addCart .text { display: inline-block; vertical-align: top; margin-right: -4px; } .prods .addCart .campo input, .prods .addCart .text, .prods .price_button_info a { text-align: center; border-radius: 3px; } .prods .addCart .campo input { width: 100%; border: 1px solid #ccc; } .prods .addCart .text, .prods .price_button_info a { background-color: #0096E3; color: #fff; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: background-color .3s; border:1px solid #0096E3; } .prods .addCart .text:hover, .prods .price_button_info a:hover { background-color: #333; border:1px solid #333; } .prods .addCart, .prods .price_button_info { position: absolute; left: 0; bottom: 0; width: 100%; } .prods .price_button_info a { display: block; } /* ------------------------------------------------- Listado de productos destacados ------------------------------------------------- */ .destacados .cont { position: relative; } .prods_destacados .wdgTitle .title { display: block; font-size: 1.5rem; font-weight: 600; line-height: 2.5rem; text-transform: uppercase; text-align:center; } .prods_destacados .wdgTitle .title { color: #777; margin-bottom: 50px; } .prods_destacados .wdgProd { width: calc((100% - (1.5% * 5)) / 6); margin: 0 -4px 0 1.5%; } .prods_destacados .wdgProd:first-child { margin-left: 0; } .prods_destacados .wdgProdCont { padding-bottom: 80px; min-height:380px; } .prods_destacados .ProdDetails, .prods_destacados .addCart, .prods_destacados .price_button_info { padding: 20px; box-sizing:border-box; } .prods_destacados .ProdDetails { padding-bottom: 2.9rem; position:relative; } .prods_destacados .ProdDetails .cod{ height: calc(1.3rem * 1);} .prods_destacados .ProdDetails .cod a{ line-height:1.3rem; margin-bottom:5px; color:#666; text-decoration:none; font-size:0.7em;} .prods_destacados .ProdDetails .title span, .prods_destacados .ProdDetails .title a { height: calc(1.3rem * 3); margin-bottom: 20px; font-size: .75rem; line-height: 1.1rem; } .prods_destacados .price{} .prods_destacados .price:not(.price_old), .prods_destacados .price_offer { font-size: 1.5rem; height: 2.9rem; margin-bottom: -2.9rem; } .prods_destacados .price:not(.price_old) { padding-top: 1.1rem; } .prods_destacados .price_old { height: 1.1rem; } .prods_destacados .price_old div { font-size: .9rem; } .prods_destacados .addCart { padding-top: 10px; box-sizing:border-box; } .prods_destacados .addCart .campo { width: 37px; } .prods_destacados .addCart .text { width: calc(100% - (50px + 3px)); margin-left: 6px; } .prods_destacados .addCart .campo input, .prods_destacados .addCart .text, .prods_destacados .price_button_info a { height: 40px; line-height: 40px; font-size: .8rem; } .prods_destacados .wdgContent { position: relative; } .prods_destacados .pageCounter ul { list-style: none; } .prods_destacados .pageCounter li { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 70px; height: 70px; border-radius: 50%; background: #fff no-repeat center/auto 30%; box-shadow: 0 0 6px 3px rgba(100,100,100,.2); text-indent: -9999px; cursor: pointer; z-index: 2; visibility: hidden; opacity: 0; transition: all .3s; } .prods_destacados .wdgContent:hover .pageCounter li { visibility: visible; opacity: 1; } .prods_destacados .pageCounter .before { left: -35px; background-image: url('/drive/repo/editorweb/marcas-left.png'); } .prods_destacados .pageCounter .after { right: -35px; background-image: url('/drive/repo/editorweb/marcas-right.png'); } /* ------------------------------------------------- Listado de productos del catalogo ------------------------------------------------- */ .prods_catalog .wdgProd { width: calc((100% - (1% * 4)) / 5); margin-left: 1%; margin-bottom: 1%; } .prods_catalog .wdgProd:nth-child(5n+1) { margin-left: 0; } .prods_catalog .wdgProdCont { padding-bottom: 65px; min-height:350px; } .prods_catalog .ProdDetails, .prods_catalog .addCart, .prods_catalog .price_button_info { padding: 15px; box-sizing:border-box; } .prods_catalog .ProdDetails { padding-bottom: 2.9rem; position:relative; } .prods_catalog .ProdDetails .cod{ height: calc(1.3rem * 1);} .prods_catalog .ProdDetails .cod a{ line-height:1.3rem; margin-bottom:5px; color:#666; text-decoration:none; font-size:0.7em;} .prods_catalog .ProdDetails .title span, .prods_catalog .ProdDetails .title a { height: calc(1.1rem * 3); margin-bottom: 20px; font-size: .8rem; line-height: 1.1rem; } .prods_catalog .price{} .prods_catalog .price:not(.price_old), .prods_catalog .price_offer { font-size: 1.4rem; height: 2.9rem; margin-bottom: -2.9rem; } .prods_catalog .price:not(.price_old) { } .prods_catalog .price_old { height: 1.1rem; } .prods_catalog .price_old div { font-size: .9rem; } .prods_catalog .addCart { padding-top: 5px; box-sizing:border-box; } .prods_catalog .addCart .campo { width: 37px; } .prods_catalog .addCart .text { width: calc(100% - (40px + 3px)); margin-left: 6px; } .prods_catalog .addCart .campo input, .prods_catalog .addCart .text, .prods_catalog .price_button_info a { height: 40px; line-height: 40px; font-size: .8rem; } .prods_catalog .pageCounter { padding-top: 50px; text-align: center; } .prods_catalog .pageCounter ul { list-style: none; } .prods_catalog .pageCounter ul li { display: inline-block; vertical-align: middle; } .prods_catalog .pageCounter ul li:not(.before):not(.after) { width: 35px; height: 35px; border: 1px solid transparent; border-radius: 3px; cursor: pointer; font-size: .9rem; line-height: 35px; transition: all .3s; } .prods_catalog .pageCounter ul li:not(.before):not(.after):hover { background-color: #fcfcfc; } .prods_catalog .pageCounter ul li:not(.before):not(.after).selected { background-color: #fff; border-color: #ddd; color: #333; } .prods_catalog .pageCounter ul .before, .prods_catalog .pageCounter ul .after { text-indent: -9999px; width: 45px; height: 45px; background: no-repeat center/auto 60%; cursor: pointer; opacity: .8; } .prods_catalog .pageCounter ul .before { background-image: url('/drive/repo/editorweb/left_arrow.png'); } .prods_catalog .pageCounter ul .after { background-image: url('/drive/repo/editorweb/right_arrow.png'); } /* ------------------------------------------------- Vista de producto ------------------------------------------------- */ .prod_vista .wdgProdCont{ display:flex; flex-direction:row; justify-content: space-between;} .prod_vista .wdgPicSlider { width:50%; margin-bottom: 40px; } .prod_vista .ProdDescription{ width:50%;} .prod_vista .wdgPicSlider .jcarousel-skin-pika { list-style: none; } .prod_vista .wdgPicSlider .pika-stage, .prod_vista .wdgPicSlider .jcarousel-skin-pika > li { position: relative; width: 100%; height: auto !important; padding-bottom: 60%; background-color: #fff; } .prod_vista .wdgPicSlider .pika-stage > a, .prod_vista .wdgPicSlider .jcarousel-skin-pika > li a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .prod_vista .wdgPicSlider .pika-stage > a, .prod_vista .wdgPicSlider .jcarousel-skin-pika > li a { pointer-events: none; } .prod_vista .wdgPicSlider .pika-stage > a { background-color: none; } .prod_vista .wdgPicSlider .pika-stage a img, .prod_vista .wdgPicSlider .jcarousel-skin-pika > li a img, .prod_vista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; height: auto !important; max-width: 95%; max-height: 95%; } .prod_vista .wdgPicSlider .pika-textnav a { position: absolute; top: 0; bottom: 0; width: 50px; height: 50px; margin: auto 0; display: block; font-size: 0; cursor: pointer; opacity: 0; z-index: 5; background: no-repeat center/auto 70%; background-color: #555; } .prod_vista .pika-stage:hover .pika-textnav a { opacity: .7; } .prod_vista .wdgPicSlider .pika-textnav a.previous { left: 0; border-radius: 0 3px 3px 0; background-image: url('/drive/repo/editorweb/arrowL.png'); } .prod_vista .wdgPicSlider .pika-textnav a.next { right: 0; border-radius: 3px 0 0 3px; background-image: url('/drive/repo/editorweb/arrowR.png'); } .prod_vista .wdgPicSlider .pika-textnav .previous:hover, .prod_vista .wdgPicSlider .pika-textnav .next:hover { opacity: 1; } .prod_vista .wdgPicSlider .jcarousel-skin-pika .jcarousel-container { padding-top: 5px; width: 100% !important; } .prod_vista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs { position: static !important; padding: 0 !important; left: auto !important; width: 100% !important; } .prod_vista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li { float: none !important; display: inline-block; width: 9.55%; margin: -4px -4px .5% .5%; cursor: pointer; } .prod_vista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li:nth-child(10n+1) { margin-left: 0; } .prod_vista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li .clip { position: relative; padding-bottom: 100%; background-color: #fff; } .prod_vista .wdgPicSlider .jcarousel-skin-pika .pika-thumbs li .clip img { position: absolute; top: 0; left: 0; display: block !important; } .prod_vista .wdgPicSlider .pika-imgnav, .prod_vista .wdgPicSlider .pika-aniwrap { display: none !important; width: 100%; } .prod_vista .ProdDescription { position: relative; color: #333; } .prod_vista .ProdDescription .title { font-size: 2rem; font-weight: 700; margin-bottom: 10px; } .prod_vista .ProdDescription .subtitle { font-size: 1rem; margin-bottom: 50px; color: #555; } .prod_vista .ProdDescription .description { padding-bottom: 25px; margin-bottom: 15px; border-bottom: 1px solid #ddd; } .prod_vista .ProdDescription .description h1, .prod_vista .ProdDescription .description h2, .prod_vista .ProdDescription .description h3 { margin-bottom: 20px; } .prod_vista .ProdDescription .description p { font-size: .9rem; padding-bottom: 10px; } .prod_vista .ProdDescription .description a { color: #a52b7e; } .prod_vista .ProdDescription .description a:hover { text-decoration: underline; } .prod_vista .ProdDescription .description em { font-size: .8rem; } .prod_vista .ProdDescription .description ul { list-style-position: inside; margin-bottom: 25px; font-size: .9rem; } .prod_vista .price{ padding:10px 0;} .prod_vista .price, .prod_vista .price_offer { padding-bottom:10px; } .prod_vista .price > div, .prod_vista .price_offer > div { display: inline-block; vertical-align: middle; margin-right: -4px; } .prod_vista .price:not(.price_old), .prod_vista .price_offer { padding-top: 3px; font-size: 2.4rem; font-weight: 700; line-height: 1; color: #333; } .prod_vista .price_old { bottom: 2.6rem; padding-bottom:0; } .prod_vista .price_old > div { font-size: 1rem; font-weight: 700; color: #999; text-decoration: line-through; } .prod_vista .addCart .campo, .prod_vista .addCart .text, .prod_vista .price_button_info a { display: inline-block; vertical-align: top; } .prod_vista .addCart .campo input, .prod_vista .addCart .text, .prod_vista .price_button_info a { border-radius: 3px; font-size: .8rem; line-height: 50px; text-align: center; } .prod_vista .addCart .campo input { width: 50px; border: 1px solid #ddd; line-height:48px; } .prod_vista .addCart .text, .prod_vista .price_button_info a { padding: 0 40px; background-color: #0096E3; font-weight: 700; text-transform: uppercase; color: #fff; transition: all .3s; } .prod_vista .addCart .text:hover, .prod_vista .price_button_info a:hover { background-color: #333; } /* ------------------------------------------------- FINALIZAR COMPRA ------------------------------------------------- */ .fin_compra .wdgTitle { text-align: center; margin-bottom: 30px;} .fin_compra .wdgTitle .title{ font-size: 1.5rem; text-align: center; font-weight:bold; color: #333; margin-bottom: 15px;} .fin_compra .wdgTitle .subtitle { font-size: 1.2rem; } .fin_compra .finishCont { } .fin_compra .finishCont .prodList > h3 { display: none; } .fin_compra .finishCont .prodList table { width: 100%; border:1px solid #ddd; } .fin_compra .finishCont .prodList tr { background-color: #fff; } .fin_compra .finishCont .prodList tr td { padding: 20px; border-bottom: 1px solid #ddd; } .fin_compra .finishCont .prodList tr td:first-child { position: relative; width: 50%; } .fin_compra .finishCont .prodList tr td:nth-child(2) { width: 10%; } .fin_compra .finishCont .prodList tr td:nth-child(3), .fin_compra .finishCont .prodList tr td:nth-child(4) { width: 20%; } .fin_compra .finishCont .prodList tr td:nth-child(2), .fin_compra .finishCont .prodList tr td:nth-child(3), .fin_compra .finishCont .prodList tr td:nth-child(4) { text-align: right; } .fin_compra .finishCont .prodList tr td.titletop { font-size: .8rem; color: #333; } .fin_compra .finishCont .prodList tr td.bgtotal{ background:#ddd;} .fin_compra .productCont{ display:flex; flex-direction:row; width:100%; position:relative; } .fin_compra .prodImg, .fin_compra .ProdDetails { display: inline-block; vertical-align: middle; } .fin_compra .prodImg { max-width: 30%; padding:0 20px 0 0; box-sizing:border-box; } .fin_compra .prodImg a { position: relative; display: block; max-width:60px; max-height:60px; } .fin_compra .prodImg a img { max-width: 60px; max-height: 60px; } .fin_compra .ProdDetails { max-width: 70%; } .fin_compra .ProdDetails .title a { display: inline-block; font-size: 1.2rem; font-weight: 700; color: #333; } .fin_compra .productOptions { position: absolute; top: 0; right: 5px; } .fin_compra .productOptions .productDelete { width: 25px; height: 25px; border-radius:150px; background: url('/drive/repo/editorweb/icon_close_product.png') no-repeat center/35% auto; border: 1px solid #ccc; opacity: .7; cursor: pointer; } .fin_compra .productOptions .productDelete:hover{ background: #ccc url('/drive/repo/editorweb/icon_close_product.png') no-repeat center/35% auto;} .fin_compra .ProdAtributes{ padding:10px 0; display:flex; flex-direction:row; flex-wrap:wrap;} .fin_compra .ProdAtributes .atribute{ border-left:2px solid #f1f1f1; padding:10px;} .fin_compra .ProdAtributes .atribute .atrib{ font-size:0.7em; color:#666;} .fin_compra .ProdAtributes .atribute .value{ color:#000; font-size:1em;} .fin_compra .ProdAtributes .atribute .value span{} .fin_compra .finishCont .prodList tr td:nth-child(2) select { width: 45px; height: 30px; text-align: center; } .fin_compra .finishCont .prodList tr td:not(.titletop):nth-child(3), .fin_compra .finishCont .prodList tr td:not(.titletop):nth-child(4) { font-size: 1rem; font-weight: 700; color: #333; } .fin_compra .SendingOptions b { display:block; margin:0 0 3px; } .fin_compra .SendingOptions select { padding: 10px; border:1px solid #999; } .fin_compra .bgtotal { font-size: 2rem; font-weight: 700; color: #333; } .fin_compra .bgtotal .totalFinalNumber { text-align: right; color: #333; } .fin_compra .finishCont2 h3 { font-size: 1.5rem; text-align: center; color: #333; margin: 15px 0; } .CuponsForm{ border:1px solid #ddd; padding:20px;} .CuponsForm h3{ display:none;} .CuponsFormCont{} .CuponsFormCont label{ font-weight:bold; display:block; margin:0 0 3px;} .CuponsFormCont input{ padding:10px; border:1px solid #999;} .CuponsFormCont button{ padding:10px; background:#fff; cursor:pointer; border:1px solid #999;} .CuponsFormCont button:hover{ background:#ddd;} .fin_compra .finishCont2 .PayForm { text-align: center; border:1px solid #ddd; border-top:0; padding:20px; margin-bottom: 30px; } .fin_compra .finishCont2 .PayForm .option { display: inline-block; margin: 5px; border-radius:3px; border:1px solid #e9e9e9; padding:10px; text-alig:center; font-size:16px; } .fin_compra .finishCont2 .PayForm .option input { display:block; width:20px; height:20px; margin:0 auto 5px; } .fin_compra .finishCont2 .campo { display: inline-block; vertical-align: top; width: 49.5%; margin: 0 -4px 1% 1%; } .fin_compra .finishCont2 .campo:nth-child(2n+1) { margin-left: 0; } .fin_compra .finishCont2 .campo input, .fin_compra .finishCont2 .campoBig textarea { width: 100%; height: 50px; padding: 15px; border: 1px solid #ccc; border-radius: 3px; font-size: .9rem; box-sizing:border-box; } .fin_compra .finishCont2 .campoBig textarea { min-width: 100%; max-width: 100%; min-height: 150px; } .fin_compra .finishCont2 .buttonForm { padding-top: 30px; text-align: center; } .fin_compra .finishCont2 .buttonForm input { display: inline-block; padding: 20px 40px; border: 2px solid #005483; background-color: #fff; border-radius: 3px; font-size: 1rem; font-weight: 700; color: #005483; cursor: pointer; transition: background-color .3s; } .fin_compra .finishCont2 .buttonForm input:hover { background-color: #005483; color:#fff; } .fin_compra .finishCont2 label { display: none; } /* ------------------------------------------------- BUSCADOR DE PRODUCTOS ------------------------------------------------- */ .buscadorProds .wdgSearchCont{ width:100%; position:relative; margin:0 0 25px;} .buscadorProds .campoTextSearch{ width:100%;} .buscadorProds .campoTextSearch input{ border:0; border-bottom:1px solid #e9e9e9; font-size:1em; padding:20px; width:100%; text-transform:uppercase; box-sizing:border-box;} .buscadorProds .campoButtonSearch{ position:absolute; top:10px; right:20px;} .buscadorProds .campoButtonSearch input{ background: url(/drive/repo/editorweb/icono-lupa.png) top left no-repeat; background-size:30px 30px; width:30px; height:30px; cursor:pointer; text-indent:999px; font-size:0; border:0; } /* ------------------------------------------------- MARCAS ------------------------------------------------- */ .marcas{ text-align:center; position:relative; } .marcas .title{ padding:0 0 20px; text-transform:uppercase;} .marcas .wdgItemPost{ display:inline-block; width:10%;} .marcas .wdgItemPost img{ max-width:90%;} .marcas .pageCounter{} .marcas .pageCounter .numbers{} .marcas .pageCounter .numbers ul{ list-style-type:none;} .marcas .pageCounter .numbers ul li{ position:absolute; top:40px; width:41px; height:50px; cursor:pointer; overflow:hidden; text-indent:-9999px;} .marcas .pageCounter .numbers ul li.before{ left:0; background: url(/drive/repo/editorweb/marcas-left.png) top left no-repeat;} .marcas .pageCounter .numbers ul li.after{ right:0; background: url(/drive/repo/editorweb/marcas-right.png) top left no-repeat;} /* ------------------------------------------------- PRESUPUESTO ------------------------------------------------- */ /* Accion de presupuesto */ .presupuesto{ margin:25px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; overflow:hidden;} .presupuesto .wdgPostPrincipal{ float:left;} .presupuesto .wdgPostPrincipal .subtitle h3{ font-weight:normal;} .presupuesto .PostDescription{ float:right;} .presupuesto .PostDescription a{ display:block; border:2px solid #666; text-transform:uppercase; border-radius:3px; color:#000; padding:12px 15px 12px 15px;} .presupuesto .PostDescription a:hover{} /* ------------------------------------------------- TITULAR DE SECCIONES CON IMAGEN ------------------------------------------------- */ .titularSection{} .cInfo, .cNosotros, .cObras, .cReferencias, .cCanerias, .cInstalaciones, .cCompras { width:100%; text-align:center; position: relative; height: auto; min-height:55vh; display:flex; flex-direction: column; justify-content: center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-attachment: scroll;} .cCompras{ min-height:35vh;} .cInfo{ background: url('/drive/repo/editorweb/sanitarios-adelina-contacto.jpg') no-repeat fixed center/cover;} .cNosotros{ background: url('/drive/repo/editorweb/sanitarios-adelina-nosotros.jpg') no-repeat fixed center/cover;} .cObras{ background: url('/drive/repo/editorweb/construccion-apartado.jpg') no-repeat fixed center/cover;} .cReferencias{ background: url('/drive/repo/general/banner-canos.jpg') no-repeat fixed center/cover;} .cCanerias{ background: url('/drive/repo/editorweb/canerias-titular.jpg') no-repeat fixed center/cover;} .cInstalaciones{ background: url('/drive/repo/editorweb/banner-instalaciones.jpg') no-repeat fixed center/cover;} .cCompras{ background: url('/drive/repo/editorweb/sanitarios-adelina-contacto.jpg') no-repeat fixed center/cover;} .cInfo::after, .cNosotros::after, .cObras::after, .cReferencias::after, .cCanerias::after, .cInstalaciones::after, .cCompras::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .8; z-index: 1; background-color:#015485; } .titularSection .wdgContent{ position:relative; padding:60px 0; z-index:2; color:#fff;} .titularSection .PostTitle{} .titularSection .title{ padding:0 0 5px;} .titularSection .title h1{ font-weight:normal; color:#fff; text-transform:uppercase;} .titularSection .subtitle{} .titularSection .subtitle h3{ font-weight:normal;} .titularSection .description a { display: inline-block; padding: 12px 20px; margin-top: 30px; border: 2px solid #a52b7e; border-radius: 3px; font-size: .9rem; font-weight: 700; color: #a52b7e; transition: all .3s; } .titularSection .description a:hover { background-color: #a52b7e; color: #fff; } /*--- Exepcion para seccion de nosotros en blanco ---*/ .cNosotros{ min-height:65vh;} .cNosotros::after{ background-color:#fff; opacity: .6;} .titularSection .cNosotros .title h1, .titularSection .cNosotros .subtitle{ color:#000;} .titularSection .cNosotros .subtitle{ font-size:1.4em;} /* ------------------------------------------------- F0RMULARIO GENERICO ------------------------------------------------- */ .cForm {} .colRight .cForm{ padding-left:40px;} .cForm .formTitle{ text-align:center; font-size:1em; padding:0 0 20px; color:#666;} .contactForm .cForm .formTitle, .cForm .formGroup label { display: none; } .cForm .formGroup:not(.areatexto) { display: inline-block; vertical-align: top; width: 49.5%; margin: 0 -4px 1% 1%; } .cForm .formGroup:not(.areatexto):nth-child(2n+1) { margin-left: 0; } .cForm .formGroup input, .cForm .formGroup textarea { width: 100%; height: 50px; padding: 15px; border: 1px solid #ccc; border-radius: 3px; font-size: .9rem; box-sizing:border-box; } .cForm .formGroup textarea { min-width: 100%; max-width: 100%; min-height: 150px; } .cForm .input-group { padding: 3px; background-color: #fff; text-align: left; border: 1px solid #ccc; border-radius: 3px; } .cForm .input-group::after { content: " "; display: table; clear: both; } .cForm .input-group .glyphicon { display: none !important; } .cForm .input-group .file-caption { display: inline-block; max-width: 60%; } .cForm .input-group .file-caption-name { width: 100%; padding: 12px; color: #222; } .cForm .input-group .file-caption-name:empty::before { content: "Tu archivo"; font-weight: 400; color: #888; } .cForm .input-group .input-group-btn { float: right; width: 40%; height: 100%; padding: 12px; background-color: #aaa; border-radius: 3px; color: #fff; text-align: center; cursor: pointer; } .cForm .input-group .input-group-btn:hover { background-color: #ccc; } .cForm .formButtons { padding-top: 30px; text-align:center; } .cForm .formButtons input { display: inline-block; padding: 20px 40px; border:2px solid #005483; background-color:#fff; border-radius: 3px; font-size: 1rem; font-weight: 700; color: #005483; cursor: pointer; transition: background-color .3s; } .cForm .formButtons input:hover { background-color: #005483; color:#fff; } /* ------------------------------------------------- POST GENERICO ------------------------------------------------- */ .defPost{ text-align:center;} .defPost .title{ padding:0 0 20px;} .defPost .title h1{ font-size:1.8em; color:#333;} .defPost .subtitle{ font-size:1.4em; padding:0 0 15px; color:#666;} .defPost .PostDescription{ text-align:justify; font-size:1.2em;} .defPost .PostDescription ul{ padding:20px;} .defPost .PostDescription p{ padding:0 0 15px;} /* ------------------------------------------------- GALERIA DE IMAGENES (listado de posts) ------------------------------------------------- */ .trabajos_gal .title{ text-align:center; padding:0 0 25px; font-size:1em; text-transform:uppercase;} .trabajos_gal .wdgItemPost { position:relative; display: inline-block; vertical-align: top; width: calc((100% - (.5% * 4)) / 5); margin: 0 -4px .5% .5%; } .trabajos_gal .wdgItemPost:nth-child(5n+1) { margin-left: 0; } .trabajos_gal .wdgItemPost .PostPic { position: relative; padding-bottom: 80%; cursor: pointer; } .trabajos_gal .wdgItemPost .PostPic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s; z-index: 1; } .trabajos_gal .wdgItemPost:hover .PostPic img { top: -5%; left: -5%; width: 110%; height: 110%; box-shadow: 0 0 6px 2px rgba(0,0,0,.4); z-index: 2; } .trabajos_gal .wdgItemPost .PostDetails { display: none; } .trabajos_gal .pageCounter { padding-top: 50px; text-align: center; } .trabajos_gal .pageCounter ul { list-style: none; } .trabajos_gal .pageCounter ul li { display: inline-block; vertical-align: middle; } .trabajos_gal .pageCounter ul li:not(.before):not(.after) { width: 35px; height: 35px; border: 1px solid transparent; border-radius: 3px; cursor: pointer; font-size: .9rem; line-height: 35px; transition: all .3s; } .trabajos_gal .pageCounter ul li:not(.before):not(.after):hover { background-color: #fcfcfc; } .trabajos_gal .pageCounter ul li:not(.before):not(.after).selected { background-color: #fff; border-color: #ddd; color: #333; } .trabajos_gal .pageCounter ul .before, .trabajos_gal .pageCounter ul .after { text-indent: -9999px; width: 45px; height: 45px; background: no-repeat center/auto 60%; cursor: pointer; opacity: .8; } .trabajos_gal .pageCounter ul .before { background-image: url('/drive/repo/editorweb/left_arrow.png'); } .trabajos_gal .pageCounter ul .after { background-image: url('/drive/repo/editorweb/right_arrow.png'); } /* ------------------------------------------------- LIGHTBOX [ PRESS / GALLERIES ] ------------------------------------------------- */ #pics_lightbox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(17,17,17,.95); z-index: 10000; } #pics_lightbox .lightbox_img img { position: absolute; top: 50%; left: 50%; max-width: 85%; max-height: 75%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #pics_lightbox .lightbox_caption h3, #pics_lightbox .lightbox_caption p { position: absolute; left: 0; width: 100%; height: 10%; padding: 20px 7%; text-align: center; color: #fff; z-index: 1; } #pics_lightbox .lightbox_caption h3 { top: 0; font-family: 'Montserrat', sans-serif; font-size: 1.2rem; font-weight: 500; text-transform: uppercase; margin-bottom: 5px; } #pics_lightbox .lightbox_caption p { bottom: 0; font-size: 1.4rem; } #pics_lightbox .lightbox_nav { list-style: none; } #pics_lightbox .lightbox_nav li { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 5%; height: 100%; background: no-repeat center/25% auto; cursor: pointer; z-index: 2; } #pics_lightbox .lightbox_nav li.prev { left: 0; background-image: url('/drive/repo/editorweb/arrowL.png'); } #pics_lightbox .lightbox_nav li.next { right: 0; background-image: url('/drive/repo/editorweb/arrowR.png'); } #pics_lightbox .lightbox_closeBtn { position: absolute; top: 0; right: 0; width: 5%; height: 10%; border: 0; background: transparent url('/drive/repo/editorweb/icon_close.png') no-repeat center/25% auto; cursor: pointer; z-index: 3; } /* ------------------------------------------------- LISTADO DE PUBLICACIONES PARA ICONOS ------------------------------------------------- */ .listIconPost{ text-align:center;} .listIconPost .wdgItemPost { width:16%; display:inline-block; position:relative; box-sizing:border-box; padding:10px; margin:1%; vertical-align:top;} .listIconPost .wdgItemPostCont{} .listIconPost .PostPic{ width:100%;} .listIconPost .PostPic img{ max-width:100%;} .listIconPost .PostDetails{ padding:20px 0;} .listIconPost .PostDetails .title{ font-size:1.4em;} .listIconPost .PostDetails .subtitle{} .listIconPost .PostDetails .dscription{} /* ------------------------------------------------- CUADRANTES DE SECCION (ENLACES) ------------------------------------------------- */ .cuadrantes{} .cuadrantes .menuItem { position: relative; display: inline-block; vertical-align: top; width: 20%; padding:10px; font-size: .9rem; box-sizing:border-box; cursor:pointer; text-align:center; } .cuadrantes .menuPic { overflow:hidden; width: 100%; height:0; padding-bottom:100%; margin-bottom:20px; border-radius:500px; overflow:hidden; } .cuadrantes .menuPic img { width:100%; max-height:100%; object-fit: cover; } .cuadrantes .menuItemCont { } .cuadrantes .menuTitle{ padding:0 20px;} .cuadrantes .menuTitle a { display: block; font-size: 1.8rem; font-weight: 400; color: #333;} .cuadrantes .menuItem:hover .menuTitle a { color: #333;} .cuadrantes .menuDescription{ padding:20px 20px 0;} .cuadrantes .menuDescription p {} .cuadrantes .menuDescription a { color: #333;} /* ------------------------------------------------- FOOTER ------------------------------------------------- */ footer{ background:#015485; color:#fff; border-top:2px solid #004167;} footer .newsletter{} footer .foot .footCont{ width:96%; margin:0 auto; padding:45px 0; text-align:center;} footer .col1, footer .col2, footer .col3{ display:inline-block; width:33%; vertical-align:top; text-align:left; box-sizing:border-box; padding:20px;} footer .copy{} /* ------------------------------------------------- COMPONENTES DEL FOOTER ------------------------------------------------- */ /* Logo Pie de página */ .logoFooter{ padding:0 0 25px;} .logoFooter .screenOptions{ display:none;} /* Datos de contacto pie de pagina */ .contactoFooter{} .contactoFooter a{ color:#fff;} .contactoFooter .menuItem{ padding:0 0 15px;} .contactoFooter .menuTitle{ font-size:0.9em;} .contactoFooter .menuTitle a{ color:#ccc;} .contactoFooter .menuDescription{ font-size:1.4em;} /* Redes sociales pie de pagina */ .redesFooter{ padding:20px 0; overflow:hidden;} .redesFooter .wdgTitle{ float:left; padding:5px 5px 0 0;} .redesFooter .wdgContent{ float:left;} .redesFooter .menuItem { float:left; padding:3px;} .redesFooter .menuItem .menuPic img{ filter: invert(100%); max-height:25px;} /* Sucursales */ .sucursalesFooter{} .sucursalesFooter .wdgItemPost{ position:relative; border-bottom:1px solid #0C6396; padding:10px 0 15px; font-size:0.9em; overflow:hidden;} .sucursalesFooter .wdgItemPost:first-child{ padding:0 0 15px;} .sucursalesFooter .wdgItemPost .title{ font-weight:bold; font-size:1.2em;} .sucursalesFooter .wdgItemPost .subtitle{ padding:5px 0;} .sucursalesFooter .wdgItemPost .description{ padding:5px 0;} .sucursalesFooter .wdgItemPost .description a.comoLlegar{ background: url(/drive/repo/editorweb/icon-geo-white.png) 10px 10px no-repeat; background-size: 12px 16px; display:block; float:left; margin-top:10px; clear:both; border-radius:3px; padding:10px 12px 10px 30px; border:2px solid #fff; color:#fff;} .sucursalesFooter .wdgItemPost .description a.comoLlegar:hover{ border:2px solid #ddd;} /* Formulario footer */ .uploadFiles_form { text-align:left; } .uploadFiles_form h1 { width: 100%; font-size: 1.2em; font-weight: 400; text-transform: uppercase; } .uploadFiles_form h2, .uploadFiles_cloud .subtitle { font-size: 1rem; font-weight: 400; margin-bottom: 25px; } .uploadFiles_form .wFormCont { text-align: left; } .uploadFiles_form label { display: none; } .uploadFiles_form .selector, .uploadFiles_form .texto, .uploadFiles_form .uploader { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 5px; } .uploadFiles_form .selector { margin-left: 0; } .uploadFiles_form select, .uploadFiles_form input, .uploadFiles_form .input-group, .uploadFiles_form textarea { width: 100%; padding: 15px; font-size: .9rem; border: 0; border-radius: 3px; box-sizing:border-box; } .uploadFiles_form .input-group { padding: 3px; background-color: #fff; text-align: left; } .uploadFiles_form .input-group::after { content: " "; display: table; clear: both; } .uploadFiles_form .input-group .glyphicon { display: none !important; } .uploadFiles_form .input-group .file-caption { display: inline-block; max-width: 60%; } .uploadFiles_form .input-group .file-caption-name { width: 100%; padding: 12px; color: #222; } .uploadFiles_form .input-group .file-caption-name:empty::before { content: "Tu archivo"; font-weight: 400; color: #888; } .uploadFiles_form .input-group .input-group-btn { float: right; width: 40%; height: 100%; padding: 12px; background-color: #aaa; border-radius: 3px; color: #fff; text-align: center; cursor: pointer; } .uploadFiles_form .input-group .input-group-btn:hover { background-color: #ccc; } .uploadFiles_form textarea { min-width: 100%; max-width: 100%; height: auto; min-height: 100px; margin-bottom: 1%; } .uploadFiles_form input[type="button"] { background-color: transparent; border: 2px solid #fff; text-transform: uppercase; color: #fff; cursor: pointer; transition: all .3s; } .uploadFiles_form input[type="button"]:hover { background-color: #fff; color: #333; } .uploadFiles_cloud .menuItem { position: relative; display: inline-block; vertical-align: top; margin: 0 10px; } .uploadFiles_cloud .menuItem img { max-height: 40px; } .uploadFiles_cloud .menuTitle { position: absolute; top: calc((100% + 15px)); left: -50%; right: -50%; visibility: hidden; opacity: 0; transition: all .2s linear; } .uploadFiles_cloud .menuItem:hover .menuTitle { visibility: visible; opacity: 1; } .uploadFiles_cloud .menuTitle a { position: relative; display: inline-block; padding: 10px; background-color: #fff; border-radius: 3px; font-size: .8rem; color: var(--textColor); pointer-events: none; } .uploadFiles_cloud .menuTitle a::before { content: ""; position: absolute; top: -10px; left: 0; right: 0; width: 0; height: 0; margin: 0 auto; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; } .print_footer { margin-bottom: 40px; font-size: .8rem; } .print_footer p:not(:last-child) { padding-bottom: 3px; } /* ------------------------------------------------- COPYRIGHT ------------------------------------------------- */ .copy{ padding:20px; color:#fff; text-align:center; font-size:0.7em; border-top:1px solid #0C6396;} .copy .description a{ color:#fff; line-height:1.2em;} .copy .description a:hover{ border-bottom:1px dotted #fff;} /* ------------------------------------------------- POP UPS / FLOTANTES ------------------------------------------------- */ .popup_1 { margin: 20px auto 0; } .ui-dialog { background: rgba(0,82,131,.95); width: 100% !important; height: 100% !important; position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; display:flex; flex-direction:column; align-items:center; justify-content:center; } .ui-dialog-content { width: 80% !important; max-width: 1366px; height: auto !important; min-height: 100px !important; overflow: hidden; font-size: 1.5rem; color: #fff; position: relative; box-sizing: border-box; padding-bottom: 80px; text-align: center; } .ui-dialog-titlebar { display: none; } .ui-dialog h3 { margin-bottom: 20px; font-size: 1.5rem; color: #fff; } .ui-dialog p { font-size: .9rem; color: #fff; padding: 0 0 10px; } .ui-dialog p a { color: #fff; text-decoration: underline; } .ui-dialog p a:hover { text-decoration: none; } .boton_popup_cerrar_1 { position: absolute; bottom: 0; right: 0; left:0; display: inline-block; } .boton_popup_cerrar_1 span{ display:inline-block; width:auto; padding:10px; font-size:1.2em; cursor: pointer; border:1px solid #fff; border-radius:3px; margin: 0 auto; } .boton_popup_cerrar_1 span:hover{ color:#015485; background:#fff;} .boton_popup_cerrar_1 span:before{ content: "Aceptar"} /* ------------------------------------------------- PROCESO DE LOGIN GENERAL ------------------------------------------------- */ .loginWeb{ font-family:Arial, Helvetica, sans-serif; width: 80%; height:100vh; padding:20px; margin: auto; text-align:center; display:table; box-sizing:border-box;} .logRegCont{ overflow:hidden; display:table-cell; vertical-align:middle;} .headLogin{ text-align:center; pading:20px 0; overflow:hidden;} .headLogin .logo{ margin:0 0 25px; position:inherit; top:inherit; left:inherit; right:inherit;} .headLogin .logo img{ max-width:200px; max-height:auto !important;} .headLogin .title{ margin:0 0 25px;} .contLog{ width:40%; margin:10px; display:inline-block; box-sizing:border-box; vertical-align:top; padding:20px; text-align:left; background:#f1f1f1; border-radius:3px; box-shadow: 2px 2px 2px 2px #ccc;} .contReg{ display:none; width:40%; margin:10px; box-sizing:border-box; vertical-align:top; padding:20px; text-align:left; border-radius:3px; box-shadow: 2px 2px 2px 2px #ccc;} .changePass{ width:40%; margin:10px; display:inline-block; box-sizing:border-box; vertical-align:top; padding:20px; text-align:left; background:#f1f1f1; border-radius:3px; text-align:center; box-shadow: 2px 2px 2px 2px #ccc;} .passCont{ width:100%; display:inline-block; box-sizing:border-box; padding:20px;} .passCont .msjForm.okMsj{ background:none; padding:0; font-weight:normal;} .loginWeb .title{ font-size:18px; font-weight:bold; padding:0 0 20px;} .loginWeb .contLog .title{ color:#0d83dd;} .loginWeb .contReg .title{ color:#333;} .loginWeb .contLog .title a{ display:none; color:#000; text-decoration:underline; font-size:14px;} .loginWeb .contLog .title a:hover{ text-decoration:none;} .contForm{} .contForm .campo{ padding:0 0 5px; position:relative;} .contForm .campo.campoImagen{ width:30%; margin:0 auto;} .contForm .campo.campoImagen .userPic{ position:relative; overflow:hidden; border-radius:500px; padding-bottom:100%; text-align:center;} .contForm .campo.campoImagen img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .contForm .campo label{ display:none;} .contForm .campo input{ border:1px solid #ccc; border-radius:3px; padding:8px; width:100%; font-size:16px; box-sizing:border-box;} .contForm .campo .tickValidate{ position:absolute; top:8px; right:8px; background: url(/drive/repo/editorweb/tick-validate.png) top left no-repeat; width:20px; height:19px; z-index:10;} .campoBtn{ margin:10px 0 0; padding:10px 0;} .campoBtn input{ border:0; border-radius:3px; padding:15px 20px; background:#ccc; font-size:16px; font-weight:bold; cursor:pointer;} .campoBtn input:hover{ background:#999;} .contLog .campoBtn input{ background:#4d83dd; color:#fff;} .contLog .campoBtn input:hover{ background:#0a6db9;} .changePass .campoBtn input{ background:#4d83dd; color:#fff;} .changePass .campoBtn input:hover{ background:#0a6db9;} .contReg .campoBtn input{} .options{ padding:0 0 10px;} .options a{ font-size:14px; color:#333; display:inline-block; padding:5px;} .conectWith{ padding:15px 0 0;} .conectWith a{ display:inline-block; padding:8px; border-radius:3px; background:#e9e9e9; color:#000; text-decoration:none; border:1px solid #ccc;} .conectWith a:hover{ background:#ccc;} .msjForm{ padding:10px; margin:10px 0; font-size:14px; font-weight:bold; border-radius:3px; background:#ccc; color:#333;} .errorMsj{ background:#ff0000; color:#fff; } .errorMsj.msjOK{ background:#90bb4a; color:#fff; } /*Mensajes*/ .loginMsj{ padding:20px; text-align:center;} .loginMsj h1{} .loginMsj h3{} .loginMsj p{} /* ------------------------------------------------- PERFIL DEL USUARIO ------------------------------------------------- */ .defaultPerfil{ padding:20px; width:100%; box-sizing:border-box; overflow:hidden; display:block;} .headPerfil{ padding:10px 15px 10px; margin:0 0 5px; text-align:center; border-bottom:1px solid #e9e9e9;} .headPerfil .logo{ margin:0 0 25px;} .headPerfil .logo img{ max-width:200px; max-height:150px;} .headPerfil .title{ padding:0; font-size:18px; padding:0 0 10px;} .defaultPerfil .contPerfil{ text-align:center; overflow:hidden; width:100%;} .UserDash{ overflow:hidden; width: 33%; margin: 10px; display: inline-block; box-sizing: border-box; vertical-align: top; padding: 20px; text-align: left; background: #f1f1f1; border-radius: 3px; box-shadow: 2px 2px 2px 2px #ccc; } .UserDash .userDetails{ width:100%; box-sizing:border-box; padding:20px; border-radius:3px;} .UserDash .userDetails .msgPerfil{ background:#e9e9e9; color:#333; padding: 10px; margin: 0 0 20px; text-align:center; font-size: 14px; font-weight: bold; border-radius: 3px;} .UserDash .userDetails .msgPerfil.msgOk{ background:#17b552; color:#fff;} .UserDash .UserPic{ position:relative; overflow:hidden; border-radius:500px; width:30%; margin:0 auto; padding-bottom:30%; text-align:center;} .UserDash .UserPic img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .UserDash .campoFile{ margin:10px 0; background:#4d83dd; color:#fff; border: 0; border-radius: 3px; width: 200px; margin: 20px auto 10px; font-size: 16px; text-align:center; font-weight: bold; cursor: pointer;} .UserDash .campoFile:hover{ background:#0a6db9; } .UserDash .campoFile .btn-file input{ padding: 15px 20px; width:100%;} .UserDash .campoFile{ padding:10px 0;} .UserDash .userInfoPerfil{ display:block;} .UserDash .userInfoPerfil .campoBtn{ display:none;} .UserDash .userInfoPerfil .userMoreInfo .campoBtn{ display:block;} .UserDash .userInfoPerfil .campo{ padding:0 5px 10px 0; width:50%; box-sizing:border-box; float:left;} .UserDash .userInfoPerfil .campoID{ padding:0 0 15px; font-size:16px; text-align:center;} .UserDash .userInfoPerfil .campo label, .UserDash .userInfoPerfil .campoID label{ display:block; font-size:12px;} .UserDash .userInfoPerfil .campo p, .UserDash .userInfoPerfil .campoID p{ fontsize:16px; margin:0 0 5px;} .UserDash .userInfoPerfil .campo input{ width:100%; background:#fff; box-sizing:border-box; padding:5px; border:1px solid #ccc; font-size:14px;} .UserDash .userInfoPerfil .campo.campoTel{} .UserDash .userInfoPerfil .campo.campoTel input.inpSmall{ width:30%;} .UserDash .userInfoPerfil .campo.campoTel input.inpMedium{ width:50%;} .UserDash .userInfoPerfil .campo select{ width:100%; box-sizing:border-box; padding:5px; border-1px solid #ccc; font-size:14px;} .UserDash .userInfoPerfil .campo.campoNac select{ width:27%;} .UserDash .userInfoPerfil .campo.campoNac select:last-child{ width:37%;} .UserDash .userInfoPerfil .campoBtn{ margin:10px 0 0; padding:10px 0;} .UserDash .userInfoPerfil .campoBtn input{ border:0; border-radius:3px; background:#ccc; padding:10px; font-weight:bold; font-size:16px; cursor:pointer;} .UserDash .userInfoPerfil .campoBtn input:hover{ background:#999;} .UserDash .userMoreInfo{ margin:10px 0 0; padding:10px 0 0; clear:both; border-top:1px solid #ccc;} .UserDash .userMoreInfo h2{ font-weight:normal; padding:10px 0;} /* ------------------------------------------------- APLICACIONES DEL USUARIO ------------------------------------------------- */ .userApps{ width:60%; display:inline-block; box-sizing:border-box; padding:20px; text-align:left; padding:30px 0;} .contApps{ overflow:hidden; padding:0 10px 20px;} .contApps h3{ border-bottom:1px solid #e9e9e9; padding:0 0 10px; margin:0 0 20px;} .contApps .itemApp{ position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; border-radius:3px; border:1px solid #e9e9e9; margin:2px; padding:10px; width:18%; min-height:180px; text-align:center; } .contApps .itemApp .deleteApp{ position:absolute; z-index:10; top:-5px; right:-5px; width:25px; height:25px; font-size:12px; padding:5px 0 0; border-radius:100px; background:#999; font-weight:bold; color:#fff; cursor:pointer;} .contApps .itemApp .deleteApp:hover{ background:#d92027;} .contApps .itemApp .appPic{ position:relative; overflow:hidden; width:40%; margin:0 auto 10px; border-radius:500px; padding-bottom:40%;} .contApps .itemApp .appPic img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .contApps .itemApp .appTitle{ font-size:16px; text-align:center; font-weight:normal;} .contApps .itemApp .appIntro{ font-size:12px;} .contApps .itemApp a{ position:absolute; left:5px; bottom:5px; right:5px; display:block; padding:10px; background:#4d83dd; color:#fff; font-weight:bold; border-radius:3px; text-decoration:none;} /* ------------------------------------------------- MEDIA QUERIES ------------------------------------------------- */ @media (max-width: 1024px) { .topSpace{ padding-top:45px;} .bottomSpace{ padding-bottom:45px;} .vSpace{ padding-top:45px; padding-bottom:45px;} .bgGris{ background:#e9e9e9;} .cont, .contSmall { width: 90%; } .contFlex{ display: block; flex-direction: inherit; flex-wrap: inherit; justify-content: inherit; padding: 40px 0;} .colLeft, .colRight, .colLeft1, .colRight1{ float:none; width:100%;} /* ------------------------------------------------- HEADER ------------------------------------------------- */ .cuerpoPage{ padding-top:80px;} header{ height:80px; padding:0 10px;} .head{ display:flex; flex-flow: row nowrap; align-items: center; justify-content:space-between;} .headOptions{ display:flex; flex-flow: row no-wrap; align-items:center; justify-content:flex-end;} .header_inf{ display:block; flex-flow: inherit; align-items: inherit; background: rgba(255,255,255,0.9);} .head .logo{} .head nav{} .head .redes{} .head .cart{ margin:0 10px;} /* Opciones del header para moviles */ .head .cart, .head .btnWhatsapp, .head .responsiveNav{ display:inline-block;} .head .responsiveNav{ margin-left:4px;} /* ------------------------------------------------- LOGO - MENU PRINCIPAL - MENU DE REDES - BOTON DE WHATSAPP ------------------------------------------------- */ /*----------- Logo*/ .logo img{ padding:15px 0 20px; max-height:45px;} /*----------- Menu*/ nav{ padding:0 0 20px;} nav .contMenu{ display:block; flex-flow: inherit; align-items: inherit; text-align:left; } nav .menuItem{} nav .menuItem .menuTitle a{ display:block; padding:10px; color:#333; font-size:1.2em; text-transform:normal;} /*----------- Redes*/ .redes{} .redes .contMenu{ display:flex; flex-flow: row nowrap; align-items: flex-start; padding:0 12px; } .redes .menuItem{ padding:0 3px;} .redes .menuItem .menuPic img{ max-height:48px;} /*----------- Boton de whatsapp*/ .btnWhatsapp{} .btnWhatsapp .menuItem .menuPic img{ max-height:48px;} /*----------- Menu desplegable responsive */ .menu_btn button { width: 40px; height: 38px; border: 0; background: transparent url('/drive/repo/editorweb/icon-menu-resp.png') no-repeat center/auto 100%; text-indent: -9999px; cursor:pointer; } #header_inf { position: fixed; top: 0; left: -150%; width: 100%; height: 100%; padding: 90px 20px 40px 0; text-align: right; z-index: 9999; } #header_inf .closeBtn { position: absolute; top: 0; right: 0; width: 100%; height: 70px; background: url('/drive/repo/editorweb/crossbtn.png') no-repeat 90% center/auto 40%; border-bottom: 1px solid #ccc; } /*----------- Carrito de productos en cabecea */ .cart_header .productsCartTitle { position: relative; padding: 8px; transition: none; } .cart_header .productsCartTitle, .cart_header .productsCartTitle:hover { color: #fff; border-color: #777; background-color: #777; } .cart_header .productsCartTitle .icon, .cart_header .productsCartTitle:hover .icon { background-image: url('/drive/repo/editorweb/carrito.png'); margin: 0; transition: none; } .cart_header .productsCartTitle .text { font-size: 0; } .cart_header .productsCartTitle .text span b:not(:empty) { position: absolute; top: 3px; right: 3px; width: 15px; height: 15px; background-color: #333; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .7rem; font-weight: 400; } .popup_cart { width: 90%; max-height: 95vh; padding: 15px; } .popup_cart .productCart { padding: 15px 15% 15px 0; } .popup_cart .productCart .prodPic { display: none; } .popup_cart .productCart .prodDesc h3 { font-size: 0; } .popup_cart .productCart .prodDesc h3 a { font-size: .7rem; } .popup_cart .productCart .productPrice { font-size: 1rem; } .popup_cart .productCart .productOptions { width: 15%; } .popup_cart .productCart .productOptions .productDelete { background-size: 30% auto; } .popup_cart .cartButtons { padding-top: 15px; } .popup_cart .cartButtons .closeBtn, .popup_cart .cartButtons .comprar { display: block; width: 100%; margin: 0 0 5px; } /* ------------------------------------------------- BARRA DE PAGOS Y CONTACTO ------------------------------------------------- */ .barra{ padding:20px; box-sizing:border-box; text-align:center;} .ahora12, .ahora18{ display:inline-block; vertical-align:middle; text-align:left; padding-right:0; margin-right:0; padding:10px;} .mp, .atencionCiente, .atencionWhatsapp{ display:block; text-align:left; padding:10px; margin:0;} /* --- Imagenes de la barra */ .picAhora img{ max-height:80px;} /* --- Mercado pago */ .infoMP{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:15px 0; margin:10px 0;} .infoMP .menuItemCont{ display:block; flex-direction:inherit; align-items:inherit; text-align:center;} .infoMP .menuPic { margin-right: 0;} .infoMP .menuDescription { padding:5px 0 0;} /* --- Botones de telefonos */ .btnsPhones .menuItemCont{ text-align:center;} .btnsPhones .menuPic{ float:none; padding:0 0 5px;} .btnsPhones .menuPic img{ max-width:40px;} .btnsPhones .menuTitle{ margin-left:0; font-size:1em;} .btnsPhones .menuDescription{ margin-left:0; font-size:1.6em;} /* ------------------------------------------------- BUSCADOR ------------------------------------------------- */ .headSearch .wdgSearchCont{ margin:10px 0 0; text-align:center;} .headSearch .campoTextSearch label{ font-size:1.2em; width:100%; max-width:100%; display:block; margin:0 0 15px;} .headSearch .campoTextSearch input{ float:none; font-size:1.2em; padding:10px; width:100%;} .headSearch .campoButtonSearch{ top:inherit; bottom:8px;} /* ------------------------------------------------- CUADRANTES DEL HOME (ENLACES) ------------------------------------------------- */ .cuadrantes_home .menuItem { width: 100%; padding-bottom: 49%; margin: 0 0 2% 0; font-size: .9rem; } .cuadrantes_home .menuItem:nth-child(1) { margin-left: 0; } .cuadrantes_home .menuPic { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; transition: all .3s; } .cuadrantes_home .menuPic a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cuadrantes_home .menuPic a::before { height: 100%; transition: none; } .cuadrantes_home .menuItem:hover .menuPic a::before { background: linear-gradient(to top, #333, transparent 100%); opacity: 1; } .cuadrantes_home .menuItemCont { padding: 15px; text-align:center; } .cuadrantes_home .menuTitle a { font-size: 1.6em; line-height: 1.3; transition: none; margin-bottom: 10px; } .cuadrantes_home .menuItem:hover .menuTitle a { color: #fff; } .cuadrantes_home .menuDescription{} .cuadrantes_home .menuItem:hover .menuDescription a{ color:#fff;} .cuadrantes_home .menuLink{ display:none;} /* ------------------------------------------------- CUADRANTES DEL HOME 2 (ENLACES) ------------------------------------------------- */ .cuadrantes_home2{ padding:0 0 0;} .cuadrantes_home2 .menuItem { width: 48%; padding-bottom: 69%; margin: 0 0 2% 0; font-size: .9rem; } .cuadrantes_home2 .menuItem:nth-child(1), .cuadrantes_home2 .menuItem:nth-child(3), .cuadrantes_home2 .menuItem:nth-child(5){ margin-right:1%;} .cuadrantes_home2 .menuItem:nth-child(2), .cuadrantes_home2 .menuItem:nth-child(4), .cuadrantes_home2 .menuItem:nth-child(5){ margin-left:1%;} .cuadrantes_home2 .menuPic { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; max-height: 75%; z-index: -1; transition: all .3s; } .cuadrantes_home2 .menuPic a { position: absolute; top: 0; right: 0; bottom: inherit; left: 0; } .cuadrantes_home2 .menuPic a::before { max-height: 100%; transition: none; } .cuadrantes_home2 .menuItem:hover .menuPic a::before { background: linear-gradient(to top, #fff, transparent 100%); opacity: 1; } .cuadrantes_home2 .menuItemCont { padding: 15px; text-align:center; } .cuadrantes_home2 .menuTitle, .cuadrantes_home2 .menuDescription{ width:100%;} .cuadrantes_home2 .menuTitle a{ font-size: 1.2em; line-height: 1.3; transition: none; margin-bottom: 10px;} .cuadrantes_home2 .menuDescription{ display:none;} /* ------------------------------------------------- CUADRANTES DEL HOME 3 (ENLACES) ------------------------------------------------- */ .cuadrantes_home3 .menuItem { width: 98%; padding-bottom: 69%; margin: 0 0 2% 0; font-size: .9rem; } .cuadrantes_home3 .menuItem:nth-child(1), .cuadrantes_home3 .menuItem:nth-child(3), .cuadrantes_home3 .menuItem:nth-child(5){ margin-right:1%;} .cuadrantes_home3 .menuItem:nth-child(2), .cuadrantes_home3 .menuItem:nth-child(4), .cuadrantes_home3 .menuItem:nth-child(5){ margin-left:1%;} .cuadrantes_home3 .menuPic { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; max-height: 65%; z-index: -1; transition: all .3s; } .cuadrantes_home3 .menuPic a { position: absolute; top: 0; right: 0; bottom: inherit; left: 0; } .cuadrantes_home3 .menuPic a::before { max-height: 100%; transition: none; } .cuadrantes_home3 .menuItem:hover .menuPic a::before { background: linear-gradient(to top, #fff, transparent 100%); opacity: 1; } .cuadrantes_home3 .menuItemCont { padding: 15px; text-align:center; } .cuadrantes_home3 .menuTitle, .cuadrantes_home3 .menuDescription{ width:100%;} .cuadrantes_home3 .menuTitle a{ font-size: 1.2em; line-height: 1.3; transition: none; margin-bottom: 10px;} .cuadrantes_home3 .menuDescription{ display:none;} /* ------------------------------------------------- BREAKS DEL HOME ------------------------------------------------- */ .break { height: auto; background-position: center; background-attachment: scroll;} .contBreak{ padding:40px 20px;} .break.obras .contBreak, .break.obras2 .contBreak{ padding:40px 20px;} .break.instaladores{ height:50vh; text-align:center; position:relative; color:#fff;} .break.instaladores::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.3; z-index: 2;} .break.instaladores .contBreak{ padding-left:0; padding:0 10%;} .titleBreak{ padding:0 0 25px;} .titleBreak .title{ padding:0 0 10px;} .titleBreak h1, .titleBreak .subtitle h3{ font-weight:normal;} .iconsBreak{ padding:0 0 25px; text-align:center; margin:0 auto;} .iconsBreak .wdgItemPost{ display:inline-block; padding:10px; width:40%; max-width:inherit; box-sizing:border-box;} .iconsBreak .wdgItemPost:nth-child(2){ clear:right;} .iconsBreak .wdgItemPost:nth-child(3){ clear:left;} .btnBreak{ margin:20px 0 0;} .break.instaladores .btnBreak .menuTitle a{ border:2px solid #fff; color:#fff;} .break.instaladores .btnBreak .menuTitle a:hover{ background: rgba(255,255,255,0.9); color:#000;} /* ------------------------------------------------- PRODUCTOS DESTACADOS ------------------------------------------------- */ .prods_destacados{ position:relative;} .prods_destacados .wdgTitle .title { display: block; font-size: 1.2rem; line-height: 1; text-align: center; } .prods_destacados .wdgTitle .title { margin-bottom: 30px; } .prods_destacados .wdgProd { width:100%; width: calc((100% - 2%) / 2); margin: 0 -4px 2% 2%; } .prods_destacados .wdgProd:nth-child(2n+1) { margin-left: 0; } .prods_destacados .wdgProdCont { padding-bottom: 65px; } .prods_destacados .ProdDetails, .prods_destacados .addCart, .prods_destacados .price_button_info { padding: 15px; } .prods_destacados .ProdDetails { padding-bottom: 2.5rem; } .prods_destacados .ProdDetails .title span, .prods_destacados .ProdDetails .title a { height: calc(1rem * 3); margin-bottom: 20px; font-size: .8rem; line-height: 1rem; } .prods_destacados .price:not(.price_old), .prods_destacados .price_offer { font-size: 1.5rem; line-height: 1; height: 2.5rem; margin-bottom: -2.5rem; } .prods_destacados .price:not(.price_old) { padding-top: 1rem; } .prods_destacados .price_old { height: 1rem; line-height: 1; } .prods_destacados .price_old div { font-size: .8rem; } .prods_destacados .addCart { padding-top: 10px; } .prods_destacados .addCart .campo { width: 37px; } .prods_destacados .addCart .text { width: calc(100% - (40px + 3px)); } .prods_destacados .addCart .campo input, .prods_destacados .addCart .text, .prods_destacados .price_button_info a { height: 40px; line-height: 40px; font-size: .7rem; } .prods_destacados .pageCounter { padding: 25px 0 30px; text-align: center; } .prods_destacados .pageCounter li { position: static; top: auto; left: auto; right: auto; -ms-transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; display: inline-block; vertical-align: middle; width: 45px; height: 45px; margin: 0 3px; border-radius: 0; background: transparent no-repeat center/auto 70%; box-shadow: none; transition: none; } .prods_destacados .pageCounter li, .prods_destacados .wdgContent:hover .pageCounter li { visibility: visible; opacity: 1; } /* ------------------------------------------------- MARCAS ------------------------------------------------- */ .marcas{} .marcas .title{} .marcas .wdgItemPost{ width:30%;} .marcas .wdgItemPost img{ max-width:90%;} .marcas .pageCounter{ padding:25px 0 0; text-align:center;} .marcas .pageCounter .numbers ul li{ position:relative; display:inline-block; margin:0 15px; top:inherit;} .marcas .pageCounter .numbers ul li.before{ left:inherit;} .marcas .pageCounter .numbers ul li.after{ right:inherit;} /* ------------------------------------------------- PRESUPUESTO ------------------------------------------------- */ /* Accion de presupuesto */ .presupuesto{ text-align:center;} .presupuesto .wdgPostPrincipal{ float:none;} .presupuesto .PostDescription{ float:none; padding:20px 0 0;} .presupuesto .PostDescription a{ display:inline-block;} /* ------------------------------------------------- TITULAR DE SECCIONES CON IMAGEN ------------------------------------------------- */ .titularSection{} .cInfo, .cNosotros, .cObras, .cReferencias, .cCanerias, .cInstalaciones { min-height:50vh; background-position: center; background-attachment: scroll; } .titularSection .wdgContent{ padding:60px 40px;} .titularSection .title h1{ font-size:1.4rem;} .titularSection .subtitle h3{ font-weight:normal;} .titularSection .description a { font-size: .9rem;} /* ------------------------------------------------- GALERIA ------------------------------------------------- */ .trabajos_gal .wdgItemPost { display: inline-block; vertical-align: top; width: calc((100% - 2%) / 2); margin: 0 -4px 2% 2%; } .trabajos_gal .wdgItemPost:nth-child(5n+1) { margin-left: 2%; } .trabajos_gal .wdgItemPost:nth-child(2n+1) { margin-left: 0; } .trabajos_gal .wdgItemPost .PostPic img { transition: none; } .trabajos_gal .wdgItemPost:hover .PostPic img { top: 0; left: 0; width: 100%; height: 100%; box-shadow: none; } .trabajos_gal .wdgItemPost .PostDetails { display: none; } .trabajos_gal .pageCounter { padding-top: 50px; text-align: center; } .trabajos_gal .pageCounter ul { list-style: none; } .trabajos_gal .pageCounter ul li { display: inline-block; vertical-align: middle; } .trabajos_gal .pageCounter ul li:not(.before):not(.after) { width: 35px; height: 35px; border: 1px solid transparent; border-radius: 3px; cursor: pointer; font-size: .9rem; line-height: 35px; transition: all .3s; } .trabajos_gal .pageCounter ul li:not(.before):not(.after):hover { background-color: #fcfcfc; } .trabajos_gal .pageCounter ul li:not(.before):not(.after).selected { background-color: #fff; border-color: #ddd; color: #333; } .trabajos_gal .pageCounter ul .before, .trabajos_gal .pageCounter ul .after { text-indent: -9999px; width: 45px; height: 45px; background: no-repeat center/auto 60%; cursor: pointer; opacity: .8; } .trabajos_gal .pageCounter ul .before { background-image: url('/drive/repo/editorweb/left_arrow.png'); } .trabajos_gal .pageCounter ul .after { background-image: url('/drive/repo/editorweb/right_arrow.png'); } /* ------------------------------------------------- MOSTRAR Y OCULTAR FILTROS ------------------------------------------------- */ .categsBtn { display: block; cursor:pointer; width: 100%; padding: 15px 0; border: 0; background:#fff; border:1px solid #ddd; border-radius: 3px; font-size: 1.2rem; font-weight: 700; text-transform: uppercase; color: #222; margin-bottom:20px; } .categsBtn .icon { display: inline-block; vertical-align: top; width: 1.5rem; height: 1.5rem; margin-left: 10px; background: url('/drive/repo/editorweb/icon-categories.png') no-repeat center/auto 100%;} .spaceProductosCol2{ display:none; position:fixed; top:0; left:0; right:0; bottom:0; overflow-y:scroll; background: rgba(1,84,133,0.95); box-sizing:border-box; padding:85px 20px 20px; z-index:9999; } .spaceProductosCol2 .closeBtn{ display:block; border-radius:300px; border:1px solid #fff; color:#333; background:#fff url(/drive/repo/editorweb/crossbtn.png) 85% 50% no-repeat; background-size: 25px 25px; font-size:1.2rem; padding:15px 50px 15px 20px; cursor:pointer; margin:0 0 20px; position:absolute; top:10px; right:10px;} .spaceProductosCol2 .closeBtn:hover{ border:1px solid #ccc; color:#000;} /* ------------------------------------------------- PRODUCTOS ------------------------------------------------- */ .filtroMarca .wdgTitle .title, .btnOfertas .wdgTitle .title { color: #91D6F9;} .categs_list{ padding:10px 0 0;} .categs_list .wdgTitle .title { color: #91D6F9; } .categs_list .contCateg > .categItem > .categItemCont .categTitle a { padding: 15px 0; border-bottom: 1px solid #015477; font-size: 1.6rem; font-weight: 700; color: #fff; } .categs_list .contCateg > .categItem.selected > .categItemCont .categTitle a { color: #ccc; } .categs_list .contCateg_nivel0 .categItem:first-child { margin-top: 10px; } .categs_list .contCateg_nivel0 .categItem:last-child { margin-bottom: 20px; } .categs_list .contCateg_nivel0 .categTitle a { display: block; padding: 8px 0; font-size: 1.2rem; color: #fff; } .categs_list .contCateg_nivel0 .categTitle a {} .categs_list .contCateg_nivel0 .categItem.selected .categTitle a { color: #ccc; } .categs_list .contCateg_nivel1 .categTitle a{ font-size: .8rem; } .categs_list .contCateg_nivel0 { max-height: 100%; } .categs_list .contCateg_nivel1 .categTitle a { font-size: 1rem; } /* ------------------------------------------------- PRODUCTOS ------------------------------------------------- */ .spaceProductosCol{ padding-right:0;} .prods_catalog .wdgProd:nth-child(5n+1) { margin: 0 -4px 2% 2%; } .prods_catalog .wdgProd { width:100%; width: calc((100% - 2%) / 2); margin: 0 -4px 2% 2%; } .prods_catalog .wdgProdCont{ min-height:370px;} .prods_catalog .wdgProd:nth-child(2n+1) { margin-left: 0; } /* ------------------------------------------------- F0RMULARIO GENERICO ------------------------------------------------- */ .cForm {} .colRight .cForm{ padding-left:0;} .cForm .formTitle{ font-size:0.8em;} .cForm .formGroup:not(.areatexto) { display: block; width: 100%; margin: 0 0 5px 0; } .cForm .input-group .input-group-btn { float: right; width: 40%; height: 100%; padding: 12px; background-color: #aaa; border-radius: 3px; color: #fff; text-align: center; cursor: pointer; } .cForm .input-group .input-group-btn:hover { background-color: #ccc; } .cForm .formButtons { padding-top: 30px; text-align:center; } .cForm .formButtons input { display: inline-block; padding: 20px 40px; border:2px solid #005483; background-color:#fff; border-radius: 3px; font-size: 1rem; font-weight: 700; color: #005483; cursor: pointer; transition: background-color .3s; } .cForm .formButtons input:hover { background-color: #005483; color:#fff; } /* ------------------------------------------------- PUBLICACION POR DEFAULT ------------------------------------------------- */ .defPost{ text-align:left;} .defPost .title{ padding:0 0 20px;} .defPost .title h1{ font-size:1.8em; color:#333;} .defPost .subtitle{ font-size:1.4em; padding:0 0 15px; color:#666;} .defPost .PostDescription{ text-align:left; font-size:1.2em;} .defPost .PostDescription p{ padding:0 0 15px;} /* ------------------------------------------------- Vista de producto ------------------------------------------------- */ .prod_vista .wdgProdCont{ display:block; flex-direction:inherit; justify-content: inherit; padding:0 0 40px;} .prod_vista .wdgPicSlider { width:100%; margin-bottom: 40px;} .prod_vista .ProdDescription{ width:100%;} /* ------------------------------------------------- Slide ------------------------------------------------- */ .slide .menuItem{ background-position: center; background-attachment: scroll;} .slide .menuTitle a{ font-size:1.4em;} /* ------------------------------------------------- Finalizar compra ------------------------------------------------- */ /* -------------------------------------------------------------------------Finaliza compra o pedido */ .fin_compra .finishCont{} .fin_compra .finishCont .prodList table, .fin_compra .finishCont .prodList table tbody, .fin_compra .finishCont .prodList tr, .fin_compra .finishCont .prodList tr td:first-child { display: block; width: 100%;} .fin_compra .finishCont .prodList tr td{ border-bottom:0;} .fin_compra .finishCont .prodList tr td:first-child{ border-top:1px solid #ccc;} .fin_compra .finishCont .prodList tr td:nth-child(2), .fin_compra .finishCont .prodList tr td:nth-child(3), .fin_compra .finishCont .prodList tr td:nth-child(4) { width: 100%;} .fin_compra .finishCont .prodList tr td:nth-child(2){ text-align:left;} .fin_compra .finishCont .prodList tr td { padding: 15px; box-sizing:border-box;} .fin_compra .finishCont .prodList tr td.titletop { display: none;} .fin_compra .prodImg, .fin_compra .ProdDetails { display: inline-block; vertical-align: middle; margin-right: -4px;} .fin_compra .ProdDetails .title a { font-size: 1rem;,} .fin_compra .productOptions .productDelete { width: 45px; height: 45px; background-size: 30% auto; } .fin_compra .SendingOptions { text-align: center; } .fin_compra .SendingOptions b { display: block; margin: 0 0 5px 0; } .fin_compra .bgtotal, .fin_compra .bgtotal .totalFinalNumber { text-align: center; box-sizing:border-box; display:block; } .fin_compra .bgtotal:first-child { border-bottom: 0 !important; padding-bottom: 0 !important; font-size: 1.2rem; } .fin_compra .bgtotal:last-child { padding-top: 0 !important; } .fin_compra .bgtotal:first-child {} .productPrice{ display:flex; flex-wrap:nowrap;} .CuponsFormCont{ text-align:center;} .fin_compra .finishCont2 .PayForm, .fin_compra .finishCont2 .PayForm h3 { text-align:center;} .fin_compra .finishCont2 .campo { display: block; width: 100%; margin: 0 0 5px; } .fin_compra .finishCont2 .campo input, .fin_compra .finishCont2 .campoBig textarea{ text-align:center;} /* ------------------------------------------------- CUADRANTES DE SECCION (ENLACES) ------------------------------------------------- */ .cuadrantes{} .cuadrantes .menuItem { display: inline-block; width: 100%; padding:10px; font-size: .9rem; margin:0 auto 20px; } .cuadrantes .menuPic { overflow:hidden; width: 80%; height:0; padding-bottom:80%; margin: 0 auto 20px; } /* ------------------------------------------------- FOOTER ------------------------------------------------- */ footer .foot .footCont{ width:90%;} footer .col1, footer .col2, footer .col3{ display:block; width:100%; text-align:center;} footer .copy{} /* Datos de contacto en pie de pagina */ .contactoFooter .menuItem:nth-child(3) a{ font-size:0.8em; padding:0 0 15px;} /* Redes sociales pie de pagina */ .redesFooter .wdgTitle{ float:none; padding:5px 0 5px 0;} .redesFooter .wdgContent{ float:none; text-align:center;} .redesFooter .menuItem{ display:inline-block; float:none;} .sucursalesFooter .wdgItemPost .description a.comoLlegar{ float:none; display:inline-block;} /* Redes sociales pie de pagina */ .uploadFiles_form .formTitle{ text-align:center;} /* ------------------------------------------------- USER DASH y LOGIN ------------------------------------------------- */ .loginWeb{ width: 100%; height:auto; padding:20px; display:block; box-sizing:border-box;} .logRegCont{ display:block; vertical-align:top;} .headLogin{ text-align:center; pading:20px 0 10px; overflow:hidden;} .headLogin .logo{ margin:0 0 25px;} .headLogin .logo img{ max-width:200px;} .headLogin .title{ margin:0 0 15px;} .contLog{ width:98%; margin:0 auto 20px; display:block; padding:20px; text-align:left; background:#f1f1f1; box-shadow: 2px 2px 2px 2px #ccc;} .contReg{ width:98%; margin:0 auto 20px; display:block; padding:20px; text-align:left; box-shadow: 2px 2px 2px 2px #ccc;} .changePass{ width:98%; margin:0 auto; display:block; padding:20px; text-align:left; background:#f1f1f1; box-shadow: 2px 2px 2px 2px #ccc;} .UserDash{ overflow:hidden; width: 100%; margin: 10px; display: block; padding: 10px; text-align: left;} .userApps{ width:100%; display:block; box-sizing:border-box; padding:10px; text-align:left; padding:30px 0;} .contApps .itemApp{ position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; border-radius:3px; border:1px solid #e9e9e9; margin:2px; padding:10px; width:47%; min-height:180px; text-align:center; } .UserDash .userInfoPerfil .campo{ padding:0 5px 10px 0; width:100%; box-sizing:border-box; float:none;} /* ------------------------------------------------- LIGHTBOX [ PRESS / GALLERIES ] ------------------------------------------------- */ #pics_lightbox .lightbox_img img { max-width: 90%; max-height: 75%; } #pics_lightbox .lightbox_caption p { height: 12%; padding: 10px; font-size: .8rem; } #pics_lightbox .lightbox_nav { list-style: none; } #pics_lightbox .lightbox_nav li { width: 45px; height: 45px; background-color: rgba(0,0,0,.8); background-size: auto 50%; } #pics_lightbox .lightbox_closeBtn { width: 45px; height: 45px; background-color: rgba(0,0,0,.8); background-size: auto 50%; } }