@font-face {
    font-family: Raleway-Thin;
    src: url(../img/Raleway-Thin.otf);
 }

@font-face{
	font-family: Raleway-ExtraLight;
    src: url(../img/Raleway-ExtraLight.otf);
}

@font-face{
	font-family: Raleway-Regular;
    src: url(../img/Raleway-Regular.otf);
}

*{
	margin: 0px;
	padding: 0px;
	font-family: Raleway-Thin;
	
}

/*General*/
html,body{
	background-color: #000;
	margin:0;
   	padding:0;
   	height:100%;
}

#wapper{
	min-height:100%;
   	position:relative;
	}

#body{
	padding:10px;
   	padding-bottom:70px;
}



/*Header*/
header{
	border-bottom: 1px solid #fff;
	padding-bottom: 6%;
}



/* Intro*/

div.intro{
	visibility: hidden;
	float: left;
}


/*Footer*/


footer{
	position:relative;
	width: 100%;
	background-color: rgb(33,33,33);
	height: auto;
	bottom: 0;
	overflow: hidden;	
}

p.texto_footer{
	margin: 1%;
	margin-left:35%;
	font-size: .8em;
	color:#fff;
	font-family: Raleway-thin;
}

/*inicio*/

#img_inicio{
	background-color: #000;
	margin-left: 28%;
	margin-top: 10%;
}

#pantalla_inicio{
	color: rgb(253,252,177);
	font-size: 1.2em;
	margin-left: 35%;
	margin-top: 5%;
	
}

a.link_inicio{
	color: rgb(253,252,177);
	font-family: Raleway-Regular;
	text-decoration: none;
	margin: 2%;
}

a.link_inicio:hover{
	color: white;
	font-family: Raleway-Regular;
	margin: 2%;

}