/*
--------------------------------------------------------------------
 Arquivo:			principal.css
 Autor:			Ederson Morche
 E-mail:			eder@usinanet.com.br
 Data da Criacao:		20/12/2006
 Ultima Alteracao:	
 E-mail:			
 Alterado em:		
 Descricao:			Folha de Estilos principal
--------------------------------------------------------------------
*/

/*
--------------------------------------------------------------------
 Pagina - Regras Gerais
--------------------------------------------------------------------
*/


html, body, a, div, form, h1, h2, h3, img, form, form input {
  padding: 0px;
  border: 0px;
  margin: 0px;
}

body {
  color: #666;
  font: 11px Arial, Helvetica, sans-serif;
}

a {
  color: #666;
}

a:active, a:link, a:visited,  a:hover {
  text-decoration: none;
  border:none;
  outline:none;
}

form fieldset {
  border:0px;
}

form legend {
  display:none;
}

ul, li {
  list-style:none;
  margin:0;
  padding:0;
}

.clear {
  display:block;
  clear:both;
}

table caption {
  display:none;
}


::-moz-selection {
  color: #000;
  background: #E99F36;
}

::selection {
  color: #000;
  background: #E99F36;
}


/* comeco da marcacao raft */

body {
  background:url(../img/bg_corpo.jpg) #E5DFBD;
}

div.topo_pagina {
  background:url(../img/bg_topo.jpg) no-repeat center top;
}


/* topo da pagina */

#topo{
  width:960px;
  text-align:left;
}

#navegacao {
  position:relative;
  z-index:10;
}

#navegacao #logo a{
  float:left;
  width:240px;
  height:194px;
  background:url(../img/logo_raft.png);
  position:relative;
  left:-37px;
  margin:10px -30px 0 0;
}

#menu_atividades {
  float:left;  
  width:528px;
}

#menu_atividades ul li {
  display:inline;
}

#menu_atividades ul li a {
  display:block;
  float:left;
  width:83px;
  height:83px;
  margin:10px 0 0 15px;  
  background:url(../img/icones_atividades.png);
}

#menu_atividades .rafting {
  background-position:-1px -1px;
}

#menu_atividades .tirolesa {
  background-position:-85px -1px;
}

#menu_atividades .rapel {
  background-position:-253px -1px;
}

#menu_atividades .duck {
  background-position:-169px -1px;
}

#menu_atividades .paintball {
  background-position:-337px -1px;
}


#acesso_rapido {
  float:left;
  width:192px;
  height:25px;
  margin:23px 0 0 0;
  background:url(../img/bg_acesso_rapido.jpg);
}

#acesso_rapido a {
  display:block;
  width:192px;
  height:25px;
  text-decoration:none;
  margin:2px 0 0 5px;
}

#acesso_rapido a span {
  float:left;
  margin:3px 0 0 5px;
  font-weight:bold;
  font-size:1em;
  color:#666;
  text-shadow: 0 1px 1px #f3ecc0;
}


#acesso_rapido .dropdown{
  float:left;
  width:192px;
  height:0;
  background:#dedede;
  background:url(../img/bg_drop_acesso_rapido.jpg);
  margin:6px 0 0 -5px;
  overflow:hidden;
}

#acesso_rapido .dropdown span {
  font-weight:normal;
  margin:0;
  margin:12px 15px 10px 15px;
  text-shadow: 0 1px 1px #f3e9b4;
  line-height:1.1em;
}

#acesso_rapido .dropdown select {
  float:left;
  width:162px;
  margin:0 0 5px 15px;
  padding:2px;
  font-size:1em;
}











#foto_principal {
  position:relative;
  top:-156px;
  margin:0 0 -156px 160px;
}







/* MENU LATERA */

#menu_lateral {
  display:block;
  width:192px;
  height:400px;
  position:fixed;
  top:210px;
  left:50%;
  margin-left:-480px;
  z-index:10;
}

#menu_lateral .topo{
  float:left;
  width:192px;
  height:336px;
  background:url(../img/bg_menu_lateral.jpg);
}

