body{margin:0 auto; font: 14px 'source sans pro', arial, sans serif;background: url(img/hormigon.jpg) center top no-repeat }
.container{width:980px; margin:0 auto}

/*HEADER*/
header{background: #79A076;height:120px;margin:0;border-bottom: 6px solid #fff}
.cont-header{width:980px;margin:0 auto}
h1 { background:url(img/logo.png)no-repeat; height:65px; width:180px; text-indent:-9999px;float:right; margin-top:25px;}
h1 span{display:none}
:focus {outline-width:0}

.clear{clear:both}

/*MENU*/


ul, li {margin:0px; padding:0; list-style-type:none;}
ul{float:left;margin-left:180px; margin-top:20px}
li {display: inline-block }
a{display:block; height:32px; padding:0px 20px; line-height:32px; margin:0; text-decoration:none; font-size:14px ; color:#fff}
nav a:hover{color: #000}




/*nosotras*/
.contenidohistoria{width:980px;margin:0 auto;background:#fff;padding:30px;margin-top:30px;opacity:0.9}
.historia h3{font: 26px Trebuchet MS; color:#79A076}
.historia p {font: 16px 'Oswald', sans-serif;color:#777;width:780px}
.historia2 h4{font: 20px Trebuchet MS, sans-serif; color:#79A076;padding-top:50px; border-top:1px solid #79A076;margin-top:50px;width:780px}
.historia2 p {font: 14px 'Oswald', sans-serif;color:#777;width:780px}


/*productos*/
.productos{width:980px;height:1000px;margin:0 auto;background:#fff;margin-top:10px;opacity:0.8;padding:30px}



.columnas-imagen {float:left;margin-top:40px}
.columnas{width:200px;height:150px;float:left; padding:0 20px; border-right:1px solid #79A076;margin-top:30px}
.columnas p{font: 14px Trebuchet MS;color:#726E66;margin:0auto}
.columnas h3 {font: 16px Trebuchet MS;color:#726E66;margin:0auto}
.medidas p {font: 13px Trebuchet MS;color:#726E66;margin:0auto}

.cercos {width:800px;height:250px;float:left; padding:0 20px;margin-top:30px}
.cercos h3 {font: 16px Trebuchet MS;color:#726E66;margin:0auto}
.cercos-medidas{width:800px;height:150px;float:left; padding:0 20px;margin-top:30px;font: 13px Trebuchet MS;color:#726E66}
.cercos-imagen{float:left;margin-top:40px;height:150px}



.pileta-imagen {float:left;margin-top:40px;height:150px}
.columnas-piletas{float:left; padding:0 20px; margin-top:30px}
.columnas-piletas p{font: 14px Trebuchet MS;color:#726E66;margin:0auto}
.columnas-piletas h3 {font: 16px Trebuchet MS;color:#726E66;margin:0auto}





	/*contacto*/
.contenidocontacto{width:980px;height:1200px;margin:0 auto;background:#fff;margin-top:10px;opacity:0.8;padding:30px}
.font{margin-left:10px}
.nombre  {width:260px; height:20px; margin:5px;border-radius:6px}
.email {width:260px; height:20px; margin:5px;border-radius: 6px}
.consulta{width:260px; height:70px; margin:5px; border-radius: 10px} 
.enviar  {width:70px; height:35px;background:#79A076;border-radius: 7px; border:none; font: 14px Trebuchet MS; color:#fff; position:absolute; top:360px; right:40px;border:1px solid #fff; }
form {background:#111;width:280px; height:350px; float:right;margin-right:310px;border-radius: 20px; padding:10px; font: 14px Trebuchet MS; position:relative;color:#fff}
.contenidocontacto h3{font: 26px Trebuchet MS; color:#79A076;font-weight:bold;margin-top:10px;display:block}

/*FOOTER*/
footer{background:#79A076;height:170px;border-top:solid 5px #fff;margin-top:25px;}
footer p{font: 16px 'Oswald', sans-serif;color:#fff;text-align:center; margin:0 auto; margin:20px}