/* Nosotros */

    .area0{
        width:100%;
        overflow:hidden;
    }

    .area0 h2{

    }

    .area0 hr{
        border: 0;
        border-top: 1px solid #8c8c8c;
        border-bottom: 1px solid #fff;
        margin:0;
    }

    .area0 p:first-of-type{
        margin-top:20px;
    }

    .imagen_principal{
        text-align:center;
        margin-left:10px;
        margin-bottom:10px;
        float:right;

    }

    .imagen_principal img{
        width:400px;
        height:auto;
        border-radius:0 100px 0 100px;
    }


/* Por qué elegirnos */

    .area1bg{
        width:100%;
        background:url('../../../../../resources/images/static/nosotros1.jpg') no-repeat center center fixed;
        background-size:cover;
    }

    .area1{
        background-color:rgba(0,0,0,0.7);
        padding:50px 0px;
    }

    .area1 h2{
        text-align:center;
        font-size: 2.5em;
        color:#fff;
    }

    .area1 p{
        text-align:center;
        font-size:1.3em;
        color:#ccc;
        margin-bottom:80px;
    }

    .area1 .icons{
        width:100%;
        text-align:center;
    }

    .area1 .icons .section{
        display:inline-block;
        vertical-align:top;
        width:29%;
        text-align:center;
        margin-right:7px;
    }

    .area1 .icons .section .image{
        font-size:5em;
        color:#fff;
    }

    .area1 .icons .section .title{
        font-size:1.5em;
        color:#fff;
        font-weight:bold;
        padding:5px;
    }

    .area1 .icons .section .text{
        padding:5px;
        line-height:1.5em;
        font-size:1em;
        color:#ddd;
    }

/* Respondemos a tus necesidades */

    .area2bg{
        width:100%;
        background:url('../../../../../resources/images/static/nosotros2.jpg') no-repeat center center fixed;
        background-size:cover;
    }

    .area2{
        width:100%;
        padding:50px 20px;
        background-color:rgba(255,255,255,0.7);
    }

    .area2 h2{
        text-align:center;
        font-size: 2.5em;
        color:#222;
    }

    .area2 p:first-of-type{
        font-size:2em;
    }

    .area2 p{
        text-align:center;
        font-size:1.6em;
        color:#222;
    }

/* Nuestros clientes */

    .slicktem{
        position:relative;
    }
    .slicktem a{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        line-height: 7em;
    }

    .area3{
        width:100%;
        padding:60px 20px;
        padding-bottom:0;
    }

    .area3 h2{
        text-align:center;
        font-size: 2em;
        color:#999;
    }

    .area3 p{
        text-align:center;
        font-size:1.3em;
        color:#222;
        margin-bottom:80px;
    }

/* Galería */

    .area4{
        width:100%;
        padding:60px 20px;
        padding-top:0;
    }

    .area4 h2{
        text-align:center;
        font-size: 2em;
        color:#999;
    }

    .area4 p{
        text-align:center;
        font-size:1.3em;
        color:#222;
        margin-bottom:80px;
    }

@media all and (max-width :640px) {

    .imagen_principal{
        float:none;
        margin:0 auto;
        margin-top:10px;
    }

    .imagen_principal img{
        width:100%;
        height:auto;
        max-width:460px;
    }

}

@media all and (max-width :480px) {

    main{
        margin:0 !important;
    }

    .area0{
        padding:0 15px;
    }

    .area1 h2, .area2 h2{
        font-size: 2em;
    }

    .area1 p{
        font-size:1.1em;
        margin-bottom:60px;
    }

    .area1 .icons .section .image{font-size:3em;}

    .area1 .icons .section .title{
        font-size:1.1em;
        padding:2px;
    }

    .area1 .icons .section .text{
        padding:2px;
        line-height:1.3em;
        font-size:0.9em;
    }

    .area2 p:first-of-type{font-size:1.5em;}
    .area2 p{font-size:1.1em;}

}