#menu_lateral .rodape {
  float:left;
  width:192px;
  height:64px;
  background:url(../img/bg_menu_lateral_baixo.png) no-repeat;
}






/* Menu lateral - links  */


#menu_lateral a.menu, #menu_lateral a.home {
  display:block;
  float:left;
  width:192px;
  text-indent:-10000px;
}

#menu_lateral a.home {
  height:26px;
  margin:12px 0 0 0;
}

#menu_lateral ul.principal {
  float:left;
  margin:5px 0 0 0;
}

#menu_lateral .principal li a {
  height:28px;
}

#menu_lateral .secundario {
 float:left;
 margin:10px 0 0 0;
}

#menu_lateral .secundario li a {
  height:25px;
}

#menu_lateral .secundario li a:hover {
  background:url(../img/seta_menu_hover.png) no-repeat 167px 7px;
}







/* Dropdown  */

#menu_lateral .dropdown {
  display:none;
  float:left;
  width:406px;
  margin:-30px -588px 0 192px;
  background:#000;
  position:relative;
}

/* Dropdown - conteudo  */

#menu_lateral .dropdown .conteudo {
  float:left;
  width:406px;
  height:221px;
  background:url(../img/bg_dropdown.png);
}

#menu_lateral  .drop_pacotes .dropdown .conteudo {
  height:120px;
}



/* Dropdown - hover dos itens do menu  */

#menu_lateral a.link_atividades, 
#menu_lateral a.link_pacotes, 
#menu_lateral a.link_pacotes_especiais{
  float:left;
  width:182px;
  height:35px !important;
  margin:0 -182px 0 -182px;
  position:relative;
  z-index:5;
  text-indent:-10000px;
}

#menu_lateral a.link_atividades {
  background:url(../img/bg_atividades_hover.png) !important;
}

#menu_lateral a.link_pacotes{
  background:url(../img/bg_pacotes_hover.png)  !important;
}

#menu_lateral a.link_pacotes_especiais{
  background:url(../img/bg_pacotes_especiais_hover.png)  !important;
}






/* Dropdown - conteudo */

#menu_lateral .atividade {
  display:block;
  float:left;
  width:102px;
  margin:12px 0 0 22px;
}

#menu_lateral .dropdown a {
  display:block;
  float:left;
}

#menu_lateral .dropdown a.titulo {
  float:left;
  width:112px;
  height:20px;
  font-family:Georgia, Times New Roman, serif; 
  font-weight:bold;
  font-style:italic;
  font-size:1.1em;
  color:#fff;
  text-shadow: 0 1px 0 #153958;
}

#menu_lateral .dropdown  div.foto {
  float:left;
  width:102px;
  height:59px;
  margin:0 0 0 0;
  padding:5px;
  background:url(../img/bg_item_dropdown.png);
}

#menu_lateral .dropdown  div.area {
  float:left;
  width:102px;
  height:54px;
  overflow:hidden;
}

#menu_lateral .dropdown  a.legenda {
  display:block;
  float:left;
  width:102px;
  height:35px;
  margin:0 0 0 0;
  font-size:1em;
  color:#666;
  background:url(../img/bg_legenda.png);
  font-style:italic;
}


























/* PAGINA */

#pagina {
  display:block;
  width:960px;
}

#conteudo_pagina {
  float:left;
  width:800px;
  margin-left:160px;
  background:url(../img/bg_conteudo.jpg) no-repeat top #F0F3D8;
  text-align:left;
  
}


/* CONTEUDO PRINCIPAL */


#principal {
  float:left;
  width:481px;
  margin:0 0 0 65px;
}

#cabecalho {
  float:left;
  position:relative;
  top:-49px;
  margin:0 0 -49px 0;
  background:url(../img/bg_cabecalho.png);
  
}

#rodape_cabecalho {
  float:left;
  width:474px;
  height:7px;
  margin:0 0 15px 5px;
  background:url(../img/sombra_cabecalho.png);
  position:relative;
  z-index:1;
}



