/** Globales **/
html {
    box-sizing: border-box;
    font-size: 62.5%;/** Reset para REMS -62.5% =10px de 16px **/
}
*, *::before,*::after {
    box-sizing: inherit;
}
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: grey;
    line-height: 1.5rem;
}
.contenedor {
    max-width: 96rem;
    margin: 0 auto;
    background-color: white;
}
h1 {
    text-transform: uppercase;
    text-align: center;
}
img {
    max-width: 100%;
}
p {
    font-size: 1.4rem;
    text-align: justify;
    letter-spacing: 0.09rem;
}
a {
    font-size: 1.4rem;
}

/** Utilidades **/
.seccion {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.d-block {
    display: block!important;
}

/** Header **/
.encabezado {
    background-image: url(../img/encabezado.fw.png);
    background-position: center center;
    height: 14.9rem;
}
/** Navegación **/
.navegacion, .barra {
    background-color: rgb(166, 166, 166);
}
nav {
    position: relative;
}
nav ul {
    list-style: none;
}
nav > ul > li {
    float: left;
}
nav ul::after {
    content: '';
    display: block;
    clear: both;
}
nav ul li a {
    display: inline-block;
    width: 160px;
    color:rgb(192, 27, 25);
    text-decoration: none;
    text-align: center;
    padding: .5rem;
}
nav ul li a:hover {
    background-color: #000;
}
/** Submenú **/
nav ul ul {
    position: absolute;
    top: 100%;
    background-color: #000;
    display: none;
    border-radius: 0.5rem;
}
nav ul li:hover > ul {
    display: block;
}
nav ul li:hover {
    background-color: rgba(0, 0, 0, 1);
}
nav ul ul li a:hover {
    background-color: rgb(166, 166, 166);
    border-radius: 0.5rem;
}
/** Secciones **/
.nosotros {
    display: flex;
    justify-content: space-between;
}
.izquierda {
    width: 16rem;
}
.centro {
    width: 75rem;
    padding: 1.5rem;
}
.derecha {
    width: 16rem;
}
.escarabajo {
    margin: 3rem 0 3rem 5rem;
}
.conocer {
    width: 17rem;
    height: 10rem;
    padding-top: 1rem;
    padding-right: 1rem;
}
.arana {
    width: 13rem;
    margin: 1.5rem 0 3rem 0;
    padding: 0;
}
.utfv {
    width: 18rem;
    margin: 1rem 0 2rem 0;
}
/** Anuncios */
.contenedor-anuncios {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}
.anuncio1 {
    width: 27rem;
    border: 0.1rem solid #000;
    background-color: rgb(192, 0, 0);
    color: white;
    margin-right: 1rem;
    margin-bottom: 0;
}
.anuncio2 {
    width: 27rem;
    border: 0.1rem solid #000;
    background-color: rgb(146, 138, 135);
    color: white;
    margin-right: 1rem;
    margin-bottom: 0;
}
.anuncio3 {
    width: 27rem;
    border: 0.1rem solid #000;
    background-color: rgb(0, 64, 255);
    color: white;
    margin-right: 1rem;
    margin-bottom: 0;
}
.anuncio4 {
    width: 27rem;
    border: 0.1rem solid #000;
    background-color: orange;
    color: white;
    margin-right: 1rem;
    margin-bottom: 0;
}
.contenido-anuncio {
    padding: 1rem;
}
.borde img{
    border-top: 0.1rem solid #000;
    border-bottom: 0.1rem solid #000;;
}

.parrafo-anuncio {
    height: 10rem;
}
.anuncio1 h2, .anuncio2 h2, .anuncio3 h2, .anuncio4 h2 {
    text-align: center;
    text-transform: uppercase;
    padding: 1rem;
    font-weight: 900;
}
/** Botón **/
.boton {
    background-color: white;
    color: black;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.8rem;
    padding: 0.5rem 3rem;
    display: inline-block;
    margin-top: 2rem;
    text-align: center;
}
/**Zona inferior **/
.parte-inferior {
    display: flex;
    justify-content: space-between;
}
.llamenos-bloque {
    width: 22rem;
    border: 0.1rem solid #000;
    border-radius: 1rem;
    background-color: rgb(255, 191, 0);
    color: white;
    margin-right: 3rem;
    margin-bottom: 1rem;
}
.llamenos-texto {
    font-size: x-large;
    color:#000;
    padding: 1rem;
}
.telefono {
    color: white;
    font-size: 2.9rem;
    font-weight: bold;
    text-align: center;
    padding: 1.5rem 1rem;
}
.solicita-cotizacion {
    display: flex;
    justify-content: space-between;
}
.enlace-cotizacion a {
    background-color: rgba(192,27,25);
    display: inline-block;
    width: 15rem;
    padding: 2rem 1rem;
    margin-left: 1.2rem;
    margin-top: 0.2rem;
    border-radius: 1rem;
    color: #fff;
    font-weight: bold;
    font-size: 1.8rem;
    text-decoration: none;
    text-align: center;
}
.bloque-contacto {
    width: 21.8rem;
    height: 13rem;
    border-top: 0.1rem solid #000;
    border-radius: 0 0 1rem 1rem;
    background-color: rgb(146, 138, 135);
    margin-right: 3rem;
    padding-bottom: 1rem;
}
/** Footer **/
.footer-derechos {
    background-image: url(../img/footer.fw.png);
    background-position: center center;
    height: 5rem;
    color: white;
    text-align: center;
    padding: 2rem;
}

/** Nosotros **/
.titulo-nosotros {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.nosotros-parrafo {
    padding: 3rem 4rem 0 4rem;
    line-height: 2rem;
}
.contenedor-secciones {
    background-color: #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.mision{
    width: 60rem;
    background-color: red;
    border-radius: 2rem;
    color: #fff;
    padding: 3rem 2rem;
    margin-left: 20rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.mision h1, .objetivos h1, .vision-texto h1 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: x-large;
    padding-bottom: 2rem;
}
.mision-objetivos {
    color:#fff;
    font-size: 1.6rem;
}
.bloque-vision {
    display: flex;
    justify-content: space-between;
    color: #fff;
    margin: 2rem 0;
}
.vision-texto {
    width: 50rem;
    height: 23rem;
    background-color: rgb(90, 87, 87);
    border-radius: 2rem;
    color: #fff;
    padding: 3rem 2rem;
    padding-bottom: 2rem;
    margin-top: 3.5rem;
    margin-right: 10rem;   
}
.imagen-vision {
    margin-left: 7rem;
    width: 45rem;
    height: 30rem;
}
.objetivos {
    width: 60rem;
    background-color: red;
    border-radius: 2rem;
    color: #fff;
    padding: 3rem 2rem;
    margin-left: 20rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/**Manejo Integral de Plagas **/
.titulo-mip {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.mip-superior {
    display: flex;
    justify-content: space-between;
}
.imagen-mip {
    width: 25rem;
    height: 32rem;
    margin: 3rem 1rem 3rem 4rem;
    padding: 1rem;
}
.texto-mip {
    width: 75rem;
    height: 30rem;
    line-height: 2rem;
    margin: 3rem 4rem 3rem 1rem;
    padding: 1rem;
}
.texto-mip ol li {
    font-size: 1.4rem;
    line-height: 3rem;
}
.texto-mip ol {
    padding-left: 4rem;
}
.mip-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
/** Recomendaciones **/
.titulo-recomendaciones {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.recomendaciones-superior {
    display: flex;
    justify-content: space-between;
    height: 23rem;
}
.imagen-recomendaciones {
    width: 22rem;
    height: 22rem;
    margin: 3rem 1rem 3rem 4rem;
    padding: 1rem;
}
.texto-recomendaciones {
    width: 75rem;
    height: 18rem;
    line-height: 2rem;
    margin: 3rem 4rem 3rem 1rem;
    padding: 1rem;
}
.recomendaciones-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
/** Restaurantes **/
.titulo-restaurantes {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.restaurantes-superior {
    display: flex;
    justify-content: space-between;
    height: 29rem;
}
.imagen-restaurantes {
    width: 38rem;
    height: 25rem;
    margin: 3rem 0.2rem 3rem 4rem;
    padding-left: 1rem;
}
.texto-restaurantes {
    width: 50rem;
    height: 18rem;
    line-height: 2rem;
    margin: 2rem 4rem 3rem 0.6rem;
    padding: 1rem;
}
.restaurantes-inferior ul {
    padding-left: 3rem;
}
.restaurantes-inferior ul li {
    font-size: 1.4rem;
    line-height: 3rem;
    text-align: justify;
}
.restaurantes-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
/** Industria de alimentos **/
.titulo-alimentos {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.alimentos-superior {
    display: flex;
    justify-content: space-between;
    height: 29rem;
}
.imagen-alimentos {
    width: 45rem;
    height: 28rem;
    margin: 3rem 0.2rem 3rem 4rem;
}
.texto-alimentos {
    width: 50rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.8rem 4rem 3rem 0.6rem;
    padding: 1rem;
}
.alimentos-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
/** Hospitales **/
.titulo-hospitales {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.subtitulo-hospital h2 {
    text-align: center;
    padding-bottom: 1.5rem;
}
.imagen-hospital {
    text-align: center;
    padding: 3rem 0;
}
.hospitales-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
.texto-hospital {
    padding: 0 4rem 3rem 4rem;
    line-height: 2rem;
}
/** Industria Química **/
.titulo-quimica {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.quimica {
    display: flex;
    justify-content: space-between;
}
.imagen-quimica {
    width: 40rem;
    height: 30rem;
    margin: 2.5rem 0.2rem 0 4rem;
    padding-left: 1rem;
}
.texto-quimica {
    width: 45rem;
    height: 30rem;
    line-height: 2rem;
    margin: 2rem 4rem 0 0.6rem;
}
/** Hoteles **/
.titulo-hotel {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.subtitulo-hotel h2 {
    text-align: center;
    padding-bottom: 1.5rem;
}
.hotel-superior {
    display: flex;
    justify-content: space-between;
    height: 21rem;
}
.imagen-hotel {
    width: 28rem;
    height: 19rem;
    margin: 3rem 0.2rem 0 4rem;
}
.texto-hotel {
    width: 60rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.8rem 4rem 3rem 0.6rem;
    padding: 1rem;
}
.hotel-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
/** Garantía **/
.titulo-garantia {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.subtitulo-garantia {
    color: rgb(192, 27, 25);
}

.garantia-superior {
    display: flex;
    justify-content: space-between;
}
.imagen-garantia {
    width: 28rem;
    height: 19rem;
    margin: 2rem 0.2rem 8rem 4rem;
}
.texto-garantia {
    width: 60rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.5rem 4rem 3rem 0.6rem;
    padding: 1rem;
}
.texto-garantia ul {
    padding-left: 1rem;
}
.garantia-inferior {
    padding: 2rem 4rem;
    line-height: 2rem;
}
.garantia-inferior ul {
    padding-left: 2rem;
}
/** Hormigas **/
.titulo-hormiga {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.hormiga-superior {
    display: flex;
    justify-content: space-between;
    height: 27rem;
}
.imagen-hormiga {
    width: 45rem;
    height: 22rem;
    margin: 3rem 0.2rem 0 4rem;
}
.texto-hormiga {
    width: 50rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 3rem 0.6rem;
    padding: 1rem;
}
.hormiga-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
/** Cucarachas **/
.titulo-cucaracha {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.cucaracha-superior {
    display: flex;
    justify-content: space-between;
    height: 31rem;
}
.imagen-cucaracha {
    width: 17rem;
    height: 29rem;
    margin: 3rem 0.2rem 2rem 5rem;
}
.texto-cucaracha {
    width: 70rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 3rem 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.cucaracha-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
/** Moscas **/
.titulo-mosca {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.mosca-superior {
    display: flex;
    justify-content: space-between;
    height: 29rem;
}
.imagen-mosca {
    width: 33rem;
    height: 22rem;
    margin: 5rem 0.2rem 2rem 4rem;
}
.texto-mosca {
    width: 70rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 3rem 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.mosca-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
/** Arañas **/
.titulo-araña {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.araña-superior {
    display: flex;
    justify-content: space-between;
    height: 39rem;
}
.imagen-araña {
    width: 44rem;
    height: 38rem;
    margin: 3rem 0.2rem 2rem 4rem;
}
.texto-araña {
    width: 60rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 3rem 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.araña-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
/** Ratas **/
.titulo-rata {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.rata-superior {
    display: flex;
    justify-content: space-between;
    height: 23rem;
}
.imagen-rata {
    width: 18rem;
    height: 18rem;
    margin: 3rem 0.2rem 2rem 4rem;
}
.texto-rata {
    width: 80rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 3rem 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.rata-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
.rata-inferior ul {
    padding-left: 2rem;
}
.imagen-rata-raton {
    text-align: center;
    padding-top: 3rem;
}
/** Escorpiones **/
.titulo-escorpion {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.escorpion-superior {
    display: flex;
    justify-content: space-between;
    height: 41rem;
}
.imagen-escorpion {
    width: 35rem;
    height: 28rem;
    margin: 7rem 0.2rem 2rem 4rem;
}
.texto-escorpion {
    width: 52rem;
    height: 18rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 3rem 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.escorpion-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
/** Abejas **/
.titulo-abeja {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.abeja-superior {
    display: flex;
    justify-content: space-between;
    height: 34rem;
}
.imagen-abeja {
    width: 48rem;
    height: 34rem;
}
.texto-abeja {
    width: 50rem;
    height: 30rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 0 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.abeja-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
.abeja-inferior ul {
    padding-left: 2rem;
}
.abeja-inferior span {
    font-style: italic;
    text-decoration: underline;
}
/** Chinches **/
.titulo-chinche {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.chinche-superior {
    display: flex;
    justify-content: space-between;
    height: 28rem;
}
.imagen-chinche {
    width: 23rem;
    height: 23rem;
    margin: 3rem 1rem 1rem 3rem;
}
.texto-chinche {
    width: 65rem;
    height: 30rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 0 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.chinche-inferior {
    padding: 0 4rem 2rem 4rem;
    line-height: 2rem;
}
/** Caracoles **/
.titulo-caracol {
    padding-top: 3rem;
    color: rgb(192, 27, 25);
}
.caracol-superior {
    display: flex;
    justify-content: space-between;
    height: 19rem;
}
.imagen-caracol {
    width: 23rem;
    height: 23rem;
    margin: 3rem 1rem 1rem 3rem;
}
.texto-caracol {
    width: 65rem;
    height: 30rem;
    line-height: 2rem;
    margin: 1.6rem 4rem 0 0.6rem;
    padding: 1rem 1rem 3rem 1rem;
}
.caracol-inferior {
    padding: 0 4rem 3rem 4rem;
    line-height: 2rem;
}
/** Contacto **/
.titulo-contacto {
    padding: 3rem;
    color: rgb(192, 27, 25);
}
label {
    display: block;
    font-weight: bold;
    font-size: 1.5rem;
    padding: 1rem 1rem 0 1rem;
}
fieldset {
    background-color: rgb(182, 75, 75);
    border-radius: 0.6rem;
}
.contenedor-formulario {
    margin: 0 10rem;
}
.boton-enviar {
    background-color: rgb(182, 75, 75);
    color: #000;
    text-decoration: none;
    font-size: 1.8rem;
    padding: 0.5rem 3rem;
    display: inline-block;
    margin: 2rem 0;
    text-align: center;
    border: none;
}
input:not([type="submit"]), textarea,
select {
    padding: 0.5rem;
    display: block;
    width: 97%;
    background-color: #e1e1e1;
    margin: 1rem 1rem 2rem 1rem;
    border: none;
    border-radius: 0.6rem;
}