/* 
    Created on : 06.03.2018
    Author     : Tatiana
*/
@import 'colores';
#columns{
    margin-top: 30px;
    margin-bottom: 30px;

    .row{
        margin-bottom:0;
    }
    .direccion{
        border:4px dashed $gris;
        padding: 0px 10px;
        @media(max-width: 991px){
            margin-top: 30px;
        }
        h3{
            margin-top: -17px;
            background:$blanco;
            margin-bottom: 10px;
        }
    }
    .textos{
        border:4px dashed $gris;
        h3{
            margin-top: -17px;
            background:$blanco;
            margin-bottom: 10px;
            margin-left: 10px;
        }
        p{
            margin: 0 20px 10px;
        }
    }
    .textos,.somos{
        p{
            text-align: justify;
            line-height: 1.9em;
            margin-bottom: 15px;
            font-family: inherit;
            font-size:1.1em;
        }
    }
    .somos{
        p{
            margin: 0 0 9px;
        }
        img{
            margin-bottom:15px;
            max-width: 100%;
        }
    }
    .ven{
        text-align: center;
    }
    .page-subheading {
        background: none;
        border: 0;
        color: $primario;
        display: inline-block;
        font-weight: normal;
        font-size: 30px;
        margin-bottom: 20px;
        padding: 5px 15px;
        text-align:center;
    }
    iframe {
        width: 100%;
    }
    .enviar_contacto{
        border: medium none;
        font-family: $fuente2;
        font-size: 14px;
        margin-right: 0;
        text-transform: uppercase;
        line-height: 1;
        padding: 7px 15px;
        background-color: $secundario;
        color: $blanco;
        font-weight: normal;
    }
    input.condiciones_contacto{
        vertical-align: text-bottom;
    }
    .form_contacto{
        textarea{
            resize: none;
        }
    }
    .area-format{
        width: 100%;
        height: 135px;
    }
    .bg-success, .bg-danger {
        padding: 12px;
        text-align: justify;
    }
    figure{
        img {
            width: 100%;
            height: auto;

        }
        figcaption{
            display: none;
        }
    }
    .b_uno{
        display:flex;
        justify-content: space-between;
        -webkit-justify-content:space-between;
        margin-bottom: 26px;
        a{
            flex:1 1 49%;
            max-width:49%;
            figure{
                width: 100%;
                max-width: 100%;
            }
        } 
        figure{
            flex: 1 1 49%;
            max-width: 49%;
        }
    }
    .multi_foto_32porcnt{
        display:flex;
        flex-wrap: wrap;
        -webkit-flex-wrap:wrap;
        justify-content: space-between;
        -webkit-justify-content:space-between;
        a{
            flex:1 1 32%;
            max-width:32%;

            figure{
                width: 100%;
                max-width: 100%;
            }
        } 
        figure{
            flex: 1 1 32%;
            max-width: 32%;
            margin-bottom: 15px;
        }

    }
    .direccion{
        .redes_sociales{
            a{

                background-size: 10% !important;
                display: inline-block;
                &:hover{color:$primario;}

            }
        }
    }
}
main #columns .row{
    margin-bottom: 40px;
}