#cabecalho .titulo {
  float:left;
  width:481px;
  height:49px;
}

#cabecalho h1 {
  float:left;
  width:320px;
  color:#fff;
  font-family:times new roman, georgia, serif;
  font-style:oblique;
  font-size:2em;
  margin:10px 0 0 20px;
  text-shadow: 0 1px 0 #333;
}

#cabecalho h4 {
  float:left;
  width:160px;
  margin:17px 0 0 -40px;
  font-family:arial, verdana, sans-serif;
  font-weight:normal;
  font-size:1em;
  text-align:right;
  color:#fff;
}

#cabecalho h3 {
  float:left;
  font-weight:normal;
  margin:15px 10px 0 20px;
  font-size:1.1em;
  line-height:1.4em;
}

#cabecalho .descricao {
  float:left;
  padding-bottom:20px;
  font-size:1em;
}

#cabecalho .solicitar_reserva {
  float:left;
  width:152px;
  height:36px;
  background:url(../img/b_solicitar_reserva.jpg);
  text-indent:-10000px;
  margin:10px 0 -35px 307px;
  position:relative;
  z-index:5;
}

#facebook_like {
  float:left;
  width:440px;
  margin:15px 0 0 20px;
}

#cabecalho .foto {
  float:left;
  margin:20px 0 0 20px;
}

#fotos {
  float:left;
  margin:20px 0 5px 0;
}

#fotos .legenda {
  float:left;
  width:481px;
  margin:5px 0 0 0;
}

#fotos .legenda span {
  font-size:12px;
}

#fotos .botoes {
  float:left;
  width:481px;
  text-align:left;
}

#fotos .botoes ul li {
  display:inline;
}

#fotos .botoes ul li a {
  display:block;
  float:left;
  width:54px;
  height:54px;
  position:relative;
  top:-200px;
  margin-bottom:-30px;
}

#fotos .botoes .volta {
  left:-27px;
  background:url(../img/b_voltar_foto.png) no-repeat;
}

#fotos .botoes .avanca {
  left:400px;
  background:url(../img/b_avancar_foto.png) no-repeat;
}

#fotos .botoes  .desabilitado  {
  opacity:0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
}



#slide {
  width:481px;
  height:290px;
  overflow:hidden;
}

#slide span {
  display:none;
}

.div_item{
  background:#E8E5C4;
  width:481px;
  height:300px;
}





/* BLOCOS DE TEXTO */

.texto {
  float:left;
  width:501px;
  margin-right:-20px;
}

.texto h2 {
  float:left;
  width:475px;
  height:45px;
  margin:0 0 5px -25px;
  padding:17px 0 0 25px;
  background:url(../img/bg_titulo_1.jpg);
  color:#737743;
  font-size:1.8em;
  font-style:oblique;
}

.texto  h2.largura_2{
  background:url(../img/bg_titulo_2.jpg);
}

.texto  h2.largura_3{
  background:url(../img/bg_titulo_3.jpg);
}

.texto .colunas {
  float:left;
  width:482px;
  margin:0 0 20px 0;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-gap: 20px;
}

.texto .colunas p {
  font-size:1.1em;
  line-height:1.5em;
  margin:0;
}

.texto .colunas p:first-letter {
  padding-left:33px;
  background:url(../img/seta_texto.png) no-repeat 20px 4px;
}


.texto ul li {
  float:left;
  width:460px;
  margin:0 0 4px 0;
  padding-left:20px;
  background:url(../img/seta_texto.png) no-repeat 0 4px;
  font-size:1.1em;
  line-height:16px;
  color:#666;
}

.texto ul.lista_cancelamento li {
  padding-left:15px;
  background:none;
}

.texto a.ver_todas {
  display:block;
  float:left;
  width:100px;
  height:36px;
  background:url(../img/b_ver_todas.jpg);
  position:relative;
  margin:-55px 0 0 380px;
}


/* Documentos */

