.guia{ color: #ff0000!important }
/* headerrrrrrrrrrrrrrrrrr */
#header { width: 100%;
		  position: fixed;
		 
		  padding: 50px 0px 0px 0px;
		  z-index:5;
		  transition: 0.5s;
		  color: #444
		  
		}

/* contenedorr de losss 3333333333333333333333333333333333333333333 */
.menu{ width: 100% }



/*logooooooooooooooooooooooooooooooooooooo*/
.menu-logo{ width: 20%;
			float: left;
			 }
.menu-logo img{ width: 100%;
				max-width: 150px }
#logo-original{ display: none; }


/*btn menuuuuu*/

#btn-menu{display: none;}

header label{  width: 50px;
			   height:50px;
			   float: right;
			   display: none;
			   cursor: pointer;
			   background-color: #ff0000;
			   flex-direction: row;
			   align-items: center;
			   justify-content: center;
			   position: relative;
			   padding: 23px 0px 0px 10px;
			   margin: 0px 0px 0px 10px}


.lazo{ width: 30px!important;height: 5px;
       background: #fff;transition: 0.5s }

.lazo:before , .lazo:after , .lazo{content: ""; position: absolute;width: 100%;
       background: #fff;transition: 0.5s}

.lazo:after{ height: 100%;top: 12px }

.lazo:before{ height: 100%;top: -12px }

.cruza{ transition: 0.5s;
 transform: rotateZ(45deg); }

 .cruza:before{ transition: 0.5s;top: 0;
 transform: rotateZ(90deg); }

 .cruza:after{ transition: 0.5s;top: 0;
 transform: rotateZ(0deg); }





/*menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu 111111*/
.menu-nav{ width: 74%;
		   float: left;
		   height: 60px;
		   margin: 20px 0px 0px 0px}

.menu-nav-ul{ padding: 0;
			  margin: 0;
			  display: flex;
			  float: right; }

.menu-nav-ul li{ list-style: none;position: relative;}

.menu-nav-ul li a{ display: block;
				   padding: 0px 20px 0px 20px;
				   text-decoration: none;
				   font-family: ebrima;
				   color: #fff;
				   font-size: 14px;
				   font-weight: 700;
				   line-height: 60px;
				   cursor: pointer;}

/* iconoo chevron */
.menu-nav-ul li a .icon-chevron-down{ line-height: 60px;
									  padding: 0px 0px 0px 5px; }


.menu-nav-ul li a:hover{ color: #FF5F5F!important; }



/* submenuuuu */
.menu-nav-ul ul{  background-color: #ff0000;
			      position: absolute;
			      width:260px;
			      top: 70px;
			      left: 50%;
			      transform: translateX(-50%);
			      visibility: hidden;
			      opacity: 0;
			      transition: all 0.3s ease;
			      padding: 10px 0px 10px 0px
			       }

.menu-nav-ul ul:before{ content: "";
						position: absolute;
						top: -10px;
						left: 50%;
						transform: translateX(-50%);
						border-left: 10px solid transparent;
						border-right: 10px solid transparent;
						border-bottom:10px solid#ff0000 }


.menu-nav-ul ul li { list-style: none; }

.menu-nav-ul ul li a{ display: block;
					  padding:20px 0px 20px 0px;
					  font-family: ebrima;
					  font-size: 13px;
					  font-weight: 600;
					  color: #fff!important;
					  text-align: center;
					  text-decoration: none;
					  line-height:12px;
					  }

.menu-nav-ul ul li a:hover{ color: #420000!important }

.menu-nav-ul li:hover ul{ transition: all 0.3s ease;
	                      visibility: visible;
	                      opacity: 1;
	                      top: 60px}


/*menuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu 222222222*/
.menu-nav2{ width: 300px;
	        height: 100vh;
	        margin: 0px 0px 0px 0px;
	        position: absolute;
	        left: -300px;
	        display: none;
	        top: 0;
	        background: #222;
            transition: 0.5s

           }

/* logoo dentro de submenuuu */		   
.menu-nav2-ul-logo{ width: 100%;
					position: absolute;
					top:0;
					left: 0;
					text-align: center;
					padding: 20px 0px 0px 0px}

.menu-nav2-ul-logo img{ width: 100%;
						max-width: 100px}



.menu-nav2-ul{ position: absolute;
			   top: 50%;
			   transform: translateY(-50%);
			   padding: 0;
			   width: 100%}

.menu-nav2-ul li{ list-style: none;}


.menu-nav2-ul li a{ display: block;
				   padding: 10px 20px 10px 20px;
				   text-decoration: none;
				   font-family: ebrima;
				   color: #fff;
				   font-size: 13px;
				   font-weight: 700;
				   line-height: 30px;
				   cursor: pointer;
				   
				   text-align: center;
				   border-bottom: 1px solid#999}
/*iconooo chevron*/
.menu-nav2-ul li a span{ float: right;
						 line-height: 30px }


.menu-nav2-ul li a:hover{ color: #ff0000 }

/* submenuuuu */
.menu-nav2-submenu{ width: 100%;
					
					background-color: #ddd }

.menu-nav2-submenu a{ text-decoration: none;
					  padding: 0px 0px 0px 0px;
					  color:#222!important  }

.menu-nav2-submenu a:hover{ color: #ff0000!important }					  

#btn-menu:checked~ .menu-nav2{left: 0}



/*buscadorrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr*/

.menu-buscador{ width: 6%;
		        float: left;
		        height: 60px;
		        text-align: center;
		        margin: 20px 0px 0px 0px;
		        cursor: pointer;
		        transition: 0.5s}

.menu-buscador .icon-search{ color: #fff;
							 font-size: 17px;
							 background-color: #ff0000;
							 width: 50px;
							 height: 50px;
							 text-align: center;
							 line-height: 50px}

.menu-buscador .icon-search:hover{ background-color: #222 }


@media screen and (max-width: 1100px){

	#header { padding: 10px 0px 0px 0px!important}

	.menu-nav{ display: none; }

	/*logooooooooooooooooooooooooooooooooooooo*/
    
    .menu-logo img{ width: 100%;
				max-width: 90px }

	header label{ display: block;
				  margin: 0px 10px 10px 10px}

	.menu-buscador{ float: right;
					margin: 0px 0px 0px 0px;
					width: 50px;
					height: 50px; }

	.menu-buscador .icon-search{ line-height: 50px;
							      }				

	.menu-nav2{ display: block; }

}