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

#cont-menu{ align-items:center; display:flex; font-weight:normal; justify-content:center; margin-top:0.2rem; margin:0 auto; text-align:center; /*width:100%;*/ z-index:9992; }
#btn-menu{ color:#F6F6F6; display:none; }
#cont-menu label{ font-size:1.2em; color:#F6F6F6; cursor:pointer; display:none; }
nav{ width:100%; }
.menu ul{ /*background:#F6F6F6;*/ color:#E6007E; display: flex; font-family: 'Handlee', cursive; font-size:0.86rem; font-weight:bold; justify-content:center; list-style:none; z-index:9993; }
.menu ul ul{ /*background:#FFF;*/ display:none; /*margin-top:1rem;*/ }
.menu ul a{	color:#E6007E; display:block; font-size:1em; /*padding: 0.4rem 1rem 1.05rem 1rem;*/ padding: 0.75rem 1rem 0.75em 1rem; text-decoration:none; }
.menu ul ul li { border:0px solid #cc0000; background:#FFF; }
.menu ul ul li a{ color:#E6007E; font-size:1rem; font-weight:normal; padding:0.5rem 1.5rem; }
.menu a:hover{ color:#747474; }
.menu a i{ display:none; }
.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; }


/*====================================================================================================================
*RESPONSIVE
*====================================================================================================================*/

@media (max-width: 1280px){ 
	.menu ul{ /*font-size:0.79rem;*/ font-size:0.7rem; }
	.menu ul ul{ /*margin-top:0.5px;*/ /*margin-top:1rem;*/ }
	.menu ul a{	padding: 0.6rem 1rem 1.05rem 1rem; }
	.menu ul ul li a{ font-size:0.8rem; }
	#marca2{ border:1px solid #cc0000; } 
}
@media (max-width: 1023px){ 
	#cont-menu{ border:0px solid #ffcc00; height:20px; margin-left:0%; -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; transition: all 0.2s ease-in; filter: alpha(opacity=0); margin-top:0rem; opacity:1; width:100%; }
	#cont-menu label{ display:block; color:#E6007E; font-size:2rem; padding:0 0 0 0; text-align:right; width:100%; }
	.menu{  left:0; padding:0; position:absolute; /*top:149px;*/ top:6.85rem; 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:9994; filter: alpha(opacity=10); opacity:1; }
	.menu ul{ background:#FCE0E4; display:block; /*margin-top:18.5rem;*/ position:relative;  }
	.menu ul ul{ background:#FFF; display:none; }	
	.menu ul li{ border-bottom: 1px solid #DDDDDD; }
	.menu ul ul li a{ color:#E6007E; font-size:1rem; }
	.menu ul ul li a:hover{ color:#747474; font-weight:bold; }
	.menu ul li:hover ul{ display:none; position:static; }
	.menu a{ font-size:0.92em; }
	.menu a:hover{ color:#F0047F; }
	.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; }
	.menu-complemento{ display:none; }
	
	#marca2{ border:1px solid #ffcc00;} 
}
@media (max-width: 767px)
{ 
	/*#cont-menu{ margin-left:90%; -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; transition: all 0.2s ease-in; filter: alpha(opacity=0); margin-top:0rem; opacity:1; width:10%; }
	#cont-menu label{ display:block; color:#E6007E; font-size:2rem; padding:0 0 0 0; text-align:center; width:100%; }
	.menu{  left:0; padding:0; position:absolute; top:46px; 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:9994; filter: alpha(opacity=10); opacity:1; }
	.menu ul{ background:#FCE0E4; display:block; position:relative;  }
	.menu ul ul{ background:#FFF; display:none; }	
	.menu ul li{ border-bottom: 1px solid #DDDDDD; }
	.menu ul ul li a{ color:#E6007E; font-size:1rem; }
	.menu ul ul li a:hover{ color:#747474; font-weight:bold; }
	.menu ul li:hover ul{ display:none; position:static; }
	.menu a{ font-size:0.92em; }
	.menu a:hover{ color:#F0047F; }
	.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; }
	.menu-complemento{ display:none; }*/
	
	#marca2{ border:1px solid #00dd00;} 
}
@media (max-width: 649px)
{ 
	.menu{ /*top:46px;*/ }
	#marca2{ border:1px solid #cccccc; } 
	#cont-menu{ /*border:1px solid #cc0000;*/ margin-left:0%; width:100%; /*margin-left:0.5rem;*/ /*margin-left:90%;*/  } 
}
@media (max-width: 479px){ #marca2{ border:1px solid #000;} }
@media (max-width: 370px){ #marca2{ border:1px solid #888888;} }
@media (max-width: 269px){ #marca2{ border:1px solid #ff0000; } }


/*
@media (min-width:1001px){
	.menu-complemento{ display:inline-block; width:10%; }
	.menu a{ font-size:1em; padding: 0.3em 1em; }	
	#marca2{ border:2px solid #00dd00; }
}

@media (max-width:1000px){
	.menu a{ font-size:0.92em; padding:0.2em 1.2em; }
	.menu-complemento{ display:inline-block; margin:0; width:17%; }
	#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:#F6F6F6; transition: all 0.2s ease-in; text-align:left;}
	#cont-menu label{ display:block; color:#005461; padding:0 0 0 0.5rem; width:50%; }
	.menu{ left:0; padding:0 0em; position:absolute; top:149px; 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; }
	.menu ul{ background:#F7A600; 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: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; }
	.menu-complemento{ display:none; }
	#marca2{ border:2px solid #3366cc; }
}

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

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

@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:#F6F6F6; transition: all 0.2s ease-in; }
	.menu ul ul{ display:none; position:absolute; }
}
*/