/* CSS Document */

 @font-face {
     font-family: Raleway-Black;
     src: url(../fonts/Raleway-Black.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Bold;
     src: url(../fonts/Raleway-Bold.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-ExtraBold;
     src: url(../fonts/Raleway-ExtraBold.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-ExtraLight;
     src: url(../fonts/Raleway-ExtraLight.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Light;
     src: url(../fonts/Raleway-Light.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Medium;
     src: url(../fonts/Raleway-Medium.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Regular;
     src: url(../fonts/Raleway-Regular.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-SemiBold;
     src: url(../fonts/Raleway-SemiBold.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Thin;
     src: url(../fonts/Raleway-Thin.ttf) format('opentype') 
}


#logo
{
	position:absolute;
	
	width: 250px;
	height: auto;
	
	top: 5px;
	left: 10px;
	z-index: 15;
}

#bandaMenu
{
	width: 100%;
	height: 86px;
	
	position: absolute;
	top:0px;
	
	background-color: rgba(255,255,255,.70);
	z-index: 10;
}

#menu
{
	position: absolute;
	
	width: 380px;
	height: auto;
	top:30px;
	right: 0px;
}

.opcionMenu
{
	width: auto;
	height: auto;
	
	padding: 0px 15px;
	float: left;
	
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #d05d1d;
	text-align: center;
	
	cursor: pointer;
}

.opcionMenu:hover
{
	color: #999;
}

#siguenos
{
	width: 100px;
	height: auto;
	
	position: absolute;
	left:50%;
	margin-left: -50px;
	
	top: 640px;
	cursor: pointer;
	z-index: 10;
}


@media screen and (min-width: 0px) and (max-width: 660px)
{	
	#logo
	{
		top: 5px;
		left: 50%;
		margin-left: -125px;
		position: fixed;
	}
	#bandaMenu
	{
		height: 120px;
		position: fixed;
	}
	#menu
	{
		width: 380px;
		top:90px;
		left:50%;
		margin-left: -190px;
		position: fixed;
	}

	.opcionMenu
	{
		padding: 0px 15px;
	}
}