body{margin:0px}
a{text-decoration: none}
.clear{clear: both;}

.principal{width: 100%; height: 100%; background-image: url(../img/home.jpg); background-size: cover; background-position: center; position: relative;}
.principal .logo{width: 574px; height: 126px; background-image: url(../img/whiteLogo.png); position: absolute; left: 50%; margin-left: -282px; top: 50%; margin-top: -63px}
.principal .arrow{width: 120px; height: 112px; background-image: url(../img/yellowArrow.png); position: absolute; left: 50%; margin-left: -60px; bottom: 30px; cursor: pointer}

.quienes{width: 100%; min-height: 852px; height: 100%; background-image: url(../img/que-hacemos.jpg); background-size: cover; background-position: center; position: relative;}
.quienes .wrapp{width: 1000px; margin: auto;}
.quienes .wrapp .titulo{width: 440px; height: 72px; background-image: url(../img/que-hacemosTit.png); top: 60px; position: relative;}
.quienes .wrapp .grilla{position: relative; width: 868px; height: 432px; margin: auto; top: 80px; position: relative;}
.quienes .wrapp .grilla .analisis{position: absolute; width: 198px; height: 183px; background-image: url(../img/analisisCoin.png); right: 50px; top: 50px}
.quienes .wrapp .grilla .coaching{position: absolute; width: 142px; height: 174px; background-image: url(../img/coachingCoin.png); top: 230px; right: 220px}
.quienes .wrapp .grilla .diseno{position: absolute; width: 169px; height: 198px; background-image: url(../img/disenoCoin.png); left: 50px; top: 50px}
.quienes .wrapp .grilla .estrategia{position: absolute; width: 156px; height: 190px; background-image: url(../img/estrategiaCoin.png); left: 50%; margin-left: -78px; top: 50px}
.quienes .wrapp .grilla .prensa{position: absolute; width: 135px; height: 169px; background-image: url(../img/prensaCoin.png); top: 230px; left: 220px}
.quienes .wrapp .slogan{font-family: 'Open Sans', sans-serif; font-size: 26pt; color: #00b1ff; text-align: center; top: 70px; width: 840px; margin: auto; position: relative;}
.quienes .wrapp .slogan span{color: white;}
.quienes .wrapp .contactoBtn{background-image: url(../img/contactoBtn.png); cursor: pointer; width: 121px; height: 38px; margin: auto; position: relative; top: 100px}
.quienes .arrow{width: 120px; height: 112px; background-image: url(../img/yellowArrow.png); position: absolute; left: 50%; margin-left: -60px; bottom: 30px; cursor: pointer}

.contacto{width: 100%; min-height: 852px; height: 100%; background-image: url(../img/home.jpg); background-size: cover; background-position: center; position: relative;}
.contacto .wrapp{width: 1000px; margin: auto;}
.contacto .wrapp .titulo{width: 459px; height: 119px; background-image: url(../img/contactoTit.png); top: 60px; position: relative;}
.contacto .wrapp .info{width: 459px; height: 78px; background-image: url(../img/iconsContact.png); background-repeat: no-repeat; color: white; font-family: 'Open Sans', sans-serif; position: relative; left: 70px; top: 80px}
.contacto .wrapp .info .tel{position: absolute; top: 40px; left: 50px}
.contacto .wrapp .info .mail{position: absolute; top: 5px; left: 50px}
.contacto .wrapp .data{ position: relative; left: 70px; top: 110px}
.contacto .wrapp .data .form{float: left; width: 385px; margin-right: 50px}
.contacto .wrapp .data .form .row{ margin-bottom: 10px }
.contacto .wrapp .data .form .row .label{ display: inline-block; color: white; font-family: 'Open Sans', sans-serif; font-size: 11pt; width: 80px}
.contacto .wrapp .data .form .row .input{ display: inline-block; width: 300px}
.contacto .wrapp .data .form .row .input input{ background:white; padding: 5px; border: none; font-family: 'Open Sans', sans-serif; font-size: 11pt; color: #444; width: 100%}
.contacto .wrapp .data .form .row .input textarea{ background:white; padding: 5px; border: none; font-family: 'Open Sans', sans-serif; font-size: 11pt; color: #444; width: 100%; height: 200px}
.contacto .wrapp .data .form .row .inputLast .enviar{width: 118px !important; height: 36px; cursor: pointer; background-image: url(../img/enviarBtn.jpg); width: 100%; text-align: right; border: none;}
.contacto .wrapp .data .form .row .inputLast{ text-align: right; width: 100%}
.contacto .wrapp .data .mapa{float: left; width: 483px}
.contacto .arrow{width: 123px; height: 115px; background-image: url(../img/yellowArrow2.png); position: absolute; left: 50%; margin-left: -66px; bottom: 30px; cursor: pointer}

#msj{text-align: center; width: 100%}