a {text-decoration: none;} a:hover {color: #FF0066;} a:active {} a:visited { text-decoration: none;} #flechas_bajo{display:none; padding-bottom:1.5em;} #flechas_bajo.paginador {display:block;} #flechas_bajo img{width:30px; height:30px;} #flechas_bajo img:hover{webkit-filter: brightness(130%);filter: brightness(130%);} .lg-breack{display:block} #contenedor_g{padding-top:15px;paddign-bottom:15px;} #whatsapp {text-align:right; font-size:1.4em; line-height: 1.5em;} #whatsapp a{color:#999999} #whatsapp a:hover{color:#999999; text-decoration:none; cursor:auto;} #whatsapp i{/*font-size: 2.6em;*/font-size: 1.6em;color: #27b00c80;/*padding: 0 0.2em 0 0;*/line-height: 1em;vertical-align: sub;margin-top: -3px;} #whatsapp .nota{/*font-size:0.6em;letter-spacing: -0.1em;*/} #whatsapp .whatsapp{border-left: solid 1px #999;padding-left: 1em;color: #27b00c;} #breadcrumbs{font-family: "Fjalla One", Arial, Helvetica, sans-serif; color:#777; text-align:left; margin-bottom:10px;letter-spacing: 0.02em; font-size: 1.2em; width:100%} #breadcrumbs a{color:#F3C;} #breadcrumbs a:hover{color:#F60; text-decoration:underline;} #breadcrumbs ul{list-style:none;padding-left:0;} #breadcrumbs li {display:inline;} #breadcrumbs a.current {cursor:default; color:#999;} #breadcrumbs a.current:hover{text-decoration:none;} #busca_g{margin-bottom:10px} #busca_g .menu_texto2{padding-left:1em;line-height: 1.5em; hyphens:none;display: inline-block;} #busca_g .menu_texto2:first-child{padding-left:0em;} #busca_g .menu_texto2.social{padding-left:0;line-height: 1.2em;} @media (min-width: 100px) and (max-width:768px) { #busca_g .pl-2{padding-top:1em;} #busca_g .menu_texto2{width: 150px;padding-left:0em!important; padding-bottom: 0.7em;line-height: 1.2;vertical-align: top;} #busca_g .menu_texto2.social{width: auto;margin-left: 0 !important; font-size: 20px; vertical-align: top;} #busca_g .search {padding-top: 0!important;margin-top: -5px; float: left !important; width: 100%;} #busca_g #cse-search-box .form-control { width: 90% !important;} .form-inline {justify-content: center;} } #busca_g .search{display: inline-block;float:right;padding-top: 0.2em;} #busca_g #cse-search-box {font-size: 0.9rem;} #busca_g #cse-search-box .form-control{padding:0.2em 0.5em; margin:0; border-right:0;} @media (min-width: 100px) and (max-width:992px) { #busca_g #cse-search-box .form-control{width:215px;}} #busca_g #cse-search-box .btn{margin:0 0 0 -30px; border:none;} #busca_g .social{font-size: 2.7em;color: #fff;vertical-align: middle;} #busca_g .social:hover{color: #FF0066;} #cse-search-box input{padding: 0.01em 0.4em;vertical-align: bottom;} /*#cse-search-box button{vertical-align: middle;line-height: 1em;padding: 0.3em;}*/ .secciones{ width:100%; height:100px; background:#FCD2A9; color:#333; visibility:hidden;} /*------------------------------ MENU ------------------------------*/ .navbar-light .navbar-toggler {border-color: rgb(231, 122, 0);} .navbar-light .navbar-toggler-icon {width: 1em;background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(231, 122, 0, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");} .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #FF0066;} nav {margin:10px auto; text-align:center;} nav ul li {line-height:1.5; font-size:0.55rem;} nav ul li:hover a {color:#f3c; } .dropdown-menu{ left: auto; width: auto;} .dropdown-item.active, .dropdown-item:active {color: #FF0066; text-decoration: none; background-color: #fff;} #navigation_g.v2 {background-color:#fff; color:#333;} #navigation_g.v2 a{color:#333;} #navigation_g.v2 ul li{font-family: "Fjalla One", Arial, Helvetica, sans-serif; font-weight: 400;font-size:1.1rem;} #navigation_g.v2 ul li div a{font-weight: 100; font-size:0.8rem;} .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1rem; padding-left: 1rem; padding-top:0.2em; padding-bottom:0.1em;} .navbar-nav .nav-link {padding-bottom:0.1em;} @media (max-width:992px) { .navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.25rem;padding-left: 1.25rem;} } #navigation_g.v2 #logoAdrada2{display:none;} @media (min-width: 100px) and (max-width:992px) { #navbarSupportedContent{overflow-x: auto;} #navigation_g.v2 .adrada {display:none;} #navigation_g.v2.line #logoAdrada2{display:block; margin-top: -5px;z-index:-1;} nav#navigation_g.v2 ul li {float:none; float: none;text-align: left;border-bottom:solid 1px #9996;} } #navigation_g.v2 .adrada a{margin-top: 0;padding-top: 0;} #navigation_g.v2 .adrada img{display:block; margin-bottom:0;} #navigation_g.v2.line{border-bottom:solid 1px #003;width: 100%;position: fixed;margin-top: 0;padding-top: 14px;left: 0;} #navigation_g.v2.line .navbar-nav{margin: 0 auto;} @media (min-width: 100px) and (max-width:576px) { /*nav#navigation_g.v2 ul li {float:none; float: none;text-align: left;border-bottom:solid 1px #9996;}*/ nav#navigation_g.v2 ul li a{padding-left: 1em;} nav#navigation_g.v2 ul li a:hover{background-color: #f7f7f9;} nav#navigation_g.v2 ul li .dropdown-menu{border:none;padding-left: 1em; padding-top:0;} /*#navigation_g.v2 .adrada {display: none;}*/ #navigation_g.v2.line {padding-top: 40px; /*background:url(../img/logos/logo_adrada.jpg) no-repeat center 10px #fff;background-size: 140px;*/} .navbar-light .navbar-toggler{top: 15px;position: fixed;left: 15px;padding: 0 5px;z-index: 1030;} } /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 576px) and (max-width:768px) { nav#navigation_g.v2 ul li {float:none; float: none;text-align: left;padding-left: 1em;} nav#navigation_g.v2 ul li .dropdown-menu{border:none;} .navbar-light .navbar-toggler{top: 15px;position: fixed;left: 15px;padding: 0 5px;z-index: 1030;} } /* Medium devices (tablets, 768px and up)*/ @media (min-width: 768px) and (max-width:920px) { nav#navigation_g.v2 ul li {float:none; float: none;text-align: left;padding-left: 1em;} nav#navigation_g.v2 ul li .dropdown-menu{border:none;} .navbar-light .navbar-toggler{top: 15px;position: fixed;left: 15px;padding: 0 5px;z-index: 1030;} } @media (min-width:992px) {#navigation_g.v2 ul li.first-element>a{padding-left: 0;}} .current-section{-webkit-box-shadow: 0px 3px 0px 0px rgba(255,128,0,1); -moz-box-shadow: 0px 3px 0px 0px rgba(255,128,0,1); box-shadow: 0px 3px 0px 0px rgba(255,128,0,1);} .current-section a{color:rgba(255,128,0,1);} #navigation_g.v2 .current-section a.current-section{box-shadow: none; color:rgba(255,128,0,1);} /*#navigation_g.v2 .current-section a{color:rgba(255,128,0,1);}*/ .submenuTitulo p{margin-top:35px;} /**************************************** submenus *******************************************************************/ .menu-portadas{font-family: "Fjalla One", Arial, Helvetica, sans-serif; font-weight: 400;font-size:1.1rem;width:100%; hyphens:none;} .menu-portadas.sbproductos div{font-size:0.8rem;line-height:1.5 !important;} .menu-portadas.sbproductos div img{margin-bottom:1em;} .menu-portadas div{margin-bottom:30px; line-height:1!important; } .menu-portadas a{font-size: 0.8rem; line-height:1.5!important; color: #666;} .menu-portadas a:hover{text-decoration:none; color:#f3c;} .menu-portadas:hover div a img, .grey-image{ opacity: 0.5; -webkit-opacity: 0.5; -moz-opacity: 0.5; -ms-opacity: 0.5; filter:; /* IE8 o anterior */ filter: url('#grayscale') alpha(opacity=50); /* V. SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); /* Para cuando es estándar funcione en todos */ filter: Gray(); /* IE4-8 and 9 */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .menu-portadas div a:hover img, .grey-image:hover{ opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; filter:; /* IE8 o anterior */ filter: url('#grayscale') alpha(opacity=0); /* V. SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */ -webkit-filter: gnone; -moz-filter: none; -ms-filter: none; filter: none; /* Para cuando es estándar funcione en todos */ filter: none; /* IE4-8 and 9 */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} @media (max-width:576px) { .menu-portadas div{margin-bottom: 0;font-size:1.5rem;} .menu-portadas a {font-size: 1.1rem;text-align:left;padding: .1em 1em;display: block;} .menu-portadas div a img{width:12%;padding-bottom: 0.4em;display:inline-block;} } @media (min-width: 576px) and (max-width:768px) { .menu-portadas div{margin-bottom: 0;font-size:1.5rem;} .menu-portadas a {font-size: 1.1rem;text-align:left;padding: .1em 1em;display: block;} .menu-portadas div a img{width:30%;padding-bottom: 0.4em;display:inline-block;} } @media (min-width: 768px) and (max-width:992px) { .menu-portadas div a img{padding-bottom: 0.4em;display:inline-block;margin-left: 10%; margin-right: 10%;} } @media (min-width: 992px){ .menu-portadas div a img{padding-bottom: 0.4em;margin-left: 10%; margin-right: 10%;} } /**************************************** logo *******************************************************************/ @media (max-width:992px) { .logo{text-align: center;} } /*************************************************************** paginador **************************************************/ #flechas_bajo.paginador a.item.arrow {padding: 0;} #flechas_bajo.paginador .separador{padding-top: 17px;} #flechas_bajo.paginador img {width: 23px;height: 23px;} #flechas_bajo.paginador .item{display: inline-block;border: solid 1px #ccc;margin: 0.6em;min-width: 24px;height: 23px;text-align: center;padding-top: 2px;color: #999;} #flechas_bajo.paginador a.item:hover, #flechas_bajo.paginador span.item{background-color:orange;color:#fff;text-decoration:none;border:solid 1px orange;} #flechas_bajo.paginador .item.arrow, #flechas_bajo.paginador .item.arrow:hover{border:none;background-color:transparent;} /*************************************************************** carrusel **************************************************/ #carouselJuegosNav .carousel-control-next-icon, #carouselJuegosNav .carousel-control-prev-icon {background: none;width: 40px;} #carouselJuegosNav .carousel-control-next-icon:before, #carouselJuegosNav .carousel-control-prev-icon:before {font-size: 27px;color: #fff; font-family:'Font Awesome\ 5 Free'; text-align:center;} #carouselJuegosNav .carousel-control-next-icon:before{content: '\f35a';} #carouselJuegosNav .carousel-control-prev-icon:before {content: '\f359';} #carouselJuegosNav .carousel-control-next, #carouselJuegosNav .carousel-control-prev{width:auto;position: relative;display: inline; float:right;} @media (min-width: 992px) { .carousel .boxProd.col-lg-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 23.38%; -ms-flex: 0 0 23.38%; flex: 0 0 23.38%; max-width: 23.38%;}} /*************************************************************** top button **************************************************/ #topBoton2 {width: 52px; line-height: 52px; overflow: hidden; z-index: 999; display: none; cursor: pointer; -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); position: fixed; bottom: 16px; left: 3%; background-color: bisque; color: white; text-align: center; font-size: 28px; text-decoration: none;border-radius: 10px;opacity: 0.8;transition-delay: 0; transition-duration: 1s; transition-property: all;border: none; outline: none; -webkit-box-shadow: -4px 0px 5px 1px rgba(0,0,0,0.3);-moz-box-shadow: -4px 0px 5px 1px rgba(0,0,0,0.3); box-shadow: -4px 0px 5px 1px rgba(0,0,0,0.3);} #topBoton2:hover {background-color: #FFA953; opacity: 1; -webkit-box-shadow: -4px 0px 5px 1px rgba(0,0,0,0.5);-moz-box-shadow: -4px 0px 5px 1px rgba(0,0,0,0.5); box-shadow: -4px 0px 5px 1px rgba(0,0,0,0.5);} .ListaCategorias{} .ListaCategorias ul{} .ListaCategorias>ul>li{margin-left: 0;} .ListaCategorias li{align-items: baseline;margin-left: 1em;} .ListaCategorias li a{margin-right:1em; padding:1em;} .ListaCategorias li li{padding: 0; border-top:none;border-bottom:none;border-right:none;border-radius:0!important;} /*************************************************************** menu lateral **************************************************/ .nav-side-menu{overflow:auto;width:100%;color:#333;font-family:"Fjalla One",Arial,Helvetica,sans-serif;font-weight:400;font-size:.9rem} .nav-side-menu .brand{line-height:50px;display:block;text-align:center;background-color:#FFA953;color:#FFF;font-family:Verdana,Geneva,sans-serif;font-size:14pt} /*-------------------------------------------*/ .nav-side-menu .toggle-btn{display:none} .nav-side-menu ul,.nav-side-menu li{list-style:none;padding:0;margin:0;line-height:35px;cursor:pointer;border-bottom:solid 1px #ccc} .nav-side-menu ul :not(collapsed) .arrow:before,.nav-side-menu li :not(collapsed) .arrow:before{font-family:FontAwesome;content:"\f078";display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle;float:right;font-size:.7em} .nav-side-menu ul .active,.nav-side-menu li .active{border-left:3px solid #F3C} .nav-side-menu ul .sub-menu li.active,.nav-side-menu li .sub-menu li.active{color:#d19b3d} .nav-side-menu ul .sub-menu li.active a,.nav-side-menu li .sub-menu li.active a{color:#d19b3d} .nav-side-menu ul .sub-menu li,.nav-side-menu li .sub-menu li{border:none;line-height:17px;margin-left:0;font-family:Verdana,Geneva,sans-serif;font-size:8pt} .nav-side-menu ul .sub-menu li:before,.nav-side-menu li .sub-menu li:before{font-family:FontAwesome;content:"\f105";display:inline-block;padding-left:10px;padding-right:10px;vertical-align:middle} .nav-side-menu li{padding-left:0;border-left:3px solid #FFA953;border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;padding-left:.4em} .nav-side-menu li a{text-decoration:none;color:#333} .nav-side-menu li a i{padding-left:10px;width:20px;padding-right:20px} .nav-side-menu li:hover{border-left:3px solid #d19b3d;background-color:#f7f7f9;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease} @media (max-width: 767px) { .nav-side-menu{position:relative;width:100%;margin-bottom:10px} .nav-side-menu .toggle-btn{display:block;cursor:pointer;position:absolute;right:10px;top:10px;z-index:10!important;padding:3px;color:#fff;width:40px;text-align:center} .brand{text-align:left!important;font-size:22px;padding-left:20px;line-height:50px!important} .nav-side-menu .toggle-btn{display:block} } @media (min-width: 767px) { .nav-side-menu .menu-list .menu-content {display: block;} } /************************************************ ********** Menu desplegable *************/ .father-item:hover .child-item { display:block;} .dropdown-menu { top: 95%;}