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

#cabecera .navigation .logo		{ float:left; margin:0px 10px 0 0; padding:0; width:80px; height:83px;display:none; align-items:center; overflow:hidden;}
#cabecera2 .navigation .logo	{ float:left; margin:0px 10px 0 0; padding:0; width:80px; height:83px;display:none; align-items:center; overflow:hidden;}

#cabecera						{ position:relative; margin:auto; color:#fff; background:transparent;}
#cabecera .logo					{ background:url('../../images/logos/') center center/65px no-repeat;}
#cabecera .navuno				{ margin-right:auto; margin-left:auto; color:#fff; background:transparent;}
#cabecera .navdos 				{ min-height:95px; color:iherit; color:var(--color-primario); background:#fff;}
#cabecera .navuno .logo			{ background:url('../../images/logos/') center center/65px no-repeat;}
#cabecera .navdos .logo			{ background:url('../../images/logos/') center center/65px no-repeat;}
#cabecera .nav-container 		{ }


#cabecera2						{ position:relative; min-height:95px; height:auto; margin-right:auto; margin-left:auto; color:var(--color-primario);}
#cabecera2 .logo				{ display:none; background:url('../../images/logos/') center center/65px no-repeat;}
#cabecera2 .navdos 				{ color:#444; }
#cabecera2 .navigation			{ min-height:95px; margin:auto; padding:0; background:rgba(255, 255, 255, 1); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid #ddd;}
#cabecera2 .nav-container 		{ }


.navuno 						{ margin:auto; transition:0.4s ease;}
.navdos 						{ transform:translateY(0px); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.6); transition:0.4s ease;}

.navigation 					{ position:fixed; top:0; right:0; left:0; clear:both; width:100%; min-height:95px; color:inherit; z-index:999;}
.navigation .vertodo			{ position:relative; margin:8px 0; height:1px; border-width:0; color:#ddd; background-color:#ddd;}
.navigation.scroll-Up 			{ transform:translateY(-105px); transition:0.4s ease; border:none;}


.navigation .brand					{ position:relative; float:left; max-width:410px; width:auto; height:var(--alto-navega); text-align:left; display:flex; align-items:center; justify-content:left;} 
.navigation .brand .marca			{ font-size:160%; font-weight:600; font-style:italic; line-height:1.2em; color:inherit;}
.navigation .brand a:hover 			{ opacity:.7;}
.navigation .marca:before			{ margin:0 7px 0 0; content:"\f186"; font-family:FontAwesome; font-style: normal; -webkit-text-stroke:0px #fff; transform:rotate(-10deg);;}
.navigation .brand:after			{ display:none; margin:25px 0 0 7px; content:"\f221"; font-family:FontAwesome; font-size:155%; font-weight:700; color:#652d90; -webkit-text-stroke:0px #fff; transform: rotate(15deg);}

.navigation .nav-container 			{ max-width:var(--ancho-primario); min-height:var(--alto-navega); margin:auto;}

.navigation nav 					{ float:right; height:95px; display:flex; align-items:center; justify-content:center;}
.navigation .botonera				{ float:right; display:flex; align-items:center; justify-content:center; border-top:none;}

.navigation .separanav				{ border-top:1px solid #e1e1e1: height:1px;}

.navigation nav ul 					{ list-style:none; margin:0; padding:0;}
.navigation nav ul li 				{ float:left; position:relative;}
.navigation nav ul li a 			{ display:block; padding:5px 10px; text-decoration;none; font-weight:500; 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:var(--color-hover); 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:7px 15px; line-height:1.5em; font-size:90%; font-weight:400; color:inherit;}
.navigation nav ul li ul li a:hover { padding:7px 15px; line-height:1.5em; text-decoration:none; color:#444; border:none;}
.navigation .nav-dropdown 			{ position:absolute; top:55px; right:0; display:none; min-width:285px; width:auto; padding:22px 20px; background:var(--color-claro); color:#7a7a7a; font-size:95%; border:1px solid rgba(0, 0, 0, 0.15);}
.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);}
.navigation .nav-dropdown li a:hover{ text-decoration:none; color:var(--color-claro); border:none; background:var(--color-primario);}


#cabecera .navigation .nav-dropdown:before	{ z-index:-1; content:""; position:absolute; top:-95px; right:-2000px; bottom:-190px; left:-2000px; height:100vh; background:rgba(0, 0, 0, 0.5); filter:blur(2px); backdrop-filter: blur(2px); -webkit-filter:blur(2px); -moz-filter:blur(2px); -o-filter: blur(2px);}
#cabecera2 .navigation .nav-dropdown:before	{ z-index:-1; content:""; position:absolute; top:-87px; 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);}




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


.navigation .boton					{ margin:-4px 0 -5px 5px; padding:10px 15px; background:var(--color-oscuro); color:var(--color-claro); border:1px solid var(--color-oscuro); transition: 0.3s;}
.navigation .boton:hover,
.navigation .boton:focus 			{ text-decoration:none; color:var(--color-oscuro); border:1px solid var(--color-oscuro); box-shadow:inset 0 -3.25em 0 0 var(--color-claro);}


.navigation .bo						{ text-align:center; text-decoration:none; font-size:110%; color:inherit; overflow:hidden;}
.navigation .bo a					{ text-decoration:none;}
.navigation .bo:hover				{ color:var(--color-hover); text-decoration:none;}
.navigation .social					{ text-align:center;}

.navigation .whatsapp,
.navigation .facebook,
.navigation .instagram,
.navigation .twitter,	
.navigation .youtube,
.navigation .flickr					{ display:inline-block; float:left; padding:7px 10px; line-height:1.5em; font-family:FontAwesome; overflow:hidden;}

.navigation .whatsapp:hover,
.navigation .facebook:hover,
.navigation .instagram:hover,
.navigation .twitter:hover,
.navigation .youtube:hover,
.navigation .flickr:hover			{ color:var(--color-hover); text-decoration:none; border:none;}

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


@media only screen and (max-width: 820px){
#cabecera2 .navuno,
#cabecera2 .navdos					{ height:95px}

.navigation .brand 					{ margin-left:10px;}
.navigation .nav-mobile 			{ display:block;}

.navigation 	 					{ }
.navigation nav 					{ width:100%; margin-top:-95px;}
.navigation .nav-list				{ margin:auto; margin-top:85px; 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 .whatsapp,
.navigation .facebook,
.navigation .instagram,
.navigation .twitter,	
.navigation .youtube,
.navigation .flickr					{ padding:20px 15px; font-size:150%;}


}
@media screen and (max-width: 820px){
.navigation .brand 					{ margin-left:10px;}


.navigation #nav-toggle 					{ font-weight:100; position:absolute; right:10px; top:13px; width:60px; height:60px; font-size:180%; cursor:pointer; font-family:'Material Icons'; 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);}


.sobremenu									{ padding:12px 5px;}

#cabecera2 .navigation .logo				{ center center/55px no-repeat;}

}
/* IPHONE VERTICAL */
@media screen and (max-width: 480px) {

.navigation .botonera						{ float:none; border-top:1px solid #ddd;}

}