﻿/*
--------------------------------------------------------------------
 Página - Regras Gerais
--------------------------------------------------------------------
*/
html, body, a, address, div, form, h1, h2, h3, img, li, ul {
	padding: 0px;
	border: 0px;
	margin: 0px;
}
body {
	background: #eeeeee url("../../images/Fundos/bg.gif") repeat-x;
	color: #464646;
	font: 70% Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 15px auto;
	
}

/*
--------------------------------------------------------------------
 Página - Paragrafo e Titulos
--------------------------------------------------------------------
*/

p {
	margin: 4px 0px;
}

h2, h3 {
	display: none;
	font-size: 110%;
	color: #FFFFFF;
}

h4 {
	text-align: left;
	font: 95% Tahoma, Arial, Helvetica, sans-serif;
	margin: 7px 0px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 6px;
}

/*
--------------------------------------------------------------------
 Configuração do Esqueleto
--------------------------------------------------------------------
*/

#divCentral {
	background: #FFFFFF; /* muda a cor da borda externa do site todo*/
	text-align: left;
	width: 740px;
	width: 750px; /* Hack que corrige largura para o IE */
	w\idth: 740px; /* Idem */
	padding: 4px;
	margin: 0px auto;
}
#divSite {
	background: #ffffff;
	padding: 4px 0px 0px 4px;
	border: 1px solid #bbbbbb;
}
#divColunaEsquerda {
	float: left;
	/*background: #ffffff;*/
	width: 208px;
}
#divColunaDireita {
	float: left;
	background: #ffffff;
	width: 160px;
}
#divColunaCentral {
	float: left;
	background: #ffffff;
	width: 516px;
	margin: 0px 4px;
	border: 0px solid #cccccc;
}
#divColunaCentralFull{
	float: left;
	background: #ffffff;	
	margin: 0px 4px;
	border: 0px;
}
#divQuebra {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 4px; 
}
#divColunaEsquerdaGaleria{
	float: left;
	background: #ffffff;
	width: 160px;
	margin-right: 4px;
}
/*
--------------------------------------------------------------------
 Cabecalho
--------------------------------------------------------------------
*/
#divCabecalho {
	background: #F8F8F8;	
	width: 730px;
	border: 0px;
	margin-bottom: 4px;
		
}
#divMenuTopo {
	background: url("../../images/Fundos/menu_topo.jpg") repeat-x;	
	float: left;
	width: 730px;
	\width: 758px;
	w\idth: 730px;
	height: 40px;
	
}
#divBanner {
	
	width: 730px;
}
#divMenuCorpo {
	background: #CCCCCC;	
	float: left;
	width: 730px;
	\width: 758px;
	w\idth: 730px;
	margin-bottom: 4px;
	
	
}



/*
--------------------------------------------------------------------
 Rodapé
--------------------------------------------------------------------
*/

#divRodape {
	float: left;
	background: #ffffff;
	width: 712px;
	\width: 740px;
	w\idth: 712px;
	height: 40px;
	padding: 8px;
	border: 1px solid #cccccc;
	text-align:center;
	margin-top: 4px;
}

#divRodape address {
	font: 100% Tahoma, Arial, Helvetica, sans-serif;
}

#divRodape address b.endereco {
	padding-right: 5px;
}

/*
--------------------------------------------------------------------
 Caixa Tipo 02 (caixas centrais)
--------------------------------------------------------------------
*/

.divCaixa01 {
	background: #f8f8f8 url("../images/Fundos/Caixas.jpg") right repeat;
	padding: 6px 8px 8px 8px;
	border: 0px solid #bbbbbb;
	margin-bottom: 4px;
	color: White;
	
}

.divCaixa01 h2 {
	display: block;
	background: url("../../images/varias/barra.gif") bottom repeat-x;
	padding-bottom: 6px;
}

.divCaixa01 ul {
	list-style: none;
	border: 1px solid #bbbbbb;
	border-top: none;
	margin-top: 8px;
}

.divCaixa01 li {
	background: #ffffff;
	border-top: 1px solid #bbbbbb;
	padding-bottom: 1px;
}

.divCaixa01 li a {
	display: block;
	background: url("../images/caixa01_menu_bg.gif") no-repeat;
	background-position: left top;
	color: #6d6d6d;
	text-decoration: none;
	line-height: 24px;
	padding-left: 17px;
}

.divCaixa01 li a:hover {
	color: #000000;
	text-decoration: none;
}

.divCaixa01 ul li ul {
	display: none;
}

/*
--------------------------------------------------------------------
 Caixa Tipo 02 (caixas centrais)
--------------------------------------------------------------------
*/

.divCaixa02 {
	float: left;
	width: 509px;
	margin-bottom: 4px;
	padding: 4px;
	font-size:12px;
	font-family:arial, Geneva, sans-serif;
	}

.divCaixa02 h2 {
	display: block;
	background: url("../../images/varias/caixa02_titulo_bg.gif") repeat-x;
	background-position: left center;
	color: #ffffff;
	padding: 8px;
}

