body {

	color: #000;
	font-weight: 600;
	font-size: 100%;
	line-height: 1.5;
	font-family: 'trebuchet ms';

}


#fondo {
width: 100%; height: 100%; top: 0; left: 0;
background: url('../img/fondo.jpg') no-repeat center top; position: fixed; z-index: -1;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}



.flex {max-width: 100%}



a {
	outline: none;
	color: #fff;
	text-decoration: none;
		font-weight: 500;
}

a:hover, a:focus {
	color: #ffc3ab;
	font-weight: 500;

}


a.bianco {
 color: #ff6600;
 text-decoration: overline;
 font-weight: bold;
}

a.bianco:hover {
 color: #000;
  text-decoration: underline;

}




hr {
    border: 0;
    height: 0;
	
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	width: 50%;
}








h3 {
	font-family: 'trebuchet ms';
	color: #fff;
	font-weight: 300;
	font-size: 1em;
	 text-transform: uppercase;
	 text-align: left;
	 margin-left: 10%;
}






p {
	font-family: 'trebuchet ms';
	color: #fff;
	font-weight: 300;
	font-size: 1em;
	 text-transform: uppercase;
}

h1
{
	font-family: 'trebuchet ms';
	color: #fff;
	font-weight: 800;
	font-size: 4.5vw;
	margin-bottom: 0;
	line-height: 1em;
	text-shadow: 2px 2px 3px #0e5d62;;
}


h2
{
	font-family: 'trebuchet ms';
	color: #fff;
	font-weight: 400;
	font-size: 2vw;
	margin-top: 0.2em;
	margin-bottom: 0;
		text-shadow: 2px 2px 3px #0e5d62;;

	
}





.component {

	
	left:25%;width:50%;height:50%;top:25%;
	position:absolute;text-align:center;
	background-color: #019ba5;
	border-radius: 1em;
	
}







.footer {
    bottom:0;
    height:100px;
    position:absolute;
    width:100%;
    text-align:center;
	font-size: 0.9em;
	color: #fff;
	font-weight: 100;
	
}