/* --- REPARE UD MISMO --- */


/* FRASE */

#frase-repare-ud-mismo {
    width: 100%;
    padding-top: 5em;
    text-align: center;
    background: white;
    color: #0071BA;
    box-shadow: 0px 6px 6px 0px #777;
    margin-bottom: 2em;
}

#frase-repare-ud-mismo h1 {
    margin-bottom: 1em;
    font-size: 5vw;
    line-height: 1.3;
    font-weight: 400;
}

#frase-repare-ud-mismo p {
    padding-bottom: 2em;
    font-size: 3vw;
    line-height: 1.3;
    margin: 0 4em;
}

@media screen and (min-width: 1000px) {
    #frase-repare-ud-mismo {
        padding-top: 5em;
    }
    #frase-repare-ud-mismo h1 {
        margin-top: 3em;
        margin-left: 1.5em;
        text-align: left;
        font-size: 2.5vw;
        letter-spacing: 15px;
        text-align: left;
    }
    #frase-repare-ud-mismo p {
        letter-spacing: 2px;
        margin-left: 4.2em;
        text-align: left;
        font-size: 0.9vw;
        padding-bottom: 8em;
    }
}


/* RECTANGULOS */

#opciones-repare-ud-mismo {
    background: #0071BA;
    margin-bottom: 2em;
    box-shadow: 0px 6px 6px 0px #777;
}

.rect-repare-ud-mismo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #749cb5;
}

.rect-repare-ud-mismo:last-child {
    border: none;
}

.rect-repare-ud-mismo-img {
    width: 40vw;
}

.rect-repare-ud-mismo img {
    width: 20vw;
    margin: 2em;
}

.rect-repare-ud-mismo-txt {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.rect-repare-ud-mismo-txt h1 {
    color: white;
    margin-bottom: 2em;
    letter-spacing: 0.2em;
}

.rect-repare-ud-mismo-txt a {
    color: white;
    font-size: 0.9em;
    line-height: 1.5em;
    padding: 0.3em;
    border: 1px solid;
}

.rect-repare-ud-mismo-txt a:hover {
    color: white;
    background: #0071BA;
    border: 1px solid #0071BA;
}


/* SECCIONES */

.secc-repare-ud-mismo {
    background: white;
    padding-bottom: 2em;
    margin-bottom: 2em;
    box-shadow: 0px 6px 6px 0px #777;
    padding-top: 1em;
}

.secc-repare-ud-mismo h1 {
    width: 70%;
    background: #0071BA;
    color: white;
    line-height: 1.5;
    padding-left: 2em;
}

.interno-secc-repare-ud-mismo {
    margin: 2em;
}

.interno-secc-repare-ud-mismo h2 {
    margin-bottom: 2em;
}

.interno-secc-repare-ud-mismo p {
    line-height: 2;
}

#frase-chica {
    font-size: 0.8em;
    margin: 2em;
}

.secc-repare-ud-mismo li {
    list-style: none;
    padding-left: 40px;
    padding-top: 0.3em;
    background-image: url(../img/ico/bullet.jpg);
    background-repeat: no-repeat;
}

.hr-repare-ud-mismo {
    border-top: 1px solid #dedede;
    border-bottom: none;
    margin: 2em 0 2em -2em;
}

@media screen and (min-width: 1000px) {
    #opciones-repare-ud-mismo {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        background: white;
    }
    .rect-repare-ud-mismo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        border: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .rect-repare-ud-mismo-txt h1 {
        color: #0071BA;
    }
    .interno-secc-repare-ud-mismo p {
        margin-left: 2.5em;
    }
    .rect-repare-ud-mismo-txt a {
        color: #0071BA;
        margin-bottom: 2em;
    }
    .rect-repare-ud-mismo-img {
        width: auto;
    }
    .rect-repare-ud-mismo img {
        width: 8em;
        height: 8em;
    }
}


/* FORMULARIO Prueba */

.popover {
    background-color: #e74c3c;
    color: #ecf0f1;
    width: 120px;
}

.popover.right .arrow:after {
    border-right-color: #e74c3c;
}


/* FORMULARIO POP UP */

