.clearfix						{ overflow:auto;}
.on		 						{ text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px; border:none;}


#cabecera .navigation .nav-dropdown:before,
#cabecera2 .navigation .nav-dropdown:before	{ z-index:-1; content:""; position:absolute; top:13px; right:-2000px; bottom:-190px; left:-2000px; height:100vh; background:rgba(255, 255, 255, 0.5); filter:blur(2px); backdrop-filter: blur(2px); -webkit-filter:blur(2px); -moz-filter:blur(2px); -o-filter: blur(2px);}

#cabecera .navigation .logo,
#cabecera2 .navigation .logo		{ margin:0px 10px 0 0; width:65px; height:67px; overflow:hidden;}


#cabecera						{ width:100%; color:#fff;}
#cabecera .logo					{ background:url('../../images/logos/USb.svg') center center/55px no-repeat;}
#cabecera .navuno				{ margin:auto; color:#fff; background:transparent;}
#cabecera .navdos 				{ min-height:var(--alto-navega); color:var(--color-primario); background:#fff;}
#cabecera .navuno .logo			{ background:url('../../images/logos/USb.svg') center center/55px no-repeat;}
#cabecera .navdos .logo			{ background:url('../../images/logos/US.svg') center center/55px no-repeat;}
#cabecera .nav-container 		{ }

#cabecera .marcafafar:after			{ display:inline; content:""; background:url('../../images/logos/50/logo-trans-50-fafar-b.png') center center/cover no-repeat;}
#cabecera .navdos .marcafafar:after	{ display:inline; content:""; background:url('../../images/logos/50/logo-trans-50-fafar.png') center center/cover no-repeat;}


#cabecera2									{ min-height:153px; color:var(--color-primario);}
#cabecera2 .logo							{ background:url('../../images/logos/US.svg') center center/55px no-repeat;}
#cabecera2 .navdos 							{ min-height:var(--alto-navega); color:var(--color-primario); background:var(--color-claro);}
#cabecera2 .nav-container 					{ }
--#cabecera2 .navigation .nav-container	 	{ box-shadow: 0px 1px 0px 0px #ddd; border-radius:0;}
--#cabecera2 .navigation.navdos				{ border-bottom:1px solid #ddd;}



#cabecera3						{ position:fixed; width:40%; height:100%; height:100vh; color:var(--color-primario); background:#f3f3f3; overflow:hidden;}


