/*
 *   Mediascreen
 *   Copyright (C) 2017 OPS Empresas
 *   http://www.opsempresas.com.br
**/


img, picture, video, embed {max-width: 100%; max-height: 100%;}

@-moz-document url-prefix() {  
  img {   
    max-width: 100%; 
    max-height: 100%; 
  }
}

/*TV*/
@media screen and (min-width: 1367px) and (max-width: 1920px) {
    
}

/*DESKTOP PEQUENOS E DESKTOP GRANDES*/
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    #container{width:100%;}
    
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}    
    #erro-content {width: 90%;}
}

/*DESKTOP PEQUENOS*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #container{width:100%;}
    
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}    
    
    #inicio-content #conteudo .boxacomodacoes li {margin: 0 20px 0 0;}
    #erro-content #conteudo .boxacomodacoes li {margin: 0 10px 0 0; max-width: 270px;}
    
    #header .ladoesquerdo {width: 230px;}
    #erro-content {width: 90%;}
    #erro-content #conteudo .boxnoticias {width: 80%; margin: 0 auto; display: block;float: none;}
}

/*TABLET VERTICAL E DESKTOP PEQUENOS*/
@media screen and (min-width: 768px) and (max-width: 959px) {
    #container{width:100%;}
    
    #header .header-menu-link {display: none;}
    #header #menu {display: none;}
    
    #header .boxpainel  {margin: -4px 0 0 0;}
    
    #header .ladoesquerdo {width: 195px;}
    
    #header .ladodireito {width: 200px;float: right;margin-right: 3%;}
    
    #header .ladoesquerdo #navigation li a#somos01 {padding: 0;}
    
    #header .boxlogo .logo {width: 220px;background: url(../images/png/logo.png) no-repeat; background-size:contain;}
    
    #header .boxlogo {width: 300px;background: url(../images/png/boxlogo.png) no-repeat;background-size:contain;position: absolute;left: 30%;}
    
    #header .ladodireito .txttel  {font-size: 15px;float: right;text-align: right;padding-right: 20px;}
    #header .ladodireito .txttel i {font-size: 15px;}
    #header .ladodireito .txttel  span {font-size: 15px;}
    
    #header .ladoesquerdo .txtend {padding-left: 20px;}
    
    #header .ladodireito #navigation02 li a#local01 {padding: 0;}
    
    #header .ladodireito #navigation02 {width: 213px; }
    
    #inicio-content .boxmais #conteudo .boxnoticias {width: 86%;display: table;margin: 0 auto;float: none;}
    
    #inicio-content .boxmais #conteudo .boxnoticias .box01 {width: 300px;}
    
    #inicio-content #conteudo .boxacomodacoes li {width: 100%;max-width: 500px;margin: 0 auto 30px !important;display: table;float: none;}
    
    #inicio-content #conteudo .boxacomodacoes li a .responsive-container {max-width: 500px;}
    
    #erro-content #conteudo .boxacomodacoes li {width: 100%;max-width: 500px;margin: 0 auto 30px !important;display: table;float: none;}
    
    #erro-content #conteudo .boxacomodacoes li a .responsive-container {max-width: 500px;}
    
    #erro-content {width: 90%;}     
    
    #erro-content #conteudo .boxnoticias .box01 {max-width: 300px;}
    #erro-content #conteudo .boxnoticias {width: 80%; margin: 0 auto; display: block;float: none;}
}

/*CELULAR HORIZONTAL E TABLET VERTICAL*/
@media screen and (min-width: 480px) and (max-width: 767px) {
    #header #contHeader {display: none;}
    
    #header #menu-btn  {display: block;width: 39px;height: auto;/* line-height: 27px; */position: absolute;top: 45px;left: 20px;font-family: 'humanst521_cn_btregular';font-size: 22px;color: #FFF;}
    #header #menu-btn .icons{display: block;vertical-align: middle;margin: 0;width: 39px;height: 22px;position: relative;background: url(../images/png/setamenu2.png) 0px   center no-repeat;}
    #header #menu-btn .icons:hover {background: url(../images/png/setamenu2.png) -38px   center no-repeat;}
    #header #menu-btn .icon-menu-short{font-size:21px;/* color: #ffffff; */position: absolute;top: 0;left: 0;/* background: url(../images/png/setamenu2.png)   center no-repeat; */}
    #header #menu-btn .icon-x{font-size:21px;position: absolute;top: 0;left: 0;/* color: #fff; */display: none;/* background: url(../images/png/logo.png) #fff center no-repeat; */}
    #header #menu-btn:hover {color: #fe6600;}      
    
    #header #menu {width: 100%;height: auto;position: absolute;z-index: 9;top: 120px;display: none;}
    #header #menu li {width: 100%;height: 36px;float: left;background: #050505;border-bottom: 1px solid #fe6600;}
    #header #menu li a {height: 36px; line-height: 36px; padding-left: 16px; display: block; font-size: 15px; color: #FFF;}
    #header #menu li a:hover {color: #fe6600;}
    #header #menu li:first-child {border-top: 1px solid #fe6600;}
    
       
    #header .logo2 {display: block;}
    
    #header .boxpainel  {margin: 30px 0 0 0;}
    
    #footer #contFooter {width: 95%;}
        
    #footer #contFooter .endereco {display: block; float: none; margin: 20px auto 0;}
    #footer #contFooter .logo {max-width: 156px; height: 86px; display: block; float: none; margin: 11px auto 0;}
    #footer #contFooter .voltTop {top: 100px;}
    
    #inicio-content .boxmais #conteudo .boxnoticias {width: 300px;display: table;margin: 0 auto;float: none;}
    
    #inicio-content #conteudo .boxacomodacoes li {width: 100%;max-width: 500px;margin: 0 auto 30px !important;display: table;float: none;}
    
    #inicio-content #conteudo .boxacomodacoes li a .responsive-container {max-width: 500px;}
    
    #erro-content #conteudo .boxacomodacoes li {width: 100%;max-width: 500px;margin: 0 auto 30px !important;display: table;float: none;}
    
    #erro-content #conteudo .boxacomodacoes li a .responsive-container {max-width: 500px;}
    
    #erro-content {width: 90%;}
    
    
    
}

