*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

#cont-menu{	
	align-items:center;
	/*background:#FFF;*/
	/*background:#E6007E;*/
	background:#E71B6C;
	display:flex;
	/*font-family:"Roboto Light", arial;*/
	font-family:"Lato Light", arial;
	font-size:1rem;
	font-weight:normal;
	filter: alpha(opacity=8); /*Para que lo lea IE*/
	opacity:0.8;
	/*height:auto;*/
	justify-content:center;	
	/*padding:5.85rem 0 0.6rem 0;*/ /*arriba derecha abajo izquierda*/	
}

#btn-menu{	
	color:#0F98A7;
	display:none;
	/*font-size:1.5em;*/
}

#cont-menu label{
	font-size:1.2em;
	color:#0F98A7;
	cursor:pointer;
	display:none;
}

nav{
	width:90%;
}

.menu ul{	
	/*background:#FFF;*/
	/*background:#FF66CC;*/	
	display: flex;
	justify-content:center;
	list-style:none;
	z-index:9999;
}

.menu ul ul{
	/*background:#FFF;*/
	/*background:#FF66CC;*/
	/*background:#E6007E;*/
	background:#ffffff;	
	display:none;	
}

.menu ul a{	
	/*color:#0F98A7;*/
	/*background:#FFF;*/
	color:#FFF;
	display:block;
	/*font-size:0.8em;*/
	/*padding: 1em 1.5em;*/
	/*padding: 0.6em 1.5em;	*/
	text-decoration:none;
	/*border:1px solid #3366cc;*/
}

.menu ul ul li a{
	font-size:0.9em;
	color:#694897;
	padding:0.5em 1.5em;
}

.menu a:hover{
	background: rgba(0,0,0,0);
	/*color:#C7D301;*/
	/*color:#BCCF02;*/
	color:#BCCF02;
}

.menu a i{
	display:none;
	/*font-size:0.8em;
	font-weight:bold;*/
}

/*
.menu a span{
	margin-left:0.2em;	
}*/

.menu ul li:hover ul{
	display:block;
	position:absolute; /*El submenu aparece en el mismo ancho del UL LI que lo contiene*/	
}

.menu-complemento{
	display:none;
}


@media (min-width:1001px){
	.menu-complemento{
		/*display:none;*/
		display:inline-block;
		width:10%;
	}
	.menu a{
		font-size:1em;
		/*padding: 0.9em 1.5em;*/
		padding: 0.3em 1em;
	}
	#cont-menu{
		padding:0.8rem 0;
	}
	
	#marca2{
		border:2px solid #000;
		background-color:#000;
	}
}

@media (max-width:1000px){
	.menu a{
		/*font-size:0.65em;*/
		font-size:0.92em;
		padding: 0.2em 1.2em;
	}
	.menu-complemento{
		display:inline-block;
		margin:0;
		width:17%;
		/*border:1px solid #cc6623;
		height:50px;*/
	}
	#cont-menu{
		padding:0.9rem 0;
	}
	#marca2{
		border:2px solid #ffcc00;
	}
}

@media (max-width:800px){
	#cont-menu{
		-ms-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-webkit-transition: all 0.2s ease-in;		
		background:#E71B6C;
		transition: all 0.2s ease-in;
		padding:0.4em 0;
	}
	#cont-menu label{
		display:block;
		color:#FFF;		
		padding:0 0;
		width:20%		
		/*border:2px solid #3366cc;*/
	}
	
	.menu{
		left:0;
		padding:0 0em;
		position:absolute;		
		top:159px;
		width:100%;
			-ms-transition: all 0.3s ease-in;
			-moz-transition: all 0.3s ease-in;
			-o-transition: all 0.3s ease-in;
			-webkit-transition: all 0.3s ease-in;		
			transform:translateX(-100%);
			transition: all 0.3s ease-in;
		z-index:1000;
		/*background:#096;
		border:2px solid #3366cc;*/
	}
	
	.menu ul{
		background:#E71B6C;
		display:block;
		position:relative;
	}
	
	.menu ul ul{
		background:#FFF;
		display:none;
	}	

	.menu ul li{
		border-bottom: 1px solid #E0E0E0;
	}
	
	.menu ul ul li a{
		/*color:#E71B6C;*/
		color:color:#674595;
		font-weight:bold;
	}
	
	.menu ul li:hover ul{		
		display:none;
		position:static;
	}

	.menu a{
		font-size:0.92em;
	}
	
	.menu a i{
		display:inline-block;
		padding:0 0.5em;
		position:absolute;
		right:0;
	}
	
	#btn-menu:checked ~.menu{
		transform:translateX(0%);
	}
	
	.menu ul ul a{
		color:#674595;
		padding: 0.6em 2.5em;		
		/*font-weight:bold;*/
	}
	
	.menu-complemento{
		display:none;
	}
	
	#marca2{
		border:2px solid #3366cc;
	}
}

@media (max-width:600px)
{
	.menu{		
		/*top:9.95rem;*/
		top:9.59rem;
	}
	
	#marca2{
		border:2px solid #cc0000;
	}
}

@media (max-width:500px)
{
	#marca2{
		border:2px solid #dd00cc;
	}
}

@media (min-width:801px){
	#cont-menu{
		-ms-transition: all 0.2s ease-in;
		-moz-transition: all 0.2s ease-in;
		-o-transition: all 0.2s ease-in;
		-webkit-transition: all 0.2s ease-in;		
		/*background:#FFF;*/
		/*background:#E6007E;*/
		background:#E71B6C;
		transition: all 0.2s ease-in;
	}
	.menu ul ul{		
		display:none;
		position:absolute;		
	}
	
	/*#marca2{
		border:2px solid #674595;
	}*/
}