#documentos ul li a{
  display:block;
  float:left;
  width:430px;
  margin:0 0 7px 15px;
  padding-left:15px;
  font-size:1.1em;
  background:url(../img/seta_texto.png) no-repeat 0 4px;
  cursor:pointer;
}

#documentos ul li a h4 {
  float:left;
  margin:0;
  font-weight:normal;
  font-size:1em;
}

#documentos ul li a span {
  display:none;
  margin-left:10px;
  color:#bfb692;
  font-style:italic;
}

#documentos ul li a:hover span{
  display:block;
  float:left;
}


.texto .documento {
  float:left;
  width:480px;
  margin-top:-10px;
  position:relative;
}

.texto .documento p {
  font-size:1.1em;
}

.texto .documento p strong {
  margin:0 5px 0 15px;
  padding-left:15px;
  background:url(../img/seta_texto.png) no-repeat 0 4px;
}

.texto.mapa {
  margin-top:20px;
}


/* BARRA LATERAL */

#lateral {
  float:left;
  width:192px;
  height:auto;
  margin:0 0 30px 31px;
}

#banner_biondini{
  float:left;
  width:192px;
  margin:20px 0 0 0;
}

#banner_biondini a{
  float:left;
  width:192px;
  height:90px;
  background:url(../img/banner_biondini.jpg);
}


#compartilhar, #termo_responsabilidade {
  float:left;
  width:192px;
  margin:0 0 -49px 0;
  background:url(../img/bg_compartilhar.jpg) no-repeat #eef1d4;
  position:relative;
  top:-49px;
}

#compartilhar {
  padding-bottom:15px;
}

#compartilhar a.atendimento {
  float:left;
  widtH:172px;
  margin:5px 0 0 15px;
  text-decoration:underline;
}

#compartilhar a.atendimento img {
  float:left;
  margin:2px 7px 0 0;
}

#termo_responsabilidade {
  height:auto;
}

#termo_responsabilidade.outras {
  margin-bottom:20px;
  top:20px;
  background-position:0 -10px;
}


#termo_responsabilidade h5 {
  margin:12px 0 0 15px;
  font-size:1.1em;
  color:#444;
  text-shadow: 0 1px 1px #eef1d6;
}

#termo_responsabilidade span {
  float:left;
  margin:5px 10px 10px 15px;
  font-size:1em;
  text-shadow: 0 1px 1px #eef1d6;
}

#termo_responsabilidade span a {
  text-decoration:underline;
}

#termo_responsabilidade ul {
  float:left;
  margin:2px 0 0 0;
  padding-bottom:15px;
}

#termo_responsabilidade ul li a {
  float:left;
  width:170px;
  margin:0 0 0 15px;
  padding-left:15px;
  background:url(../img/seta_menu_hover.png) no-repeat 0 3px;
}

#sombra_rodape {
  float:left;
  width:189px;
  height:7px;
  margin:0 0 15px 0;
  background:url(../img/sombra_compartilhar.png);
  
}

#compartilhar h5 {
  margin:10px 0 0 15px;
  font-size:1.1em;
  color:#444;
  text-shadow: 0 1px 1px #eef1d6;
}

#compartilhar ul {
  margin:5px 0 0 15px !important;
}

#compartilhar ul li {
  display:inline;
}

#compartilhar ul li a {
  display:block;
  float:left;
  background:url(../img/ico_redes_sociais.png) !important;
}

#compartilhar .email {
  background-position:0 0 !important;
}

#compartilhar .orkut{
  background-position:-25px 0 !important;
}

#compartilhar .facebook{
  background-position:-50px 0 !important;
}

#compartilhar .twitter{
  background-position:-75px 0 !important;
}

#compartilhar .outro{
  background-position:-100px 0 !important;
}



/* compartilhar em outras redes sociais */



#compartilhar .addthis_toolbox  a img  {
  display:none !important;
}

#compartilhar .bt_compartilhar{
  width:24px !important;  
  height:24px !important;
  margin:0 7px 0 0 !important;
  padding:0 !important;
  position:relative;
  z-index:20;
}

