@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,300italic,300,400italic,500,700,500italic,700italic);

font-family: 'Fira Sans', sans-serif;

*{margin:0; padding:0;box-sizing:border-box; text-decoration: none}

#logoacumar {width: 134px;position: relative;float: right; margin-right: 2%; margin-top: 2%;}

#abri:hover{background: rgba(240, 250, 255, 0.77); color:#006}
#inversor:hover{background: rgba(240, 250, 255, 0.77); color:#006}
#pasajero:hover{background: rgba(240, 250, 255, 0.77); color:#006}
#proyecto:hover{background: rgba(240, 250, 255, 0.77); color:#006}
#novedades:hover{background: rgba(240, 250, 255, 0.77); color:#006}
#contacto:hover{background: rgba(240, 250, 255, 0.77); color:#006}

.contenedor{
	width:1260px; 
	min-height:850px; 
	box-sizing:border-box; text-decoration:none;
	background:url(riachuelo%204.jpg);
	font-family: 'Fira Sans', sans-serif;
	margin:auto; padding:auto;}

header {width:100%; 
	min-height:5rem; 
	float:left; 
	position:relative; 
	margin:0; 
	padding:0;
	box-sizing:border-box;
	font-family: 'Fira Sans', sans-serif;font-weight: 700;color:#666;	
	
	}
	
	h1{font-family: 'Fira Sans', sans-serif;font-weight: 700;margin-left: 8%; position:relative; float:left; text-align: center;}
	
	nav{width:100% ; min-height:100px; margin:1% 7%;position:relative; float:left;padding:5px;}
nav ul{list-style-type:none;}
nav ul li{
	margin: 3% 0 2% 1%;
	position: relative;
	float: left;
	padding: 0;
	font-weight: 700;
	left: 25;
}
nav ul li a {text-decoration:none; background:rgba(27, 56, 143, 0.94); font-family: 'Fira Sans', sans-serif;font-size:19px; margin:1px 1px;padding:15px 26px; color:rgb(160, 190, 204);}

section{
	width:100%; 
	min-height:40rem; 
	margin:0; box-sizing:border-box;
	}
.titular{
	 margin: 0 16%;
	position:relative; 
	float:left; 
	text-align:center; font-weight:700;
    color: #00004a;font-family: 'Fira Sans', sans-serif;
	}
.parrafo{width: 80%;
    min-height: 260px;
    background: rgba(136, 200, 230, 0.97);
    padding: 1.5% 6% 2% 6%;
    margin: 1%0%1% 10%;
    box-sizing: border-box;
    position: relative;
    float: left;
    color: #006;
    font-family: 'Fira Sans', sans-serif;
     font-size: 18px;
    font-weight: 400;
    text-align: center;}

aside {
	width:46%; 
	min-height:14rem; 
	background:rgba(144, 189, 211, 0.94);
	float:left;
	position:relative;
	margin:2%;
	padding:1rem 0 0 1rem;
	box-sizing:border-box;
	}
	
article{ width: 28%;
    height: 8rem;
    float: left;
    background-color: rgba(234, 234, 234, 0.97);
    margin: 4% 2% 1% 2%;
    box-sizing: border-box;
    padding: 1rem;
    color: #022a04;}
.boton2:hover {background-color: #e0adb1;}
.boton:hover {color:#022a04}
.boton {text-align: center;
    font-weight: 700;
    color: #00004a;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.2rem;text-decoration: none;}
.formulario{
	width:46%; 
	min-height:226px;
	background:rgba(144, 189, 211, 0.94);
	float:left;
	position:relative;margin:2%;}
	
.menu{ width: 50%; foat:left; margin:1%;padding:1% 2% 1% 5%;}
.nombre{background:rgba(249, 253, 255, 0.8);width:100%; min-height:20px;color:#022a04;
margin:18% 1% 1% 1%; box-sizing: }

.apellido{background:rgba(249, 253, 255, 0.8);width:100%; min-height:20px;color:#022a04;margin:1%;box-sizing: border-box}

.mail{background:rgba(249, 253, 255, 0.8);width:100%; min-height:20px;color:#022a04;margin:1%;box-sizing: border-box}

footer{width:100%; min-height:150px;  position:relative; float:left; margin:0; background:rgba(27, 56, 143, 1);
color:rgb(212, 230, 239);}
footer ul{list-style-type:none;}
footer ul li{ margin:1px; position:relative; float:left;padding:0;}
footer ul li a {font-size:11px;font-weight:400; margin:1px;padding:10px;}

footer div{margin: -10px 0; min-height:0.2rem; width:100%;float:left;}