/* ----------------------------------------------------------------------------------------------
MENUS -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
/* Menú principal */
.menu-principal li:hover ul, .rrss a:hover::before {
	-webkit-transition: all ease-in-out 0.4s;
	-moz-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}

.menu-principal {margin: 0;}
.menu-principal ul {display: none;}
.menu-principal li a {
	font-size: 90%;	
	font-weight: bold;
	text-transform: uppercase;	
	letter-spacing: 1px;	
	color: #000;
	display: block;
	padding: 4px 4px 4px 10px;
	border-bottom: solid thin LightGray;
}
.menu-principal li ul  {
	position: relative;
	display: block;
}
.menu-principal li ul li {
	font-size: 95%;
}
.menu-principal li ul li ul li {
	font-size: 80%;
}
.menu-principal li a:hover,
.menu-principal li a:focus,
.menu-principal li a:active {
	color: rgba(0,0,0,.4);
}
.menu-principal li a:active, .menu-principal .current-menu-item a {
	color: rgba(0,0,0,.2);
}

.menu-principal li ul li a {
	color: rgba(0,0,0,.8);	
	padding: 4px 4px 4px 20px;
	text-transform: none;
	font-weight: normal;	
}

.menu-principal li ul li ul li a {
	padding: 4px 4px 4px 40px;
}

.menu-principal input[type=checkbox] {
	display: none; 
	-webkit-appearance: none;
}
input[type=checkbox]:checked ~ .menuprincipal {display: block;}
.mostrar-menu {
	width: 35px;
	height: 35px;	
	line-height: 35px;	
	overflow: hidden;		
	color: #6E7378;
	display: block;
	text-align: right;
    cursor: pointer;	
    position: absolute;
    right: 1em;
    top: 30px;
}

.mostrar-menu::before {
	content: "";
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='DarkCyan' stroke='none'><path d='M2.8,5.6h51.1c1.5,0,2.8-1.3,2.8-2.8S55.5,0,53.9,0H2.8C1.3,0,0,1.3,0,2.8S1.3,5.6,2.8,5.6z M53.9,51.1H2.8c-1.5,0-2.8,1.3-2.8,2.8c0,1.5,1.3,2.8,2.8,2.8h51.1c1.5,0,2.8-1.3,2.8-2.8C56.7,52.4,55.5,51.1,53.9,51.1z M53.9,34.1H2.8c-1.5,0-2.8,1.3-2.8,2.8s1.3,2.8,2.8,2.8h51.1c1.5,0,2.8-1.3,2.8-2.8S55.5,34.1,53.9,34.1z M53.9,17H2.8C1.3,17,0,18.3,0,19.8s1.3,2.8,2.8,2.8h51.1c1.5,0,2.8-1.3,2.8-2.8C56.7,18.3,55.5,17,53.9,17z'></path></svg>") no-repeat left top;	
	display: inline-block;
	position: relative;
	top: 2px;
	width: 30px;	
	height: 30px;
	text-align: center;
}
/* Fin Menú principal */


/* Menú RRSS */	
nav.rrss {
	position: relative;	
	height: 26px;
	margin: 20px 0 20px -10px;	
}

