@media screen and (orientation: landscape) { /*width*/
    .btnsind2{ width:31.33333% !important; }
}  
@media screen and (orientation:portrait) { /*height*/
    .classsmgt{ width: 100% !important; margin-bottom: 0;  }
    .classsmgt2{ width: 100% !important; margin-bottom:55px; } .classsmgt22{ margin: 0; width: 100% !important;}
    .celu{ display: block; } .btnsind{ display: none; }
    .scre,.cimg{ display: none; }
    .clpres,.clpres2 label{ font-style:25px; }/*letrastitulo*/
    .clpres2{ font-style:20px; }
    .cltext{ font-size: 15px; padding: 17px 5%; }
    #habcontenido{ float: left; width: 100%;  }
    #habcontenidozero{float: right; width: 100%; background: #262626;}
    .newblockimg,.newblocktext{ width: 100% !important; } 
    .newblocktext b{ margin-top: 10px; }
    .classsserv{ width: 100% !important; }
    .btnsind2{ width: 48%; color:#0b2433  !important; }
    .btnsind2 label{
        color:#0b2433  !important;
    }
    .forminput { width: 100% !important; max-width: 610px !important; }
    .btnresrrah3{ display: block; }
    .btnresrrah2{ display: none !important; }
    .btnresr,.calendar,.disbloimp{ display: none !important; } 
    .top60px{ margin-top: 112px !important; }
    .nav{ height: 75px; }
    .info{ height: 75px; padding-top: 17px;  }
    .navigation{ padding: 20px 6px; }
    #statico{
     position: relative; width:  100%; top:0px;
    }
    .sliderfalse{ display: none; }
    .nav{ background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; }
    .indxchab{ width: 98% !important } .ccs2{ height:auto !important; } .ccs3{ height:auto !important; }
    .indxcser { width:98%; }
    .pposac50{ width: 98% !important; }
}
@media all and (min-width: 970px) { /*grand*/
    
}
@media all and (max-width: 970px) { /*pequ*/
     #contacdiv{ height: auto !important; }
     #contacdiv1, #contacdiv2{ width: 100% !important; height: auto !important; }
    .owl-dots{ display: none !important; }
    .celu{ display: block; } .btnsind{ display: none; }
    .scre,.cimg{ display: none; }
    .clpres{ font-size:25px; padding: 0px 20px; }/*letrastitulo*/
    .clpres2{ font-style:20px; padding: 0px 20px; }
    .clpres2 label{ font-size:25px;  }
    .cltext{ font-size: 15px; padding: 17px 5%; }
    #habcontenido{ float: left; width: 100%;  }
    #habcontenidozero{float: right; width: 100%; background: #262626;} 
    .newblockimg,.newblocktext{ width: 100% !important; } .newblocktext b{  margin-top: 10px; }
    .classsmgt{ width: 100% !important; margin-bottom: 0; }
    .classsmgt2{ width: 100% !important; margin-bottom:55px; } .classsmgt22{ margin: 0; width: 100% !important; }
    .classsserv{ width: 100% !important; }
    .footer{ 
        width: 100%;
z-index: 999;
position: fixed;
display: none;
top: 78px !important;
height: 110% !important;
left: 0 !important;
background: #454545f2 !important;
text-align: center !important;
padding: 0 0 0 0;
    }
    #idioma{ margin-left:15px !important; }
    .cuadre{
        width: 31% !important;
height: 138px;
background: rgb(255, 255, 255);
float: left;
clear: none !important;
margin: 1% !important;
border-radius: 5px;
border: 1px solid #c0b8b8;
    }
    .cuadre img{
        width: 100%;
        height: 100%;
    }

    .btnsind2{ width: 48%; color:#0b2433  !important; }
    .btnsind2 label{
        color:#0b2433  !important;
    }
    .cuadre i{
        font-size: 60px; color: #0b2433;
    }
    .cuadre label{
        font-size: 15px; background: rgba(0,0,0,0); color: #0b2433;
    }
    .nav{ height: 75px; }
    .info{ height: 75px; padding-top: 17px;  }
    .navigation{ padding: 20px 6px; }
    .navigationcont{ background: #454545f2 !important; }
    #statico{
     position: relative; width:  100%; top:0px;
    }
    .sliderfalse{ display: none; }
    .nav{ background:rgb(255, 255, 255) none repeat scroll 0% 0% !important; }
    .indxchab{ width: 48%; } .ccs2{ height: 462px; } .ccs3{ height: 506px; }
    .indxcser { width:98%; }
    .pposac50{ width: 98%; }
}