.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;} body{ margin:0; padding:0; / font-family: 'Open Sans', sans-serif; font-family: 'Questrial', sans-serif; / font-family:'banks-miles-single' !important; -webkit-font-smoothing: subpixel-antialiased !important; } main{ / background: #fff; } /*=====Generico====*/ *{ margin:0; padding:0; outline:0;} input, select, textarea{ outline:0; font-family: 'banks-miles-single', sans-serif;} input::-moz-focus-inner { border:0; padding:0 } img{ border:0; outline:0;} a{ color: inherit; } @font-face{ font-family:"banks-miles-single"; src:url("/drive/repo/editorweb/banks-miles-single.ttf") format("woff"), url("/drive/repo/editorweb/banks-miles-single.ttf") format("opentype"), url("/drive/repo/editorweb/banks-miles-single.ttf") format("truetype"); } @keyframes zoomIn{ from { opacity:0; transform:scale3d(.3,.3,.3) } 50%{ opacity:1 } } @keyframes fadeInRight{ from{ opacity:0; transform:translate3d(100%,0,0) } to { opacity:1; transform:none } } @keyframes fadeInLeft{ from{ opacity:0; transform:translate3d(-100%,0,0) } to { opacity:1; transform:none } } @keyframes sliding-vertically{ from{ opacity:0; transform:translate3d(-100%,0,0) } to { opacity:1; transform:none } } @keyframes blur{ from{ text-shadow:0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 25px #fff, 0px 0px 50px #fff, 0px 0px 50px #fff, 0px 0px 5px #ff6b35, 0px 0px 15px #ff6b35, 0px 10px 10px #ff6b35, 0px 10px 10px #ff6b35, 0px 10px 10px #ff6b35, 0px 10px 10px #ff6b35, 0px -10px 10px #ff6b35, 0px -10px 10px #ff6b35;} } /*===== Correcciones de gestion ====*/ .slide .widget_container{ position:static;} /*===== Transitions ====*/ .mp .accesMp .menuItem, .btnCatalog .menuTitle a, .btnAccion01 .contMenu .menuLink a, .btnUbicacion .menuItem, .slide .menuLink a, .catalog .addCart .text, .mainForm .formButtons input{ -webkit-transition:all 0.3s ease-out; /* Chrome y Safari */ -o-transition:all 0.3s ease-out; /* Opera */ -moz-transition:all 0.3s ease-out; /* Mozilla Firefox */ -ms-transition:all 0.3s ease-out; /* Internet Explorer */ transition:all 0.3s ease-out; /* W3C */ } body { font-family: 'banks-miles-single' !important; font-size: 16px; } img { vertical-align: middle; } a, a:focus, a:visited{ text-decoration: none; } .ori-icon{ font-size: 25px !important; } ::-webkit-scrollbar { width: 5px; height: 7px; } ::-webkit-scrollbar-button { width: 0px; height: 0px; } ::-webkit-scrollbar-thumb { background: #525965; border: 0px none #ffffff; border-radius: 0px; } ::-webkit-scrollbar-thumb:hover { background: #525965; } ::-webkit-scrollbar-thumb:active { background: #525965; } ::-webkit-scrollbar-track { background: transparent; border: 0px none #ffffff; border-radius: 50px; } ::-webkit-scrollbar-track:hover { background: transparent; } ::-webkit-scrollbar-track:active { background: transparent; } ::-webkit-scrollbar-corner { background: transparent; } /*=====--------Estructura----------====*/ .w2 { / background: url('/drive/repo/general/invexval9r99b.jpg') fixed no-repeat top/cover; background: url('/drive/repo/general/medioamb9.jpg') fixed no-repeat top/cover; / background: #c6ccd5; } .page { /background: url('/drive/repo/editorweb/FondoVa9.jpg') fixed no-repeat top/cover; background: #00b3dc; } /*===== Apartado Aviso API */ .whatsapp_banner .avisoapi{ margin-top: -5px; text-align: center; max-width:100%; padding-bottom: 10px; / border-bottom: 2px dotted #fff; } /*===== Footer + Mapa */ .map{ width:100%;} .map iframe{ width:100% !important; height:400px !important;} footer{ / background: url(/drive/repo/general/fondo_a1.png) no-repeat 55% 63%/cover; / border-top: 7px solid #fecc7c; / background: rgba(0,0,0,0.65); / background: rgba(50,153,247,0.85); } .footerCont{ width:94%; padding:0 3%;} .footerCont .bgFooter{ padding:20px 0;} .col3Cols{ overflow:hidden; padding:20px 0; text-align:center;} .col3Cols .col1{ display:inline-block; vertical-align:middle; width:33%;} .col3Cols .col2{ display:inline-block; vertical-align:middle; width:33%;} .col3Cols .col3{ display:inline-block; vertical-align:middle; width:33%;} /*=====Home====*/ .web{} .w1{} .w1 .web{ position: absolute; width: 100%; / height: 84vh; } /*===== Logo superior ====*/ .logoGB{ display:block;} .logoGB-black{ display:none;} .logoGB-icon{ display:none;} /* ------------------------------------------------- WHATSAPP [ BANNER / BOTÓN HEADER ] ------------------------------------------------- */ .whatsapp_banner { overflow:hidden; position: relative; background: #7a8057; / background: url('/drive/repo/general/fondoD_v.png') no-repeat center/cover; width:94%; / height: 633px; margin:0 auto; padding:25px 3%; } .whatsapp_banner .menuItem img { max-width: 10%; max-height: 10%; padding: 0 0 5px; } .whatsapp_banner .menuItem { padding: 1px 5% 27px; margin-left: 5%; margin-right: 5%; width:80%; / background-color: rgba(255,160,90,.80); font-size: 1.4rem; font-weight: 600; text-align: center; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; / border-bottom: 2px dotted #fff; } .whatsapp_banner p { color: #fff; font-size: 1.1rem; line-height: 1.5; font-weight: 500; } /* ------------------------------------------------- POP UPS / FLOTANTES ------------------------------------------------- */ .popup_1 { margin: 20px auto 0; } .ui-dialog { background: rgba(0,0,0,.95); width: 100% !important; height: 100% !important; position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 99999999; } .ui-dialog-content { width: 90% !important; max-width: 1080px; height: auto !important; min-height: 100px !important; overflow: hidden; font-size: 1.5rem; color: #fff; position: relative; } .ui-dialog-titlebar { display: none; } .ui-dialog h3 { margin-bottom: 8px; font-size: 1.5rem; color: #fff; margin-right:50px; } .ui-dialog p { font-size: 1.2rem; color: #fff; padding: 0 0 10px; color: #f78e69; } .ui-dialog p a { color: #e61616; text-decoration: underline; } .ui-dialog p a:hover { text-decoration: none; } .boton_popup_cerrar_1 { position: absolute; top: 0; right: 0; display: inline-block; } .boton_popup_cerrar_1 span{ background: url('/drive/repo/editorweb/icon_close.png') no-repeat center; background-size: 60%; background-position: 100%; width: 40px; height: 40px; display: block; cursor: pointer; font-size: 0; margin: 0; } /* ------------------------------------------------- ESTRUCTURAS PRE-HEADER ------------------------------------------------- */ .w2 header{ / background: url(/drive/repo/general/fondo_v.png) no-repeat 55% 63%/cover; / background: url('/drive/repo/general/fondoA_v.png') no-repeat center/cover; / background: rgba(0,0,0,0.65); / background:#88ad94;} .pageBlock{ width:100%; padding:20px 3%; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;} .pageBlock .col1{ display:inline-block; vertical-align:top; width:59%; padding:0 45px 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .pageBlock .col2{ display:inline-block; vertical-align:top; width:29%;} .pageBlock .col1Small{ display:inline-block; vertical-align:top; width:18.8%; margin-right: 0.2%; padding:0 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .pageBlock .col2Big{ display:inline-block; vertical-align:top; width:80%;} /* ------------------------------------------------- BUTTON TO TOP ------------------------------------------------- */ .toTop { position: fixed; right: 0.2%; bottom: 5%; display: none; width: 45px; height: 45px; background: #556782 url('/drive/repo/editorweb/toTop.png') no-repeat center/50% auto; border-radius: 3px; z-index: 100; cursor: pointer; transition: all 0.3s ease; box-shadow: 0px 5px 10px 0px black; } .toTop:hover{ background: #25ab8e url('/drive/repo/editorweb/3043toTop2.png') no-repeat center/50% auto; } /* ------------------------------------------------- SOLAPITAS FLOTANTES ------------------------------------------------- */ .sCorporativa { position: fixed; right:0px; top:140px; z-index: 999; } .sCorporativa ul.navjgp { list-style: none; display: block; width: 90px; position: relative; top: 0px; right: 0px; padding: 120px 0 0px 0;} .sCorporativa li {margin: 2px 0 2px 0; float:right;} .sCorporativa ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: rgba(0,0,0,0.65);; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; } .sCorporativa ul.navjgp li a:hover { background: #f2d600; color: #000; padding: 7px 30px 7px 15px;} .sCorporativa ul.navjgp li a img {border:0px none;} .sCorporativa li.menor {margin: 2px 0 2px 0; float:right; color: #000; font-size:9.5px; font-family:Arial, Helvetica, sans-serif; } .sCorporativa ul.navjgp li.menor a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background: rgba(0,0,0,0.65);; color: #fff; padding: 7px 7px 7px 7px;display: block; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; width:80px; -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px transparent; } .sCorporativa ul.navjgp li.menor a img {vertical-align:middle; border:0px none; width: 40%; height: 40%;} .sCorporativa ul.navjgp li.menor a:hover { background: #f2d600; color: #000; padding: 7px 20px 7px 7px;} .sWA { position: fixed; right:1%; bottom:8%; z-index: 999; } .sWA li {margin: 2px 0 2px 0; float:right;} .sWA ul.navjgp1 { list-style: none; display: block; width: 47px; height: 47px; position: relative; top: 0px; right: 0px; padding: 0px 0 0px 0;} .sWA ul.navjgp li a img {border:0px none; width:20%;} .sWA ul.navjgp li a { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; background:#f2d600; color: #174867; padding: 7px 15px 7px 15px;display: block; text-decoration: none; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 4px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; -webkit-box-shadow: 0px 0px 2px 2px #cccccc; -moz-box-shadow: 0px 0px 2px 2px #cccccc; box-shadow: 0px 0px 2px 2px #cccccc; } /* ------------------------------------------------- MENU PIE VOLVER ------------------------------------------------- */ .volverm { background: rgba(0,0,0,0.65); width: 100%; overflow:hidden; } .volverm .wdgTitle{ text-align: center; padding:7px 0 7px; } .volverm .wdgTitle .title{ margin-top: 80px; font-size: 2.3rem; font-weight: 800; line-height: 2.3; text-align: center; } .volverm .contMenu { width: 100%; text-align: center; } .volverm .menuItem { display: inline-flex; width: 20%; padding: 0; font-size: 1.4rem; font-weight: 600; vertical-align: middle; text-align: center; color: #fff; cursor: pointer; / margin-left: 2%; padding: 0 0 0 0; } .volverm .menuItemCont { width: 95%; } .volverm .menuPic { float: left; width: 20%; margin: 0 auto; } .volverm .menuItem img { width: 80%; height: 80%; / padding-bottom: 15px; } .volverm .menuItem .menuTitle { float: right; text-align: left; width: 80%; margin-top: 7%; padding-bottom: 2px; border-bottom: 1px dotted white; } .volverm .menuItem .menuTitle a { font-size: 10px; font-weight: 500; text-decoration: none; color: white; } .volverm .menuItem .menuTitle a:hover { color: aquamarine; } .volverm .menuPic img:hover { width: 90%; height: 90%; padding-bottom: 5px; } .volverm p { color: #fff; font-size: 1.1rem; line-height: 1.5; font-weight: 500; } .cuerpo { width: 90%; margin: 0 auto; } /* ------------------------------------------------- AJUSTES REGISTRO ------------------------------------------------- */ .loginWeb-ori, .user_options-forms .forms_field-input, .user_options-forms .forms_buttons-forgot, .user_options-forms .forms_buttons-action, .conectWith a { font-family:'banks-miles-single' !important; } .user_options-forms .logo { width: 30%; } .user_options-forms .forms_title { margin-bottom: 20px; font-size: 1.3rem; color: #ff6b35; letter-spacing: 0.1rem; text-transform: none; margin-top: 10px; text-align: center; } .user_options-forms .forms_buttons-action, .conectWith a { background-color: #f78e69; } .user_options-forms .forms_buttons-action:hover, .conectWith:hover a { background-color: #ff6b35; } .conectWith { margin-top: 20px; } .user_options-forms .or-with { /* margin: 10px 0; */ display:none; } .user_options-text { background: gray; } .conectWith{ display:none; } /* ------------------------------------------------- MEDIA QUERIES ------------------------------------------------- */ /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .copyGB{ font-size:8px; } .jorge{ margin-top: -25px; } .categBlock .contCateg { margin-top: -5px; } .categBlock .categItem { display: block; vertical-align: top; margin-left: 10%; width: 80%; } /* .categBlock .categItemCont { margin-top:5px; margin-bottom: 9px; border-radius: 15px; border: 15px solid #FEAA26; } .categBlock .categItemCont .categPic img { top: 100; bottom: 100; } .categBlock .wdgTitle{ padding:3px 0 1px;} .categBlock .categItemCont .categTitle > div a { background: #FEAA26; font-size: 1rem; } */ .toTop { right: 0.2%; bottom: 5%; } } /* FIN MEDIA QUERIES 1023 */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .toTop { left: 0.2%; bottom: 15%; } /* ------------------------------------------------- FIN HEADER - SIGO CON EL RESTO ------------------------------------------------- */ } /* FIN MEDIA QUERIES 800 landscape */ /* ------------------------------------------------- HEADER ------------------------------------------------- */ .l-header{ /position: inherit!important; top:0; z-index: 111; position: relative; width: 100%; } .l-subheader { padding-left: 2.5rem; padding-right: 2.5rem; background: transparent; } .l-subheader.middle { color: #f0f3f6; } .l-sunheader.middle{ line-height: 130px; height: 130px; } .l-subheader-h{ display: flex; align-items: center; position: relative; margin: 0 auto; height: inherit; /background: #fff; } .l-subheader-h{ max-width: 1140px; } .l-subheader-cell { display: flex; align-items: center; flex-grow: 1; } .l-subheader-cell.left{ justify-content: flex-start; } .l-subheader-cell.center{ justify-content: center; } .l-subheader-cell.right{ justify-content: flex-end; / margin-top: 20px; } .l-header .w-image { flex-shrink: 0; transition: height 0.3s; / height: 50px; } .ush_image_2 { margin-bottom: 20px!important; padding-top: 10px!important; / padding-left: 40px!important; } .w-image-h[href] { position: relative; } .l-header .w-image-h { height: inherit; } .w-image-h { display: block; border-radius: inherit; border-color: inherit!important; color: inherit!important; } .l-header .w-image img { display: block; height: inherit; width: auto; } .w-image img { vertical-align: top; border-radius: inherit; } img { height: auto; max-width: 100%; } .l-header .w-text:not(.wrap) { white-space: nowrap; } .header_hor .l-subheader-cell.at_right>* { margin-left: 1.4rem; } .l-header .w-text { line-height: 1.5; } .ush_text_8 { font-family: 'Open Sans', sans-serif!important; font-size: 13px!important; font-weight: 700!important; margin: 0!important; padding: 0 0 0 20px!important; } .w-text { padding: 0; } .w-nav.type-mobile.mobile-align-left { text-align: left; } .l-subheader-cell .w-nav { margin-left: 0; margin-right: 0; } .ush_menu_1 { margin-left: 0!important; font-size: 16px!important; } .l-header a, .l-header .g-preloader { color: inherit; / color: #FEAA26; font-weight: bold; } .l-header-btn { color: inherit; / color: #FEAA26; font-weight: normal; / font-family: 'Oswald'; text-transform: uppercase; } .logoGB{ width:400px; / margin-top: 10px; } .l-header.fixed .logoGB{ width:250px; } .w-nav-control { display: none; line-height: 50px; height: 50px; padding: 0 0.8rem; color: inherit; cursor: pointer; } .w-nav-control.active .w-nav-icon i { transform: translateY(-50%) rotate(45deg); transition-delay: 0.15s; } .w-nav-control.active .w-nav-icon i:before { top: 0; opacity: 0; transition: top 0.15s cubic-bezier(0,1,.8,1), opacity 0.15s cubic-bezier(0,1,.8,1) 0.15s; } .w-nav-control.active .w-nav-icon i:after { top: 0; transform: rotate(90deg); transition: top 0.15s cubic-bezier(0,1,.8,1), transform 0.15s cubic-bezier(0,1,.8,1) 0.15s; } .ush_menu_1 .w-nav-control { display: block; } .w-nav-icon { display: inline-block; vertical-align: top; font-size: 20px; position: relative; height: inherit; width: 1em; } .ush_menu_1 .w-nav-icon i { border-width: 3px; } .w-nav-icon i { top: 50%; transform: translateY(-50%); transition: transform 0.15s cubic-bezier(0,1,.8,1); } .w-nav-icon i { border-bottom: 0.15em solid; } .w-nav-icon i:before { top: -0.3333em; transition: top 0.15s cubic-bezier(0,1,.8,1) 0.15s, opacity 0.15s cubic-bezier(0,1,.8,1); } .w-nav-icon i:after { top: 0.3433em; transition: top 0.15s cubic-bezier(0,1,.8,1) 0.15s, transform 0.15s cubic-bezier(0,1,.8,1); } .w-nav-icon i:before, .w-nav-icon i:after { border-bottom: inherit; } .w-nav-icon i, .w-nav-icon i:before, .w-nav-icon i:after { content: ''; display: block; position: absolute; height: 0; width: inherit; } .w-html { line-height: 1.5; cursor: pointer; } .w-html img { width: 40px; height: 40px; / margin-left: 5px; } .links_head a { color: #e6ebef; font-size: 25px; line-height: 22px; margin-right: 15px; font-weight: 600; } .btn-blue{ background: #ff885d; color: #fff !important; border: 2px solid white; } .l-header-btn{ width: 100%; } .btn-blue:hover{ / background: #999999; background: rgba(242,242,242,1); color: #000 !important; } @media (max-width: 764px){ .hidden-mobile{ display: none; } .l-subheader-cell.center{ justify-content: flex-start; } .l-subheader.bottom, .l-subheader-cell{ margin: 0 0 0 0!important; padding: 0 0 0 0!important; /width: 100%; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem { border: 1px solid #ccc!important; transition: all .5s ease; background: #fff; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem i{ padding: 15px; background: #ff885d; color: #fff; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem.selected{ background: #ff885d; color: #fff; } .toggle-section .buscador-toggle{ width: 90% !important; } } @media screen and (min-width: 760px){ .l-subheader.bottom .l-subheader-cell .w-text, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem{ width: 25%!important; text-align: center!important; padding: 8px; / margin-bottom: 15px; background: #ff885d; color: #fff !important; border: 2px solid white; border-bottom: 0px; transition: background .3s ease; cursor: pointer; } .l-subheader.bottom .l-subheader-cell .contMenu .menuItem.selected{ / background: #c1c1c1; background: rgba(242,242,242,1); color: #000 !important; } .l-subheader.bottom .l-subheader-cell .w-text:hover, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem:hover{ / background: #c1c1c1; background: rgba(242,242,242,1); color: #000 !important; } .l-subheader.bottom .l-subheader-cell .contMenu{ display: flex; justify-content: center; } } @media (min-width: 765px) and (max-width: 1104px) { .ush_image_2 { /height: 50px!important; } .ush_image_2 { margin-right: 0px!important; padding-top: 15px!important; } .ush_menu_1 .w-nav-icon { font-size: 18px; } .logoGB { width: 300px; margin-top: 10px; } .videoHome .texto h2{ font-size: 3.213rem !important; } } @media (min-width: 1105px) { .ush_image_2 { / height: 120px !important; } .ush_text_8 { font-size: 11px!important; } /*.l-subheader.bottom { line-height: 40px; height: 40px; }*/ } /*---------------------------------------------------------------------------------*/ .headCont{ width:90%; margin-left: 5%; padding:5px; overflow:hidden; display: flex; align-items: center; justify-content: space-between; margin-top: 7px; } .logo{ margin-top: 0px; float:left; width: 25%; padding-top: 110px; } .logo > div{ width: 90%; } .logo img{ width: 90%; padding: 5%; border-top-left-radius: 15%; border-top-right-radius: 0%; border-bottom-left-radius: 0%; border-bottom-right-radius: 15%; background: rgba(255,255,255,0.2); } .headBox{ width: 75%; height: 100%; float: left; margin-top: -200px; overflow:hidden; display:flex; align-items: center; justify-content: flex-end; } .contNavs{ z-index:999; width: 100%; / background: #fff; padding: 10px 0; } .contNavFix{} header .boxizq { align-items: center; width: 35%; float: right; justify-content: flex-end; display: flex; } .contMovil { display:none; } .contMovil .responsiveMenu{ display:inline-block; vertical-align:middle; float: left; margin-top: 15px; } .btnMovil{ cursor:pointer; display: none; } /* ------------------------------------------------- MENU SUPERIOR ------------------------------------------------- */ .nav1 { display: flex; float: left; overflow:hidden; z-index: 999; width: 65%; text-align: right; /margin-top: 6px; justify-content: flex-end; align-items: center } .nav1 .contMenu{ display: flex; justify-content: flex-end; } .nav1 .menuItem { float: left; } .nav1 .menuItem a{ display: block; padding: 2px 0px 3px; margin: 6px 8px; font-size: 0.8em; color: #fff; font-weight: 400; transition: all .5s ease; } .nav1 .menuItem a:hover, header.fixed .nav1 .menuItem a:hover{ border-bottom: 1px solid #ccc; padding: 2px 0px 2px; } .nav1 .menuItem.selected a{ color: #FEAA26; } header.fixed .nav1 .menuItem.selected a{ color: #d42e2d;} header .lang{ float: left; display: flex; /margin-top: 6px; margin-right: 6px; } header .ob{ float: right; margin-right: 0px; margin-left: 5px; } header .acc{ float: right; } header .acc .wdgMenu{ margin-left: 10px; } /*===== Usuario No Registrado ====*/ .acc .menuitem { display: inline-block; vertical-align: top; } .acc .menuItem .menuPic img { width: 40px; height: 40px; border: 1px solid black; border-radius: 50%; } /*===== Multi-Idioma ====*/ lang .langItemCont{ display: flex; justify-content: center; align-items: center; margin-right: 5px; } .lang .langItemCont .langItem{ font-size: 16px; font-weight: 600; cursor: pointer; text-transform: uppercase; color: #525f6a; } header.fixed .lang .langItemCont .langItem{ color: #525f6a; } .lang .langItemCont .langItem:not(.selected):hover{ color: #FEAA26; } .lang .langItemCont .langItem.selected { color: #00B0F0; cursor: default; } header.fixed .lang .langItemCont .langItem.selected { color: #00B0F0; cursor: default; } .lang .langItemCont .langSeparator{ margin: 0 8px 0 3px; border: 1px solid #ccc; } .lang .menuItem .MenuImg { display: inline-block; width: 40px; height: 40px; background: no-repeat center/auto 100%; } .lang .menuItem .MenuImg.Idioma_1 { background-image: url('/drive/repo/general/lang_spa.png'); } .lang .menuItem .MenuImg.Idioma_2 { background-image: url('/drive/repo/editorweb/lang_eng.png'); } .lang .menuItem .menuPic img { width: 49px; height: 49px; } header .carrito{ float: left; } .categories{ float: left; margin-right: 5px; } .categories .wdgCateg .wdgTitle{ font-size: 44px; width: 40px; height: 40px; position: relative; cursor: pointer; margin: 0 5px; text-align: center; display: flex; align-items: center; } .categories .wdgCateg .wdgTitle i{ color: #fff; transition: all .3s ease; } .categories .wdgCateg .wdgTitle:hover i{ color: #ccc; } .categories .wdgContent { position: fixed; top: 0; left: -400px; bottom: 0; width: 18%; padding: 50px 20px 20px; box-sizing: border-box; / background-color: rgba(0,0,0,0.95); background-color: black; text-align: left; overflow-y: scroll; list-style-type: none; z-index: 999; border-top-right-radius: 30px; transition: all 0.5s ease; } .categories .wdgContent.active { left: 0; } .categories .wdgContent::-webkit-scrollbar { -webkit-appearance: none; } .categories .categItem { display: block; position: static; margin: 0 0 3px; border: 0; } .categories .closeBtn { position: absolute; top: 21px; right: 26px; width: 25px; height: 25px; background: transparent url('/drive/repo/general/icono_close3t.png') no-repeat center/80%; cursor: pointer; / border-radius: 50%; } .categories .categTitle a{ display:block; color:green; font-weight:bold; padding:10px 20px 5px; margin: 8px 0 0px; font-size: 11px; text-transform: uppercase; text-decoration:none; } .categories .categTitle:hover a { background-color: rgba(255,255,255,0.25); } .categories img{ display: none; width: 40px; height: 40px; border-radius: 50%; } .categories .categItem.selected .contCateg_nivel0 .categItem .categTitle a, .categories .categItem .contCateg_nivel0 .categItem .categTitle a{ display:block; color:#eea243; padding:3px 40px 3px; font-size: 9px; font-weight: bold; text-decoration:none; text-align: left; margin: 0px 0 0px; } .categories .contCateg_nivel0 img{ display: none; } /* ------------------------------------------------- BOTON FAVORITOS ------------------------------------------------- */ .btnFavoritos .menuItem{ cursor:pointer; padding:10px 14px; border:1px solid #fff; border-radius:3px;} .btnFavoritos .menuItem .menuItemCont{ display:flex; flex-direction:row; align-items:center;} .btnFavoritos .menuPic{ margin-right:10px;} .btnFavoritos .menuPic img{ max-height:20px;} .btnFavoritos .menuPic svg{ max-height:20px;} .btnFavoritos .menuPic svg .fil0{ fill:#fff;} .btnFavoritos .menuTitle{ font-weight:bold; font-size:0.8em;} .btnFavoritos .menuItem:hover{ background: #fff;} .btnFavoritos .menuItem:hover .menuPic svg .fil0{ fill:#333;} .btnFavoritos .menuItem:hover .menuTitle a{ color:#333;} /* ------------------------------------------------- HEADER FIXED ------------------------------------------------- */ header.fixed{ position: fixed; top: 0; left: 0; right: 0; z-index: 900; /overflow: hidden; width: 100%; / border-bottom: 1px dotted gray; / padding-bottom: 15px; / background-color:rgba(0,0,0,0.5) !important; background-color: #556782 !important; } header.fixed .links_head a{ color:#f0f3f6; } header.fixed .headCont{ width: 90%; padding: 5px 5px 3px 5px; overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding-bottom: 11px; transition: box-shadow 0.5s ease, border 0.4s ease; } header.fixed .logo{ margin-top: -10px; float:left; padding-top: 0px; margin-left: 5px; } header.fixed .logo img{ width: 40%; padding: 1%; border-radius: 5%; background: transparent; } header.fixed .headBox{ margin-top: 0px; } header.fixed .logo .img_logo_claro { display: block; width: 100%; margin: 0; } header.fixed .logo .img_logo_oscuro { display: none; width: 100%; margin: 0; } header.fixed .categories .wdgCateg .wdgTitle i{ color:#fff; } header.fixed .categories .wdgCateg:hover .wdgTitle i{ color: #ccc; } header .logo .img_logo_claro { display:none; } /*===== Estructura Multi-Idioma y Registro ====*/ .contMovil .lang { cursor:pointer; float: right; } .contMovil .acc { cursor:pointer; margin-top: 5px; float: right; } .contMovil .ob { cursor:pointer; margin-top: 2px; float: right; margin-right: 5px; } /* ------------------------------------------------- ORISOM BAR ------------------------------------------------- */ .ob .left{ float:none;} .ob .right{ float:none;} .ob{ float:right; / height:42px; margin-left: 0px; margin-top: 0px; padding:0 0 0 0; display: block !important; } .ob .obCont{ / position:relative; } .ob .oItem { display:inline-block; vertical-align:top; position:relative; } .ob .obIcon{ overflow:hidden; cursor:pointer; position:relative; -moz-border-radius: 250px; -webkit-border-radius: 250px; border-radius: 250px;} .ob .obIcon.iconApps{ background: transparent url(/drive/repo/editorweb/9pV.png); background-position: 10px 11px; background-repeat:no-repeat; background-size: 20px 20px; width:40px; height:40px; margin-left: -5px; border: 1px solid transparent; padding-top: 3px; } .ob .obIcon.iconApps:hover{ background: transparent url(/drive/repo/editorweb/9p.png); background-position: 10px 11px; background-repeat:no-repeat; background-size: 20px 20px; /border: 1px solid #8a0e04; } .ob .obIcon.iconUser{ width:40px; height:40px; / display:table; background: #fff; position: relative; margin-left: -4px; bottom: 3px; / margin-top: -0.6px; / border: 1px solid black; } .ob .obIcon.iconUser:hover{ / -moz-box-shadow: 0px 0px 3px #ccc; / -webkit-box-shadow: 0px 0px 3px #ccc; / box-shadow: 0px 0px 3px #ccc; } .ob .obIcon.iconUser .userimg{ /vertical-align:middle; /object-fit: cover; / background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB3aWR0aD0iNTEycHQiIGhlaWdodD0iNTEycHQiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBpZD0iIzQyNDI0MWZmIj4NCjxwYXRoIGZpbGw9IiMwMDAwMDAiIG9wYWNpdHk9IjEuMDAiIGQ9IiBNIDIyMy42MCA0NS41MSBDIDIzMC42MiA0My44OSAyMzcuODUgNDMuNDAgMjQ1LjAzIDQzLjI0IEMgMjUwLjMzIDQzLjE0IDI1NS42MiA0Mi4yMyAyNjAuOTIgNDIuNzggQyAyNzIuMzcgNDMuODYgMjgzLjg3IDQ1LjQ2IDI5NC44MCA0OS4xNyBDIDI5OC43OSA1MC40OSAzMDIuNDggNTIuNjAgMzA1LjY1IDU1LjM2IEMgMzEyLjczIDYxLjMyIDMyMS43NiA2NC4yOCAzMjkuMDAgNjkuOTcgQyAzMzQuMDUgNzMuNjQgMzMzLjE4IDgwLjQ5IDMzNC4wOSA4NS45NSBDIDMzNC43MCA4OS4xNSAzMzIuODkgOTEuOTYgMzMyLjE3IDk0Ljk0IEMgMzMzLjczIDk2Ljk1IDMzNS45NCA5OC40MCAzMzcuMjkgMTAwLjU4IEMgMzM4LjQ1IDEwMi41NCAzMzguMTkgMTA0Ljg5IDMzOC4zNyAxMDcuMDcgQyAzMzguNjIgMTEyLjk3IDM0MS44OSAxMTguMjEgMzQyLjY0IDEyNC4wMSBDIDMzOS43NyAxMzEuODYgMzM2Ljg5IDE0MC4xMyAzMzcuNDQgMTQ4LjYyIEMgMzM5LjMwIDE1MC43MSAzNDEuNTcgMTUyLjU2IDM0Mi42MSAxNTUuMjUgQyAzNDUuOTIgMTYyLjQ0IDM0My4xMyAxNzAuMzggMzQxLjY3IDE3Ny42NyBDIDM0MC40NiAxODMuNjggMzM1Ljc2IDE4OC44NCAzMjkuNDggMTg5LjQ4IEMgMzI2LjM1IDIwOC42NCAzMjAuMjYgMjI3LjE5IDMxMi45MyAyNDUuMTMgQyAzMTEuNzMgMjQ4LjY4IDMwOS4zMyAyNTIuMTEgMzA5Ljk5IDI1Ni4wMyBDIDMxMS40MyAyNjkuNzMgMzEzLjA1IDI4My43NSAzMTguMzIgMjk2LjU2IEMgMzU4LjkzIDMwOS4yOCAzOTkuMjMgMzIzLjEzIDQzOC42NSAzMzkuMjEgQyA0NDMuNjUgMzQxLjE3IDQ0OC41MCAzNDMuNzAgNDUzLjg3IDM0NC41NSBDIDQ1OC44OSAzNDUuNDggNDYzLjQyIDM0OC4zMCA0NjYuODEgMzUyLjA4IEMgNDcyLjc0IDM1OC43NiA0NzUuODMgMzY3LjQwIDQ3Ny45MyAzNzUuOTUgQyA0ODAuNDUgMzg1Ljc3IDQ4MS4xOCAzOTUuOTEgNDgyLjM2IDQwNS45NCBDIDQ4NC45NCA0MjcuMDAgNDg3LjIzIDQ0OC4xMyA0OTAuNzUgNDY5LjA2IEMgMzgyLjUyIDQ2OS41NCAyNzQuMjcgNDY5LjQ4IDE2Ni4wMyA0NjkuMzUgQyAxMzcuNjkgNDY5LjIzIDEwOS4zNiA0NjkuMzggODEuMDMgNDY4Ljg3IEMgNjEuMTYgNDY4Ljc1IDQxLjI4IDQ2OC44NCAyMS40NCA0NjcuODMgQyAyMy40MyA0NjAuNjYgMjQuMzUgNDUzLjI3IDI1Ljc4IDQ0NS45OSBDIDI5LjI2IDQyNS45OCAzMy4wMiA0MDUuOTggMzguMzAgMzg2LjM1IEMgNDEuNDIgMzc1LjUxIDQ0Ljc0IDM2NC41MCA1MC44MiAzNTQuODkgQyA1My4wMCAzNTEuMzMgNTYuMzggMzQ4LjY1IDYwLjI4IDM0Ny4yMSBDIDc2Ljc2IDM0MC41MCA5My43MCAzMzUuMDIgMTEwLjU2IDMyOS4zOCBDIDE0MS44MyAzMTkuMTkgMTczLjE5IDMwOS4yNSAyMDQuNjggMjk5Ljc4IEMgMjA2Ljc2IDMzMS4wOSAyMTIuMzIgMzYyLjEwIDIxOS40OCAzOTIuNjIgQyAyMjQuMDIgNDEwLjc5IDIyOS4xMCA0MjguODYgMjM1LjU5IDQ0Ni40NCBDIDI0MC42MCA0MjcuMTIgMjQ1LjQ2IDQwNy43NSAyNDkuOTYgMzg4LjMxIEMgMjQ2LjM3IDM4MC4zOSAyNDIuODkgMzcyLjQyIDIzOS4yMyAzNjQuNTQgQyAyNDYuMjIgMzYxLjI0IDI1My4yNiAzNTguMDQgMjYwLjE4IDM1NC42MCBDIDI2Ny4wMiAzNTguMzUgMjczLjc2IDM2Mi4yNyAyODAuNTEgMzY2LjE3IEMgMjc3LjA0IDM3My40NSAyNzMuMjkgMzgwLjU5IDI2OS43NyAzODcuODUgQyAyNzQuOTggNDA3LjM4IDI3OS41MyA0MjcuMDggMjg0Ljc0IDQ0Ni42MSBDIDI5OC44MSA0MDAuOTkgMzExLjMzIDM1NC42MiAzMTcuMTMgMzA3LjE0IEMgMzE3LjU3IDMwMy42NSAzMTcuNzcgMzAwLjEzIDMxOC4wMyAyOTYuNjMgQyAyOTguNTAgMzE1LjM4IDI3OS4wNCAzMzQuMjIgMjU5LjI1IDM1Mi43MSBDIDI0Mi40MSAzMzQuMzQgMjI1LjU0IDMxNS45OCAyMDguNTAgMjk3Ljc5IEMgMjExLjQ1IDI4NC43MSAyMTMuNDQgMjcxLjQwIDIxNC4xNiAyNTguMDEgQyAyMTQuNzMgMjUzLjg0IDIxMS4zMyAyNTAuODIgMjA5LjYzIDI0Ny4zNyBDIDE5OS4yNiAyMzAuNTQgMTkxLjk1IDIxMS45NCAxODcuMjIgMTkyLjc3IEMgMTg1LjkzIDE5Mi44NiAxODQuNjQgMTkyLjg0IDE4My4zNiAxOTIuNzQgQyAxODAuNzMgMTkxLjE2IDE4MC42MyAxODcuOTEgMTc5LjU5IDE4NS4zNiBDIDE3Ni4zMCAxNzguMjYgMTczLjU0IDE3MC43NSAxNzIuNjcgMTYyLjk0IEMgMTcyLjE3IDE1OC4yOCAxNzMuNDUgMTUyLjA1IDE3OC43OSAxNTAuOTEgQyAxNzkuMDAgMTMzLjk3IDE3Ni43MSAxMTYuOTggMTc4LjYwIDEwMC4wOSBDIDE3OC44MyA5Ni4zMCAxODIuMjUgOTMuOTggMTgzLjU0IDkwLjYxIEMgMTg1LjQ2IDg1Ljk5IDE4Ny41MSA4MS4yMyAxODcuNTMgNzYuMTMgQyAxODcuMzcgNzQuMDQgMTg5LjIwIDcyLjc4IDE5MC40NSA3MS40MSBDIDE5NS4yMyA2Ni41NSAxOTkuMzUgNjAuNzAgMjA1LjcwIDU3Ljc1IEMgMjEyLjI3IDU0LjU0IDIxNi4yMCA0Ny4xOCAyMjMuNjAgNDUuNTEgWiIgLz4NCjwvZz4NCjwvc3ZnPg0K"); background-position: center; background-size: cover; height: 44px; } .ob .obIcon.iconUser img{ width: 40px; height: 40px; / margin-left: 1.85px; margin-top: 0px; / border: 2px solid #FEAA26; / border-radius: 50%; } .links_head .widget_container .wdgMenu .contMenu{ display: flex; justify-content: space-between; } /* ------------------------------------------------- LOGICA 9 PUNTITOS APPSCONT ------------------------------------------------- */ .container-dashboard { position: fixed; background: #fff; width: 325px; height: 420px; display: none; top: 80px; left:910px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-shadow: 0px 0px 14px #2cecdd; -webkit-box-shadow: 0px 0px 14px #2cecdd; box-shadow: 0px 0px 14px #2cecdd; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 2px 4px #eec239; z-index: 999; transition: all .21s; padding: 10px; } .container-dashboard .title { padding: 10px; text-align: center; margin-left: 5%; margin-right: 5%; margin-top: 1%; background-color: #fff; color: #fff; border-bottom: 1px solid #2a6496; color: #333; / font-weight: bold; font-size: 14px; } .container-dashboard .appMenu { width: 100%; overflow-y: auto; list-style-type: none; height: 90%; } .container-dashboard .appMenu .appMenu-scroll { overflow: hidden; } .container-dashboard .appMenu .appMenu-header { padding: 20px 6px 20px 0; overflow: hidden; } .container-dashboard .appMenu .appMenu-header .user-header { margin-top: 6px; padding: 5px 20px 5px 6px; display: flex; background: #FEAA26; border-radius: 4px; cursor: pointer; } .container-dashboard .appMenu .appMenu-header .user-pic { float: left; width: 60px; padding: 2px; border-radius: 12px; margin-right: 15px; overflow: hidden; } .container-dashboard .appMenu .appMenu-header .user-pic img { object-fit: cover; height: 100%; width: 100%; } .container-dashboard .appMenu .appMenu-header .user-info { /* Cambiar color aqui dependiendo de la pag */ color: #000; float: left; font-family: 'banks-miles-single' !important; text-transform: uppercase; font-size: 11px; padding-top: 7px; } .container-dashboard .appMenu .appMenu-header .user-info > span { display: block; } .container-dashboard .appMenu .appMenu-header .user-info .user-role { font-size: 10px; margin-top: 4px; font-family: 'banks-miles-single' !important; text-transform: none; color: #2a6496; } .container-dashboard .appMenu .appMenu-header .user-info .user-dni { font-size: 12px; margin-top: 4px; font-family: 'banks-miles-single' !important; text-transform: none; color: #2a6496; } .container-dashboard .appMenu .appMenu-content ul{ list-style-type: none; padding: 0; margin: 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a{ display: inline-block; width: 100%; text-decoration: none; position: relative; /* padding: 8px 30px 8px 20px; */ color:#3a3f48; text-decoration: none; font-size: 11px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i { margin-right: 10px; font-size: 12px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a { /* background: #c0c0c0; */ margin: 5px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i{ background: #FEAA26; margin: 7px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after{ font-family: 'banks-miles-single' !important; font-weight: 900; content: "\f105"; font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; background: 0 0; position: absolute; right: 15px; top: 14px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a{ color: green; / color: #8a0e04 !important; font-family: 'banks-miles-single' !important; text-transform: uppercase; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active > a:after { transform: rotate(90deg); right: 17px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown div{ /* background: #c0c0c0; */ padding: 5px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown a:hover { / color: #2a6496; color: #000; font-family: 'banks-miles-single' !important; text-transform: uppercase; font-size: 11px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown ul li:hover a { color: #000; } .container-dashboard .appMenu .appMenu-content .submenu { display: none; opacity: 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul { display: flex; flex-wrap: wrap; padding: 5px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul { display: block; padding: 5px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu { opacity: 1; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li { width: 33.3%; text-align: center; margin: 10px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li { width: 100%; text-align: left; margin: 10px 0; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a{ display: grid; color: #737171 } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a{ display: flex; color: #737171; align-items: center; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li:hover a{ color: green; / color: #8a0e04; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a i { font-size: 30px; margin: 4px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu.apps ul li a i { font-size: 30px; margin: 4px 10px 4px 4px; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .description{ display: flex; flex-direction: column; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a span{ font-size: 11px; overflow: hidden; text-overflow: ellipsis; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a .small{ font-size: 12px; margin: 2px 0; } .img-rounded { border-radius: 6px; } .img-responsive { display: block; width: 100%; max-width: 100%; height: auto; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a:after { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .icon-bounce .icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .icon-bounce:hover .icon, .icon-bounce:focus .icon, .icon-bounce:active .icon { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } @-webkit-keyframes bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .bob:hover, .appMenu-content-dropdown.active .bob { -webkit-animation-name: bob-float, bob; animation-name: bob-float, bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } .appsCont{ display:none; } /* ------------------------------------------------- LOGICA PERFIL USERCONT ------------------------------------------------- */ .ob .userCont { position: fixed; background:#fff; top: 80px; left:920px; display:none; width:380px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-shadow: 0px 0px 4px #f65109; -webkit-box-shadow: 0px 0px 4px #f65109; box-shadow: 0px 0px 4px #f65109; text-align: center; padding: 20px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 2px 4px #555; text-align: center; z-index: 999; } .ob .userCont:before{ border-color: #fff transparent; border-style: solid; border-width: 0 8px 8px; content: ""; display: block; position: fixed; top: 72.5px; right: 123px; width: 5; transition: all .21s; } .ob .userCont .title{ padding:5px; border-bottom:1px solid #f1f1f1; color:#000; font-weight: 800; } .ob .userCont .title a{ color:#000; font-weight: 800; } .ob .userCont .title span.note{ font-size:15px; font-weight: 800; color:#000;} .ob .userCont .user{ overflow:hidden; padding:10px;} .ob .userCont .user .userPic{ overflow:hidden; text-align: center; float:left; -moz-border-radius: 350px; -webkit-border-radius: 350px; border-radius: 350px; width:80px; height:80px; margin:0 20px 0 0;} .ob .userCont .user .userPic img{ margin: auto; height: 80px; width:80px;} .ob .userCont .user .userDetails{ float:left; text-align: center; width:180px;} .ob .userCont .user .userDetails .name{ display:block; margin-top: 5px; font-size:16px;} .ob .userCont .user .userDetails .mail{ display:block; word-wrap: break-word; font-size:12px; color: #333; /font-size: 1rem; font-weight: bold;} .ob .userCont .user .userDetails .perfil{ display:block; text-align: center; padding:10px 0;} .ob .userCont .user .userDetails .perfil a{ display:block; background:#eb5c2c; border:1px solid #212529; color:#fff; float:left; font-size:12px; text-decoration:none; padding:3px 12px; margin-left: 55px; text-decoration:none; -moz-border-radius: 350px; -webkit-border-radius: 350px; border-radius: 350px; text-shadow: 0px 2px black; letter-spacing: 1px} .ob .userCont .user .userDetails .perfil a:hover{ text-decoration: none; background: #f5aa91; border: 1px solid #5d9e71; color: #fff; } .ob .userCont .userSesion{ overflow:hidden; padding:10px; background:#eb5c2c85; text-align:center;} .ob .userCont .btnChangeUser, .ob .userCont .logOut{ display:block; padding:10px 15px; background:#eb5c2c; text-decoration:none; font-size:14px; cursor:pointer; color:#fff; border:1px solid #FEAA26;} .ob .userCont .btnChangeUser{ margin:0 0 2px; border:none; background:none;} .ob .userCont .btnChangeUser img{ display: none; max-width:100px;} .ob .userCont .logOut:hover{ /border:1px solid #f06e4d; /background: #f5aa91; color:#fff;} /* ------------------------------------------------- CONTRATOS - PERFIL ------------------------------------------------- */ .ContratosProfile{ float:right; } .ob .left{ float:none;} .ob .right{ float:none;} .ob .contratosCont{ position:absolute; top:64px; background:#fff; font-size: 14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; box-shadow: 0px 0px 4px #ccc;} .ob .contratosCont{ right: -64px;} .ob .contratosCont:before{ border-color: #e9e9e9 transparent; border-style: solid; border-width: 0 8px 8px; content: ""; display: block; position: absolute; right: 13px; top: -8px; width: 0; z-index: 102; } .ob .contratosCont .ContTitle { padding: 4px 4px 4px 4px; background-color: #55adcd96; color: #fff; font-size: 18px; text-align: left; } .ob .contratosCont .ContID{ font-size: 11px; padding: 0px 4px 0px 4px; /* border-bottom: 1px solid #cac3c3; */ background-color: #ffffff; text-align: left; color: #676363; } .ob .contratosCont .ContPlanDesc{ float: left; margin: 1px 14px 0px 0px; color: #676363; padding-left: 4px; background: white; width: 100%; position: relative; bottom: 1px; } { color: #676363; text-align: right; color: #65b928; } .ContExpires{ color: #676363; text-align: right; margin-bottom: 5px; font-size: 11px; position: relative; bottom: 35px; } .ob .contratosCont .ContTitle a{ color: #000; } .ob .contratosCont .ContTitle span.note { font-size: 12px; color: $000; } .ob{ float:right; height:42px; padding:0 0 0 2px;} .ob .obCont{ position:relative;} .ob .obIcon.iconContrato{ background: url(/drive/repo/editorweb/12.png); background-position: 5px 6px; background-repeat:no-repeat; background-size: 40px 35px; width:22px; height:22px; padding:10px; margin-left: -33px; } .ob .contratosCont{ display:none; width:280px; right: 27px; box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);} .ob .ContratosMenu{ width: 281px; max-height: 380px; overflow-y: auto; /* padding: 10px; */ background-color: #f2f2f2; } .ob .ContratosMenu .label{ text-decoration: underline; width:100%; } .ob .ContratosMenu .badge{ position: absolute; bottom: 11px; right: 1px; font-size: 13px; background: #b5bcbf; padding: 3px; border-radius: 7px; color: white; width: 70px; } .ob .ContratosMenu .periodicidad{ font-size: 11px; float: left; padding-left: 5px; position: relative; top: 8px; } .ob .ContratosMenu .ContPayButton{ clear: both; /* background-color: #ffffff; */ margin: 0px 0px 19px 0px; /* padding: 9px; */ /* text-align: right; */ cursor: pointer; color: #676363; width: 246px; padding-left: 5px; } .ContPayButton .ContSolicitudTitulo{ padding-top: 6px; position: relative; bottom: 20px; } .ob .ContratosMenu .ContPayButton a{ text-decoration: none; padding: 4px; float: right; margin: 3px; border-radius: 6px; } .ContratosMenu .ContStatus{ text-align: right; color: #65b928; position: relative; bottom: 35px; } .ob .ContratosMenu .ContPayButton .ContRenovar{ position: relative; left: 15px; top: -20px; background: #65b928a3; color: white; text-align: center; width: 70px; font-size: 12px; } .ContPayButton .ContSolicitudProcesar{ background: #96cadd; color: white; text-align: center; font-size: 11px; position: relative; right: 12px; } .ContPayButton .ContSolicitudProcesar:hover{ background: white; color:#55adcd; border: solid 1px #55adcd; } .ContPayButton .ContSolicitudCancelar{ background: #96cadd; color: white; text-align: center; font-size: 11px; position: relative; right: 25px; } .ContPayButton .ContSolicitudCancelar:hover{ background: white; color:#55adcd; border: solid 1px #55adcd; } .ob .ContratosMenu .ContPayButton .ContRenovar:hover{ background: white; color:#65b928; border: solid 1px #65b928a3; } .ContPayButton .ContSolicitudDetalle{ margin-bottom: 5px; position: relative; bottom: 20px; } .ob .ContratosMenu .ContPayButton .ContSolicitudProcesar{ position: relative; bottom: 20px; } .ob .ContratosMenu .ContPayButton .ContSolicitudCancelar{ position: relative; bottom: 20px; } .ob .detailsItem{ overflow: hidden; padding: 2px 2px 2px 2px; width: 260px; height: 40px; float: left; text-align: center; /* border: 1px solid #e2e4e0; */ position: relative; color: #676363; border-bottom: solid 1px #b5bcbf; bottom: 30px; } } .ob .detailsItem .appPic{ display:inline-block; vertical-align:middle; height: 50px; width: 40px; overflow: hidden; } .ob .detailsItem .appPic img{ height:40px; } .ob .detailsItem .label{ display: inline-block; font-size: 14px; text-decoration: none; text-align: left; padding-left: 5px; position: relative; top: 9px;} /*===== Estructura Multi-Idioma y Registro ====*/ .contMovil .lang { cursor:pointer; float: right; } .contMovil .acc { cursor:pointer; margin-top: 5px; float: right; } .contMovil .ob { cursor:pointer; margin-top: 2px; float: right; margin-right: 5px; } /*===== Usuario No Registrado ====*/ .acc .menuitem { display: inline-block; vertical-align: top; } .acc .menuItem .menuPic img { width: 40px; height: 40px; border: 1px solid black; border-radius: 50%; } /*===== Multi-Idioma ====*/ /*.lang { margin-right: 6px; cursor: pointer; border: 1px solid black; border-radius: 50%; }*/ .lang .menuItem .MenuImg { display: inline-block; width: 40px; height: 40px; background: no-repeat center/auto 100%; } .lang .menuItem .MenuImg.Idioma_1 { background-image: url('/drive/repo/general/lang_spa.png'); } .lang .menuItem .MenuImg.Idioma_2 { background-image: url('/drive/repo/editorweb/lang_eng.png'); } .lang .menuItem p { display: block; color: #FEAA26; font-size: 13px; font-weight: bold; width: 42px; font-family: 'banks-miles-single' !important; text-transform: uppercase; margin-top: 10px; margin-right: 16px; } .lang .menuItem .menuPic img { width: 49px; height: 49px; } .l-header.fixed .ush_image_2 { height: 70px!important; } /* ------------------------------------------------- MEDIA QUERIES ------------------------------------------------- */ /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .l-subheader{ padding-left: 0.7rem; padding-right: 0.7rem; } .headCont{ align-items: flex-end; } .container-dashboard { top: 10px; left: 15px; } header { padding-top: 5px; width: 100%; /background: #fff; } header.fixed { padding-top: 1px; width: 100%; } .logo{ margin-top: 0px; float:left; width: 50%; margin: 4px 0 0 5px; padding-top: 0px; } header .logo .img_logo_oscuro { display: none; } header .logo .img_logo_claro { display: block; } .logo img{ width: 50% !important; } .headBox{ width: 1%; float: left; margin-top: 8px; overflow:hidden; } .contMovil .responsiveMenu{ margin-top: 5px; display: block !important; } .btnMovil, .contMovil { cursor:pointer; display: block !important; } .contNavs{ position:fixed; z-index:999; height: 100%; width:100% !important; top:120px; left:-100%; right:0; bottom; padding-bottom: 30px; box-sizing:border-box; background: #343030; transition: all .5s; transition-timing-function: cubic-bezier(0,0,.58,1); } .contNavFix, .nav1, .nav1 .menuItem{ display: block !important; float: none !important; } header .contNavFix { float: right; margin-top: 30px; padding-left: 2%; padding-right: 2%; height: 100%; } .nav1 .menuItem a { padding:10px 20px; font-size:13px; text-transform: uppercase; color: #fff; } header .boxizq { width: 100%; float: none; clear: both; margin: 15px auto; justify-content: center; } .categories .wdgCateg .wdgTitle{ color: #fff; } .lang .langItemCont .langItem{ /*color:#fff;*/ } .acc .menuItem .menuPic img { border: 3px solid #FEAA26; } .lang .langItemCont .langItem.selected{ display: none; } .lang .langItemCont .langSeparator{ display: none; } header.fixed .lang .langItemCont .langItem{ color: #525f6a; } .ob .oItem{ vertical-align: middle; } .ob .obIcon.iconUser{ width: 30px; height: 30px; } .ob .obIcon.iconUser img{ / width: 100%; / height: auto; } .categories .wdgContent::-webkit-scrollbar { -webkit-appearance: none; } .categories .wdgContent { width: 80%; left: -800px; } .logoGB{ width:350px; margin-top: 10px; } .l-header.fixed .logoGB{ width:300px; } } @media (max-width: 550px){ .logoGB { width: 180px !important; } } /* ------------------------------------------------- HEADER FIXED PORTRAIT ------------------------------------------------- */ header.fixed .logo{ margin-top: 0px; float:left; width: 50%; } header.fixed .headBox { width: 1%; float: left; margin-top: 8px; overflow:hidden; } header.fixed .contMovil .responsiveMenu{ margin-top: 8px; } header.fixed .logo img{ width: 50% !important; } header.fixed .logo .img_logo_oscuro{ display:none !important; } header.fixed .logo .img_logo_claro{ display: none; } header.fixed .logo .img_logo_claro { display: block; } header.fixed .logoGB{ / display: none; } header.fixed .logoGB-black{ display: none;} header.fixed .logoGB-icon{ display: none; } header.fixed .ob .userCont, header .ob .userCont { /top: 80px !important; /left: 1px !important; /left: 1px /z-index: 999; /transition: all .21s; } header.fixed .ob .userCont:before, header .ob .userCont:before { display: none; } header.fixed .categProds{ width: auto; } header.fixed .logo .img_logo_oscuro{ display:block; width: 100%; margin: 0; } .nav1 { margin-top: 1px !important; height: auto !important; text-align: left; } .nav1 .contMenu { display: flex; flex-direction: column; justify-content: flex-end; } header.fixed .nav1 { margin-top: 30px !important; } header.fixed .contNavFix { float: right; margin-top: 30px; padding-left: 2%; padding-right: 2%; height: 100%; } header.fixed .nav1 .menuItem a{ padding:10px 20px; font-size:13px; text-transform: uppercase; color: #fff; } header.fixed .lang .langItemCont .langItem:not(.selected):hover{ color: #FEAA26; } header.fixed .lang .langItemCont .langItem.selected{ color: #FEAA26; cursor: default; } } /* FIN MEDIA QUERIES 1023 */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .logo img{ width: 30% !important; } header.fixed .logo img{ width: 25% !important; } .contMovil .responsiveMenu, header.fixed .contMovil .responsiveMenu { margin-top: 8px; } header .contNavFix { float: none !important; display: block !important; margin-top: 2px; width: 100%; } header.fixed .contNavFix { float: none !important; display: block !important; margin-top: 10px; width: 100%; } .nav1, header.fixed .nav1 { float: none !important; display: block !important; width: 98%; margin-top: 0px !important; } .nav1 .contMenu, header.fixed .nav1 .contMenu { display: flex; flex-direction: row; justify-content: center; } header .boxizq { width: 80%; float: left !important; clear: none !important; display: block !important; justify-content: right; margin: 15px 10% 0 10%; } .acc .menuItem .menuPic img { border: 3px solid #FEAA26; } .categories .wdgContent { width: 100%; left: -800px; } .categories .wdgContent::-webkit-scrollbar { -webkit-appearance: none; } /* .l-subheader.bottom .l-subheader-cell .contMenu{ display: none; justify-content: center; }*/ .logoGB{ width:200px; } } /* FIN MEDIA QUERIES 800 landscape */ @media (max-width: 550px){ .publi4 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .edit_resume_581, .publi4bis .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .edit_resume_582{ width: 70% !important; } .ob .userCont { top: 20px; left: 5px; } .container-dashboard { top: 20px; left: 20px; } header.fixed .ob .userCont { top: 40px; left: 5px; } header.fixed .container-dashboard { top: 40px; left: 20px; } } @media (max-width: 800px){ .videoSect video{ height: 30vh!important; } .logoGB{ /margin-top:0 !important; } .publi1 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle h2 span{ font-size: 1.5rem !important; } .publi1 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle h2{ font-size: 1.5rem !important; } .publi1 .description li { font-size: 1.3rem !important; } .publi1 .wdgItemPost{ width: 70% !important; } .publi2 .wdgItemPost .wdgItemPostCont .PostDetails .description .main-header, .publi6 .wdgItemPost .wdgItemPostCont .PostDetails .description .main-header{ font-size: 3.25rem !important; } .publi6 .wdgItemPost .wdgItemPostCont .PostDetails .description{ font-size: 1.3rem !important; } .publi4 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .main-header, .publi4bis .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .main-header, .publi8 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .main-header{ font-size: 2rem !important; } .publi4 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .descriptionP, .publi4bis .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .descriptionP, .publi8 .wdgItemPost .wdgItemPostCont .PostDetails .subtitle .descriptionP{ font-size: 1.2rem !important; } .bloque6{ flex-direction: column !important; } .bloque6-izq,.bloque6-der{ width: 90% !important; } } /* MEDIA QUERY MOBILE GAMMA ALTA IPHONES, REDMI, ....*/ @media (min-width: 375px) and (max-width: 853px){ .l-subheader.bottom .l-subheader-cell .w-text, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem{ //width: 30%!important; } header.fixed .l-subheader.bottom{ display: none !important; } .toTop { bottom: 5%; left: 15px; } .videoHome .texto h2{ font-size: 1.213rem !important; } .videoHome .texto h3{ font-size: 1.5em !important; } } /* Medias query para tables como ipads y la mayoria, no todas*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .l-subheader.bottom .l-subheader-cell .w-text, .l-subheader.bottom .l-subheader-cell .contMenu .menuItem{ font-size: 14px; } header.fixed .l-subheader.bottom{ display: block !important; } } /* Medias query para tables como ipads y la mayoria, no todas (landscape)*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .toTop { bottom: 5%; left: 15px; } header.fixed .l-subheader.bottom{ display: block !important; } } /*=====Formulario Contacto====*/ .pageContact { position: relative; clear: both; width:100%; margin:0 auto; box-sizing: content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box; background: url('/drive/repo/editorweb/FF_img_0009zz4a.jpg') fixed no-repeat top/cover; / opacity: 0.63; } .dummycontact { position: relative; clear: both; display: flex; width:100%; padding:70px 0px 30px 0; margin:0 auto; } .dummycontact .ContIzquierda { display:flex; vertical-align:top; margin-left: 8%; width:42%; padding:0 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; / justify-content: center; align-items: center; } .dummycontact .ContDerecha { display:inline-block; vertical-align:top; width:35%; margin-left: 6%; } .dummycontact .ContDerecha img{ width: 50%; border-radius: 50%; height: 50%; } /*=====Formulario dinamico====*/ .mainForm{ display: inline-block; width: 100%; padding:20px 0; color: #fff; } .mainForm .formTitle h1 { font-family: 'banks-miles-single' !important; font-size: 5rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 15px; display: none; } .mainForm.noTitle .formTitle, .mainForm label { display: none; } .mainForm .wFormCont { border: 1px solid #ccc; padding: 8px; background: rgba(255,255,255,0.25); display: flex; flex-wrap: wrap; } .mainForm .formGroup select, .mainForm .formGroup input, .mainForm .placeholder, .mainForm .formGroup textarea { font-family: 'banks-miles-single' !important; width: 100%; padding: 20px 15px; font-size: .8em; color: #000; font-weight: 800; border: 0; border-bottom: 1px solid #ccc; background: rgba(255,255,255,0.45); margin:0 0 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .mainForm .formGroup input:hover, .mainForm .formGroup textarea:hover, .mainForm .formGroup input:focus, .mainForm .formGroup textarea:focus { border: 1px solid #ccc; } .mainForm .formGroup select, .mainForm .texto { margin-bottom: 1%; } .mainForm .formGroup textarea { min-width: 100%; max-width: 100%; height: 100px; min-height: 100px; } .mainForm .formButtons{ padding-top: 1%; overflow:hidden; } .mainForm .formButtons input { font-family: 'banks-miles-single' !important; display: block; width: 100%; padding: 15px; font-size: 1rem; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; background:none; font-weight:bold; background: #435775; border: 1px dotted white; / box-sizing:border-box; / -moz-box-sizing:border-box; / -webkit-box-sizing:border-box; / -o-box-sizing:border-box; } .mainForm .formButtons input:hover { color:#000; background: #25ab8e; } .mainForm .formGroup.checkbox_simple{ display: flex; align-items: center; font-size: 11px; color: #fff; } .mainForm .formGroup.checkbox_simple input[type= "checkbox"]{ width: auto; margin: 0; margin-right: 10px; } .mainForm .formGroup.checkbox_simple.checkbox1{ margin-bottom: 10px; } .mainForm .formGroup.nombre{ width: 100%; } .mainForm .formGroup.email{ width: 49%; padding-right: 1%; } .mainForm .formGroup.telefono{ width: 49%; padding-left: 1%; } .mainForm .formGroup.comentario{ width: 100%; } .mainForm .formButtons{ width: 100%; } .mainForm .Terminos{ font-size: 10px; text-align: justify; padding-top: 3px; color: #fff; } .mainForm .Terminos a{ font-size: 10px; text-align: justify; color: #FEAA26; } #telefono_211::placeholder, #nombre_211::placeholder, #email_211::placeholder, #comentario_211::placeholder { color: #000 !important; font-weight: 800 !important; opacity: 1 !important; } /*=====Post Side====*/ .sidePost{ padding:20px 0;} .sidePost .title h1 { font-family: 'banks-miles-single' !important; font-size: 2.2rem; line-height: 1; font-weight: bold; color: #fff; } .sidePost h1 { font-size: 4rem; line-height: 1; color: #333; font-weight:normal; margin-bottom: 15px; } .sidePost .subtitle h3{ font-family: 'banks-miles-single' !important; font-size: 1.5rem; line-height: 1; color: #fff; font-weight: bold; margin-bottom: 15px;} .sidePost .description{ color:#333;} .sidePost .description ul{ list-style-type:none; margin:0;padding:10px 0; font-size:1rem;} .sidePost .description ul li{ padding:10px 5px; border-bottom:1px solid #e9e9e9;} .sidePost .description ul li p{ display:block; text-align:left;} .sidePost .description ul li p strong{ float:right;} /*=====Menu Address====*/ .cInfo { margin-top: 10px; } .cInfo p { font-size: 13px; font-weight: normal; } .cInfo h1 { font-size: 21px; } .cInfo h2 { font-size: 17px; } .cInfo .contMenu { padding: 0px 30px 0 10px; } .cInfo .menuItem { margin-bottom: 18px; } .cInfo .menuItem { margin-bottom: 20px; } .cInfo .menuItem .menuItemCont { display: table; } .cInfo .menuItem .menuItemCont .menuPic, .cInfo .menuItem .menuItemCont .menuDescription { display: table-cell; vertical-align: middle; } .cInfo .menuItem .menuPic img { width: 35px; } .cInfo .menuItem .menuItemCont .menuDescription { padding-left: 20px; } .cInfo .menuItem .menuItemCont .menuDescription p, .cInfo .menuItem .menuItemCont .menuDescription a { color: #fff; } .cInfo .menuItem .menuItemCont .menuDescription a[href]:hover { color: #d42e2d; text-decoration: none; } /* ------------------------------------------------- FOOTER ------------------------------------------------- */ .footer{ display: flex; flex-direction: row; padding: 35px 30px 0; / background: #fff; / box-shadow: 0px -2px 7px 3px #c7c6c6; display: none; } .footer .img-footer-container{ width: 15%; padding: 40px 15px 0 15px; } .footer .img-footer-container img{ width: 60%; padding:10%; filter: invert(0%); } .footer .navs{ width: 75%; display: flex; / border-top: 7px solid #000; / padding: 25px 0; } .footer .navs-footer:first-child{ padding: 0; border: 0; } .footer .navs-footer{ padding: 0 0px 0 40px; width: 33.3333%; / border: solid #f0f0f0; border-width: 0 0 0 1px; } .footer .navs-footer .wdgMenu{ width: 300px; } .footer .navs-footer .wdgTitle{ border-bottom: 1.5px solid #fff; } .footer .navs-footer .wdgTitle .title{ text-transform: uppercase; font-weight: 600; font-size: 13px; margin-bottom: 5px; color: #fff; } .footer .navs-footer .get-apps{ display: flex; align-items: center; justify-content: center; padding-top: 30px; } .footer .navs-footer .get-apps .wdgTitle{ border: 0px; } .footer .navs-footer .get-apps .appstore img{ width: 150px; } .footer .navs-footer .get-apps .playstore img{ width: 150px; } .footer .navs-footer .menuItem{ margin: 5% 0; font-size: 13px; font-family: 'banks-miles-single'; } .footer .navs-footer .menuItem .menuTitle a, .footer .navs-footer .menuItem .menuTitle a:focus, .footer .navs-footer .menuItem .menuTitle a:visited{ text-decoration: none; color: #fff; font-weight: 500; } .footer .navs-footer .menuItem .menuTitle:hover a{ text-decoration: none; color: #FEAA26; font-weight: 800; } .footer .navs-footer .menuItem .menuPic{ width: 13%; height: 13%; } .footer .navs-footer .menuItem .menuPic img { width: 100%; height: 100%; } .cookiesBanner { position: fixed; bottom: 0; left: 0; width: 100%; padding-bottom: 80px; background: black; color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; border-top: 15px solid #d42e2d; z-index: 99999; opacity: 1; } .cookiesBanner h1 { font-family: 'Oswald'; text-transform: uppercase; font-size: 16px; margin: 0 auto; } .cookiesBanner p { font-size: 14px; / margin-left: 40% } .cookiesBanner .seeMoreButton { font-family: 'Oswald'; text-transform: uppercase; font-size: 12px; padding: 10px 10px 10px 10px; border-radius: 8px; border: none; background: #d42e2d; color: #000; text-decoration: none; margin-left: 9px; cursor: pointer; } .cookiesBanner button { font-family: 'Oswald'; text-transform: uppercase; font-size: 12px; padding: 10px 10px 10px 10px; border-radius: 8px; border: none; background: #d42e2d; color: #000; / margin-left: 40%; / margin-top: 15px; cursor: pointer; width: auto !important; } /*===== Copyright ====*/ .copyright{ position: relative; / background: transparent !important; background: rgba(0,0,0,0.2) !important; margin:0 auto; / margin:0 0 0; border-top: none; border-top: none; text-align:center; font-size:12px; color:#fff !important; padding:0; } .copyright .description p{ color:#fff; } .copyright .description a{ font-weight:bold; text-decoration:none; color:#fff; } .copyright .description a:hover{ color: #FEAA26;} .copyright .description p{ font-size: 10px; } .copyright .description p strong img{ margin-top: -2.2px; width: 20%; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .pageContact { display: block; } .dummycontact { display: block; } .pageContact .ContIzquierda { display: block; vertical-align:top; margin-left: 8%; width:90%; } .pageContact .ContDerecha { display: block; vertical-align:top; width:80%; margin-left: 8%; } .sidePost .title h1 { font-size: 1.2rem; } .sidePost .subtitle h3{ font-size: 0.9rem; } .mainForm .formButtons input { font-size: 0.9rem; } .cInfo h1 { font-size: 20px; } .footer .navs{ flex-direction: column; } .footer .img-footer-container{ width: 70%; margin-left: 10%; border-radius: 8%; background: rgba(255,255,255,0.15); margin-bottom: 20px; } .footer .navs-footer{ margin: 10px 7%; } .footer .navs-footer { padding: 0; width: 100%; border-width: 2px 0 0 0; } .footer .img-footer-container img{ margin-top: 10px; } .footer .navs-footer .wdgTitle .title{ color: #fff; } .footer .navs-footer .wdgTitle{ border-bottom: 1.5px solid #fff !important; } .footer .img-footer-container{ display: none; } .footer .navs-footer .get-apps .wdgTitle{ border: 0px !important; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .footer .img-footer-container{ width: 40%; margin-left: 25%; border-radius: 8%; background: rgba(255,255,255,0.15); margin-bottom: 20px; } .footer .navs-footer{ margin: 10px 7%; } .footer .navs-footer .get-apps .wdgTitle{ border: 0px; } } /* FIN MEDIA QUERIES 800 landscape */ .sidebar-l{ position: fixed; / background: #fbfbfb; / background: url('/drive/repo/general/verdeLoco6.jpg') no-repeat top/cover; background: url('/drive/repo/general/medioamb.jpg') no-repeat top/cover; top: 0; z-index: 999; left: -60%; width: 40%; height: 100%; / display: flex; flex-direction: row; flex-wrap: wrap; overflow-y: scroll; / border-top-right-radius: 20px; transition: left .7s ease-out; / border-top: 2px solid rgb(212 46 45 / 80%); / border-right: 3px solid rgb(0 0 0 / 80%); border-right: 3px solid #fbfbfb; } .show{ left:0 !important; } .sidebar-l .close { height: 20px; width: 20px; background: #ff0000c9; border-radius: 5px; position: absolute; right: 5px; top: 9px; transition: .3s ease; } .sidebar-l .close:hover{ background: red; } .sidebar-l .close:after { position: absolute; top: 2px;; bottom: 0; left: 0; right: 0; content: "x"; font-size: 15px; color: #fff; text-align: center; cursor: pointer; font-size: 15px; font-weight: bolder; } /*--------------------------------------------- BUSCADOR ----------------------------------------------*/ .sidebarlogo { width: 100%; position: relative; margin-top: 30px; } .sidebarlogo .pic { width: 80%; margin: 0 auto; text-align: center; } .sidebarlogo .pic img { width: 70%; margin: 0 auto; padding-bottom: 10px; } /*--------------------------------------------- BUSCADOR ----------------------------------------------*/ .buscador{ width: 95%; margin-left: 5%; / display: flex; / justify-content: center; margin-bottom: 15px; height: 80px; } .buscador .searchHead2{ background: rgba(0,0,0,0.7); border-radius: 5px; width: 90%; height: auto; margin-top: 10px; padding:10px 0 10px 0; border: 1px dotted #333; } .buscador .searchHead2 form{ display: flex; justify-content: center; } .buscador .searchHead2 .wdgSearch{ background: transparent; border: 0.5px dotted #333; color: transparent; overflow:hidden; border-bottom: 0.5px dotted #333; border-right: 0.5px dotted #333; border-top: 0.5px dotted #333; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .buscador .searchHead2 .wdgSearchCont{ background: transparent; } .buscador .searchHead2 .campoTextSearch{ float:left; vertical-align: middle; /width: 100%; height: 40px; } .buscador .searchHead2 .campoTextSearch label{ display: none; } .buscador .searchHead2 .campoTextSearch input{ border:0; background: #fff; width:365px; height: 100%; padding:5px; font-size:12px; text-align: left; vertical-align: middle; color: #000; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .buscador .searchHead2 .normalSearch input[type=text]{ font-family: 'Questrial', sans-serif; border:0; background: #fff; margin-left: 2%; font-weight: 800; width:90%; height:10px; padding:5px; font-size:12px; text-align: left; vertical-align: middle; color: #000 !important; } .buscador .searchHead2 .bigSearch { display: inline; width:500px; margin-top: 5px; } .buscador .searchHead2 .normalSearch { padding-bottom: 8px; } .buscador .searchHead2 .normalSearch input[type=submit]{ font-family: 'Questrial', sans-serif; border:0; background: red; border-radius: 50%; margin-left: 1%; width:4%; height:20px; padding:5px; font-size:1px; font-weight: bold; text-align: left; vertical-align: middle; color: #fff; background: url(/drive/repo/general/iconSearch7.png) top center no-repeat; cursor:pointer; } .buscador .searchHead2 .bigSearch input[type=text]{ font-family: 'Questrial', sans-serif; border:0; background: #fff; margin-left: 2%; width:88%; height:10px; padding:5px; font-size:12px; text-align: left; vertical-align: middle; color: #000; } .buscador .searchHead2 .bigSearch .searchMarcas{ padding-bottom: 5px; display: inline; font-family: 'Questrial', sans-serif; border:0; background: transparent; margin-left: 1%; width:20%; height:10px; padding:5px; font-size:12px; font-weight: bold; text-align: left; vertical-align: middle; color: #000; } .buscador .searchHead2 .bigSearch .searchMarcas label{ display: none; } .buscador .searchHead2 .bigSearch .searchMarcas select{ font-family: 'Questrial', sans-serif; font-size:12px; padding: 0 1px; margin-left: 0px; margin-left: 0; width:45%; height:20px; font-weight: 800; color: #000; border: none; border-bottom: 2px solid #FEAA26; } .buscador .searchHead2 .bigSearch .searchCategorias { padding-bottom: 5px; display: inline; font-family: 'Questrial', sans-serif; border:0; background: transparent; margin-left: 0px; width:20%; height:10px; padding:5px; font-size:12px; font-weight: bold; text-align: left; vertical-align: middle; color: #000; } .buscador .searchHead2 .bigSearch .searchCategorias label{ display: none; } .buscador .searchHead2 .bigSearch .searchCategorias select{ font-family: 'Questrial', sans-serif; font-size:12px; padding: 0 1px; margin-left: 0px; width:44%; height:20px; font-weight: 800; color: #000; border: none; border-bottom: 2px solid #FEAA26; } .buscador .searchHead2 .bigSearch .searchProveedores { padding-bottom: 5px; display: inline; font-family: 'Questrial', sans-serif; border:0; background: transparent; margin-left: 0px; width:20%; height:10px; padding:5px; font-size:12px; font-weight: bold; text-align: left; vertical-align: middle; color: #000; } .buscador .searchHead2 .bigSearch .searchProveedores label{ display: none; } .buscador .searchHead2 .bigSearch .searchProveedores select{ font-family: 'Questrial', sans-serif; font-size:12px; padding: 0 1px; margin-left: 0px; width:30%; height:20px; font-weight: 800; color: #000; border: none; border-bottom: 2px solid #FEAA26; } .buscador .searchHead2 .bigSearch .searchMarcas select[name="linea"] { display: none; } .buscador #div_linea.searchMarcas { display: none !important; } .buscador .searchHead2 .bigSearch .buscaValor{ display: inline; font-family: 'Questrial', sans-serif; border:0; background: transparent; margin-left: 4px; width:265px; font: 800 12px Questrial; height:15px; padding: 5px; font-size:12px; text-align: left; vertical-align: middle; color: #000; border: none; } .buscador .searchHead2 .bigSearch .buscaValor input[type=text]{ font-family: 'Questrial', sans-serif; font-size: 12px; padding:2px; width: 63px; height:15px; font: 800 12px Questrial; font-weight: bold; color: #000; margin-left: 2px; margin-right: 2px; text-align: center; border: none; border-bottom: 2px solid #FEAA26; } .buscador .searchHead2 .bigSearch .buscaValor textarea { font-family: 'Questrial', sans-serif; font-size: 12px; font: 800 12px Questrial; font-weight: bold; color: #000; } .buscador .searchHead2 .bigSearch .buscaAtributo{ display: inline; font-family: 'Questrial', sans-serif; border:0; background: transparent; margin-left: 2%; width:165px; height:15px; font-size:12px; font-weight: bold; text-align: left; vertical-align: middle; color: #000; } .buscador .searchHead2 .bigSearch .buscaAtributo select{ display: inline; font-family: 'Questrial', sans-serif; font-size:12px; font-weight: 800; padding: 0 20px; height:20px; color: #000; width: 19.5%; margin-left: 7px; margin-right: 7px; border: none; border-bottom: 2px solid #FEAA26; } .buscador .searchHead2 .bigSearch .buscaAtributo textarea{ font-family: 'Questrial', sans-serif; font-size:12px; font-weight: 800; height:15px; } .buscador .searchHead2 .finalSearch { display: inline; width:3%; margin-left: 1%; float: right; margin-right: 1%; } .buscador .searchHead2 .finalSearch input[type=submit]{ display: inline; / float: right; font-family: 'Questrial', sans-serif; border:0; border-radius: 50%; / margin-left: -20%; width:20px; height:20px; padding:5px; font-size:1px; font-weight: bold; text-align: left; vertical-align: middle; color: #fff; background: url(/drive/repo/general/iconSearch7.png) top center no-repeat; cursor:pointer; } .buscador .searchHead2 .campoButtonSearch{ float: right; height: 40px; } .buscador .searchHead2 .campoButtonSearch input{ background: #FEAA26 url(/drive/repo/general/iconSearch7.png) center no-repeat; cursor: pointer; width: 40px; height: 40px; border-bottom: 1px dotted #FEAA26; border-right: 1px dotted #FEAA26; border-top: 1px dotted #FEAA26; border-left: 1px dotted #333; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /*--------------------------------------------- CATEGORIAS ----------------------------------------------*/ .categ{ width: 60%; margin: 0 auto; margin-top: 15px; } .categ img{ display: none; } .categ .title{ font-family: 'Oswald'; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; padding-bottom: 4px; } .categ .categTitle{ display: block; border-bottom: 1px solid #e9e9e9; padding: 5.5px 5px !important; color: #000; font-size: 0.7em; transition: .5s ease; cursor:pointer; } .categ .categTitle:hover{ border-bottom: 3px solid #e9e9e9; background: #ddd; } /*.categ .categTitle a{ color: #000; text-decoration: none; }*/ .categ .categTitle:hover a{ font-weight: 600; } /*--------------------------------------------- FILTROS ----------------------------------------------*/ .filtersList { display: none; } .filters{ width: 60%; margin: 0 auto; } .filters .filtersApplied { margin-bottom: 10px; } .filters .filtersApplied .filtersLabel{ font-family: 'Oswald'; text-transform: uppercase; font-size:0.8rem; font-weight: 600; } .filters .categoriesLinkCont{ display: none; } .filters .filtersApplied .brandFilter, .filters .filtersApplied .provFilter, .filters .filtersApplied .categFilter{ font-family: 'Oswald'; text-transform: uppercase; background: #ccc; width: 119px; padding: 7px 5px; border-radius: 5px; font-weight: bold; border: 1px solid #ccc; cursor: pointer; margin-top: 10px; position: relative; display: flex; align-items: center; font-size: 0.7rem !important; line-height: normal; } .filters .filtersApplied .brandFilter .deleteFilterIcon, .filters .filtersApplied .provFilter .deleteFilterIcon, .filters .filtersApplied .categFilter .deleteFilterIcon { width: 20px; height: 20px; background: red; border-radius: 50%; position: absolute; top: 4px; right: 8px; border-radius: 50%; opacity: 0.4; } .filters .filtersApplied .brandFilter .deleteFilterIcon:after, .filters .filtersApplied .provFilter .deleteFilterIcon:after, .filters .filtersApplied .categFilter .deleteFilterIcon:after { position: absolute; content: "x"; padding: 0px 7px; top: 2.5px; right: 1px; border-radius: 50%; font-size: 8px; font-weight: bolder; color: #fff; } .filters .filtersApplied .removeButtonContainer { margin-top: 10px; } .filters .filtersApplied .removeButtonContainer button, .filters .buttonContainer button{ font-family: 'Oswald'; text-transform: uppercase; padding: 5px 20px; border-radius: 4px; border: 1px solid transparent; / background: #343030; background: rgba(0,0,0,0.7); color: #fff; font-size: 0.7rem; font-weight: 600; cursor: pointer; transition: .3s ease; width: auto; } .filters .filtersApplied .removeButtonContainer button:hover, .filters .buttonContainer button:hover{ background: #FEAA26; color: #000; } .filters .categoriesCheckboxCont .categoriesLabel{ font-family: 'Oswald'; text-transform: uppercase; margin-top: 10px; font-size: 0.8rem; font-weight: 600; } .filters .provCheckboxCont .provLabel, .filters .categoriesCheckboxCont .categoriesLabel, .filters .brandCheckboxCont .brandLabel{ font-family: 'Oswald'; text-transform: uppercase; font-size: 0.8rem; font-weight: 600; margin: 10px 0 5px; } .filters .provCheckboxCont .provItemCheckbox .provName, .filters .categoriesCheckboxCont .categItemCheckbox .categTitle, .filters .brandCheckboxCont .brandItemCheckbox .brandName, .categ .categTitle{ display: block; padding: 5px; color: #000; font-size: 0.7em; border-bottom: 1px solid #e9e9e9; transition: .5s ease; cursor: pointer; } .filters .categItemCont .categTitle, .filters .provItemCont .provName, .filters .brandItemCont .brandName, .categ .categItemCont .categTitle a{ font-family: 'Oswald'; text-transform: uppercase; font-weight: bold; color: #687890 !important; } .filters .contCateg_nivel0 .categTitle, .categ .contCateg_nivel0 .categTitle a{ font-family: 'banks-miles-single'; text-transform: none; font-weight: normal; color: #000 !important; } .filters .categoriesCheckboxCont .categItemCheckbox .contCateg_nivel0 .categItemCont, .categ .contCateg_nivel0 .categItemCont{ padding-left: 15px; } .filters .categoriesCheckboxCont .categItemCheckbox .categTitle input[type=checkbox] { margin: 0 2px 0 0; } input[type="checkbox" i] { background-color: black !important; color: black !important; } .filters .provCheckboxCont .provItemCheckbox:hover, .filters .categoriesCheckboxCont .categItemCheckbox .categTitle:hover, .filters .brandCheckboxCont .brandItemCheckbox:hover{ border-bottom: 1px solid #000; font-weight: bold; background: #ddd; } /* ------------------------------------------------- SERVICIOS ------------------------------------------------- */ .b-der { width: 90%; margin: 0 auto; padding-bottom: 30px; padding-top: 20px; } .b-der .wdgServiceStore{ display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px 0px; } .b-der .serviceItem{ text-align: center !important; height: 100% !important; cursor: pointer !important; } .b-der .serviceTitle{ font-size: 11px !important; font-weight: bold !important; padding: 10px 0 !important; } .b-der .servicePic { padding-top: 30px !important; padding-bottom: 30px !important; } .b-der .serviceItem img{ width: 35% !important; } .b-der .servicePrincipal{ width: 60% !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 auto !important; border: 1px solid #7777 !important; / height: 100% !important; border-radius: 8px !important; background: #fff !important; padding: 4px !important; transition: box-shadow 0.5s ease !important; } .b-der .servicePrincipal:hover{ box-shadow: 0 7px 11px 0 rgb(0 0 0 / 10%), 0 2px 4px 0 rgb(0 0 0 / 10%) !important; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .sidebar-l{ width: 99%; left: -100%; } .filters .filtersApplied .removeButtonContainer button, .filters .buttonContainer button{ margin-bottom: 10px; } .buscador .searchHead2 .campoTextSearch input{ width: 180px; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .filters .filtersApplied .removeButtonContainer button, .filters .buttonContainer button{ margin-bottom: 0px; } .buscador .searchHead2 .campoTextSearch input{ width: 360px; } .sidebar-l{ width: 85%; left: -100%; } } /* FIN MEDIA QUERIES 800 landscape */ .toggle-section { height: 0px; / background: #c1c1c1; background: rgba(242,242,242,1); overflow: hidden; position: relative; display: flex; display: flex; justify-content: center; align-items: center; } .toggle-section .close { height: 20px; width: 20px; background: #ff0000c9; border-radius: 5px; position: absolute; right: 5px; top: 9px; opacity: 1; transition: .3s ease; } .toggle-form{ height: } .toggle-section .close:hover{ background: red; } .toggle-section .close:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: "x"; font-size: 15px; color: #fff !important; text-align: center; cursor: pointer; font-size: 15px; font-weight: bolder; } /*--------BUSCADOR -------*/ .toggle-section .buscador-toggle{ width: 40%; background: #ff885d; padding: 15px; border-radius: 11px; box-sizing: border-box; } .toggle-section .buscador-toggle .wdgSearchCont{ position: relative; } .toggle-section .buscador-toggle input:not([type="submit"]){ -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%); box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%); height: 39px; padding: 7px 60px 9px 15px; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; border: 0 rgba(0,0,0,.2); position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 915; color: #000 !important; font-size: 10px; width: 100%; margin: 0; font-weight: bold; } .toggle-section .buscador-toggle input[type="submit"]{ position: absolute; padding: 0; background: 0 0; border: none; font-size: 14px; color: #666; line-height: 1em; outline: 0; border-radius: 0 2px 2px 0; width: 50px; border: 0 rgba(0,0,0,.2); background-color: #fff; top: 0px; right: 7px; z-index: 920; transition: background 0.5s linear; height: 39px; } .toggle-section .buscador-toggle input[type="submit"]{ content: ''; display: block; height: 26px; border-left: 1px solid #e6e6e6; position: absolute; top: 5px; box-sizing: border-box; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjQ3NS4wODRweCIgaGVpZ2h0PSI0NzUuMDg0cHgiIHZpZXdCb3g9IjAgMCA0NzUuMDg0IDQ3NS4wODQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3NS4wODQgNDc1LjA4NDsiDQoJIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTQ2NC41MjQsNDEyLjg0NmwtOTcuOTI5LTk3LjkyNWMyMy42LTM0LjA2OCwzNS40MDYtNzIuMDQ3LDM1LjQwNi0xMTMuOTE3YzAtMjcuMjE4LTUuMjg0LTUzLjI0OS0xNS44NTItNzguMDg3DQoJCWMtMTAuNTYxLTI0Ljg0Mi0yNC44MzgtNDYuMjU0LTQyLjgyNS02NC4yNDFjLTE3Ljk4Ny0xNy45ODctMzkuMzk2LTMyLjI2NC02NC4yMzMtNDIuODI2DQoJCUMyNTQuMjQ2LDUuMjg1LDIyOC4yMTcsMC4wMDMsMjAwLjk5OSwwLjAwM2MtMjcuMjE2LDAtNTMuMjQ3LDUuMjgyLTc4LjA4NSwxNS44NDdDOTguMDcyLDI2LjQxMiw3Ni42Niw0MC42ODksNTguNjczLDU4LjY3Ng0KCQljLTE3Ljk4OSwxNy45ODctMzIuMjY0LDM5LjQwMy00Mi44MjcsNjQuMjQxQzUuMjgyLDE0Ny43NTgsMCwxNzMuNzg2LDAsMjAxLjAwNGMwLDI3LjIxNiw1LjI4Miw1My4yMzgsMTUuODQ2LDc4LjA4Mw0KCQljMTAuNTYyLDI0LjgzOCwyNC44MzgsNDYuMjQ3LDQyLjgyNyw2NC4yMzRjMTcuOTg3LDE3Ljk5MywzOS40MDMsMzIuMjY0LDY0LjI0MSw0Mi44MzJjMjQuODQxLDEwLjU2Myw1MC44NjksMTUuODQ0LDc4LjA4NSwxNS44NDQNCgkJYzQxLjg3OSwwLDc5Ljg1Mi0xMS44MDcsMTEzLjkyMi0zNS40MDVsOTcuOTI5LDk3LjY0MWM2Ljg1Miw3LjIzMSwxNS40MDYsMTAuODQ5LDI1LjY5MywxMC44NDkNCgkJYzkuODk3LDAsMTguNDY3LTMuNjE3LDI1LjY5NC0xMC44NDljNy4yMy03LjIzLDEwLjg0OC0xNS43OTYsMTAuODQ4LTI1LjY5M0M0NzUuMDg4LDQyOC40NTgsNDcxLjU2Nyw0MTkuODg5LDQ2NC41MjQsNDEyLjg0NnoNCgkJIE0yOTEuMzYzLDI5MS4zNThjLTI1LjAyOSwyNS4wMzMtNTUuMTQ4LDM3LjU0OS05MC4zNjQsMzcuNTQ5Yy0zNS4yMSwwLTY1LjMyOS0xMi41MTktOTAuMzYtMzcuNTQ5DQoJCWMtMjUuMDMxLTI1LjAyOS0zNy41NDYtNTUuMTQ0LTM3LjU0Ni05MC4zNmMwLTM1LjIxLDEyLjUxOC02NS4zMzQsMzcuNTQ2LTkwLjM2YzI1LjAyNi0yNS4wMzIsNTUuMTUtMzcuNTQ2LDkwLjM2LTM3LjU0Ng0KCQljMzUuMjEyLDAsNjUuMzMxLDEyLjUxOSw5MC4zNjQsMzcuNTQ2YzI1LjAzMywyNS4wMjYsMzcuNTQ4LDU1LjE1LDM3LjU0OCw5MC4zNkMzMjguOTExLDIzNi4yMTQsMzE2LjM5MiwyNjYuMzI5LDI5MS4zNjMsMjkxLjM1OHoNCgkJIi8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg=="); background-position: center; background-repeat: no-repeat; background-size: 20px 15px; cursor: pointer; } /*------------- Form --------------*/ .formulario{ width: 65%; margin: 0 auto; } .formulario .formTitle h1 { font-family: 'banks-miles-single' !important; font-size: 1.5rem; line-height: 1; color: #000; font-weight: bold; margin-bottom: 4px; } .formulario .formTitle h2 { font-family: 'Oswald' !important; text-transform: uppercase; font-size: 0.7rem; line-height: 1; color: gray; font-weight: bold; margin-bottom: 10px; } .formulario label{ display: none; width: 40% } .formulario .wFormCont { padding: 8px; background: rgba(255,255,255,0.25); display: flex; flex-wrap: wrap; } .formulario .formGroup{ / display: flex; margin: 0 1%; width: 48%; } .formulario .formGroup input { / font-family: 'banks-miles-single' !important; width: 100% !important; padding: 20px 10px; font-size: .8em; color: #000; font-weight: 500; border: 0; border-bottom: 1px solid #ccc; background: rgba(255,255,255,0.45); margin:0 0 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .formulario .formGroup select { width: 100% !important; box-sizing: border-box; padding: 18.5px 10px; border: 0; border-bottom: 1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; background: #ffd27f; font-weight: 500; color: gray; } .formulario .formGroup textarea { width: 100% !important; box-sizing: border-box; padding: 10px 10px; border: 0; border-bottom: 1px solid #ccc; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; background: #ffd27f; font-weight: 500; } .formulario .formGroup input:hover, .formulario.formGroup textarea:hover, .formulario .formGroup input:focus, .formulario .formGroup textarea:focus { border: 1px solid #ccc; } .formulario .formButtons { margin: 10px 10px 0 10px; } .formulario .formButtons input { font-family: 'banks-miles-single' !important; display: block; width: 100%; padding: 15px 30px; font-size: 1rem; text-align: center; text-transform: uppercase; color: #000; cursor: pointer; background:none; font-weight:bold; background: rgba(0,0,0,0.15); border: 1px dotted white; / box-sizing:border-box; / -moz-box-sizing:border-box; / -webkit-box-sizing:border-box; / -o-box-sizing:border-box; } .formulario .formButtons input:hover { color:#fff; background: rgba(247,142,105,0.65); } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .formulario{ width: 90%; } .formulario .formGroup input, .formulario .formGroup select, .formulario .formGroup textarea { font-size: .6em; font-weight: 500; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .formulario{ width: 80%; } .formulario .formGroup input, .formulario .formGroup select, .formulario .formGroup textarea { font-size: .8em; font-weight: 500; } } /* FIN MEDIA QUERIES 800 landscape */ .ori-side-wrapper{ -webkit-transform: translate3d(-300px,0,0); -moz-transform: translate3d(-300px,0,0); -ms-transform: translate3d(-300px,0,0); -o-transform: translate3d(-300px,0,0); transform: translate3d(-300px,0,0); width: 300px; margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; text-align: left; position: fixed; top: 0; bottom: 0; left: 0; min-height: 100%; line-height: 1; z-index: 3000001; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -moz-transition: -moz-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -ms-transition: -ms-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -o-transition: -o-transform .4s cubic-bezier(.215,.061,.355,1),background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); transition: transform .4s cubic-bezier(.215,.061,.355,1) 1s,background .4s cubic-bezier(.215,.061,.355,1),opacity .2s cubic-bezier(.215,.061,.355,1); -webkit-transition-delay: .05s; transition-delay: .05s; } .ori-side-wrapper.exposed{ -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .ori-side-wrapper .menuList.level-0>li { -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.061,.355,1),opacity .4s cubic-bezier(.215,.061,.355,1); transition: transform .3s cubic-bezier(.215,.061,.355,1),opacity .4s cubic-bezier(.215,.061,.355,1); } .ori-side-wrapper.exposed .menuList.level-0>li:nth-child(1) { transition-delay: .2s; -webkit-transition-delay: .2s; } .ori-side-wrapper .widget_container{ width: 100%; height: 100%; } .menuContainer{ width: 100%; overflow: auto; height: 100%; box-sizing: content-box; display: block!important; overflow-y: scroll!important; background-color: #000 !important; } .menuContainer .close{ position: relative; top: 0; width: 60px; height: 50px; left: 0; cursor: pointer; z-index: 20; } .menuContainer .close:before, .menuContainer .close:after{ height: 1px !important; width: 24px; top: 30px; left: 14px; display: block; content: ""; background: #e7e6dd; position: absolute; z-index: -1; transition: all .25s .25s; } .menuContainer .close:before{ -webkit-transform: rotate(-45deg)!important; -moz-transform: rotate(-45deg)!important; -ms-transform: rotate(-45deg)!important; transform: rotate(-45deg)!important; } .menuContainer .close:after{ -webkit-transform: rotate(45deg)!important; -moz-transform: rotate(45deg)!important; -ms-transform: rotate(45deg)!important; transform: rotate(45deg)!important; } .menuNavbar { width: 275px; position: absolute; height: 100%; min-height: 50vh; max-height: 100%; width: 100%; top: 0; left: 0; } .menuNavbar .contMenu{ display: block; vertical-align: middle; width: 100%; height: 100%; padding: 0; margin: 0; position: relative; top: 10%; } .menuList{ float: none!important; line-height: 1!important; margin: 0; padding: 0; list-style: none; } .menuElement:after{ content: ''; display: block; width: 100%; box-sizing: border-box; position: absolute; left: 0; right: 0; height: 1px; background: rgba(255, 255, 255, 0.2); margin: 0 auto; } .menuElement.level-0{ float: none!important; line-height: 1!important; text-align: center; text-transform: uppercase; cursor: pointer; margin: 0; list-style: none; -webkit-tap-highlight-color: rgba(255,255,255,0); display: block !important; } .menuElement.level-0 a{ font-weight: bold; font-size: 12px; text-align: left; letter-spacing: 1.5px; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; padding-left: 28px !important; text-rendering: optimizeLegibility; padding: 15px 0; text-transform: capitalize; color: #ffffff; display: block !important; margin: 0; box-sizing: border-box; position: relative; word-break: break-word; white-space: nowrap; text-decoration: none; transition: all .3s cubic-bezier(.215,.061,.355,1); } .menuElement > a:before{ position: absolute; top: 0; left: 0; content: ""; bottom: 0; width: 0; z-index: 0; background: rgba(255,255,255,.075); transition: all .3s cubic-bezier(.215,.061,.355,1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; display: block!important; } .menuElement.level-1 > a:before{ position: absolute; top: 0; left: 0; content: ""; bottom: 0; width: 0; z-index: 0; background: rgba(255,255,255,.15); transition: all .3s cubic-bezier(.215,.061,.355,1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; display: block!important; } .menuElement:hover > a:before{ width: 100%; } .menuList.level-1{ position: absolute; top: 0; width: 300px; padding-top: 50%; transform: translate3d(-25px, -25%, 0px); z-index: -2285; background: #435775; height: 101vh; transition: all .4s cubic-bezier(.215,.061,.355,1); -webkit-transition: all .4s cubic-bezier(.215,.061,.355,1); -moz-transition: all .4s cubic-bezier(.215,.061,.355,1); -ms-transition: all .4s cubic-bezier(.215,.061,.355,1); -o-transition: all .4s cubic-bezier(.215,.061,.355,1); -webkit-transition-delay: .05s; transition-delay: .05s; box-sizing: content-box; } .overflow-a{ overflow: auto; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .ori-side-wrapper .menuList.level-0>li{ -webkit-transition: auto; -moz-transition: auto; -o-transition: auto; transition: auto; } .menuList.level-1{ display: none; position: static; width: 100%; padding: 0; transform: none; background: #aa514a; height: 100%; -webkit-transition: auto; -moz-transition: auto; -o-transition: auto; transition: auto; } .menuList.level-1.open{ display: block; height: 100%; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { } /* FIN MEDIA QUERIES 800 landscape *//* ------------------------------------------------- CARRITO HOVER ------------------------------------------------- */ .cart{ /padding: 10px 14px; /border: 1px solid #fff; /border-radius: 3px; /margin-left: 10px; cursor: pointer; transition: all .3s ease; position: relative; } .cart .wdgProductsCart { display: flex; flex-direction: row-reverse; } .cart .wdgProductsCart .wdgTitle .title{ color: #fff; font-weight: bold; margin-left: 10px; font-size: 0.8em; } .cart .wdgProductsCart .productsCart .productsCartTitle{ position: relative; } .cart .wdgProductsCart .productsCart .productsCartTitle .icon{ /background: url(/drive/repo/general/bolsa-b-1.png) top left no-repeat; /background-size: 22px 20px; /width: 22px; /height: 20px; font-size: 1.7rem; position: relative; } .cart:hover{ /background:#fff; /border:1px solid #fff; } .cart:hover .wdgProductsCart .productsCart .productsCartTitle .icon{ /background: url(/drive/repo/general/bolsa-1.png) top left no-repeat; /background-size: 22px 20px; /filter: invert(1); } .cart:hover .wdgProductsCart .productsCart .productsCartTitle .text{ color:#fff !important; background: #000; } .cart:hover .wdgProductsCart .wdgTitle .title{ color:#333; } .cart .wdgProductsCart .productsCart .productsCartTitle .text{ position: absolute; bottom: -2px; right: -2px; border-radius: 50px; padding: 2px 2px; background: #00B0F0; color: #fff; font-size: 0.5em; width: 10px; height: 10px; display: flex; align-items: center; justify-content: center; letter-spacing: 0; transition: all .3s ease-in; } .cart .productsCartCont { display: none; cursor: auto; position: absolute; top: 35px; right: 0; z-index: 999; background: #f3d474; width: 380px; padding: 10px 10px 10px 10px; transition: all .21s; background: #f3d474; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-shadow: 0px 0px 14px #ccc; -webkit-box-shadow: 0px 0px 14px #ccc; box-shadow: 0px 0px 14px #ccc; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 3px 5px #ccc; } .cart .productsCartCont h4 { color: #fff; font-size: 8px; letter-spacing: 1.2px; / background: rgba(0,0,0,0.25); margin-top: -30px; margin-left: 43px; } .cart .productsCartTitle .text { color: transparent; font-size: 8px; letter-spacing: 1.2px; / background: rgba(0,0,0,0.25); / margin-top: 20px; margin-left: 43px; / width: 170px; padding-top: 5px; text-align: left; } .cart .productsCartTitle { /*font-size: 0; width: 40px; height: 40px; background: url(/drive/repo/editorweb/icon-cart.png) no-repeat center #000; background-size: 90%; position: relative; cursor: pointer; margin: 0 5px; text-align: center;*/ } .cart .productsCartCont { visible: none; } .cart .productsCartCont::before{ content: " "; display: block; margin-bottom: 10px; font-size: 1.5rem; font-weight: 700; text-align: center; color: #fff; } .cart .productsCartCont > h4 { font-size: 1rem; font-weight: 400; color: #fff; } .cart .productsCartCont .productCart { /width: 330px; max-width: 330px; padding: 5px 25px 5px 5px; margin-bottom: 2px; margin-top: 5px; margin: 5px 10px 2px 10px; position: relative; background-color: #f2f2f2; transition: background .5s ease; } .cart .productsCartCont .productCart:hover{ background-color: #cecece; } .cart .productsCartCont .productCart::after { content: " "; display: table; clear: both; } .cart .productsCartCont .prodPic { float: left; width: 12%; padding-bottom: 12%; margin-right: 10px; position: relative; background-color: #fff; overflow: hidden; } .cart .productsCartCont .prodPic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .cart .productsCartCont .prodDesc h3 { font-size: 12px; color: #000; padding: 2px 0 5px; font-weight: 400; line-height: 1.3; } .cart .productsCartCont .prodDesc h3 a { color: #444; } .cart .productsCartCont .productPrice { position: relative; bottom: 5px; left: 1%; padding: 5px 0px 1px; font-size: 18px; font-weight: 700; line-height: 1; color: #dd3928; } .cart .productsCartCont .productPrice span b { padding: 25px 0px 1px; } .cart .productsCartCont .productOptions .productDelete { position: absolute; right: 5px; top: 5px; width: 13px; height: 13px; background: #dd3928 url('/drive/repo/editorweb/icon_close.png') no-repeat center; background-size: 50%; border-radius: 3px; cursor: pointer; } .cart .productsCartCont .cartButtons { margin-top: 5px; } .cart .productsCartCont .cartButtons div { display: inline-block; vertical-align: top; width: 94.5%; margin: 0 0 0 0; margin: 1px 10px 10px 10px; text-align: center; } .cart .productsCartCont .cartButtons .closeBtn, .cart .productsCartCont .cartButtons .comprar a { padding: 10px 0; border-radius: 3px; font-size: .8rem; font-weight: 700; line-height: 1; text-transform: uppercase; text-decoration: none; color: #fff; background: #FEAA26; } .cart .productsCartCont .cartButtons .closeBtn { margin-left: 0; background-color: #444; cursor: pointer; } .cart .productsCartCont .cartButtons .closeBtn::after { content:"Seguir comprando"; } .cart .productsCartCont .cartButtons .comprar a { display: block; background-color: #687890; / padding: 10px 50px 10px 50px; transition: all .5s ease; } .cart .productsCartCont .cartButtons .closeBtn:hover{ opacity: .9; } .cart .productsCartCont .cartButtons .comprar a:hover { background: #000; } .user-no-reg{ margin-left: 10px; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .cart .productsCartTitle { margin-left: 0px !important; width: 40px !important; } .cart .productsCartTitle .text { / width: 0px !important; color: #000; font-size: 8px; letter-spacing: 1.2px; background: transparent; margin-top: 20px; margin-left: 54px; padding-top: 5px; text-align: left !important; } .cart .productsCartCont { display: none; right: 0; top: 35px; } .cart .productsCartCont .productCart { width: 300px; max-width: 300px; } header.fixed .cart .productsCartCont { right: 0; top: 35px; transition: all .21s; } .cart .wdgTitle{ color: #fff; } .cart .wdgProductsCart .productsCart .productsCartTitle .icon{ width: 10px; margin: auto; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .cart .productsCartTitle { / margin-left: 0px !important; / width: 40px !important; } .cart .productsCartTitle .text { / width: 170px !important; color: #000; font-size: 8px; letter-spacing: 1.2px; background: transparent; margin-top: 20px; margin-left: 46px; padding-top: 5px; text-align: left !important; } .cart .productsCartCont { display: none; top: 31%; left: 1%; width: 350px; } .cart .productsCartCont .productCart { width: 300px; max-width: 300px; } header.fixed .contMovil .carrito { margin-top: -15px; } header.fixed .cart .productsCartCont { top: 22.1% !important; left: 37.3% !important; transition: all .21s; } } /* FIN MEDIA QUERIES 800 landscape */ .coming_soon-wrapper{ display:flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0px; } .images-wrapper{ display:flex; justify-content: center; align-items: center; margin-top: 90px; } .coming-soon{ width: 30%; margin-right: 20px; } .verum-image{ width: 25%; } .text-wrapper{ margin-top: 15px; margin-bottom: 60px; } @media only screen and (min-device-width: 375px) and (max-device-width: 812px){ .text-wrapper .title{ font-size: 9px; } .coming-soon{ width:30%; } .verum-image{ width: 40%; } } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape){ .text-wrapper .title{ font-size: 12px; } .coming-soon{ width:20%; } .verum-image{ width: 30%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .text-wrapper .title{ font-size: 10px; } .coming-soon{ width:25%; } .verum-image{ width: 35%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .text-wrapper .title{ font-size: 13px; } }.redes-sociales { display: flex; align-items: center; justify-content: center; padding-top: 30px; } /*.redes-sociales .wdgTitle .title { margin-bottom: 10px; font-size: 20px; font-weight: 600; font-family: 'banks-miles-single'; }*/ .redes-sociales .wdgContent { width: 60%; margin: 0 auto; text-align: center; } .redes-sociales .contMenu .menuItem{ display: inline-block; margin: 5% 5px !important; width: 50px; height: 50px; text-align: center; box-shadow: 0 3px 5px 0px rgba(0, 0, 0, .2); transition: .2s; } .redes-sociales .contMenu .menuItem .menuItemCont{ height: 100%; display: flex; background: #435775; color: #fff; line-height: 50px; font-size: 18px; width: 100%; border-radius: 5px; justify-content: center; align-items: center; transition: .2s; } .redes-sociales .contMenu .menuItemCont .menuPic{ width: 100% !important; height: 100% !important; } .redes-sociales .contMenu .menuItemCont .menuPic > div { width: 100%; height: 100%; } .redes-sociales .contMenu .menuItemCont .menuPic a{ width: 50px; height: 100%; display: flex; justify-content: center; align-items: center; } .redes-sociales .contMenu div:last-child .menuItemCont .menuPic img{ width: 25% !important; height: 45% !important; } .redes-sociales .contMenu div:nth-child(2) .menuItemCont .menuPic img{ width: 45% !important; height: 45% !important; } .redes-sociales .contMenu div:first-child .menuItemCont .menuPic img{ width: 45% !important; height: 45% !important; } .redes-sociales .contMenu:hover .menuItem { filter: blur(2px); } .redes-sociales .contMenu .menuItem:hover{ filter: none; } .redes-sociales .contMenu .menuItem:hover .menuItemCont{ transform: translateY(-3px) scale(1.05); box-shadow: 0 5px 5px 0px rgba(0, 0, 0, .4); } .redes-sociales .contMenu div:nth-child(1):hover .menuItemCont{ background: #1877F2; } .redes-sociales .contMenu div:nth-child(2):hover .menuItemCont{ background: #E4405F; } .redes-sociales .contMenu div:nth-child(3):hover .menuItemCont{ background: #0A66C2; } .icon-bar-fixed .icon-bar{ position: fixed; top: 30%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 4; /width: 16%; transform: translateX(220px); -webkit-transform: translateX(220px); } .icon-bar-fixed .icon-bar .menuItemCont { text-decoration: none; width: 260px; /background: #3b5999; color: #fff; display: flex; justify-content: flex-start; align-items: center; padding: 5px; font-size: 16px; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear; } .icon-bar-fixed .icon-bar > .menuItemCont:first-child{ border-top-left-radius: 5px; } .icon-bar-fixed .icon-bar > .menuItemCont:last-child{ border-bottom-left-radius: 5px; } .icon-bar-fixed .icon-bar .menuItemCont { color: #fff; text-decoration: none; box-shadow: 1px 2px 3px #3e403e; } .icon-bar-fixed .icon-bar .menuItemCont i { padding-right: 23px; padding-left: 3px; font-size: 22px !important; animation: letszoom 3s linear alternate-reverse infinite; cursor:pointer; } .icon-bar-fixed .icon-bar .menuItemCont:nth-child(1) i { padding-right: 24px; padding-left: 3px; font-size: 21px !important; padding-top: 5px; padding-bottom: 2px; } .icon-bar-fixed .icon-bar .menuItemCont:nth-child(3) i { padding-right: 19px; padding-left: 3px; font-size: 26px !important; } .icon-bar-fixed .icon-bar .menuItem:nth-child(1) .menuItemCont{ background: #8e9aac; border-top-left-radius: 5px; } .icon-bar-fixed .icon-bar .menuItem:nth-child(2) .menuItemCont{ background: #7b899e; } .icon-bar-fixed .icon-bar .menuItem:nth-child(3) .menuItemCont{ background: #556782; border-bottom-left-radius: 5px; } @keyframes letszoom { from { transform: scale(0.8); } to { transform: scale(1); } } .icon-bar-fixed .icon-bar .menuItemCont:hover { transform: translateX(0); -webkit-transform: translateX(-220px); -ms-transform: translateX(-220px); border-top-left-radius: 5px; border-bottom-left-radius: 5px; cursor:pointer; } .whatsapp{ background: #25D366; / background: #ff6b35; / border-bottom: 1px dotted #fff; } .purchase{ / background: #ff6b35; background: #ff6b35; / border-bottom: 1px dotted #fff; } .search{ background: #ffa02f; / background: #ff6b35; / border-bottom: 1px dotted #fff; } .backHistory{ background: #2271b3; / background: #ff6b35; / border-bottom: 1px dotted #fff; } .purchase:hover, .whatsapp:hover, .search:hover, .backHistory:hover { / background: #333; } /* ------------------------------------------------- MODAL ---------------------------------------------------*/ #mask { position:absolute; z-index:9000; background-color:#000; display:none; top: 0; } #boxes .window { margin-left: auto; position: fixed; width: 440px; height: 200px; display: block; z-index: 9999; padding: 20px; top: 50%; right: 0; left: 0; margin-right: auto; } .modal-custom, .modal-custom1 { position: fixed; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 9999; display: none; width: 100%; height: 100%; min-width: 350px; overflow: hidden; outline: 0; transform: translateY(-50%); } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .modal-title { font-family: 'Oswald'; text-transform: uppercase; color: #d42e2d; margin-bottom: 0; line-height: 1.5; } .modal-header .close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; } .close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } /* Customize your modal window here, you can add background image too */ #boxes #dialog { width:375px; height:203px; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .icon-bar-fixed .icon-bar .menuItemCont{ width: 260px; } .icon-bar-fixed .icon-bar .menuItemCont:hover { transform: translateX(-220px); -webkit-transform: translateX(-220px); -ms-transform: translateX(-220px); } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .modal { width: 100% !important; height: 100% !important; } } /* FIN MEDIA QUERIES 800 landscape */ .btn-mark-read{ display: inline-block; padding: 4px 8px; margin-bottom: 0; font-size: 14px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border-radius: 4px; background-color: #fff; border-color: #ccc; box-shadow: 0px 0px 3px -1px #303030de; transition: .3s linear; } .btn-mark-read:hover{ color: #333; background-color: #e6e6e6; border-color: #adadad; } .alerts-container{ position: relative; z-index: 10; } .hidden{ display: none!important; } .show{ display: block!important; } .alert-icon{ font-size: 25px; position: relative; cursor: pointer; color: #28BE32; } .alerts-count{ background-color: #E42178; border: 1px solid #ddd; color: #fff; line-height: 14px; padding: 0 2px; position: absolute; top: -4px; right: -8px; font-size: 9px; font-style: normal; font-weight: 600; text-indent: 0; text-align: center; border-radius: 4px; min-width: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .alert-box{ z-index: 9999; width: 350px; max-height: 440px; position: absolute; -webkit-box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); background-color: #fff; border-radius: 2px 2px 5px 5px; color: #333; -webkit-font-smoothing: antialiased; font-size: 13px; top: 40px; left: -250px; } .alert-box::before{ top: -18px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: 76px; border: 10px outset transparent; border-bottom: 10px solid #fff; } .alert-box .alert-box__header{ border-bottom: 1px solid #ededed; padding: 0 20px; display: flex; height: 40px; line-height: 40px; color: #333; margin: 0; font-size: 14px; font-weight: 600; justify-content: space-between; align-items: center; } .alert-box .alert-box__container{ position: relative; overflow: hidden; max-height: 351px; min-height: 116px; } .alert-box .alert-list{ margin: 0; padding: 0; width: 100%; min-height: 116px; max-height: 300px; overflow: auto; } .alert-list li{ list-style: none; position: relative; } .alert-list li a{ width: 100%; } .alert-list__item.pending, .alert-list li:hover{ background:#f5f5f5; } .alert-list__item{ padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-top: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; transition: .6s ease; } .alert-list__item-no-content{ background-color: #f8f8f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; height: 116px; line-height: 116px; color: #333; font-size: 15px; text-align: center; text-shadow: 0 1px 1px #fff; } .item-content{ display: flex; width: 100%; cursor: pointer; } .thumbnail-container{ display: flex; align-items: center; } .thumbnail{ display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-radius: 0.42rem; margin-right: 0.5rem; } .image-thumbnail{ width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; color: #3f4254; background-color: #f3f6f9; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.42rem; } .info-container{ margin-right: 0.5rem; margin-top: 0.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; } .info-header{ display: flex; justify-content: space-between; } .info-header .info-date{ font-size: 10px; } .info-content{ display: flex; flex-direction: column; } .info-project, .info-task{ font-size: 12px; margin-top: 0.1rem!important; overflow: hidden; text-overflow: ellipsis; } .info-project i, .info-task i{ font-size: 10px; } .info-text{ margin-top: 0.5rem!important; } .alerts-btn { background-color: #fff; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; bottom: 0; -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); color: #3483fa; display: block; font-size: 14px; font-weight: 400; height: 51px; line-height: 50px; position: -webkit-sticky; position: sticky; text-align: center; text-decoration: none; z-index: 999; transition: all .3s linear; } .alerts-btn:hover{ -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); color: #3483fa !important; } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { .alert-icon{ font-size: 25px; position: relative; cursor: pointer; color: #28BE32; } .alerts-count{ / background-color: #d90000; background-color: #E42178; border: 1px solid #ddd; color: #fff; line-height: 14px; padding: 0 2px; position: absolute; top: -4px; right: -8px; font-size: 9px; font-style: normal; font-weight: 600; text-indent: 0; text-align: center; border-radius: 4px; min-width: 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .alert-box{ z-index: 9999; width: 500px; max-height: 440px; position: absolute; -webkit-box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); box-shadow: 0 12px 32px 0 rgb(0 0 0 / 16%); background-color: #fff; border-radius: 2px 2px 5px 5px; color: #333; -webkit-font-smoothing: antialiased; font-size: 13px; top: 40px; left: -380px; } .alert-box::before{ top: -18px; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; right: 100px; border: 10px outset transparent; border-bottom: 10px solid #fff; } .alert-box .alert-box__header{ border-bottom: 1px solid #ededed; padding: 0 20px; height: 40px; line-height: 40px; color: #333; margin: 0; font-size: 14px; font-weight: 600; } .alert-box .alert-box__container{ position: relative; overflow: hidden; max-height: 351px; min-height: 116px; } .alert-box .alert-list{ margin: 0; padding: 0; width: 100%; min-height: 116px; max-height: 300px; overflow: auto; } .alert-list li{ list-style: none; position: relative; } .alert-list li a{ width: 100%; } .alert-list__item.pending, .alert-list li:hover{ background:#f5f5f5; } .alert-list__item{ padding-left: 1.25rem; padding-right: 1.25rem; padding-bottom: 0.75rem; padding-top: 0.75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; transition: .6s ease; } .alert-list__item-no-content{ background-color: #f8f8f8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; height: 116px; line-height: 116px; color: #333; font-size: 15px; text-align: center; text-shadow: 0 1px 1px #fff; } .item-content{ display: flex; width: 100%; cursor: pointer; } .thumbnail-container{ display: flex; align-items: center; } .thumbnail{ display: inline-block; -ms-flex-negative: 0; flex-shrink: 0; position: relative; border-radius: 0.42rem; margin-right: 0.5rem; } .image-thumbnail{ width: 35px; height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: 500; color: #3f4254; background-color: #f3f6f9; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0.42rem; } .info-container{ margin-right: 0.5rem; margin-top: 0.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; } .info-header{ display: flex; justify-content: space-between; } .info-header .info-date{ font-size: 10px; } .info-content{ display: flex; flex-direction: column; } .info-project, .info-task{ font-size: 12px; margin-top: 0.1rem!important; overflow: hidden; text-overflow: ellipsis; } .info-project i, .info-task i{ font-size: 10px; } .info-text{ margin-top: 0.5rem!important; } .alerts-btn { background-color: #fff; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; bottom: 0; -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 8%); color: #3483fa; display: block; font-size: 14px; font-weight: 400; height: 51px; line-height: 50px; position: -webkit-sticky; position: sticky; text-align: center; text-decoration: none; z-index: 999; transition: all .3s linear; } .alerts-btn:hover{ -webkit-box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); box-shadow: 0 -4px 12px 0 rgb(0 0 0 / 20%); color: #3483fa !important; } } @media (min-width: 1400px) { } .tagsHomeMenu { / padding: 70px 0; / width:100%; / margin-top: 0px; position: relative; clear: both; z-index: 3; background: #556782; width: 100%; margin: 0 auto 10px auto; padding: 15px 0 15px 0; } .tagsHomeMenu1 { padding: 70px 0; background: url('/drive/repo/general/Formas_tit_009c.png') no-repeat top/cover; width:100%; margin-top: 0px; clear: both; position: relative; z-index: 3; } /* -------------------------------------------------------------------- Categorias especiales del home -- */ .tagsHomeMenu .wdgTitle { text-align: center; } .tagsHomeMenu1 .wdgTitle { text-align: left; padding-left: 8.6%; /background: url('/drive/repo/general/Formas_tit_009c.png') no-repeat top/cover; } .tagsHomeMenu .wdgTitle .title, .tagsHomeMenu1 .wdgTitle .title{ font-weight: bold; letter-spacing:1px; font-size:2.1em; color:#fff; } .tagsHomeMenu .wdgTitle .subtitle, .tagsHomeMenu1 .wdgTitle .subtitle{ font-family: Oswald; text-transform: uppercase; color: #fff; font-size: 14px; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { } /* FIN MEDIA QUERIES 800 landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape){ .tagsHomeMenu1 .wdgTitle .title{ font-size: 1.2em; } .tagsHomeMenu .wdgTitle .title { font-size: 1.2em; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .tagsHomeMenu1 .wdgTitle .title{ font-size: 1.5em; } .tagsHomeMenu .wdgTitle .title { font-size: 1.5em; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .tagsHomeMenu1 .wdgTitle .title{ font-size: 1.6em; } .tagsHomeMenu .wdgTitle .title { font-size: 1.6em; } } /* ------------------------------------------------- ESTRUCTURA ------------------------------------------------- */ h6 { padding: 40px 0 10px 0; / margin-left: 88%; text-align: center !important; } h6 [href] { text-decoration: none; padding: 20px 40px 20px 40px; background-color: rgba(0,0,0,0.6); color: #f1f1f1; font-family: 'banks-miles-single' !important; text-transform: uppercase; text-align: center !important; font-size: 10px; font-weight: 500; } .defpost1 p [href] { font-family: 'Oswald'; text-transform: uppercase; color: #000; font-size: .7rem; font-weight: bold; animation:blur .75s ease-out infinite; text-shadow:0px 0px 5px #fff, 0px 0px 7px #fff; } h4 { padding: 5px 0 10px 0; / margin-left: 88%; text-align: center !important; } h4 [href] { text-decoration: none; padding: 10px 10px 10px 10px; background-color: rgba(255,160,47,0.5); color: #333; font-family: 'banks-miles-single' !important; text-transform: uppercase !important; text-align: center !important; font-size: 8px !important; font-weight: bold !important; font-family: 'Oswald' !important; text-transform: uppercase !important; } h4:hover [href] { background-color: #ffa02f; } hr { padding: 10px 0; border: none; border-bottom: 1px dotted gray; } /* ------------------------------------------------- PUBLICACION POST-TITLE ------------------------------------------------- */ .defpost1{ position: relative; width: 100%; margin: 0 auto; margin-top: -50px; margin-bottom: 40px; padding-top: 70px; clear: both; background: transparent; / background: url('/drive/repo/general/LETRAS.PNG') fixed no-repeat top/cover; z-index: 0; } .defpost1 .wdgViewPost { width: 80%; margin: 0 auto; } .defpost1 em { color: #25ab8e !important; font-weight: bold !important; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .title { text-align: center; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle{ padding-top: 20px; padding-bottom: 10px; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle h2{ padding-bottom: 10px; font-size: 23px; font-weight: bold; } .defpost1 .screenPicCont { text-align: center; padding-top: 30px; padding-bottom: 10px; } .defpost1 .screenPicCont img { width: 50%; height: 50%; } /* ------------------------------------------------- PUBLICACION DESCRIPTION ------------------------------------------------- */ .defpost1 .wdgViewPost .wdgPost .PostDescription .description { width: 100%; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 27px; color: #fff; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; background: #25ab8e; padding: 10px 10px; margin: 10px 0; font-family: 'Oswald' !important; text-transform: uppercase !important; font-size: 18px; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h2 { padding: 10px 0; font-size: 23px; font-weight: bold; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h3 { padding-bottom: 10px; font-size: 21px; font-weight: bold; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description p { font-size:16px; letter-spacing: 1.1px; line-height: 1.4; font-weight:400; color:#000; padding: 10px 0; } .defpost1 .wdgViewPost .wdgPost .PostDescription p img { width: 20%; height: 20%; padding: 10px 0; } .defpost1 .wdgViewPost .wdgPost .PostDescription h2 img { width: 90%; height: 90%; border: 9px solid #ff6b35; margin: 18px 0; } /*.defpost1 .wdgViewPost .wdgPost .PostDescription h5 img { width: 25%; height: 25%; padding: 10px 0 5px; } */ .defpost1 .wdgViewPost .wdgPost .PostDescription h5 img { width: 40%; height: 40%; padding: 18px 0; } .defpost1 .PostDescription .description ul { padding: 0 0 2px 10%; } .defpost1 .PostDescription .description ol { padding: 0 0 2px 10%; } .defpost1 .PostDescription .description li::marker { color: #25ab8e; font-size: 1.3rem; font-weight: bold; } .defpost1 .PostDescription .description li { color: #000; padding: 0 0 8px 0px; font-size: 1rem; line-height: 1.5; font-weight: 500; margin: 0 0; } /* ------------------------------------------------- PAGINADO ------------------------------------------------- */ .pageCounter{ padding:30px 0 10px; float: right; } .numbers { float: right; } .CounterInfoResults { clear: left; padding: 30px 0 0px; font-size: 10px; font-weight: bold; } .pageCounter ul { list-style: none; } .pageCounter ul li { display: inline-block; vertical-align: middle; margin: 0 2px; text-indent: -99999px; overflow: hidden; cursor: pointer; } .pageCounter ul li:not(.before):not(.after) { width: 18px; height: 18px; border: 1px solid #eec239; border-radius: 50%; } .pageCounter ul li.selected { background-color: #eec239; } .pageCounter ul li.before, .pageCounter ul li.after { width: 25px; height: 25px; margin: 0 5px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; } .pageCounter ul li.before { background-image: url(/drive/repo/editorweb/left.png); } .pageCounter ul li.after { background-image: url(/drive/repo/editorweb/right.png); } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .jorge3 { width: 95%; margin-left: 2%; } .defpost1 .wdgPostCont{ text-align: left; font-size: 15px; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle h3, .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle h2 { padding-bottom: 10px; text-align: left; line-height: 1.1; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle h2{ font-size: 19px; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description p { text-align: left; line-height: 1.3; font-size: 13px; } .pageCounter ul li:not(.before):not(.after) { width: 10px; height: 10px; } .pageCounter ul li.before, .pageCounter ul li.after { width: 15px; height: 15px; margin: 0 5px; } .defpost1 .wdgViewPost .wdgPost .PostDescription h2 img { width: 100%; height: 100%; padding: 5px 0; text-align: center; } .defpost1 .screenPicCont img { width: 100%; height: 100%; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle{ padding-top: 0px !important; margin-top: 0px !important; } .jorge3 .wdgPicCont .pic img { width: 90%; height: 90%; } .listpost2 .PostPic img { width: 80%; height: 80%; } .listpost2 .PostDetails a, .listpost2 .PostDetails a:visited{ font-size: 0.7rem !important; line-height: 1.1; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .title { text-align: center !important; line-height: 1.1; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h3 { text-align: left; line-height: 1.1; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h1 { text-align: right !important; font-size: 14px; } .defpost1 .wdgViewPost .wdgPost .PostDescription h5 img { width: 50%; height: 50%; padding: 10px 0; } .defpost1 .PostDescription .description li { font-size: 1rem; line-height: 1.3; text-align: left !important; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .pageCounter ul li:not(.before):not(.after) { width: 18px; height: 18px; } .pageCounter ul li.before, .pageCounter ul li.after { width: 25px; height: 25px; margin: 0 5px; } .jorge3 { width: 90%; margin-left: 5%; position: relative; } .jorge3 .col1Left { float: left; width:20%; margin-top: 15px; margin-bottom: 30px; } .jorge3 .col2Righ { float: right; width:75%; margin-top: 15px; margin-bottom: 30px; } .defpost1 .wdgPostCont{ margin-left: 5%; margin-top: 0px; text-align: justify; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle{ width: 100%; text-align: center !important; margin-top: -20px; padding-bottom: 0px; } .defpost1 .wdgViewPost .wdgPostPrincipal .PostTitle .subtitle h1{ font-family: 'Oswald'; text-transform: uppercase; font-size: 19px; color: #fff; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; width: 90%; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description { / width: 90%; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h2 { font-size:16px; letter-spacing: 1.2px; line-height: 1.1; font-weight:400; color:#fff; text-align: center !important; margin-top: -5px; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h3 { font-size:18px; line-height: 1.1; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h1 { font-size: 14px; color: #fff; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h1 a { font-family: 'Oswald'; text-transform: uppercase; text-decoration: none; font-size: 24px; color: #FEAA26; letter-spacing: 1.5px; line-height: 1.2; letter-spacing: 1.3px; font-weight:400; } .defpost1 .wdgViewPost .wdgPost .PostDescription p img { width: 80%; height: 80%; padding: 2px 0; text-align: center; } .defpost1 .wdgViewPost .wdgPost .PostDescription h2 img { width: 100%; height: 100%; padding: 5px 0; text-align: right !important; } .defpost1 .screenPicCont img { width: 65%; height: 65%; } .jorge3 .wdgPicCont .pic img { width: 60%; height: 60%; padding-bottom: 10px; } .defpost1 .wdgViewPost .wdgPost .PostDescription .description h1 { text-align: right !important; font-size: 16px; } } /* FIN MEDIA QUERIES 800 landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: landscape){ .defpost1 .screenPicCont img{ width: 40%; } .defpost1 .wdgViewPost .wdgPost .PostDescription h5 img{ width: 20%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px){ .defpost1 .screenPicCont img{ width: 50%; } .defpost1 .wdgViewPost .wdgPost .PostDescription h5 img{ width: 25%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} .alerts-count{ background-color: #28BE32; } .links_head a, header.fixed .links_head a { color: #fff; } .w-nav-icon i, .w-nav-icon i:before, .w-nav-icon i:after { color: #28BE32; } .ob .obIcon.iconApps:hover{ background: transparent url(/drive/repo/editorweb/9pW.png); background-position: 10px 11px; background-repeat:no-repeat; background-size: 20px 20px; /border: 1px solid #8a0e04; } .ob .userCont .user .userDetails .perfil a{ background:#28BE32; border:1px solid #28BE32; text-shadow: none; } .ob .userCont .user .userDetails .perfil a:hover{ text-decoration: none; background: #7b899e; border: 1px solid #7b899e; color: #fff; } .ob .userCont .btnChangeUser, .ob .userCont .logOut{ background:#28BE32; border:none; } .ob .userCont .userSesion{ background:#28BE32; } .ob .userCont .logOut:hover{ background: #7b899e; border:none; } .loadOrisom .loadOrisomImg{ display: none; } .cursosLista .wdgItemPost { background: #fff; border: 0.5px dotted gray; opacity: 0.8; } .cursosLista .wdgItemPost:hover { opacity: 1; } .faq .PostTitle .title h1 { opacity: 0.7; }.container-dashboard { height: 520px; box-shadow: 0 2px 4px #000; } .ob .userCont .userSesion{ background:#28BE32; } .ob .userCont .logOut:hover{ background: #28BE32; border:none; text-transform: uppercase; font-weight: bold; } .ob .userCont .user .userDetails .name{ color: #28BE32; font-weight: bold; font-family: inter; font-size:13px; text-transform: uppercase; } .container-dashboard .appMenu .appMenu-header { padding: 10px 6px 20px 0; } .container-dashboard .appMenu .appMenu-header .user-info .user-dni { display: none; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a i{ background: #28be32; margin: 7px; } .col .menu-responsive .menu-desktop{ align-items: center !important; } .cart { display: none; } .ob .userCont { top: 100px; } .container-dashboard { top: 100px; } header.fixed .ob .userCont { top: 70px; } header.fixed .container-dashboard { top: 70px; } .container-dashboard .appMenu .appMenu-header .user-header { background: #8e9aac; } .container-dashboard .appMenu .appMenu-header .user-info > span, .container-dashboard .appMenu .appMenu-header .user-info, .ob .userCont .user .userDetails .perfil a, .ob .userCont .logOut{ color: var(--secondary-color-text) !important; } .ob .userCont .title, .ob .appsCont .title { font-weight: bold; padding: 10px 0; font-family: 'raleway'; text-transform: uppercase; color: #000 !important; font-size: 12px !important; } .ob .userCont .title a, .ob .appsCont .title a, .container-dashboard .title span a { display: none; } .menuContainer{ background-color: #666 !important; font-family: 'banks-miles-single', sans-serif; } .container-dashboard .appMenu .appMenu-header .user-pic img { max-width: 100%; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown > a{ color: #000; font-family: "raleway"; text-transform: uppercase; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a{ color: #000; font-family: "raleway"; font-weight: bold; text-transform: uppercase; justify-content: center; justify-items: center; } .container-dashboard .appMenu .appMenu-content .appMenu-content-dropdown.active .submenu ul li a span{ font-size: 9px; } .coming_soon-wrapper{ / background-color: rgba(255,255,255,0.8); } .images-wrapper{ margin-top: 40px; } .text-wrapper { margin-top: 20px; width: 60%; margin: 0 auto; clear: both; padding-bottom: 20px; } .text-wrapper .title h1 { text-align: center; padding-bottom: 15px; } .text-wrapper .description p { text-align: justify; padding-bottom: 10px; font-weight: 600; } .text-wrapper .description a { font-weight: bold; font-size: 13px; color: #FB7539; } /* ------------------------------------------------- MEDIA QUERIES 1023 px MIO PORTRAIT ------------------------------------------------- */ @media (max-width: 1023px) { .text-wrapper { width: 80%; } .text-wrapper .description p { text-align: left !important; } } /* FIN MEDIA QUERIES 1023 portrait */ /* ------------------------------------------------- MEDIA QUERIES LANDSCAPES ------------------------------------------------- */ @media (max-width: 800px) and (orientation: landscape) { .text-wrapper .description p { text-align: justify !important; } } /* FIN MEDIA QUERIES 800 landscape */