7@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
    text-decoration: none;
	list-style: none;

	
}

a:link {
	
	text-decoration: none;
}



.RSS-Responsive {
	display: none;
}

.imgMenuResponsive {
	  
display: none;
 -webkit-transition: all 0.5s;	
	
}


.Logo-Menu {
    
    background-size: contain;
    width: 250px;
    position: fixed;
    margin-left: 120px;
    margin-top: 55px;
    z-index: 845454544;
    -webkit-transition:all 0.5s;
    
}



.Logo-Menu-Fixed { display: none; }


.Logo-Menu-Color { 
    
    display: none; 
    -webkit-transition: all 3;
}


.Logo-Menu-Color-Fixed {
	
    display: block;
    background-size: contain;
    width: 140px;
    position: fixed;
    margin-left: 120px;
    margin-top: 20px;
    z-index: 845454544;
    -webkit-transition:all 3s;
}




.Menu {
    
    font-family: 'Lato', sans-serif;
    display: inline-block;
    text-decoration: none;
    list-style: none;
    position: fixed;
    z-index: 125414;
    width: 100%;
    padding-right: 70px;
    -webkit-transition: all 0.3s;
	z-index: 454256;
	margin-top: 30px;
	
  
}



.Menu-fixed {
	
    margin-top:-10px;
    -webkit-transition: all 0.3s;
	text-shadow: 0px 0px 0px #000;
	font-weight: 700;
	background-color: #fff;
	text-decoration: none;
	height: 80px;

 

}



.Menu a   {
	
    color: #fff;
    -webkit-transition: all 0.4s;


}


.Menu-fixed a   {
    color: #383838;
    -webkit-transition: all 0.4s;

}



.Menu a:hover {
    
    color:#4fb1ed;
    -webkit-transition: all 0.2s;
	
}


.Menu ul {
    
    float:right;
    display: flex;
    list-style: none;  
    font-size: 15px;
    margin-top: 30px;
	margin-right: 50px;


    
}


.Menu ul li {
	
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 20px;
	padding-top: 30px;
    font-weight: 400;
	
   
}



.Menu ul ul {
    display: none;

	
}




.Menu ul li:hover ul {
    display: block;
    position: absolute;
    z-index: 445445;
	background-color: rgba(255,255,255,0.6);

}




.Content-RSS li  {
    
    display: inline-block;
    font-size: 24px;
    margin-top: -4px;
    margin-left: -10px;
    margin-right: -10px;
}







@media (max-width:1102px) {
	

	
.Contenedor-Responsive {
		
		width: 100%;
		height: 50px;
		background-color:#fff;
		position: fixed;
		z-index: 1000;
		
	}
	
    
    
.imgMenuResponsive {
		
    display: none;
	width: 50px;
	float: right;
    position: fixed;
    margin-top: 15px;
    z-index: 8454;
	margin-left:83%;      

}
	

	
.Logo-Menu {
    
display: none;

    
}
    
.Logo-Menu-Color-Fixed {
	
    display: block;
    background-size: contain;
    width: 100px;
    position: fixed;
    margin-left: 90px;
    margin-top: 30px;
    z-index: 845454544;
    -webkit-transition:all 3s;
}
    
.Logo-Menu-Color { 
    
    display: block;
    background-size: contain;
    width: 140px;
    position: fixed;
    margin-left: 50px;
    margin-top: 12px;
    z-index: 845454544;
    -webkit-transition:all 3s
}

        
    


.Menu {
		
		position: absolute;
		margin-top:80px;
		width: 100%;
		height: 100vh;
		-webkit-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		transition: all 0.2s;
		background-color: #053051;
		position: fixed;
		z-index: 1000;
		
	}
	
	

	
	.Menu ul {
		
		display: block;
		float: right;
		list-style: none;
		
		float: left;
		
	
	}
	
	.Menu ul li:hover ul {
		display: none;
		position: static;
		
		

	}
	

	
	.Menu a {
		display: block;
		color:#fff;
		text-decoration: none;
		padding-top: 5px;
		
	}
	

    
    .Content-RSS a {
    
    float:right;
    
    }


	
	
	
}






@media (max-width:414px) { 
    

    
    
    
    
	
.imgMenuResponsive {
		
 	margin-left: 83%;      

}
	

	.Logo-Menu-Color { 
    
    
    width: 110px; 
    margin-left: 10px;
    margin-top: 12px;
    z-index: 845454544;
    -webkit-transition:all 3s
}

	
	
	
}





