/* CSS Document */
@font-face {
    font-family: "Roboto-Light";
	src: url('../fonts/Roboto-Light.ttf');
	behavior: url(PIE-1.0.0/PIE.htc);
}





/* imagenes de las opciones de los iconos ------------------ */
.icon1 {
    display: inline-block;
    vertical-align: bottom;
    width: 30px;
    height: 30px;
	margin-right:30px;
	background-image: url('../img/icon-1.png');
}

/* --------------------------------- */
.icon-menu {
    display: inline-block;
    vertical-align: bottom;
    width: 30px;
    height: 29px;
    margin: 0;
	background-image: url('../img/icon-menu.png');
}


.icon-micuenta {
    display: inline-block;
    vertical-align: bottom;
    width: 90px;
    height: 29px;
	font-size:17px;
	text-align:center;
    margin: 0;
	background-image: url('../img/icon-micuenta.png');
}

/* --------------------------------- */



/* -------  Menu  ------- */

.barmenu {
	position:absolute;
	width: 300px;
	top:0px;
	right:1px;
	height: 37px;
	margin: 0 auto;
}

ul, ol{
		list-style:none;
}

nav-home {
		/*width:100%;*/
		position:relative;
		top:0px;
		right:1px;
		font-family:Roboto-Light, arial, verdana, sans-serif;
		font-size:18px;
		text-align:left;
		/*background:#FFFFFF;*/
}


#home > ul{
  width: 200px;
}
		
#home li a {
    text-decoration:none;
		padding: 3px 10px 3px 10px;
		margin-left:25px;
		background-color: #262626;
		background-image: url('../img/fondo2.png');
		color: #fff600;
    margin: -1px;
		display:block;
		border: 1px solid #1b1b1b;
		-webkit-border-radius: 1px;
    -moz-border-radius: 1px;
		-o-border-radius: 1px;
		-ms-border-radius: 1px;
		-webkit-transition: background-color 0.5s ease-in;
		-moz-transition: background-color 0.5s;
		-o-transition: background-color 0.5s;
		-ms-transition: background-color 0.5s;
		ffloat:right;
}


#home > li {
		float:right;
}

#home li ul{
		display:none;
		opacity: 0; 
		position:absolute;
		min-width:250px;
		float:right;
		right:0px;
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		-o-transition: opacity 0.3s;
		-ms-transition: opacity 0.3s;
}




#home li:hover > ul{
		display:block;
		opacity: 1;
		margin-top: 1px;
		-webkit-transition: opacity 0.5s;
		-moz-transition: opacity 0.5s;
		-o-transition: opacity 0.5s;
		-ms-transition: opacity 0.5s;
		}

#home li a:hover {
        background-color: #373737;
        cursor: pointer;
		    color:#fff;
		    border-top: 2px solid #ffe400;
		-webkit-transition: background-color 0.5s ease-in;
		-moz-transition: background-color 0.5s;
		-o-transition: background-color 0.5s;
		-ms-transition: background-color 0.5s;
}

#home li a:active {
        background-color: #3B3B3B; 
}

/*-----------------------------*/