ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
header h2 {
margin: 25px 10px;
font-size: 28px;
text-align: center;
color: cornsilk;
}
.container {
margin: 10px auto;
display: table;
max-width: 100%;
width: 100% !important;
}
nav.menu {
transition: all 0.4s ease;
position: relative;
height: auto;
margin-left: -23px;
margin-right: -15px;
min-width: 960px;
width: 102%;
}
.mm-3column.Edades {
width: 14% !important;
}
@media only screen and (max-width: 1481px) {
nav.menu {
margin-left: -16px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1166px) {
nav.menu.liMenu>ul>li {
width: 100% !IMPORTANT;
font-size: 14px;
border-left: 1px solid;
line-height: 39px;
border-left: 1px solid;
}
}
@media only screen and (min-width: 768px) and (max-width: 1166px) {
nav.menu {
margin-left: -8px;
margin-right: -5px;
}
nav.menu.liMenu>ul {
display: table;
width: 100%;
}
nav.menu.liMenu>ul>li {
display: table-cell;
margin: 0;
width: 100%;
float: none;
text-align: center !important;
padding: 0;
white-space: nowrap;
}
.menu>ul li a,
.xs-menu li a {
/* border-right: 1px solid #FFF; */
width: 100%;
font-size: 12px;
line-height: 40px;
display: inline-block !important;
/* padding: 0 10px !important; */
font-weight: 400;
text-transform: capitalize !important;
}
nav.menu {
margin-left: -4px !important;
margin-right: -4px !important;
width: 101%;
}
}
.navMenuFixed {
top: 0 !important;
z-index: 400;
height: auto !important;
position: fixed !important
}
a.cn_v2_dynamic_element_button:hover {
color: white !important;
}
.menu>ul>li {
list-style: none;
display: inline-block;
color: #fff;
line-height: 45px;
font-size: 15px;
width: 18%;
text-align: center;
border-left: 1px solid;
}
.col-sm>a.menuEnlace {
color: black !important;
font-weight: bold;
}
.col-sm>a.menuEnlace:hover {
background: white !important;
color: #fb6a12 !important;
transition-duration: 0.1s;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
}
a.menuEnlace:hover {
background: white !important;
}
@media screen and (min-width: 601px) and (max-width: 991px) {
.menu>ul>li {
/* line-height: 28px; */
font-size: 14px;
/* width: 13%;
text-align: center;
border-left: 0px solid; */
}
}
@media screen and (min-width: 768px) and (max-width: 863px) {
li.drop-down.p-2 img {
width: 18px;
height: 18px;
}
li.drop-down1.p-2 img {
width: 18px;
height: 18px;
}
li.drop-down2.p-2 img {
width: 18px;
height: 18px;
}
li.drop-down3.p-2 img {
width: 18px;
height: 18px;
}
li.drop-down4.p-2 img {
width: 18px;
height: 18px;
}
li.p-2 img {
width: 18px;
height: 18px;
}
.mm-3column {
width: 33% !important;
}
.mm-3column.piscinas {
width: 25% !important;
}
.mm-3column.Edades {
width: 25% !important;
}
.mega-menu.fadeIn.animated.display-on {
width: 99%;
height: 230px;
overflow: scroll;
}
.mega-menu1.fadeIn.animated.display-on {
width: 99%;
height: 230px;
overflow: scroll;
}
.mega-menu2.fadeIn.animated.display-on {
width: 99%;
height: 230px;
overflow: scroll;
}
.mega-menu3.fadeIn.animated.display-on {
width: 99%;
height: 230px;
overflow: scroll;
}
img.lazy.edades {
width: 35% !important;
height: auto !important;
border-bottom: 0px;
}
}
img.lazy.edades {
border-bottom: 0px;
}
@media screen and (min-width: 1181px) and (max-width: 1425px) {
.menu>ul>li {
line-height: 28px;
font-size: 11px;
width: 14%;
white-space: nowrap;
}
}
@media screen and (min-width: 1166px) and (max-width: 1181px) {
.menu>ul>li {
font-size: smaller;
line-height: 28px;
width: 16%;
white-space: nowrap;
}
.menu>ul li a,
.xs-menu li a {
padding: 0px 12px !important;
}
}
@media screen and (min-width: 991px) and (max-width: 1166px) {
.menu>ul>li {
/* line-height: 29px; */
font-size: 12px;
width: 15% !important;
/* border-left: 0px solid; */
white-space: nowrap;
}
}
.menu>ul li a,
.xs-menu li a {
text-decoration: none;
color: #fff;
display: block;
padding: 0px 14px !important;
}
.menu>ul li a:hover {
background: #fb6a12;
color: #ffff !important;
border-radius: 3px;
transition: background-color 0.3s ease;
/* font-size: 1.1em; */
}
.menu>ul li .liMenu>a:hover {
color: #0090d8 !important;
}
.displaynone {
display: none;
}
.xs-menu-cont {
display: none;
}
.xs-menu-cont>a {
background: linear-gradient(#009ef0, #0070bf);
border-radius: 3px;
padding: 3px 6px;
display: block;
max-width: 555px;
border-bottom: 1px solid #0070bf;
box-shadow: 0 1px 2px #e67248;
-webkit-box-shadow: 0 1px 2px #e67248;
-moz-box-shadow: 0 1px 2px #e67248;
}
.xs-menu-cont>a:hover {
cursor: pointer;
}
.xs-menu li {
color: #fff;
padding: 14px 10px;
border-bottom: 1px solid #ccc;
background: #009ef02b;
}
.xs-menu a {
text-decoration: none;
}
.mega-menu {
background: none repeat scroll 0 0 white;
left: 0;
position: absolute;
width: 100%;
padding: 15px;
display: none;
transition-duration: 0.1s;
}
.mega-menu1 {
background: none repeat scroll 0 0 white;
left: 0;
position: absolute;
width: 100%;
padding: 15px;
display: none;
transition-duration: 0.1s;
}
.mega-menu2 {
background: none repeat scroll 0 0 white;
left: 0;
position: absolute;
width: 100%;
padding: 15px;
display: none;
transition-duration: 0.1s;
}
.mega-menu3 {
background: none repeat scroll 0 0 white;
left: 0;
position: absolute;
width: 100%;
padding: 15px;
display: none;
transition-duration: 0.1s;
}
.mega-menu4 {
background: none repeat scroll 0 0 white;
left: 0;
position: absolute;
width: 100%;
padding: 15px;
display: none;
transition-duration: 0.9s;
}
.mega-menu5 {
background: none repeat scroll 0 0 white;
left: 0;
position: absolute;
width: 100%;
padding: 15px;
display: none;
transition-duration: 0.9s;
}
#menutoggle i {
color: #fff;
font-size: 33px;
margin: 0;
padding: 0;
}
/*--column--*/
.mm-6column:after,
.mm-6column:before,
.mm-3column:after,
.mm-3column:before {
content: "";
display: table;
clear: both;
}
.mm-6column,
.mm-3column {
float: left;
position: relative;
}
.mm-6column {
width: 50%;
}
.mm-3column {
width: 25%;
}
.responsive-img {
display: block;
max-width: 100%;
}
.left-images {
margin-right: 25px;
}
.left-images,
.left-categories-list {
float: left;
}
.categories-list li {
display: block;
line-height: normal;
margin: 0;
padding: 5px 0;
}
.categories-list li :hover {
background: inherit !important;
}
.left-images>p {
background: none repeat scroll 0 0 #ff7f50;
display: block;
font-size: 18px;
line-height: normal;
margin: 0;
padding: 5px 14px;
}
.categories-list span {
font-size: 11px;
/* padding-bottom: 5px;*/
text-transform: uppercase;
color: #fb6a12;
font-weight: bold;
}
.mm-view-more {
background: none repeat scroll 0 0 #ff7f50;
color: #fff;
display: inline !important;
line-height: normal;
padding: 5px 8px !important;
margin-top: 10px;
}
.display-on {
display: block;
}
.drop-down>a:after {
content: "\f103";
color: #fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
}
.drop-down2>a:after {
content: "\f103";
color: #fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
}
.drop-down3>a:after {
content: "\f103";
color: #fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
}
.drop-down4>a:after {
content: "\f103";
color: #fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
}
/*MediaQuerys*/
@media (max-width: 767px) {
.menu {
display: none;
}
.xs-menu li a {
color: black;
padding: 0px;
}
.xs-menu-cont {
display: block;
}
.xs-menu-cont>a {
margin-left: -10px;
}
nav#menunavjugue {
display: inherit;
}
}
/*Animation--*/
.animated {
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
z-index: 1000;
box-shadow: 0px 10px 10px black;
margin-top: 0px;
}
/*ARREGLOS--*/
.ul {
color: black;
}
.mm-3column.boton {
float: inherit;
}
@media screen and (min-width: 601px) and (max-width: 991px) {
nav.menu {
margin-left: 0px;
margin-right: 0px;
min-width: 0;
}
}
.imgMenuMovilMarcas {
margin-right: 2px;
min-width: 30px;
min-height: 30px;
max-width: 32px;
max-height: 32px;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
/* // Usage as a mixin
.element {
.center-block();
} */
.drop-down>a:after {
display: none;
}
.drop-down2>a:after {
display: none;
}
.drop-down3>a:after {
display: none;
}
.drop-down4>a:after {
display: none;
}
@media only screen and (max-width: 767px) {
nav.menu {
display: none;
}
.xs-menu-cont>a {
display: none;
}
a.textRegalo {
white-space: unset !important;
}
.container.kidults {
display: none;
}
}
li.drop-down.p-2:hover {
background: #fb6a12;
color: white;
border-radius: 3px;
transition: background-color 0.3s ease;
}
li.drop-down1.p-2:hover {
background: #fb6a12;
color: white;
border-radius: 3px;
transition: background-color 0.3s ease;
}
li.drop-down2.p-2:hover {
background: #fb6a12;
color: white;
border-radius: 3px;
transition: background-color 0.3s ease;
}
li.drop-down3.p-2:hover {
background: #fb6a12;
color: white;
border-radius: 3px;
transition: background-color 0.3s ease;
}
li.drop-down4.p-2:hover {
background: #fb6a12;
color: white;
border-radius: 3px;
transition: background-color 0.3s ease;
}
li.p-2:hover {
background: #fb6a12;
color: white;
border-radius: 3px;
transition: background-color 0.3s ease;
}
.menuPadre {
overflow: visible ! important;
}
.dropdown-menu.menuTop {
top: 0px ! important;
width: 100% ! important;
}
.open>.dropdown-menu {
display: none;
}
.menuPadre:hover .dropdown-menu {
display: block;
margin-top: 3em;
}
.menuPadre:hover .dropdown-menu.piscinas {
display: block;
margin-top: 3em;
}
li.liMenu.dropdown-item {
text-align: center;
font-size: initial;
background-color: white;
}