/*CAIXA MENU*/




.menu-active  				{background-color: rgba(102,193,191,1.00);color: #fff!important; }
.submenu-active				{background-color: #000000!important;color: #fff!important; }
.submenu-active a 			{color: #E9880E!important;; }
.submenu-active a:hover 	{color: #E9880E!important;; }





.blocnav {
                            
                            max-height: 90vh;
                            width: 100%;
                            position: fixed;
                            background-color: transparent;
                            top: 50px;
                            left: 0;
                            z-index: 999;
                            overflow: auto;
                            font-family: 'Roboto', sans-serif;
                            text-transform:lowercase;
                            /*font-weight: 600;*/
                            font-size: 1.1em;
                            text-align: left;
}


.mobile-head                {height: 45px;}

.menuland                   {font-weight: 600;}

/*LLANÇADOR MOBIL*/
.cat-nav-arrow               {display: block;position: absolute;top: 0;left: 0em;width: 100%;z-index: 999;}
.cat-nav-arrow a             {display: block;width: 100%;height: 45px;
				             background: #fff url(../../_img_nicon/hamburguesa.png) left center no-repeat;color: #000;padding-top: 11px;font-size: 18px;text-indent: -1000px;}
.cat-nav-arrow a:hover       {background: rgba(243,235,235,0.80) url(../../_img_nicon/hamburguesa.png) left center no-repeat;color: #fff;text-decoration: none;}
.cat-nav-arrow a:active      {background: rgba(243,235,235,0.80) url(../../_img_nicon/hamburguesa.png) left center no-repeat;color: #fff;text-decoration: none;}

/*ESTRUCTURA MENU*/
.menu_principal {
	clear: both;float: none;
	background-color: #f18969;

   }

.has-sub-categorynav a span {color: #000000; }
.has-sub-categorynav:hover {background: #f09122; padding: 0; /*efecte indent i barra*/ /*altura seccions*/}

.menu_principal .sub-categorynav {display: none;position: relative;top: auto;left: auto;right: auto;z-index: 999;float: left;width: 100%;background: rgba(255,255,255,.3);}
.seccio .sub-categorynav {display: inherit!important; border: none!important} /*això es per discriminar el menu del peu*/


.size1of2                    {width: 220px;  height: 100%;  overflow-x: hidden !important  }

.categorynav                 {background: none !important;position: relative;max-width: 100%;}

.categorynav ul              {display: none;float: left;padding: 0;height: auto;width: 100%;max-width: 100%;}
.categorynav ul li           {position: relative;height: auto;float: left;width: 100%;height: auto;display: block;}
.categorynav ul li:hover     {cursor: pointer;background: #F1AC97;}

.categorynav ul li a         {padding: 12px 22px;color: #000;width: auto;display: block;background-position: 0 0;opacity: 1 !important;white-space: nowrap;overflow: hidden;}
.categorynav ul li span      {padding:15px; /*marge de seccions*/background: url(../../_img/flecha-abajo.png) no-repeat right 15px center ;display: block}
.categorynav ul ul           {float: none;width: 100%;max-width: none;}

.categorynav ul ul li /* line menu */ {width: 100%;float: none;display: block;}

.categorynav li:hover > .sub-categorynav {display: none; }
.categorynav > ul > li:hover > a {text-decoration: none !important;}
.categorynav > ul.ui-nav-hover > li {opacity: .9;filter: alpha(opacity=50);}
.categorynav > ul.ui-nav-hover > li:hover {opacity: 1;filter: alpha(opacity=100);}


.categorynav li.has-sub-categorynav:before 					{display: none;position: absolute;top: 55px;z-index: 999;} /*posició fletxa*/
.categorynav li.has-sub-categorynav:hover:before 			{display: none;}
.categorynav li.has-sub-categorynav.open:before 			{display: none;}
.categorynav li.has-sub-categorynav .sub-categorynav-icon   {display: none;}



/*botons landings */
.categorynav ul li.landing 		  		  { font-size: 0.9em; }
.categorynav ul li.landing a:hover	      { }


/*borders*/

.sub-categorynav     {border:    1px solid rgba(0,0,0,.2)}

/*.sub-categorynav     {border-top:    1px solid rgba(0,0,0,.2);
                      border-bottom: 1px solid rgba(0,0,0,.2);}
.categorynav ul li   {border-bottom: 1px solid rgba(0,0,0,.2);}*/
/*.categorynav ul ul   {border-right: none;}*/


/*responsive*/

@media all and (min-width: 800px) {
.blocnav {
	                padding: 0;
	                z-index: 999;
	                position: fixed;
	                width: 100%;
	                top: 85px;
	                font-size: 1.0em;
                    text-align: right!important
}
.menu-active {border-bottom: medium #000000 solid;}
.menuland {font-weight: 600; background-color: #FFF} 
.mobile-head {display: none}

.cat-nav-arrow {display: none;z-index: 999;}
.cat-nav-arrow a,  
.cat-nav-arrow.closed a {display: none;}
.cat-nav-arrow.open a {}

.menu_principal {clear: both;float: none;background: none!important}

.categorynav {background: none !important}
.categorynav ul {display: inherit;padding: 0;height: auto;max-width: 100%;}
	
                                                            .categorynav ul li {position: relative;float: right;width: auto; padding: 0 10px 0 20px}
	
.categorynav ul li:hover {cursor: pointer; }
.categorynav ul li a, 
.categorynav ul li span {width: auto;display: block;opacity: 1 !important;white-space: nowrap;overflow: hidden;background: none;}
.categorynav ul li span {text-align: center!important;padding: 16px 0!important;}
	
.categorynav ul li a {padding: 10px 15px;}
.categorynav ul li a:hover {text-decoration: none;color: rgba(255,255,255,1);}	
	
.has-sub-categorynav:hover {padding: 0}	
.categorynav .sub-categorynav.flip-x {position: relative;top: 0;left: auto;right: auto;z-index: 999; float: right } /*desplega per l'altre costat*/
	
.categorynav ul.closed {width: inherit;}
.categorynav ul ul {width: 50%}
	
.categorynav .sub-categorynav {padding: 0px;width: 280px;} /*ample caixa desplegable*/
.categorynav .sub-categorynav {display: none;position: relative;top: 100%;left: 0;padding: 0px; width: 480px /*amplada desplegable*/;z-index: 999;/* background-color: #f09122; */
    background: #F4A54A;}

.sub-categorynav .left 	{ float: left; padding: 0; text-wrap: normal !important }
.sub-categorynav .right { float: left; padding: 0; text-wrap: normal !important }

	
.categorynav li:hover > .sub-categorynav {display: block;}
.categorynav li.has-sub-categorynav:before {display: none;position: absolute;top: 100%;left: 50%;content: '';z-index: 999;}

    
.categorynav li.has-sub-categorynav:hover:before {display: none;}

    
/*borders*/
/*li.menuland                                                  {border-bottom: 1px solid rgba(0,0,0,.2);
                                                              border-top:   1px solid rgba(0,0,0,.2);
                                                              border-right: 1px solid rgba(0,0,0,.2)}
li.menuland:last-child                                       {border-right: none}    

.sub-categorynav                                             {border-left: 1px solid rgba(0,0,0,.2);
                                                              border-right: 1px solid rgba(0,0,0,.2);}

.categorynav ul li                                           {border-bottom: none}*/ /*elimina error de pantalla*/
/*.sub-categorynav .left li,
.sub-categorynav .right li                                   {border-bottom: 1px solid rgba(0,0,0,.2);}
.sub-categorynav .left li:last-child,
.sub-categorynav .right li:last-child                        {border-bottom:none;}

    
.sub-categorynav .left                                       {border-right:  1px solid rgba(0,0,0,.2);}*/
}

@media all and (min-width: 900px) {
                                                .blocnav {font-size: 1.1em;}
                                                .categorynav ul li span {padding: 15px 2px!important;}
}

@media all and (min-width: 1100px) {
                                                .size1of2 {}
}

@media all and (min-width: 1200px) {
                                                .blocnav {	font-size: 1.4em!important; top: 105px;}
}

@media all and (min-width: 1300px) {
                                                .blocnav {padding:0 0;}
}

/*ESPECIALS*/
@media all and (max-width : 350px) {
                                                .size1of2 { width: 100%; min-width: 99% }
}

/*Opcionals  */
.nolanding {font-size: 0.9em}
.menuland {  }