@media only screen and (min-width: 1000px){
   
    #container{
        height:100%
    }
    
    #top_area{	
        height:110px;
        margin:0 auto;
        width:95%;
        background-color:#ff8820;
        max-width:1100px;
    }
    img#logo{ /* 362px × 158px  --> 0.6*/
        float:left;
        width:217px;
        height:95px;
        margin-top:10px;
    }

    #menu{
        float:right;
        margin-top:85px;
    }
    #menu ul li{
        float:left;
        margin-right:10px;
        border-left:1px solid #fff;
        
    }
    #menu ul li:first-child{
        border:none;
    }
    #menu ul li a{
        text-decoration:none;
        color:#FFF1E4;
        font-weight:bold;
        margin-left:10px;
        font-size:1.1em;
        text-shadow:2px 2px #ff8820;
    }	


    
    .bx-wrapper .bx-caption span{
        font-size: 1.6em;
    }


    .mid_area{
        margin:0 auto;
        max-width:1100px;
        width:90%;
        padding:1%;
        height:120px;
        margin-bottom:100px;
    }

    .cuadro_index{
        width:24.7%;
        float:left;
        margin-left: 0.3%;        
        background-color:#f1f1f1;
        height:190px;
    }
    .cuadro_index:first-child{
        margin-left:0%;
    }
    
    .work_area1{
        width:100%;
        position:fixed;
        bottom:0;
        height:80px;
        
    }
    
    .footer{
        height:80px;
    }
    
    footer{
        
        width:90%;
        margin: 0 auto;
        text-align:center;
        bottom:0;
    }
    
    footer p:first-child{
        margin-top:30px;
    }
    
    .contentArea1{
        max-width:1100px;
        height:320px;
        margin-bottom:200px;
    }
    
    
    .empresaCuadro{
        width:24%;
        margin-left: 1%;        
        float:left;
        box-shadow: 2px 2px 5px #000;
    }
    .empresaCuadro:first-child{
        margin-left:0px;
    }
    
    .empresaCuadro h2{
        background-color:#ff8820;
        color:#FFF1E4;
        padding:5px;
    }
    
    .empresaCuadro span p{
        padding:5px;
        font-size:14px;
        line-height:1.3em;
    }
    
    
    
    
    /* SERVICIOS */
    .service_container{
        width:100%;
        margin-bottom:10px;
        border:2px solid #ff8820;
    }
    
    .service_container p.serviceTitle{
        background-color:#ff8820;
        padding:5px;
        font-weight:bold;
        font-size:15px;
        cursor:pointer;
    }
    
    .service_container .serviceContent{
        padding:30px;
    }
    
    
    
    .service_container .serviceContent span{
        font-size:16px;
        line-height:19px;
    }
    
    .serviceContent table{
        width:100%;
    }
    .serviceContent table tr td{
        padding:5px;
    }
    
    #display_service5 span ul li, #display_service2 span ul li{
        list-style:disc;
        margin-left:10px;
        margin-top:6px;
        font-size:14px;
    }
    
    .contentArea2{
        min-height:330px;
        padding-bottom:80px;
        max-width:1100px;
        margin-top:10px;
    }
    
    .contentArea2 span{
        font-size:13px;        
    }
    
    
    
    
    /* EXPERIENCIA */
    .experiencia_container{
        width:98%;
        margin-bottom:10px;        
        margin-top: 10px;
        padding: 1%;
        box-shadow: 0px 2px 5px #000;
        border-radius: 4px;
    }
    
    .contentArea2 b.tipoExp{
        font-size:15px;
    }
    .experiencia_container span b{
        font-size:12px;        
    }
    
    
    
    
    /* PORTAFOLIO */
    .portfolio_cliente{
        width:100%;
        max-width: 1000px;
    }
    
    .portfolio_cliente table{
        width:70%;
        margin: 0 auto;
    }
    
    .portfolio_cliente table tr td.nombreEmp{
        font-size:15px;
        vertical-align:middle;
        font-weight:bold;
    }
    
    .portfolio_cliente table tr td{
        padding-bottom:20px;
    }
    
    .portfolio_cliente table tr td.logoEmp img{
        height:50px;
    }
    
    
    
    
    /* index agregando los servicios con efectos*/
    .work_areaServ{
        width:100%;
        margin-bottom:50px;
    }
    .mid_areaServ{
        margin:0 auto;
        max-width:1100px;
        width:90%;
        padding:1%;
    }
    .serviceIndex{
        width:19.8%;
        float:left;
        margin-left:0.2%;       
        height:200px;
        background-color:#f8f8f8;
    }
    
    .servTit{
        width:100%;
        padding-top:7px;
        text-align: center;
        background-color:rgb(255,136,32);
        background-color:rgba(255,136,32,.8);
        color:#FFF1E4;
        height:40px;
                
    }
    
    #servt1{
        background: url(../images/servicios/servicio1_2.jpg) no-repeat center;
    }
    
    #servt2{
        background: url(../images/servicios/servicio2_2.jpg) no-repeat center;
    }
    
    #servt3{
        background: url(../images/servicios/servicio3_1.jpg) no-repeat center;
    }
    
    #servt4{
        background: url(../images/servicios/servicio4_1.jpg) no-repeat center;
    }
    
    #servt5{
        background: url(../images/servicios/servicio5_1.jpg) no-repeat center;
    }
    
    #servt1,#servt2,#servt3,#servt4,#servt5{
        background-size: 100% 100%;
    	
    }
    
}