.divCaixa02 h3 {
	display: block; 
	padding-bottom: 6px;
	border-bottom: 1px solid #e0e0e0;
}

/*
--------------------------------------------------------------------
 Multi View
--------------------------------------------------------------------
*/

.multiparts{
height: auto;
}


/*
--------------------------------------------------------------------
 Menu Principal
--------------------------------------------------------------------
*/
    #tabs10 {
      float:left;
      width:100%;
      font-size: 7pt;
      font-weight: bold;
      line-height:normal;
      }
    #tabs10 ul {
          margin:0;
          padding:0 0 0 0;
          list-style:none;
      }
    #tabs10 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs10 a {
      float:left;
      background:url("../../images/botoes/tableft10.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs10 a span {
      float:left;
      display:block;
      background:url("../../images/botoes/tabright10.gif") no-repeat right top;
      padding:5px 11px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#FFF;
      }
    #tabs10 a:hover {
      background-position:0% -42px;
      }
    #tabs10 a:hover span {
      background-position:100% -42px;
      }

      #tabs10 #current a {
              background-position:0% -42px;
      }
      #tabs10 #current a span {
              background-position:100% -42px;
      }
      
/*
--------------------------------------------------------------------
 Links Coloridos
--------------------------------------------------------------------
*/
.verde a {
	color: #154f65;
}

.verde a:active, a:link, a:visited {
	text-decoration: none;
}

.verde a:hover {
	text-decoration: underline;
}
.branco a {
	color: #ffffff;
}

.branco a:active, a:link, a:visited {
	text-decoration: none;
}

.branco a:hover {
	text-decoration: underline;
}

.textContent a {
	color: #464646;
}

.textContent a:active, a:link, a:visited {
	text-decoration: none;
}

.textContent a:hover {
	text-decoration: underline;
}

/*--------------------------------------------------------------------
 Conteúdos em duas colunas
--------------------------------------------------------------------
*/

.divConteudoEsquerdo {
	float: left;
	width: 184px;
	border-right: 1px solid #e0e0e0;
	padding: 0px 8px;
	margin: 8px 0px;
}

.divConteudoDireito {
	float: left;
	width: 184px;
	padding: 0px 8px;
	margin: 8px 0px;
}
/*--------------------------------------------------------------------
 TextBox water-mark
--------------------------------------------------------------------
*/
.water
{
	background: #ffffff;
	border: 1px;
	font-size: small;
	font-family: Verdana;
	font-style:italic;
	padding: 3px;
	}
.waterblue
{
	background: #D3DEEF;
	border: 1px;
	font-size: small;
	font-family: Verdana;
	font-style:italic;
	padding: 3px;
	}

/*--------------------------------------------------------------------
 Header colapse 
--------------------------------------------------------------------
*/
.accordionHeader
{
	border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
	}
.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
	
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

/*--------------------------------------------------------------------
 Content colapse 
--------------------------------------------------------------------
*/
	.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    
}
/*--------------------------------------------------------------------
 Text Content
--------------------------------------------------------------------
*/
.textContent
{
	text-align: justify; 
	padding: 4px;
	font-size:small;
}
.textContent2
{
	text-align: Left; 
	padding: 4px;
	font-size:small;
	font-family: Verdana;
}

/*--------------------------------------------------------------------
 Div Text Content right
--------------------------------------------------------------------
*/
.RightContent
{
	text-align:right;
	padding-right: 8px;
	font-size:small;
}
.Color
{
	color: #3366ff;
	
	}
	
	
	
	
/* FORM */

.campos{width:187px; border:none;	margin-bottom:2px; background-color:#fff}
.campos:hover{width:187px; background-color:#fff}

.msg{width:187px; border:none; background-color:#f1f9d7}
.msg:hover{width:187px;	margin-bottom:5px; background-color:#f1f9d7}

.enviar{width:100px;	background-color:#ff0;	color:#000;	border:none;}
.enviar:hover{width:100px;	background-color:#ff0; color:#000;	border:none;}





.download{ text-decoration:none; color:#333; font-size:11px}
.download:hover{ text-decoration:underline; color:#F00; font-size:11px}

.adquira{ text-decoration:none; color:#900; font-size:13px; font-weight:bold}
.adquira:hover{ text-decoration:underline; color:#900; font-weight:bold}





#videos a{ text-decoration:none; color:#fff}	#videos a:hover{ text-decoration:underline}















/*xxxx RESERVAS xxxx*/

.camposreserva{ margin-bottom:5px; margin-left:10px; border:1px solid #ccc; width:240px}
.campo_escolha{ margin-bottom:5px; margin-left:10px; border:1px solid #ccc; font-size:12px; color:#333}

.bts{ width:70px; background-color:#036; color:#fff; border:none; margin:10px 0px 0px 10px}




#escolha_forms a{ text-decoration:none; color:#333}
#escolha_forms a:hover{ text-decoration:underline; color:#f00}

#reservas h1{ font-size:15px; color:#036; margin:0; padding:0}
