body {
  font-family: 'Pragati Narrow', sans-serif;
  color: #333333;
  font-size: 18px;
}
body, input[type=text], input[type=password], input[type=email], input[type=date], input[type=tel], input[type=number], input.text, input[type=submit], select, textarea { font-family: 'Pragati Narrow', sans-serif; }

.campos{font-size: 100%; box-sizing: border-box; border: 1px solid #999; background: #FFF; width:98%; padding: 2px; -webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}

a img {border: none;}
#destaques{position: relative; width:980px; height:330px; padding:0; margin:10px 5px 5px 10px; float:left;}
#destaques ul, #destaques ul li{list-style: none;}
#destaques ul, #destaques ul li, #destaques ul li img {margin: 0px; padding: 0px; width: 980px; height: 313px;}
#destaques ul li {position: relative;}
#destaques ul li p {margin: 0px; padding: 10px 15px; position: absolute; bottom: 0px; left: 0px; line-height: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold;}
#destaques ul li p a {color: white; text-decoration: none;}
#destaques a.faixa {width: 100px; height: 100px; position: absolute; top: 0px; left: 0px; z-index: 100; background: transparent url(../imagens/faixa.png) 0 0 no-repeat;}
#destaques div.paginas {position: absolute; top: 5px; right: 5px; z-index: 100;}
#destaques div.paginas a {height: 20px; width: 20px; display: block; float: left; margin-left: 2px; color: white; font-size: 12px;	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration: none; text-align: center; line-height: 20px; outline: none; background:#000000; opacity:0.9; filter: alpha(opacity = 90); font-weight:bold;}
#destaques div.paginas a:hover, #destaques div.paginas a.activeSlide {background: #F60; font-weight: bold;}
#destaques ul li p, #destaques ul li div.fundo { display: none; }


#whatsapp-fixo
{
position: fixed;
bottom:10px;
left:94%;
z-index: 999;
width:100%;
}


#separador{
  display: block;
  visibility:visible;
}

#imagem{
  display: block;
  visibility:visible;
}

#pesquisacinza{
  display: block;
  visibility:visible;
}

#pesquisa{
  display: none;
  visibility:hidden;
}

#colhr{
  display: none;
  visibility:hidden;
 }

#appearance-select{
   -webkit-appearance: none;  /* Remove estilo padrão do Chrome */
   -moz-appearance: none; /* Remove estilo padrão do FireFox */
   appearance: none; /* Remove estilo padrão do FireFox*/
   background: url(http://www.webcis.com.br/images/imagens-noticias/select/ico-seta-appearance.gif) no-repeat #eeeeee;  /* Imagem de fundo (Seta) */
   background-position: 218px center;  /*Posição da imagem do background*/
   width: 250px; /* Tamanho do select, maior que o tamanho da div "div-select" */
   height:30px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
   border:1px solid #ddd;
}

#colequipe {width:33%;}
#itemdestaque {height:300px;}
#titulobanner {font-size: 80px;}
#descricaobanner {font-size: 40px;}


#texto {font-size: 80px;}
#logo {width: 10%;}
#cabecalho {display: block;}
#cabecalhocel {display: none;}
#opcoesmenu{display: none;}
#empresa {padding-left: 10%; padding-right: 10%; width:80%;}
#passeio2 {padding-left: 10%; padding-right: 10%; width:80%;}
#logorodape {width: 25%;}
#enderecorodape {width: 25%;}
#menorodape {width: 25%;}
#facebookrodape {width: 25%;}
#cartaorodape {width: 25%;}
#reserva{width: 25%;}
#fotonoticia{width: 25%;}
#textonoticia{width: 75%;}
#cartaoreserva{width: 30%;}
#imagemonda {display: block;}
#anuncioimovel {width: 33%;}
#colrodape1 {width: 50%;}
#colrodape2 {width: 25%;}


.rotate:hover
{
        -webkit-transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        transform: rotateZ(-10deg);
}
.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}

.aumenta img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.linha {
  display: table;
  width: 100%;
  border: 0px;
  border-style: solid;
  border-color: #CCC;
}
.coluna {
  display: table-cell;
  vertical-align: middle;
  border: 0px;
  border-style: solid;
  border-color: #CCC;
}
.colunasempular {
  display: table-cell;
  border: 0px;
  vertical-align: middle;
  border-style: solid;
  border-color: #CCC;
}
.colunacabecalho {
  display: table-cell;
  vertical-align: middle;
  border: 0px;
  border-style: solid;
  border-color: #CCC;
  padding: 10px;
  color: #FFF;
  width:10%;
  border-radius: 5px;
}


.colunabarra {
  display: table-cell;
  vertical-align: middle;
  border: 0px;
  border-style: solid;
  border-color: #CCC;
  padding: 10px;
  color: #FFF;
  width:33%;
  border-radius: 5px;
}

.barraindex {
  display: table-cell;
  vertical-align: middle;
  border: 0px;
  border-style: solid;
  border-color: #CCC;
  padding: 10px;
  color: #FFF;
  width:10%;
  border-radius: 5px;
}
.barraindex:hover
        {
            background:#0D87BA;
            color:#FFF;
        }


.collateral {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  border: 0px;
  border-style: solid;
  border-color: #CCC;
}
.box1 {
  background: #BD4932;
}

@media (max-width: 860px)
{
  .coluna {
    display: block;
    width: 100%;
  }

  .colunabarra {
    display: block;
    width: 100%;
  }

.saibamaisbanner {font-size: 20px;padding:5px;margim:20%;border-radius: 5px;}

#logocel {width: 50%;}
#menucel {width: 50%;}
#cartaoreserva{width: 100%;}
#imagemonda {display: none;}

#logorodape {width: 100%;}
#enderecorodape {width: 100%;}
#menorodape {width: 100%;}
#facebookrodape {width: 100%;}
#cartaorodape {width: 100%;}
#fotosempresa {width: 100%;}
#reserva {width: 100%;}

#fotonoticia{width: 100%;}
#textonoticia{width: 100%;}

  #logo {
    width: 12%;
  }

  #colfacebook {
    display: none;
    visibility:hidden;
  }

  #cabecalho {display: none;}
  #cabecalhocel {display: block;}

  #coltwitter {
    display: none;
    visibility:hidden;
  }
  #colinstagran {
    display: none;
    visibility:hidden;
  }
  #colwhatsapp {
    display: none;
    visibility:hidden;
  }
  #texto {
    font-size: 30px;
  }

#colequipe {width:95%;}
#anuncioimovel {width: 95%;}
#colrodape1 {width: 95%;}
#colrodape2 {width: 95%;}

#titulobanner {font-size: 40px;}
#descricaobanner {font-size: 20px;}
#itemdestaque {height: auto;}

#separador{
  display: none;
  visibility:hidden;
}

#colhr{
  display: block;
  visibility:visible;
  width:100%;}

#colv{width:100%;}

#pesquisacinza{
  display: none;
  visibility:hidden;
}
#pesquisa{
  display: block;
  visibility:visible;
}

#telefones {width:30px;}


#whatsapp-fixo
{
position: fixed;
bottom:10px;
left:80%;
z-index: 999;
width:100%;
}

}