@import url(/tipografias.css);


/**********CONTACTO*********/

/*Monitor*/
@media (min-width: 1400px) {

    #form-contacto {
        margin-top: 20px;
    }

    #campo {
        font-family: Mark-Pro-Medium, Arial, Verdana, Tahoma, sans-serif;
        background-color: #F4F4F4;
        border: none;
    }

    #boton {
        color: #fff;
        background-color: #A32329;
        border-color: #A32329;
        border-radius: 50px;
        width: 140px;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        height: 30px;
        text-align: center;
        box-shadow: 0px 5px 10px #C13C3C80;
    }

    #boton-enviar-form {
        color: white;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        text-decoration: none;
        margin-top: 20px;
        width: 135px;
        height: 27px;
        background: #AC171E;
        border-color: transparent;
        box-shadow: 0px 5px 10px #C13C3C80;
        border-radius: 50px;
        opacity: 1;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }


    #opt_in {
        color: #555;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
    }

    #opt_in_texto {
        font-size: 0.9rem;
        margin-top: 10px;
        color: #868686;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        font-style: italic;
    }
}

/*Laptop*/
@media (max-width: 1401px) and (min-width: 991px) {

    #form-contacto {
        margin-top: 20px;
    }

    #campo {
        font-family: Mark-Pro-Medium, Arial, Verdana, Tahoma, sans-serif;
        background-color: #F4F4F4;
        border: none;
    }

    #boton {
        color: #fff;
        background-color: #A32329;
        border-color: #A32329;
        border-radius: 50px;
        width: 140px;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        height: 30px;
        text-align: center;
        box-shadow: 0px 5px 10px #C13C3C80;
    }

    #boton-enviar-form {
        color: white;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        text-decoration: none;
        margin-top: 20px;
        width: 135px;
        height: 27px;
        background: #AC171E;
        border-color: transparent;
        box-shadow: 0px 5px 10px #C13C3C80;
        border-radius: 50px;
        opacity: 1;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }


    #opt_in {
        color: #555;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
    }

    #opt_in_texto {
        font-size: 0.9rem;
        margin-top: 10px;
        color: #868686;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        font-style: italic;
    }

}

/*Tablet Horizontal*/
@media (max-width: 1099px) and (min-width: 993px) {

    #form-contacto {
        margin-top: 20px;
    }

    #campo {
        font-family: Mark-Pro-Medium, Arial, Verdana, Tahoma, sans-serif;
        background-color: #F4F4F4;
        border: none;
    }

    #boton {
        color: #fff;
        background-color: #A32329;
        border-color: #A32329;
        border-radius: 50px;
        width: 140px;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        height: 30px;
        text-align: center;
        box-shadow: 0px 5px 10px #C13C3C80;
    }

    #boton-enviar-form {
        color: white;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        text-decoration: none;
        margin-top: 20px;
        width: 135px;
        height: 27px;
        background: #AC171E;
        border-color: transparent;
        box-shadow: 0px 5px 10px #C13C3C80;
        border-radius: 50px;
        opacity: 1;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }


    #opt_in {
        color: #555;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
    }

    #opt_in_texto {
        font-size: 0.9rem;
        margin-top: 10px;
        color: #868686;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        font-style: italic;
    }

}

/*Tablet Vertical*/
@media (max-width: 992px) and (min-width: 767px) {
    
    #form-contacto {
        margin-top: 20px;
    }

    #campo {
        font-family: Mark-Pro-Medium, Arial, Verdana, Tahoma, sans-serif;
        background-color: #F4F4F4;
        border: none;
    }

    #boton {
        color: #fff;
        background-color: #A32329;
        border-color: #A32329;
        border-radius: 50px;
        width: 140px;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        height: 30px;
        text-align: center;
        box-shadow: 0px 5px 10px #C13C3C80;
    }

    #boton-enviar-form {
        color: white;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        text-decoration: none;
        margin-top: 20px;
        width: 135px;
        height: 27px;
        background: #AC171E;
        border-color: transparent;
        box-shadow: 0px 5px 10px #C13C3C80;
        border-radius: 50px;
        opacity: 1;
        display: block;
        margin-left: auto;
        margin-right: 0;
    }


    #opt_in {
        color: #555;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
    }

    #opt_in_texto {
        font-size: 0.9rem;
        margin-top: 10px;
        color: #868686;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        font-style: italic;
    }

}

/*Tablet2*/
@media (max-width: 768px) and (min-width: 575px) {

    #form-contacto {
        margin-top: 20px;
    }

    #campo {
        font-family: Mark-Pro-Medium, Arial, Verdana, Tahoma, sans-serif;
        background-color: #F4F4F4;
        border: none;
    }

    #boton {
        color: #fff;
        background-color: #A32329;
        border-color: #A32329;
        border-radius: 50px;
        width: 140px;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        height: 30px;
        text-align: center;
        box-shadow: 0px 5px 10px #C13C3C80;
    }

    #boton-enviar-form {
        color: white;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        text-decoration: none;
        margin-top: 20px;
        width: 135px;
        height: 27px;
        background: #AC171E;
        border-color: transparent;
        box-shadow: 0px 5px 10px #C13C3C80;
        border-radius: 50px;
        opacity: 1;
        display: block;
        margin-left: auto;
        margin-right: 0;
        font-size: 15px;
    }


    #opt_in {
        color: #555;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
    }

    #opt_in_texto {
        font-size: 0.9rem;
        margin-top: 10px;
        color: #868686;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        font-style: italic;
    }
}

/*Telefono*/
@media (max-width: 576px) {
    #form-contacto {
        margin-top: 20px;
    }

    #campo {
        font-family: Mark-Pro-Medium, Arial, Verdana, Tahoma, sans-serif;
        background-color: #F4F4F4;
        border: none;
    }

    #boton {
        color: #fff;
        background-color: #A32329;
        border-color: #A32329;
        border-radius: 50px;
        width: 140px;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        height: 30px;
        text-align: center;
        box-shadow: 0px 5px 10px #C13C3C80;
    }

    #boton-enviar-form {
        color: white;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        text-decoration: none;
        margin-top: 20px;
        width: 135px;
        height: 27px;
        background: #AC171E;
        border-color: transparent;
        box-shadow: 0px 5px 10px #C13C3C80;
        border-radius: 50px;
        opacity: 1;
        display: block;
        margin-left: auto;
        margin-right: 0;
        font-size: 14px;
    }


    #opt_in {
        color: #555;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
    }

    #opt_in_texto {
        font-size: 0.9rem;
        margin-top: 10px;
        color: #868686;
        font-family: Mark-Pro-Bold, Arial, Verdana, Tahoma, sans-serif;
        font-style: italic;
    }
}

/*************************/