.menu
{
  background: rgba(255,255,255,0.79);
  overflow: hidden;
  width: 100%;
  position: fixed;
  z-index: 999999;
  left: 0px;
  top: -100px;
  transition:all ease 1s;
  -moz-transition:all ease 1s;
  -ms-transition:all ease 1s;
  -o-transition:all ease 1s;
  -webkit-transition:all ease 1s;
}
.fixed
{
	position:fixed;
	left:0px;
	top:0px;
	z-index:9999;
}

.menu #logomenu h5
{
	text-align:center;
	margin:0px;
}
.menu #logomenu img
{
max-width:150px;

}



.menu #logomenu
{
	float:left;
		padding:0.5% 0px;
		width:20%;
}

.menu #iconosrede
{
	float:right;
	width:54px;;
	text-align:right;
	margin-top:2.6%;
}

.menu nav
{
	float:left;
		width:700px;
		text-align:center;
			margin-top:1.5%;
}

.menu nav ul 
{
	list-style:none;
	display:inline-block;
	margin:0px;
	width:auto;
	padding:0px;
	  position: relative;
}

.menu nav ul li
{
	  float: left;
  display: inline-block;
}

.menu nav ul li a
{
	position: relative;
	display: inline-block;
	margin: 7px 12px;
	outline: none;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: .8em;
	
}

/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
	color: #10649b;
	text-shadow: none;
	padding: 10px 0;
}

.cl-effect-17 a::before {
	color: #fff;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	content: attr(data-hover);
	position: absolute;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
	
}

.cl-effect-17 a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #e91a40;
	opacity: 0;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
	
}
.active a
{	color:#e91a40 !important;
	
}
.active a::after
{
		content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #e91a40;
	opacity: 1;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	pointer-events: none;
}


.cl-effect-17 a:hover
{
	color:#e91a40;
}

.cl-effect-17 a:hover::before,
 {
	opacity: 0;
	-webkit-transform: translateY(-2px);
	-moz-transform: translateY(-2px);
	transform: translateY(-2px);
	color:#e91a40;
	
}

.cl-effect-17 a:hover::after,
{
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}


#menucerrado
{
	display:none;
	margin-top:13px;
	float:right;
	}



/*---------------contenido responsivo---------------*/
@media screen and (max-width : 1185px){
	.menu .contenido-centrado
	{
		width:95%;
		}
}

@media screen and (max-width : 1024px){
	#menucerrado
	{
		display:block;
		}
		
	#menuabierto
	{
		display:none;
		}	
		
		.menu nav
     {
		 float:right;
		  width:300px;
		  
	    }
		
		.menu nav ul li
		{
			width:100%;
			background:rgba(255,255,255,0.82);
			}
			
		#iconosrede
		{
			display:none;
			}

		.menu
		{
			overflow:visible;
			height:92.7188px;
			}
}
@media screen and (max-width : 800px){
	
}
@media screen and (max-width : 600px){
	
}
@media screen and (max-width : 320px){
	
}
/*---------------contenido responsivo---------------*/