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;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;
}
.mega-menu4.fadeIn.animated.display-on{
width: 99%;
height: 230px;
overflow: scroll;
}
.mega-menu5.fadeIn.animated.display-on{
width: 99%;
height: 230px;
overflow: scroll;
}
.mega-menu6.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;
}
.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;
}
.mega-menu6 {
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;
}
.drop-down5 > a:after{
content:"\f103";
color:#fff;
font-family: FontAwesome;
font-style: normal;
margin-left: 5px;
}
.drop-down6 > 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;}
.drop-down5 > a:after{display:none;}
.drop-down6 > 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.drop-down5.p-2:hover{background: #fb6a12;color: white;border-radius: 3px;transition: background-color 0.3s ease;}
li.drop-down6.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;
}