.rrss li {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.rrss li a {
	margin-left:4px;		
	color: #50555A;	
	display: block;
	float: left;
	width: 26px;
	height: 26px;	
	line-height: 26px;		
	position: relative;
	overflow: hidden;
}
.rrss li:last-child a {
	float: none;	
	margin-right:0;
}

.rrss a::before {
	opacity: 1;	
	content: "";
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;	
	height: 16px;
	text-align: center;
}

.rrss a:hover::before {
	opacity: .6;
}
.rrss a[href*="twitter.com"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M50,9.5c-1.8,0.8-3.8,1.4-5.9,1.6c2.1-1.3,3.7-3.3,4.5-5.7c-2,1.2-4.2,2-6.5,2.5c-1.9-2-4.5-3.2-7.5-3.2c-5.7,0-10.3,4.6-10.3,10.3c0,0.8,0.1,1.6,0.3,2.3C16.1,16.9,8.5,12.8,3.5,6.6c-0.9,1.5-1.4,3.3-1.4,5.2c0,3.6,1.8,6.7,4.6,8.5C5,20.2,3.4,19.7,2,19c0,0,0,0.1,0,0.1c0,5,3.5,9.1,8.2,10.1c-0.9,0.2-1.8,0.4-2.7,0.4c-0.7,0-1.3-0.1-1.9-0.2c1.3,4.1,5.1,7,9.6,7.1c-3.5,2.8-7.9,4.4-12.7,4.4c-0.8,0-1.6,0-2.4-0.1c4.5,2.9,9.9,4.6,15.7,4.6c18.9,0,29.2-15.6,29.2-29.2c0-0.4,0-0.9,0-1.3C46.9,13.4,48.6,11.6,50,9.5z'></path></svg>") no-repeat left top;}
.rrss a[href*="facebook.com"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M39,8.7h-8c-0.9,0-2,1.2-2,2.9v5.7h10v8.2H29V50h-9.4V25.5H11v-8.2h8.6v-4.8C19.6,5.6,24.4,0,31,0h8V8.7z'></path></svg>") no-repeat left top;}
.rrss a[href*="linkedin.com"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M11.3,5.7c0,3-2.2,5.3-5.8,5.3C2.2,11,0,8.6,0,5.7c0-3,2.3-5.3,5.7-5.3C9.1,0.4,11.3,2.7,11.3,5.7z M0.3,49.6V15.3H11v34.4H0.3V49.6z M17.4,26.2c0-4.3-0.1-7.9-0.3-11h9.3l0.5,4.8h0.2c1.4-2.3,4.9-5.6,10.6-5.6c7,0,12.3,4.7,12.3,14.8v20.3H39.3V30.6c0-4.4-1.5-7.5-5.4-7.5c-3,0-4.7,2-5.5,4c-0.3,0.7-0.4,1.7-0.4,2.7v19.8H17.4V26.2z'></path></svg>") no-repeat left top;}
.rrss a[href*="instagram.com"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M25,4.5c6.7,0,7.5,0,10.1,0.1c2.4,0.1,3.8,0.5,4.6,0.9c1.2,0.5,2,1,2.9,1.9s1.4,1.7,1.9,2.9c0.3,0.9,0.7,2.2,0.9,4.6c0.1,2.6,0.1,3.4,0.1,10.1s0,7.5-0.1,10.1c-0.1,2.4-0.5,3.8-0.9,4.6c-0.5,1.2-1,2-1.9,2.9s-1.7,1.4-2.9,1.9c-0.9,0.3-2.2,0.7-4.6,0.9c-2.6,0.1-3.4,0.1-10.1,0.1s-7.5,0-10.1-0.1c-2.4-0.1-3.8-0.5-4.6-0.9c-1.2-0.5-2-1-2.9-1.9S6,40.9,5.5,39.7c-0.3-0.9-0.7-2.2-0.9-4.6C4.5,32.5,4.5,31.7,4.5,25s0-7.5,0.1-10.1c0.1-2.4,0.5-3.8,0.9-4.6c0.5-1.2,1-2,1.9-2.9C8.3,6.5,9.1,6,10.3,5.5c0.9-0.3,2.2-0.7,4.6-0.9C17.5,4.5,18.3,4.5,25,4.5 M25,0c-6.8,0-7.6,0-10.3,0.2C12,0.3,10.2,0.7,8.6,1.3C7,2,5.6,2.8,4.2,4.2S2,7,1.3,8.6c-0.6,1.6-1,3.4-1.2,6.1C0,17.4,0,18.2,0,25s0,7.6,0.2,10.3c0.1,2.7,0.5,4.5,1.2,6.1c0.6,1.6,1.5,3,2.9,4.4C5.6,47.2,7,48,8.6,48.7c1.6,0.6,3.4,1,6.1,1.2C17.4,50,18.2,50,25,50s7.6,0,10.3-0.2c2.7-0.1,4.5-0.5,6.1-1.2c1.6-0.6,3-1.5,4.4-2.9s2.2-2.8,2.9-4.4c0.6-1.6,1-3.4,1.2-6.1C50,32.6,50,31.8,50,25s0-7.6-0.2-10.3c-0.1-2.7-0.5-4.5-1.2-6.1c-0.6-1.6-1.5-3-2.9-4.4C44.4,2.8,43,2,41.4,1.3c-1.6-0.6-3.4-1-6.1-1.2C32.6,0,31.8,0,25,0L25,0zM25,12.2c-7.1,0-12.8,5.7-12.8,12.8S17.9,37.8,25,37.8S37.8,32.1,37.8,25S32.1,12.2,25,12.2z M25,33.3c-4.6,0-8.3-3.7-8.3-8.3s3.7-8.3,8.3-8.3s8.3,3.7,8.3,8.3S29.6,33.3,25,33.3z M38.3,8.7c1.7,0,3,1.3,3,3s-1.3,3-3,3s-3-1.3-3-3S36.6,8.7,38.3,8.7z'></path></svg>") no-repeat left top;}
.rrss a[href*="pinterest.es"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M5.6,17.9C5.6,9.8,12.5,0,26.2,0c11,0,18.2,7.9,18.2,16.5c0,11.3-6.3,19.7-15.5,19.7c-3.1,0-6-1.7-7-3.6c0,0-1.7,6.6-2,7.9c-1.2,4.5-4.9,9-5.2,9.4C14.4,50.1,14,50,14,49.7c-0.1-0.6-1-6.3,0.1-10.9c0.6-2.3,3.7-15.6,3.7-15.6s-0.9-1.8-0.9-4.5c0-4.3,2.5-7.4,5.5-7.4c2.6,0,3.9,2,3.9,4.3c0,2.6-1.7,6.6-2.5,10.2c-0.7,3,1.5,5.5,4.5,5.5c5.4,0,9.1-7,9.1-15.3c0-6.3-4.2-11-11.9-11c-8.7,0-14.1,6.5-14.1,13.8c0,2.5,0.7,4.3,1.9,5.6c0.5,0.6,0.6,0.9,0.4,1.6c-0.1,0.5-0.5,1.8-0.6,2.3c-0.2,0.7-0.8,1-1.4,0.7C7.5,27.3,5.6,22.9,5.6,17.9z'></path></svg>") no-repeat left top;}
.rrss a[href*="youtube.com"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M50,34.4c0,4.4-3.5,7.9-7.9,7.9H7.9c-4.4,0-7.9-3.5-7.9-7.9V15.6c0-4.4,3.5-7.9,7.9-7.9h34.2c4.4,0,7.9,3.5,7.9,7.9V34.4z M20.4,11.8v26.3L38.5,25L20.4,11.8z'></path></svg>") no-repeat left top;}
.rrss a[href*="mailto:"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M4.5,44.4c-1.1,0-2.1-0.4-2.9-1.1l14.2-14.2c0.4,0.3,0.7,0.5,1,0.7c1.1,0.8,1.9,1.4,2.6,1.8c0.7,0.4,1.5,0.9,2.6,1.3c1.1,0.5,2.1,0.7,3.1,0.7h0h0c0.9,0,2-0.2,3.1-0.7c1.1-0.5,2-0.9,2.6-1.3c0.7-0.4,1.5-1,2.6-1.8c0.3-0.2,0.6-0.5,1-0.7l14.2,14.2c-0.8,0.7-1.8,1.1-2.9,1.1H4.5z M3.4,20.2c-1.1-0.7-2-1.5-2.8-2.4v21.6l12.5-12.5C10.6,25.1,7.3,22.8,3.4,20.2z M46.6,20.2c-3.8,2.6-7,4.8-9.7,6.6l12.5,12.5V17.7C48.6,18.6,47.7,19.4,46.6,20.2z M45.5,5.6H4.5C3,5.6,1.9,6.1,1.2,7.1C0.4,8.1,0,9.3,0,10.7c0,1.2,0.5,2.4,1.5,3.8c1,1.4,2.1,2.4,3.3,3.2c0.6,0.4,2.5,1.8,5.7,4c1.7,1.2,3.2,2.2,4.5,3.1c1.1,0.8,2,1.4,2.8,2c0.1,0.1,0.2,0.2,0.4,0.3c0.2,0.1,0.5,0.3,0.8,0.6c0.6,0.4,1.1,0.8,1.5,1.1c0.4,0.3,0.9,0.6,1.5,0.9c0.6,0.3,1.1,0.6,1.6,0.8c0.5,0.2,1,0.3,1.4,0.3h0h0c0.4,0,0.9-0.1,1.4-0.3c0.5-0.2,1-0.4,1.6-0.8c0.6-0.3,1.1-0.6,1.5-0.9c0.4-0.3,0.9-0.6,1.5-1.1c0.3-0.2,0.6-0.4,0.8-0.6c0.2-0.1,0.3-0.2,0.4-0.3c0.6-0.4,1.6-1.1,2.8-2c2.3-1.6,5.7-4,10.2-7.1c1.4-0.9,2.5-2.1,3.4-3.4c0.9-1.3,1.4-2.7,1.4-4.2c0-1.2-0.4-2.3-1.3-3.2C47.8,6.1,46.7,5.6,45.5,5.6z'></path></svg>") no-repeat left top;}
.rrss a[href*="twitch.tv"]::before {background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='rgb(46,69,97)' stroke='none'><path d='M13.4,49c0-1.9,0-3.8,0-5.7c-3.9,0-7.7,0-11.6,0c0-0.2,0-0.4,0-0.6c0-10.8,0-21.6,0-32.4c0-0.3,0.1-0.6,0.2-0.9c0.9-2.6,1.7-5.2,2.6-7.8C4.6,1.1,4.7,1,5.1,1c14.2,0,28.5,0,42.7,0c0.1,0,0.3,0,0.5,0c0,0.2,0,0.4,0,0.6c0,9.3,0,18.6,0,27.9c0,0.4-0.1,0.7-0.4,0.9c-4.1,4.1-8.2,8.2-12.4,12.4c-0.3,0.3-0.5,0.4-0.9,0.4c-2.5,0-5,0-7.5,0c-0.5,0-0.8,0.1-1.2,0.5c-1.7,1.7-3.3,3.4-5,5c-0.2,0.2-0.4,0.3-0.6,0.3c-2.2,0-4.5,0-6.7,0C13.5,49,13.5,49,13.4,49z M9,5.3C9,15.5,9,25.7,9,36c3.4,0,6.8,0,10.2,0c0,2,0,3.8,0,5.8c0.2-0.2,0.2-0.2,0.3-0.3c1.7-1.7,3.4-3.4,5.2-5.2c0.2-0.2,0.5-0.3,0.8-0.3c3.6,0,7.1,0,10.7,0c0.3,0,0.6-0.1,0.8-0.3c2.2-2.2,4.4-4.4,6.6-6.6c0.2-0.2,0.3-0.5,0.3-0.8c0-7.4,0-14.9,0-22.3c0-0.2,0-0.3,0-0.5C32.3,5.3,20.6,5.3,9,5.3z M20.7,14.2c0,4.3,0,8.7,0,13c1.5,0,2.9,0,4.3,0c0-4.3,0-8.6,0-13C23.5,14.2,22.1,14.2,20.7,14.2z M36.6,14.2c-1.4,0-2.8,0-4.2,0c0,4.3,0,8.6,0,13c1.4,0,2.8,0,4.2,0C36.6,22.8,36.6,18.5,36.6,14.2z'></path></svg>") no-repeat left top;}

/* Fin Menú RRSS */


/* ----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
MÓVIL --------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
/* ------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
TABLET --------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
/* ------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
ESCRITORIO --------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
/* ------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 782px) {	

/* MENUS */
/* Menú principal */
	nav.menu-principal {
		display: inline-block;	
	}
	.menu-principal ul {
		display: block;
		width: 100%;		
		padding: 0;	
		margin: 0;
	}	

	.menu-principal li {
		display: inline-block;
		text-align: center;
		position: relative;
	}											

	.sub-menu {min-width: 220px !important;}
	.menu-principal li ul  {
		opacity: 0;
		visibility: hidden;
		position: absolute;	
		margin: 0;
		margin-top:20px;		
		padding: 0;
	}
	.menu-principal li:hover ul {
		opacity: 1;
		visibility: visible;		
		display: block;
		margin-top: 0;			
		z-index: 120;
	}
	.menu-principal li:hover > ul::before {
		content:"";
		display: block;
		width: 0;
		height: 0;	
		position: absolute;	
		z-index: 1;	
		left: 18px;
		top: 0px;	
		margin: 0 auto;
		border-right: 6px solid transparent;
		border-top: 6px solid #000;
		border-left: 6px solid transparent;
		border-bottom: 2px solid transparent;			
	}		
	
	.menu-principal li ul li {
		background-color: rgba(255,255,255,0.9);					
		position: relative;
		display: block;
		text-align: left;			
	}
	.menu-principal li ul li ul li {
		background-color: transparent;				
	}	
	.menu-principal li ul li ul {
		position: relative;	
	}

	.menu-principal li ul li:hover > ul::before {
		display: none;		
	}

	.menu-principal li a {
		padding: 10px;
		border-bottom: none;		
	}

	.menu-principal ul > li:last-child a {
		padding-right: 0;	
	}
	
	.menu-principal > ul > li:first-child a {
		padding-left: 0;
	}

	.menu-principal li ul li a {
		padding: 10px 4px 10px 20px;
		border-bottom: solid thin LightGrey;	
	}

	.menu-principal li ul li ul li a {
		padding: 10px 4px 10px 40px;	
	}

	.menu-principal li ul li a::before, .menu-principal li ul li a:hover::before {display:none;}

	input[type=checkbox]:checked ~ .menuprincipal {display: block;}	
	.mostrar-menu {display:none;}

/* Fin Menú principal */

/* Menú RRSS */	
	nav.rrss {
		display: inline-block;
		vertical-align: middle;
	}

}

/* ----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
ESCRITORIO GRANDE -------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
/* ------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 992px) {
	

}

							

/* ----------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
ESCRITORIO EXTRAGRANDE---------------------------------------------------------------------------
------------ -------------------------------------------------------------------------------------
/* ------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1200px) {



}

/* ------------------------------------------------------------------------------------------- */

@media only screen and (min-width: 1400px) {

}