#abc {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    position: fixed;
    overflow: scroll;
    z-index: 1;
}

#abc form {
    width: 100%;
    padding: 1em 0;
    text-align: center;
}

.cerrar {
    float: right;
    margin-right: 2em;
    margin-bottom: 1em;
}

.cerrar strong {
    text-decoration: none;
    font-size: 1em;
    text-align: center;
    display: block;
    width: 1em;
    height: 1em;
    background-color: darkorange;
    color: white;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 0.5em;
    cursor: pointer;
}

#contenedor-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
    background-color: rgba(255,255,255,0.30);
    padding-top: 120px;
}


/* Titulo del formulario */

#titulo-formulario {
    width: 100%;
    background-color: #EEE;
}

#titulo-formulario h2 {
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    margin-top: 2em;
    color: #F27A02;
    margin-left: 20px;
}

#titulo-formulario p {
    text-align: center;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 0.7em;
    color: #c93232;
    margin-top: 2em;
    margin-left: 20px;
    margin-bottom: 2em;
}

#form-ajax {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: white;
    padding-top: 25px;
}

#form-cliente {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 2em 0 2em;
    width: 40%;
}

#form-servicio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0em 2em 0 2em;
    width: 40%;
}

#form-ajax h2 {
    font-size: 1.5em;
    text-align: left;
    color: #006FBC;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

#form-ajax input[type="text"] {
    height: 2em;
    margin-top: 2em;
    border-style: none;
    border-bottom-style: solid;
    border-bottom-color: #006FBC;
    color: #006FBC;
    background-color: rgba(0, 0, 0, 0.0);
}

#form-ajax input[type="tel"] {
    height: 2em;
    margin-top: 2em;
    border-style: none;
    border-bottom-style: solid;
    border-bottom-color: #006FBC;
    color: #006FBC;
    background-color: rgba(0, 0, 0, 0.0);
}

#form-ajax input[type="email"] {
    height: 2em;
    margin-top: 2em;
    border-style: none;
    border-bottom-style: solid;
    border-bottom-color: #006FBC;
    color: #006FBC;
    background-color: rgba(0, 0, 0, 0.0);
}

textarea {}

#form-ajax input[type="button"] { 
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

#comentario {
    height: 6em;
    margin-top: 2em;
    border-style: none;
    border-bottom: 2px solid;
    border-bottom-color: #006FBC;
    color: #006FBC;
    background-color: rgba(0, 0, 0, 0.0);
    max-width: 100%;
    
}

#boton-formulario {
      color: #006FBC;
    border: 1px solid #006FBC;
    font-size: 1em;
    float: right;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: transparent;

}

#boton-formulario:hover {
    color: white;
    background: #006FBC;
}

#respuesta span {
    margin-top: 1em;
    border: 1px solid #d9773a;
    border-radius: 5px;
    background-color: #d9773a;
    font-family: 'Raleway', sans-serif;
    color: white;
    display: inline-block;
    padding: 5px;
}

#respuesta_enviado strong {
    margin-top: 1em;
    border: 1px solid #6ed18d;
    border-radius: 5px;
    background-color: #6ed18d;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    color: white;
    display: inline-block;
    padding: 5px;
}

@media screen and (max-width: 1000px) {
    #abc form {
        width: 100%;
    }
    #form-cliente {
        width: 100%;
    }
    #form-servicio {
        width: 100%;
        margin-top: 2em;
    }
    .cerrar strong {
        position: fixed;
        margin-top: 1em;
        z-index: 3;
    }
}

.cerrar {
    padding-right: 1%;
}


/* --- EMPRESA --- */


/* FRASE */

#frase-empresa {
    width: 100%;
    padding-top: 5em;
    text-align: center;
    background: white;
    color: #0071BA;
    box-shadow: 0px 6px 6px 0px #777;
    margin-bottom: 2em;
}

#frase-empresa h1 {
    margin-bottom: 1em;
    font-size: 5vw;
    line-height: 1.3;
    font-weight: 400;
}

#frase-empresa p {
    padding-bottom: 2em;
    font-size: 3vw;
    line-height: 1.3;
    margin: 0 4em;
}

