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

#cont-menu{ align-items:center; display:flex; font-weight:normal; justify-content:center; margin-top:0.9rem; /*width:100%;*/ z-index:9992; }
#btn-menu{ color:#66B822; display:none; }
#cont-menu label{ font-size:1.2em; color:#66B822; cursor:pointer; display:none; }
nav{ width:100%; }
.menu ul{ background:#66B822; display: flex; font-family:"Nunito", sans-serif; font-size:1rem; justify-content:center; list-style:none; z-index:9993; }
.menu ul ul{ background:#FFF; display:none; }
.menu ul a{	color:#FFF; display:block; font-size:1em; padding: 0.4rem 1rem 1.05rem 1rem; text-decoration:none; }
.menu ul ul li a{ font-size:0.9em; color:#373737; padding:0.5rem 1.5rem; }
.menu a:hover{ color:#F0047F; }
.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; }
	.menu ul ul{ margin-top:0.5px; }
	.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){ 
	/*#hd_cont_2_2_2{ display:none; }*/
	/*#hd_cont_2_2_1{ width:100%; border:1px solid #cc0000; }*/
	#cont-menu{ /*border:1px solid #000;*/ -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:#FFF; font-size:2rem; padding:0 0 0 0; text-align:center; width:100%; }
	.menu{ left:0; padding:0; position:absolute; /*top:149px;*/ /*top:200px;*/ top:130px; 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=9); opacity:0.9; }
	.menu ul{ background:#66B822; display:block; /*margin-top:18.5rem;*/ 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: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){ #marca2{ border:1px solid #00dd00;} }
@media (max-width: 649px)
{ 
	.menu{ top: 130px; }
	#marca2{ border:1px solid #cccccc; } 
	#cont-menu{ margin-left:0.5rem; } 
}
@media (max-width: 479px){ #marca2{ border:1px solid #000;} }
@media (max-width: 370px){ #marca2{ border:1px solid #888888;} .menu{ top: 104px; } }
@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:#66B822; transition: all 0.2s ease-in; text-align:left;}
	#cont-menu label{ display:block; color:#FFF; 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:#66B822; transition: all 0.2s ease-in; }
	.menu ul ul{ display:none; position:absolute; }
}
*/