*{
    padding: 0px;
    margin: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    background-image: url(../IMAGENES/finpec.jpeg);
    background-attachment: fixed;
    background-size: cover;
}

header{
    widows: 100vw;
    /* background-color: rgb(19, 161, 204); */
    overflow: hidden;
}

header img{
    height: 215px;
    width: 100%;
    overflow: hidden;
}
.container{
    width: 100%;
    overflow: hidden;
}

#service{
    margin: 50px auto;
    /*background-color: rgb(146, 255, 222);*/
    width: 80%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;

    overflow: auto;
}


#services{
    margin: 50px auto;
    /*background-color: rgb(146, 255, 222);*/
    width: 80%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;

    overflow: auto;
}
#asesoria .images{
    text-align: center;
    padding-top:  5px; 
    
}

#services .asesoria{
    margin: 10px;
    /*border:solid cyan;*/
    width: 48%;
    height: 370px;
    
}

.asesoria .texto h2{
    text-align: center;
    font-size: 3em;
    
}
.asesoria .texto p{
    text-align: justify;
    font-size: 1.5em;
}
/*ingenieria*/

#ingenieria{
    margin: 50px auto;
    /*background-color: rgb(146, 255, 222);*/
    width: 80%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;

    overflow: auto;
    
}
#ingenieria .images{
    text-align: center;
    padding-top:  5px; 
    
}

#ingenieria .dinge{
    margin: 10px;
    /*border:solid cyan;*/
    width: 48%;
    height: 370px;
    
}

.dinge .texto h2{
    text-align: center;
    font-size: 3em;
    
}
.dinge .texto p{
    text-align: justify;
    font-size: 1.5em;
}
/*mantenimiento*/

#mantenimiento{
    margin: 50px auto;
    /*background-color: rgb(146, 255, 222);*/
    width: 80%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;

    overflow: auto;
}
#mantenimiento .images{
    text-align: center;
    padding-top:  5px; 
    
}

#mantenimiento .mtto{
    margin: 10px;
    /*border:solid cyan;*/
    width: 48%;
    height: 370px;
    
}

.mtto .texto h2{
    text-align: center;
    font-size: 3em;
    
}
.mtto .texto p{
    text-align: justify;
    font-size: 1.5em;
}

/*CONSTRUCCION */

#construc{
    margin: 50px auto;
    /*background-color: rgb(146, 255, 222);*/
    width: 80%;
    height: 400px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    align-content: space-between;

    overflow: auto;
    
}
#construc .images{
    text-align: center;
    padding-top:  5px; 
       
}

#construc .const{
    margin: 10px;
    /*border:solid cyan;*/
    width: 48%;
    height: 370px;
    
}

.const .texto h2{
    text-align: center;
    font-size: 3em;
    
}
.const .texto p{
    text-align: justify;
    font-size: 1.5em;
}


.botons{
    /*background-color: rgba(179, 179, 179, 0.5);*/
    position: fixed;
    right: 10px;
    top: 300px;   
    z-index: 2000;
    
    }
.botons ul {
    list-style: none;
}

.botons ul li a{
    
    display: inline-block;
    padding:5px; 
}

.botons ul li a:hover{
    padding: 10px 10px; 
    background: rgb(240, 80, 6);
    border-radius: 10%;
}


/*-------------------------RESPONSIVE---------------------*/
@media screen and (max-width: 800px){
    header{
        width: 100%;
        height: 100px;
        overflow: hidden;
    }

    header img{
        width: 100vw;
        height: 100px;
        
    }
    /*-------ASESORIA, GESTION Y TRAMITES---------*/


    #service {
        width: 85%;
        margin-top: 5px;
        margin-left: 15px;
        /* background-color: rgba(129, 11, 11,.5); */
    }

    
    #service h2{
        text-align: center;
        font-size: 1.3em;
        font-weight: bolder;
        /* background-color: seagreen; */
    }

    #services {
        width: 85%;
        margin-top: 5px;
        margin-left: 15px;
        /* background-color: rgba(129, 11, 11,.5); */
    }
    #services .asesoria{
        width: 100%;
     }
    
    
    #services .asesoria .texto h2{
        text-align: center;
        font-size: 1.3em;
        font-weight: bolder;
    }
    #services .asesoria .texto p{
        text-align: justify;
        width: 100%;
      
        /* background-color: seagreen; */
    }
    #services .asesoria .images {
        margin-top: 160px;
        
    }
    #services .asesoria .images img{
        
        width: 100%;
        
    }
    /*---------INGENIERIA---------*/
    #ingenieria {
        width: 85%;
        margin-top: 5px;
        margin-left: 15px;
        /* background-color: rgba(129, 11, 11,.5); */
    }
    #ingenieria .dinge{
        width: 100%;
     }
    
    
    #ingenieria .dinge .texto h2{
        text-align: center;
        font-size: 1.3em;
        font-weight: bolder;
    }
    #ingenieria .dinge .texto p{
        text-align: justify;
        width: 100%;
      
        /* background-color: seagreen; */
    }
    #ingenieria .dinge .images {
        margin-top: 80px;
        /* background-color: tomato; */
        
    }
    #ingenieria .dinge .images img{
        
        width: 100%;
        
    }
     /*---------MANTENIMIENTO---------*/
     #mantenimiento {
        width: 85%;
        margin-top: 5px;
        margin-left: 15px;
        /* background-color: rgba(129, 11, 11,.5); */
    }
    #mantenimiento .mtto{
        width: 100%;
     }
    
    
    #mantenimiento .mtto .texto h2{
        text-align: center;
        font-size: 1.3em;
        font-weight: bolder;
    }
    #mantenimiento .mtto .texto p{
        text-align: justify;
        width: 100%;
      
        /* background-color: seagreen; */
    }
    #mantenimiento .mtto .images {
        margin-top: 410px;
        /* background-color: tomato; */
        
    }
    #mantenimiento .mtto .images img{
        
        width: 100%;
        
    }
     /*---------CONSTRUCCION---------*/
     #construc {
        width: 85%;
        margin-top: 5px;
        margin-left: 15px;
        /* background-color: rgba(129, 11, 11,.5); */
    }
    #construc .const{
        width: 100%;
     }
    
    
    #construc .const .texto h2{
        text-align: center;
        font-size: 1.3em;
        font-weight: bolder;
    }
    #construc .const .texto p{
        text-align: justify;
        width: 100%;
      
        /* background-color: seagreen; */
    }
    #construc .const .images {
        margin-top: 550px;
        /* background-color: tomato; */
        
    }
    #construc .const .images img{
        
        width: 100%;
        
    }


    
.botons{
    /*background-color: rgba(179, 179, 179, 0.5);*/
    position: fixed;
    right: 10px;
    top: 200px;   
    z-index: 2000;
    
    }

    .botons{
        margin-right: -5px;
    }
    .botons img{
        width: 20px;
        height:20px;
    }
}