@media screen and (min-width: 1000px) {
    #frase-empresa {
        padding-top: 5em;
    }
    #frase-empresa h1 {
        margin-top: 3em;
        margin-left: 1.5em;
        text-align: left;
        font-size: 2.5vw;
        letter-spacing: 15px;
        text-align: left;
    }
    #frase-empresa p {
        letter-spacing: 2px;
        margin-left: 4.2em;
        text-align: left;
        font-size: 0.9vw;
        padding-bottom: 8em;
    }
}


/* SECCIONES */

.secc-empresa {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: white;
    box-shadow: 0px 6px 6px 0px #777;
    margin-bottom: 2em;
    min-height: 800px;
}

.secc-empresa p {
    margin: 1em;
    text-align: center;
}

#img-1 {
    margin: auto;
    margin-top: 2em;
    width: 30vmax;
    margin-bottom: 1em;
}

#img-2 {
    margin: auto;
    width: 70vw;
}

.secc-empresa-img img {
    margin: 2em;
}

.secc-empresa-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin-top: 4em;
    border-top: 1px solid #bababa;
}

.empresa-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 15vmax;
}

.empresa-col img {
    width: 100%;
}

.img-chica {
    width: 50% !important;
}

@media screen and (min-width: 1000px) {
    .secc-empresa p {
        text-align: left;
    }
    #img-1 {
        margin: auto;
        margin-top: 2em;
        width: 50%;
        margin-bottom: 1em;
    }
    .empresa-col img {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .img-chica {
        width: 100% !important;
    }
    #img-1 {
        margin: auto;
        margin-top: 2em;
        max-width: 100%;
        margin-bottom: 1em;
    }
    #img-2 {
        margin: auto;
        width: 100%;
    }
}


/* FIn media query 400px */


/* --- NUESTRO SERVICIO ---*/

.secc-nuestro-servicio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1em;
    background: white;
    box-shadow: 0px 6px 6px 0px #777;
    margin-bottom: 2em;
}

#titulo-nuestro-servicio {
    background: white;
    color: black;
    font-size: 1.5em;
    width: 80%;
    text-align: left;
    margin-bottom: 2em;
}

.secc-nuestro-servicio h1 {
    width: 50%;
    padding-left: 2em;
    background: #0071BA;
    color: white;
    line-height: 1.5;
}

.interno-secc-nuestro-servicio {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.interno-secc-nuestro-servicio img {
    max-width: 50%;
    min-height: 1%;
    margin: auto;
    margin-bottom: 2em;
}

.interno-secc-nuestro-servicio p {
    margin: 2em;
    text-align: center;
}

#img-txt {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.img-grande {
    width: 100% !important;
    max-height: 20em;
    margin: 2em 0 2em 0;
}

.p-chico {
    text-align: center;
    margin-top: 2em !important;
    font-size: 0.8em;
}

.whatsapp-img-txt p {
    margin-left: 20%;
    width: 50%;
}

#img-whatsapp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

#nuestro-servicio-img1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
}

@media screen and (max-width: 1000px) {
    #nuestro-servicio-img1 {
        display: none !important;
    }
    #img-whatsapp {
        display: none !important;
    }
    .whatsapp-img-txt {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .interno-secc-nuestro-servicio p {
        text-align: left;
    }
    .interno-secc-nuestro-servicio img {
        max-width: 90%;
        min-height: 1%;
        margin: auto;
        margin-bottom: 2em;
    }
    #nuestro-servicio-img1 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 0;
    }
}


/* BOTON FORMULARIO SECCION REPARE UD MISMO */

.div-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2em;
    font-size: 0.8em;
}

.div-form p {
    color: #F27A02;
    margin-bottom: 2em;
}

.div-form button {
    margin-left: 2em;
    cursor: pointer;
    background: white;
    color: #0071BA;
    padding: 0.3em;
    border: 1px solid #0071BA;
}

.div-form button:hover {
    color: white;
    background: #0071BA;
}

@media screen and (min-width: 1000px) {
    .div-form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .div-form p {
        margin-bottom: 0;
    }
}


/* Hacks for safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @media screen {
        @media (max-width: 1000px) {
            .secc-formulario-online {
                display: table;
            }
        }
    }
}