#compartilhar .addthis_toolbox .bt_compartilhar:hover{
  height:24px !important;
}

#compartilhar .addthis_toolbox span {
  display:none !important;
}










#veja_tambem {
  margin:25px 0 0; 
}

#veja_tambem h5 {
  margin:0 0 0 2px;
  font-size:1.1em;
  color:#444;
  text-shadow: 0 1px 1px #fff;
}

#veja_tambem select {
  float:left;  
  margin:10px 0 0 0;
  width:186px;
  padding:3px;
  font-size:1em;
}


#dicas {
  float:left;
  margin:20px 0 0 0;
}

#dicas h4 , #equipamentos h4  {
  float:left;
  margin:0;
  font-family:times new roman, georgia, serif;
  font-style:oblique;
  font-size:1.8em;
  text-shadow: 0 1px 1px #fff;
  color:#6B6E43;
}

#dicas span {
  float:left;
  margin:5px 0 2px 2px;
  font-size:1.1em;
}

#dicas ul li, #equipamentos ul li {
  float:left;
  width:180px;
  margin:5px 0 0 0;
  font-size:1em;
  color:#666;
}

#dicas ul li em {
  padding-right:5px;
  font-weight:bold;
}

#equipamentos {
  float:left;
  margin:20px 0 0 0;
}

#equipamentos h4  {
  margin:0 0 5px 0;
}


#equipamentos ul li {
  margin:2px 0 0 0;
  padding:0 0 0 17px;
  background:url(../img/seta_texto.png) no-repeat 1px 4px;
}




.texto .link {
  float:left;
  width:481px;
  background:url(../img/bg_cabecalho.jpg) no-repeat bottom left;
}

.texto .link a img {
  float:left;
  margin:20px 0 0 20px;
}

.texto .link a.descricao {
  float:left;
  margin:7px 15px 25px 20px;
  color:#666;
  text-decoration:none;
  font-size:0.8em;
}

.texto .link a.descricao.contato {
  margin:17px 15px 25px 20px;
}

.rodape_link {
  float:left;
  width:474px;
  height:7px;
  margin:-18px 0 30px 5px;
  background:url(../img/sombra_cabecalho.png);
  position:relative;
  z-index:1;
}

.texto a.continuar_lendo {
  display:block;
  float:left;
  width:152px;
  height:36px;
  background:url(../img/b_continuar_lendo.jpg);
  margin:-18px 0 0 310px;
  position:relative;
  z-index:10;
  cursor:pointer;
}


#twitter_div  {
  float:left;
  margin-bottom:20px;
}


#twitter_div ul li {
  margin:5px 0 0 0;
}

#twitter_div ul li a{
  color:#7f8350;
  text-decoration:none;
}

#twitter_div ul li a:hover{
  text-decoration:underline;
}


/* HOME - itens pacotes  */

.texto.itens {
  width:520px;
  margin-right:-20px;
}

.item {
  float:left;
  width:150px;
  height:160px;
  margin:10px 20px 10px 0;
}

.item a.foto {
  display:block;
  float:left;
  width:150px;
  height:90px;
  background:#000;
  overflow:hidden;
}

.item a h4 {
  float:left;
  width:150px;
  margin:5px 0 4px 0;
  font-size:1.2em;
  color: #737743;
}

.item a span {
  float:left;
  width:150px;
}


/* Equipe da Raft   */

#equipe {
  float:left;
  width:500px;
}

#equipe .membro {
  float:left;
  width:230px;
  min-height:195px;
  margin:5px 20px 10px 0;
}

#equipe .membro img {
  float:left;
  width:230px;
  height:120px;
}

#equipe h3 {
  float:left;
  width:230px;
  margin:5px 0 5px 0;
  font-size:1.2em;
  text-shadow: 0 1px 1px #fff;
  color:#444;
}

#equipe p {
  font-size:1em;
  margin:0 0 7px 0;
}