@media screen and (min-width: 667px) and (max-width: 767px) {
   
}

/*CELULAR VERTICAL*/
@media screen and (min-width: 320px) and (max-width: 479px) {
    #header #contHeader {display: none;}
    
    #header #menu-btn  {display: block;width: 39px;height: auto;/* line-height: 27px; */position: absolute;top: 30px;left: 20px;font-family: 'humanst521_cn_btregular';font-size: 22px;color: #FFF;}
    #header #menu-btn .icons{display: block;vertical-align: middle;margin: 0;width: 39px;height: 22px;position: relative;background: url(../images/png/setamenu2.png) 0px   center no-repeat;}
    #header #menu-btn .icons:hover {background: url(../images/png/setamenu2.png) -39px   center no-repeat;}
    #header #menu-btn .icon-menu-short{font-size:21px;/* color: #ffffff; */position: absolute;top: 0;left: 0;/* background: url(../images/png/setamenu2.png)   center no-repeat; */}
    #header #menu-btn .icon-x{font-size:21px;position: absolute;top: 0;left: 0;/* color: #fff; */display: none;/* background: url(../images/png/logo.png) #fff center no-repeat; */}
    #header #menu-btn:hover {color: #FFB973;}      
    
    #header #menu {width: 100%;height: auto;position: absolute;z-index: 9;top: 90px;display: none;}
    #header #menu li {width: 100%;height: 36px;float: left;background: #050505;border-bottom: 1px solid #FFB973;}
    #header #menu li a {height: 36px; line-height: 36px; padding-left: 16px; display: block; font-size: 15px; color: #FFF;}
    #header #menu li a:hover {color: #FFB973;}
    #header #menu li:first-child {border-top: 1px solid #FFB973;}
    
    #header .boxpainel  {margin: 1px 0 0 0;}
    
    #footer #contFooter {width: 95%;}
        
    #footer #contFooter .endereco {display: block; float: none; margin: 20px auto 0;}
    #footer #contFooter .logo {max-width: 156px; height: 86px; display: block; float: none; margin: 11px auto 0;}
    #footer #contFooter .voltTop {top: 90px;}
    
    #header .logo2 {display: block;}
    #inicio-content .boxinfo #conteudo .boxnews {/* float: none; */width: 90%;margin: 0 auto;display: table;}
        
    #inicio-content #conteudo .boxsomos .txt {width: 90%;margin: 0 auto 10px;text-align: justify;display: block;float: none;}
    
    #inicio-content #conteudo .boxacomodacoes li {margin: 0 auto!important;float: none; display: table;}
    #erro-content #conteudo .boxacomodacoes li {margin: 0 auto!important;float: none; display: table;}
    
    #inicio-content .boxmais #conteudo .boxnoticias {width: 74%;display: table;margin: 0 auto;float: none;}
    
    #erro-content {width: 90%;margin-top: 0;}
    
    #erro-content #conteudo .boxnoticias .box01{width: 74%;display: table;margin: 0 auto 30px;float: none;}
    
    #erro-content #conteudo .vForms1 .campo {width: 86%;}
    #erro-content #conteudo .vForms1 #cidade {width: 86%;}
    #erro-content #conteudo .vForms1 #telefone {float:left; width: 86%;}
    
    .callbacks_tabs, .transparent-btns_tabs, .large-btns_tabs {margin: -17px 0 25px 0!important;}
    
    #erro-content #conteudo .tlt {margin-top: 0;}
}