@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500,300,700,400italic,500italic,300italic);
*{margin: 0; padding: 0; text-decoration: none; list-style-type: none;}
html{font-size: 12pt;} 

.fondo{width: 100%; background-repeat: no-repeat; background-size: cover}
.contenedor{width: 1620px; margin: 2.5% auto; box-sizing: border-box}
    
    /*HEADER*/
#logo-proyecto{padding-left: 5%; width: 22%;}
#logo-acumar{padding-left: 9.5%; width: 17%;}
#facebook{padding: 0.5%; float: right; width: 2%}
#twitter{padding: 0.5% 0.5%; float:right; width: 2%}
#googleplus{padding: 0.5% 0.5%; float:right; width: 2%}
#buscador{float:right; width: 13%; clear: both; padding-top: 1%}

    /*NAV*/

#proyecto {font-size: 1.2rem; position: relative; float: left; font-family: 'Fira Sans', sans-serif; font-weight: 500; padding: 4.8% 0 0 3%; }
#soy-comerciante {font-size: 1.2rem; position: relative; float: left; font-family: 'Fira Sans', sans-serif; font-weight: 500; padding: 4.8% 0 0 10%; }
#soy-pasajero {font-size: 1.2rem; position: relative; float: left; font-family: 'Fira Sans', sans-serif; font-weight: 500; padding: 4.8% 0 0 8.8%; }
#soy-inversor {font-size: 1.2rem; position: relative; float: left; font-family: 'Fira Sans', sans-serif; font-weight: 500; padding: 4.8% 0 0 10%; }
#novedades {font-size: 1.2rem; position: relative; float: left; font-family: 'Fira Sans', sans-serif; font-weight: 500; padding: 4.8% 0 0 10%; }
#contacto {font-size: 1.2rem; position: relative; float: left; font-family: 'Fira Sans', sans-serif; font-weight: 500; padding: 4.6% 0 0 11%; }

    /*MAIN*/

#comerciante { width: 30%; float: left; padding-top: 10.9%;}
#inversor { width: 30%; float: left; padding: 10.9% 0 0 4%;}
#pasajero { width: 30%; float: left; padding: 10.9% 0 0 4%;}

#comerciante:hover { padding-top: 0; box-sizing:border-box ; border-style: solid; border-color: #0079e0; border-width: 10px; }
#inversor:hover { margin-left: 4%; padding-left: 0; padding-top: 0; box-sizing:border-box ; border-style: solid; border-color: #f2de73; border-width: 10px; }
#pasajero:hover { margin-left: 4%; padding-left: 0; padding-top: 0 ; box-sizing:border-box ; border-style: solid; border-color: #0cd3bc; border-width: 10px; }

   /*FOOTER*/
#pie {width: 105.8%; padding-top: 6.5%; margin-left: -3%; }