.sobremenu						{ position:relative; display:block; height:var(--alto-sobrem); padding:12px 0; font-size:90%; background:var(--color-primario); border-radius:0; z-index:902;}
.sobremenu .contenido			{ position:relative; max-width:var(--ancho-primario); margin:auto; color:#fff; display:flex; justify-content:space-between;}
.sobremenu .contenido a:hover	{ text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px; border:none;}
.sobremenu .uno,					
.sobremenu .dos					{ max-width:50%; margin:0 4px; padding:2px 4px;}
.sobremenu .tres				{ }
.sobremenu .inicio				{ font-family: 'Big Shoulders Display', cursive; font-size:130%; text-decoration:none;}
.sobremenu .inicio:before		{ display:none; float:left; content:"\e5c4"; font-family:'Material Icons'; font-size:20px; margin:0 5px 0 0; border-radius:0;}
.sobremenu .inicio a:hover 		{ color:#ffb606;}
.sobremenu .inicio:hover:before	{ margin:0 10px 0 -5px;}

.navuno 						{ margin:auto; transition:0.3s ease;}
.navdos 						{ margin:auto; transform:translateY(-53px); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); transition:0.3s ease;}


/* COMPONENETES DEL MENÚ */
.navigation 					{ position:fixed; top:53px; right:0; left:0; min-height:var(--alto-navega); height:auto; color:inherit; box-shadow: 0px 1px 0px 0px #ddd; border-bottom:0px solid #ddd; border-radius:0; z-index:900;}
.navigation .nav-container 		{ max-width:var(--ancho-primario); min-height:var(--alto-navega); margin:auto; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.navigation .brand 				{ max-width:480px; margin:0 10px 0 0; display:flex; align-items:center;}
.navigation nav 				{ margin-left:20px; display:flex; align-items:center; justify-content:flex-end; background:inherit;}
/* FIN COMPONENETES DEL MENÚ */

    
.navigation .buscador:before	{ margin-top:10px; content:"\f3ee"; font-family:FontAwesome; font-size:110%; overflow:hidden;} /* Buscador */
.navigation .buscador:hover		{ text-decoration:none; opacity:.7;} /* Buscador */
.navigation .vertodo			{ position:relative; margin:8px 0; height:1px; border-width:0; color:#ddd; background-color:#ddd;}
.navigation.scroll-Up 			{ transform:translateY(-155px); transition:0.4s ease; border:none;}


--.navigation .brand .marca		{ font-family:'Big Shoulders Display', cursive; text-transform:uppercase; font-size:170%; font-weight:600; line-height:1.2em; color:inherit; display:flex; align-items:center}
.navigation .brand .marca		{ font-size:125%; font-weight:600; line-height:1.2em; color:inherit; display:flex; align-items:center}
.navigation .brand .marcaresto	{ margin-left:-40px; font-size:160%; font-weight:600; line-height:1.2em; color:inherit; display:flex; align-items:center;}
.navigation .brand a:hover 		{ opacity:.7;}

.navigation .marca:after		{ margin:0 0 0 5px; width:40px; height:40px; overflow:hidden;}
.navigation .marcafafar:after	{ display:inline; content:""; background:url('../../images/logos/50/logo-trans-50-fafar.png') center center/cover no-repeat;}


.navigation .brand .marcaresto:before	{ display:inline-flex; margin:0px 10px 0 44px; padding:0; width:55px; height:55px; overflow:hidden;}
.navigation .brand .marcaresto:before	{ content:""; background:url('../../images/logos/fafar.png') center center/cover no-repeat;}


.navigation nav ul 					{ list-style:none; margin:0; padding:0;}
.navigation nav ul li 				{ position:relative; float:left}
.navigation nav ul li a 			{ display:block; padding:5px 10px; text-decoration;none; font-weight:600; color:inherit; cursor:pointer; outline-width:0;}
.navigation nav ul li a:hover 		{ text-decoration:underline; text-underline-position:under; text-decoration-thickness:2px; text-decoration-color:#ffb606; border:none; color:inherit;}
.navigation nav ul li a:not(:only-child):after 			{
	float:right; margin:7px 0 0 5px; width:8px; height:8px; border-color:inherit; border-bottom:2px solid; border-left:2px solid; content:""; transform:rotate(-45deg);}

.navigation nav ul li ul li 		{ width:100%;}
.navigation nav ul li ul li a 		{ padding:8px 15px; line-height:1.5em; font-size:95%; font-weight:400; color:inherit;}
.navigation nav ul li ul li a:hover { line-height:1.5em; text-decoration:none; color:#444; border:none; border-radius:0;}
.navigation .nav-dropdown 			{ position:absolute; top:55px; right:0; display:none; min-width:270px; width:auto; padding:20px; background:var(--color-claro); color:#7a7a7a; font-size:95%; border:1px solid rgba(0, 0, 0, 0.15); overflow:hidden;}
.navigation .nav-dropdown li a:hover{ text-decoration:none; color:var(--color-claro); border:none; background:var(--color-primario);}
--.navigation .nav-dropdown:after		{ content:""; position:absolute; top:-8px; right:15px; width:16px; height:16px; background:#fff; transform:rotate(45deg); border-top:1px solid rgba(0, 0, 0, 0.15);border-left:1px solid rgba(0, 0, 0, 0.15);}



/* Mobile navigation */
.navigation .nav-mobile 			{ display:none; position:absolute; margin:0; padding:0; top:0px; right:0; width:80px; height:80px; background:transparent;}
.navigation .nav-mobile:hover 		{ text-decoration:none; border:none;}

.navigation .botonera-nav			{ position:relative; padding:0; display:flex; align-items:center;}
.navigation .boton-nav				{ position:relative; margin:-5px 0 -5px 5px; padding:10px 15px; transition: 0.3s;}
.navigation .boton-nav				{ border:none; background:var(--color-primario); color:var(--color-claro); -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; transition: 0.3s;}
.navigation .boton-nav:hover 		{ border:none; color:var(--color-primario); text-decoration:none; border:0; -webkit-box-shadow: 0px 0px 0px 1px var(--color-primario) inset; box-shadow: 0px 0px 0px 1px var(--color-primario) inset; background:transparent}




.navigation .bo						{ text-decoration:none; font-size:110%; color:inherit; overflow:hidden;}
.navigation .bo a					{ text-decoration:none;}
.navigation .bo:hover				{ color:#339af0; text-decoration:none;}
.navigation .social					{ text-align:center;}
.navigation .facebook:before		{ content:"\f09a"; font-family:FontAwesome;}
.navigation .instagram:before		{ content:"\f16d"; font-family:FontAwesome;}
.navigation .twitter:before			{ content:"\e61b"; font-family:FontAwesome;}
.navigation .whatsapp:before		{ content:"\f232"; font-family:FontAwesome;}

.navigation .derecha-nav 			{ display:none;}



@media only screen and (max-width: 1080px){ /* antes 820px */

#cabecera2 .navigation:after		{ margin-top:-2px; box-shadow:0px 1px #ddd;}

#cabecera .navigation .logo,
#cabecera2 .navigation .logo		{ margin-left:5px; width:65px; height:67px; overflow:hidden;}

.sobremenu							{ margin:0; padding:12px 5px;}
.navigation .brand .marcaresto		{ }


.navigation .nav-mobile 			{ display:block;}
.navigation #nav-toggle 			{ background:#f3f3f3; font-weight:100; position:absolute; right:0; top:25px; width:50px; height:50px; font-size:180%; cursor:pointer; font-family:'Material Icons'; background:transparent; display:flex; align-items:center; justify-content:center;}
.navigation #nav-toggle:before		{ content:"\eb9e"; cursor:pointer; color:inherit; -webkit-transition:all 0.5s; transition: all 0.5s;}
.navigation #nav-toggle.active:before{ content:"\e5cd"; cursor:pointer; color:inherit; transform: rotate(180deg); background:transparent;}

.navigation 	 					{ }
.navigation nav 					{ width:100px; margin-left:-15px; }
.navigation .nav-list				{ position:absolute; top:90px; left:10px; margin:auto; padding:5px; width:95%; height:auto; border:1px solid #e3e3e3; text-align:center; color:#7a7a7a; background:#fff;}
.navigation .nav-dropdown 			{ position:static;}
.navigation .nav-dropdown:after		{ top:42px; right:12px; width:16px; height:16px;}


.navigation nav ul 					{ display:none;}
.navigation nav ul li 				{ float:none;}
.navigation nav ul li a 			{ padding:15px; line-height:20px;}
.navigation nav ul li ul li a 		{ padding-left:30px;}


.navigation .boton-nav				{ margin-left:0; margin-bottom:3px;}
.navigation .bo						{ font-size:160%; text-align:center;}


}
@media screen and (min-width: 1300px){ /* antes 820px */
.navigation .nav-list 				{ display:block !important;}





}
/* IPHONE VERTICAL */
@media screen and (max-width: 480px) {
.navigation .brand 					{ width:95%;}
.navigation .brand .marca			{ font-size:115%;}




}