@font-face {
    font-family: 'Titillium';
    src:url('fonts/Titillium-Thin.otf') format('opentype');
     font-weight: 50; 
     font-style: normal;
     font-stretch: ultra-expanded;
     font-size: 100%;
     
     }


.menu{
    	list-style:none;
      	float: right;
    	padding:1px;
	position: relative;
	/*left: 890px; */
    top: 165px;
	margin:1px;
	z-Index: 1;
	visibility:visible;
	  font-size: 100%;
	
	
}
.menu li{
	position:relative; 
	margin:1px;
	padding:1px;
	float:left;
	visibility:visible;
	display: block;
	  font-size: 100%;

	
}
.menu li a{
	position: relative;
	width: 250px; /*Ancho del area del elemento del menu*/
	height: 5px; /*Espacio entre los elementos del menu*/
	padding: 10px; /*tabulador del menu*/
	/*line-height:80px; */
	text-decoration: none;
	text-align: left;
	visibility:visible;
	  font-size: 100%;

	
 
}
.menu li a:hover{
	
	/*color:#CF3;*/
	/*background-color:#999;*/
}

.menu ul{
    position:absolute;
	left:0px; /*justificacion del submenu*/
	top:45px; /*Posición superior del submenu por debajo del principal*/
	margin:0px;
	border: 0px 	solid #eee;
	list-style:none;
	padding:1px; /*justificacion del submenu*/
	opacity:0;
	transition:opacity .35s ease .2s;
	-webkit-transition:opacity .35s ease .2s;
	-moz-transition:opacity .35s ease .2s;
	-o-transition:opacity .35s ease .2s;
	  font-size: 100%;

	
	
}
.menu ul li a{
	/*border-bottom:2px solid #333;*/
	border-left:none;
	top: -10px;
	display:block;
	text-align:left;
	  font-size: 100%;

}
.menu li:hover ul{
    opacity:1;
    
	visibility:visible;
 background-color:#ffffff;
	
}