#google_maps h2 {
  margin-bottom:15px;
}

#google_maps span {
  float:left;
  margin-top:10px;
}


/* Formulário de contato e reserva   */

#form_contato h2 {
  margin-left:140px;
}

#form_contato  label {
  float:left;
  width:150px;
  margin:5px 10px 0 0;
  text-align:right;
  font-size:1.1em;
  font-weight:bold;
}

#form_contato input[type=text], #form_contato textArea, #form_contato select  {
  float:left;
  width:290px;
  margin:0 0 10px 0;
  border:1px solid #ccc;
  padding:4px 3px;
  font-size:1em;
  color:#666;
}

#form_contato textArea {
  height:120px;
  font-family:arial, verdana, sans-serif;
}

#form_contato select {
  padding:3px;
  width:298px;
}

#form_contato select.uf {
  padding:3px;
  width:50px;
}

#form_contato input.cod_fone {
  width:30px;
}

#form_contato input.fone {
  width:100px;
  margin:0 100px 10px 10px;
}

#form_contato input.cidade {
  width:230px;
  margin:0 10px 10px 0;
}

#form_contato div.atividades{
  float:left;
  width:290px;
  margin:3px 0 5px 0;
}

#form_contato input[type=checkbox] {
  float:left;
  margin:0 5px 7px 0;
  border:1px solid #ccc;
}

#form_contato div.atividades span{
  float:left;
  width:260px;
  margin:0 0 7px 0;
}

#form_contato input[type=submit]{
  display:block;
  float:left;
  width:152px;
  height:36px;
  margin:10px 0 0 306px;
  background:url(../img/b_enviar_contato.jpg);
  cursor:pointer;
}

#form_contato input.reserva{
  background:url(../img/b_enviar_reserva.jpg);
}


/* Facebook   */

#facebook {
  float:left;
  width:192px;
  margin:20px 0 0 0;
}

#facebook h3, #facebook span{
  float:left;
  width:192px;
  margin:0 0 5px 0;
}

#like {
  float:left;
  width:212px;
  height:150px;
  margin:0 0 0 -10px;
}


#galleryHolder {
  float:left;
  width:500px;
  margin:5px 0 20px 0;
}

#galleryHolder a {
  float:left;
  margin:0 13px 0 0;
}

#box_msn{
  float:left;
  width:480px;
  height:500px;
  margin:0;
}


/* RODAPE DA PAGINA   */

#rodape {
  width:960px;
  display:block;
  margin:0;
}

#conteudo_rodape {
  float:left;
  width:800px;
  height:300px;
  margin:0 0 0 160px;
  background:url(../img/bg_conteudo_rodape.jpg) no-repeat bottom #F0F3D8;
  text-align:left;
}

#menu_rodape {
  float:left;
  width:800px;
  margin:140px 0 0 0;
}

#menu_rodape .principal {
  float:left;
  width:280px;
  margin:0 0 0 58px;
}

#menu_rodape .secundario {
  float:left;
  width:400px;
  margin:0 0 0 40px;
}

#menu_rodape ul li {
 display:inline;
}

#menu_rodape ul li a {
  color:#666;
  text-decoration:none;
  font-size:1.1em;
  border-left:1px solid #666;
  padding-left:7px;
  margin:0 5px 0 0;
}

#menu_rodape ul li a.primeira {
  border:none;
}

#menu_rodape ul.principal li a {
  font-weight:bold;
  color:#444;
}




#endereco {
  float:left;
  width:300px;
  margin:45px 0 0 65px;
}

#endereco h5 {
  margin:0 0 5px -1px;
  font-size:1.5em;
  color:#e6dfbe;
  font-style:oblique;
}

#endereco span {
  float:left;
  margin:0 0 2px 0;
  color:#e6dfbe;
  width:300px;
  font-size:1em;
}

#ederdesign a {
  display:block;
  float:left;
  width:32px;
  height:16px;
  margin:80px 0 0 370px;
  background:url(../img/logotipo_ederdesign.png);
}