#mision:hover, #vision:hover, #valores:hover, #lema:hover {
/*border: 1px;
    border-style: solid;
    border-color: rgb(255,181,49);*/
font-size: 50pt;
text-decoration: underline;
text-decoration-color: rgb(255,181,49);
}

#misionText, #visionText, #valoresText, #lemaText {
border: 1px;
border-color: rgb(255,181,49);
border-style: solid;
}

#servicioCardElectromacanicos, #servicioCardMantenimiento, #servicioCardAireacondicionado, #servicioCardSubestacionelectrica,
#servicioCardManufactura, #servicioCardProyectoselectricos, #servicioCardProyectosdegas, #servicioCardProyectoshidrosanitarios {
border: 1px;
border-color: rgb(255,181,49);
border-style: solid;
height: 330px;
padding: 2%;
background-color: #FFFFFF;
}

#servicioCardElectromacanicos:hover, #servicioCardMantenimiento:hover, #servicioCardAireacondicionado:hover, #servicioCardSubestacionelectrica:hover,
#servicioCardManufactura:hover, #servicioCardProyectoselectricos:hover, #servicioCardProyectosdegas:hover, #servicioCardProyectoshidrosanitarios:hover {
/*background-color: #000000;*/
color: white;
}

#servicioCardElectromacanicos:hover p, #servicioCardMantenimiento:hover p, #servicioCardAireacondicionado:hover p, #servicioCardSubestacionelectrica:hover p,
#servicioCardManufactura:hover p, #servicioCardProyectoselectricos:hover p, #servicioCardProyectosdegas:hover p, #servicioCardProyectoshidrosanitarios:hover p {
color: white;
}

#servicioCardContainer {
position: absolute;
top: 80px;
/*margin-top:70px;*/
}

#btnForm:hover {
background-color: rgb(255,181,49);
}


#servicioCardElectromacanicos img, 
#servicioCardMantenimiento img, 
#servicioCardAireacondicionado img, 
#servicioCardSubestacionelectrica img, 
#servicioCardManufactura img, 
#servicioCardProyectoselectricos img, 
#servicioCardProyectosdegas img, 
#servicioCardProyectoshidrosanitarios img {
    width: 100px;
    height: 100px;
    display: block;
    position: absolute;
}
#servicioCardElectromacanicos h2, #servicioCardMantenimiento h2 {
    position: absolute;
}
#servicioCardAireacondicionado h2, #servicioCardSubestacionelectrica h2, #servicioCardManufactura h2, #servicioCardProyectoselectricos h2, #servicioCardProyectosdegas h2, #servicioCardProyectoshidrosanitarios h2 {
    position: relative;
}
#servicioCardElectromacanicos p, #servicioCardMantenimiento p, #servicioCardAireacondicionado p, #servicioCardSubestacionelectrica p, #servicioCardManufactura p, #servicioCardProyectoselectricos p, #servicioCardProyectosdegas p, #servicioCardProyectoshidrosanitarios p {
    display: none;
    position: relative;
}


@media (max-width: 480px) {
    #titulo {
    font-size: 15pt;
    }

    #contacto {
        width: 90px;
        margin-left: 5px;
    }

    #servicioCardElectromacanicos img, #servicioCardMantenimiento img, #servicioCardAireacondicionado img, #servicioCardSubestacionelectrica img, #servicioCardManufactura img, #servicioCardProyectoselectricos img, #servicioCardProyectosdegas img, #servicioCardProyectoshidrosanitarios img {
        left: 120px;
    }

    #servicioCardElectromacanicos h2, #servicioCardMantenimiento h2, #servicioCardSubestacionelectrica h2, #servicioCardManufactura h2, #servicioCardProyectoselectricos h2, #servicioCardProyectosdegas h2, #servicioCardProyectoshidrosanitarios h2 {
        top: 80px;
        left: 50px;
    }
    #servicioCardMantenimiento h2 {
        left: 70px;
    }
    #servicioCardManufactura h2 {
        left: 85px;
    }
    #servicioCardAireacondicionado h2 {
        top: 80px;
        left: 40px;
    }
    #servicioCardSubestacionelectrica h2, #servicioCardProyectoshidrosanitarios h2 {
        left: 8px;
        text-align: center;
    }

    #servicioCardElectromacanicos p, #servicioCardMantenimiento p, #servicioCardAireacondicionado p, #servicioCardSubestacionelectrica p, #servicioCardManufactura p, #servicioCardProyectoselectricos p, #servicioCardProyectosdegas p, #servicioCardProyectoshidrosanitarios p {
        top: 200px;
        left: 0px;
        right: 0px;
    }
    #servicioCardAireacondicionado p, #servicioCardSubestacionelectrica p, #servicioCardManufactura p, #servicioCardMantenimiento p, #servicioCardProyectoselectricos p, #servicioCardProyectosdegas p {
        width: 95%;
    }
    #servicioCardMantenimiento p {
        font-size: 9pt;
    }
}

@media (min-width: 480px) and (max-width: 766px) {
    #tituloSomos {
        font-size: 15pt;
    }

    #contenidoSomos {
        font-size: 10pt;
    }

    #contacto {
        width: 90px;
        margin-left: 5px;
    }
}

@media (min-width: 768px) and (max-width: 990px) {
    #tituloSomos {
        font-size: 25pt;
    }

    #contenidoSomos {
        font-size: 20pt;
    }
}

@media (min-width: 990px) {
    #contactForm {
        margin-left: 15%;
    }
    #contactForm2 {
        margin-left: 2%;
    }

    #tituloSomos {
        font-size: 35pt;
    }

    #contenidoSomos {
        font-size: 25pt;
    }

    #servicioCardElectromacanicos img, #servicioCardMantenimiento img, #servicioCardAireacondicionado img, #servicioCardSubestacionelectrica img, #servicioCardManufactura img, #servicioCardProyectoselectricos img, #servicioCardProyectosdegas img, #servicioCardProyectoshidrosanitarios img {
        left: 70px;
    }

    #servicioCardMantenimiento h2, #servicioCardAireacondicionado h2, #servicioCardSubestacionelectrica h2, #servicioCardManufactura h2, #servicioCardProyectoselectricos h2, #servicioCardProyectosdegas h2 {
        top: 80px;
    }
    #servicioCardElectromacanicos h2, #servicioCardProyectoshidrosanitarios h2 {
        top: 75px;
    }
    #servicioCardMantenimiento h2 {
        left: 20px;
    }
    #servicioCardManufactura h2 {
        left: 30px;
    }
    #servicioCardProyectosdegas h2 {
        left: 0px;
    }
    #servicioCardSubestacionelectrica h2, #servicioCardProyectoshidrosanitarios h2, #servicioCardProyectoselectricos h2 {
        right: 15px;
        text-align: center;
    }
    #servicioCardAireacondicionado h2 {
        right: 10px;
    }

    #servicioCardElectromacanicos p, #servicioCardMantenimiento p, #servicioCardAireacondicionado p, #servicioCardSubestacionelectrica p, #servicioCardManufactura p, #servicioCardProyectoselectricos p, #servicioCardProyectosdegas p, #servicioCardProyectoshidrosanitarios p {
        top: 200px;
        left: 0px;
        right: 0px;
    }
    #servicioCardAireacondicionado p, #servicioCardSubestacionelectrica p, #servicioCardManufactura p, #servicioCardMantenimiento p, #servicioCardProyectoselectricos p, #servicioCardProyectosdegas p, #servicioCardProyectoshidrosanitarios p {
        width: 95%;
    }
    #servicioCardMantenimiento p {
        font-size: 9pt;
    }
}