body{padding: 0px;margin: 0px;font-family: Arial, Helvetica, sans-serif;}
nav{width: 100%;background: #066f78;height: 100px;position: relative;}
.contMenu{width: 90%;margin: auto;height:100%;background-color: transparent;overflow: hidden;position: relative;}
.contMenu>ul{display: flex;flex-direction:row;margin: 0px;position: absolute;bottom: 0px;background: transparent;}
.contMenu>ul+div{position: absolute;background: transparent;right:0px;bottom: 0px;width: 25%;height: 80px;}
.contMenu>ul>a{text-decoration: none;}
.contMenu>ul>a:active{color: black;}
.contMenu>ul>a{color: black;}
.contMenu>ul>a>li{background: white;width: 200px;list-style: none;text-align: center;height: 50px;line-height:45px;
font-size: 20px;font-weight: bold;cursor:pointer;border-right:solid 1px#066f78;border-radius: 10px 10px 0px 0px;}
.contacto{color: white;font-size: 18px;list-style: none;}
.contacto li:nth-child(1){margin-bottom: 15px;display: block;margin-bottom: 10px;}
.contacto li:nth-child(1) img{width: 30px;}
.contacto img{margin: -8px 0px 0px -37px;width:30px;position: absolute}
.spanAreas{cursor: pointer;}
.spanTrabajos{cursor: pointer;}
.spanClientes{cursor: pointer;}
section{width: 90%;;margin: auto}
.ContGeneralGaleria{background: green;width: 100%;height: 600px;overflow: hidden;}
.contDatos{width: 100%;display: flex;flex-direction: row;justify-content: space-between;background: transparent;height: 150px;position: absolute;margin-top: -150px;}
.contDatos >div{width: 30%;background: #00000080;height: 137px;color: white;overflow: hidden;}
.contDatos >div> span>h2{text-align: center;border-bottom: solid 1px white;}
.contDatos >div> span>h2+p{text-align: justify;font-size: 17px;}
.contDatos >div> span{display: block;margin: auto;width: 70%;}
.ContGeneralGaleria img{width: 100%;object-fit:cover;height: 100%;}
.secciones{height: 70px;background: #066f78;display: flex;}
.secciones >span{line-height: 50px;padding: 10px;color: white;}
article {width: 100%;overflow: hidden;height: 1545px;}
.contSeciones{width: 300%;display: flex;}
.contSeciones>div{width: 100%;background: silver;}
.areas{width: 100%;background: purple;transition:all 0.8s;height:1100px;}

.contSeciones>div:nth-child(3){width: 100%;background: rgb(20, 173, 66);transition:all 0.5s;height:1100px;}
.areas{display: flex;flex-direction: column;width: 100%;padding: 0px;}
.areas >div{ display: flex;flex-direction: row;justify-content: space-evenly;width: 100%;background: white;height: 800px;}
.areas >div>div{width: 300px;height: 346px;overflow: hidden;padding: 5px; border: solid 1px silver;margin-top: 20px;cursor: pointer;}
.areas >div>div>div{height: 280px;width: 100%;overflow: hidden;}
.areas >div>div>div+span{font-size: 20px;text-align: center;}
.areas >div>div>div>img{object-fit:cover;width: 100%;height: 100%;}
.areas >div >div>span{font-weight: bold;margin-top:15px;display: block;width: 100%;}

/******************************inicio trabajos*****************************************/
.contSeciones>div:nth-child(2){width: 100%;background:white;transition:all 0.5s;height:1100px;}
.ContTrabajos{}
.ContTrabajos >h2{display: block;width: 100%;}
.conInternoTrabajos{width: 67%;background: white;display:flex;flex-direction: column;height: 1545px;padding-bottom: 10px;overflow: hidden;}
.FilaTrabajos{width: 100%;background: #efefef;height: 330px;padding: 10px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: space-around;}
.FilaTrabajos >div{width: 32%;background: purple;}
.FilaTrabajos >div >div:nth-child(1){width: 100%;height: 240px;background: #066f78;overflow: hidden;}
.FilaTrabajos >div >div:nth-child(1)>img{width:98%;height: 100%;object-fit:cover;border:solid 6px white;}
.FilaTrabajos >div >span:nth-child(2){display: block;width: 100%;height: 23%;background: white;padding: 5px 5px 0px 6px;box-sizing: border-box;}

/******************************fin  trabajos*****************************************/
/******************************foooterrr*****************************************/
footer{width: 100%;height: 250px;background: #1A1A1A;margin-top: 20px;display: flex;flex-direction: row;border-top:solid 5px silver;padding-top:20px }
footer >div{width: 25%;padding: 10px;}
footer >div:nth-child(1)>img+span{text-align: justify;}
footer >div>img{width: 50px;display: block;margin: auto;}
footer >div>img+span{width: 80%;display:block;margin: auto;color: white;margin-top: 30px;}