/**
	* @name stylesite.css
	* @desc CSS StyleSheet
	* @version v3.0 - Brasília, 20 de Junho de 2007
	* @author Thiago Borges
	* @category CSS
	* @package EcoRotas - Turismo
	*/


/* ============================================================= */
/* ========================== Body ============================= */
/* ============================================================= */


BODY, HTML, TABLE, TR, TD B, I, PRE, UL, LI, P, H1, H2, H3, H4, H5 {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px; 
	color: #000000; 
}
	
A {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px; 
	color: #000000;
	text-decoration: none;
}

A:hover {
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 12px; 
	color: #666666;
	text-decoration: none;
}

/* ========================================================================== */
/* ================================= Site =================================== */
/* ========================================================================== */

/* ============================================================= */
/* ========================== Menu ============================= */
/* ============================================================= */

/* ============= Links Menu Vertical ============= */

.menuvertical a {
	background-image:  url(/html/imagens/site/bullet_menu.gif); 
	background-repeat: no-repeat;
	background-position: 4px 7px;
	
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 4px;
	
	text-decoration: none;
	
	display: block;
}

.menuvertical a:hover {

	background-image:  url(/html/imagens/site/bullet_menu.gif);
	background-repeat: no-repeat;
	background-position: 4px 7px;
	
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 4px;
	
	background-color: #cbccc3;
	
	text-decoration: none;
	
	display: block;	
}

/* ================================================================= */
/* ========================== Conteúdo ============================= */
/* ================================================================= */

/* ====================================================================== */
/* ========================== Página Contato ============================ */
/* ====================================================================== */

.abaContato {
	background-image: url(/html/imagens/site/aba_fale_conosco.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #fdf3d8;
}


/* ====================================================================== */
/* ========================== Página Inicial ============================ */
/* ====================================================================== */



/* =============================================================== */
/* ========================== Bordas ============================= */
/* =============================================================== */

/* ============================== Borda de top Conteúdo ================================ */

.bordertop10 {
	border-top-width: 10px;
	border-top-color: #bf0103;
	border-top-style: solid;
}

/* =========== Borda de 1 px na cor da Cinza em baixo de cada link do menu Vertical =========== */

.bordaMenu {
	border-bottom-width: 1px;
	border-bottom-color: #b0a9a0;
	border-bottom-style: dotted;
	
	display: block;
}

/* ============================== Borda de fundo das caixas de destaques ================================ */

.borderbottom10 {
	border-bottom-width: 10px;
	border-bottom-color: #f3f2f1;
	border-bottom-style: solid;
}

/* ============================================================== */
/* ======================== Paddings ============================ */
/* ============================================================== */

/* ================== Paddings  de 5 px =================== */

/* Padding Left de 5px */

.paddingLeft {
	padding-left: 5px;
}

/* Padding Right de 5px */

.paddingRight {
	padding-right: 5px;
}

/* Padding Bottom de 5px */

.paddingBottom {
	padding-bottom: 5px;
}

/* Padding Top de 5px */

.paddingTop {
	padding-Top: 5px;
}

/* ================== Paddings  de 10 px =================== */

/* Padding Left de 10px */

.paddingLeft10 {
	padding-left: 10px;
}

/* Padding Right de 10px */

.paddingRight10 {
	padding-right: 10px;
}

/* Padding Bottom de 10px */

.paddingBottom10 {
	padding-bottom: 10px;
}

/* Padding Top de 10px */

.paddingTop10 {
	padding-Top: 10px;
}

/* Padding Bottom de 20px */

.paddingBottom20 {
	padding-bottom: 20px;
}

/* Padding Left de 25px */

.paddingLeft25 {
	padding-left: 25px;
}

/* Padding Left de 15px */

.paddingLeft15 {
	padding-left: 15px;
}

/* ================== Paddings em todos os lados de 10px, 5px e 2px =================== */

/* Padding Total de 10px */

.paddingTotal10 {
	padding: 10px;
}

/* Padding Total de 5px */

.paddingTotal5 {
	padding: 5px;
}

/* Padding Total de 4px */

.paddingTotal4 {
	padding: 4px;
}

/* Padding Total de 3px */

.paddingTotal3 {
	padding: 3px;
}

/* Padding Total de 2px */

.paddingTotal2 {
	padding: 2px;
}

/* ====================================================================*/
/* ======================== CAMPO Formulário ==========================*/
/* ====================================================================*/

.formulario {
	
	border-width: 1px;
	border-color: #bab8aa;
	border-style: solid;

	font-family: Arial,Sans-Serif;
	font-size: 12px; 
	color: #000000;
	text-decoration: none;
}

/* =====================================================================================*/
/* =============================== Tamanhos de Fonts ===================================*/
/* =====================================================================================*/

/* ============= Bold ( negrito ) ============= */

.bold {
	font-weight: bold;
}

.bold a {
	font-weight: bold;
}

.bold a:hover {
	font-weight: bold;
}

/* ============= Tamanho da Fonte de 10 px ============= */

.brod {
	font-size: 10px; 
}

.brod a {
	font-size: 10px; 
}

.brod a:hover {
	font-size: 10px; 
}

/* ============= Tamanho da Fonte de 12 px ============= */

.alpha {
	font-size: 12px; 
}

/* ============= Tamanho da Fonte de 13 px ============= */

.Beta {
	font-size: 14px; 
}

.Beta a {
	font-size: 14px; 
}

.Beta a:hover {
	font-size: 14px; 
}

/* ============= Tamanho da Fonte de 14 px ============= */

.Gama {
	font-size: 16px; 
}

.Gama a {
	font-size: 16px; 
}

.Gama a:hover {
	font-size: 16px; 
}

/* ============= Tamanho da Fonte de 15 px ============= */

.zeta {
	font-size: 18px; 
}

.zeta a {
	font-size: 18px; 
}

.zeta a:hover {
	font-size: 18px; 
}

/* ============= Tamanho da Fonte de 16 px ============= */

.jeta {
	font-size: 20px; 
}

.jeta a {
	font-size: 20px; 
}

.jeta a:hover {
	font-size: 20px; 
}

/* ============= Efeito de underline na fonte ============= */

.underline {
	text-decoration: underline;
}

.underline a {
	text-decoration: underline;
}

.underline a:hover {
	text-decoration: none;
}

/* ======================================================================= */
/* ================== CSS DE CORES (Fontes e backgrounds) ================ */
/* ======================================================================= */

/* ============== Cor de Fonte vermelha link, destaques e títulos ============== */

.terra {
	color: #931e00;
}

.terra a {
	color: #931e00;
}

.terra a:hover {
	color: #fd3401;
}

/* ============== Background de cor Branca ============== */

/* Branca do fundo do site */

.bg_mercurio {
	background-color: #ffffff;
}

/* ============== Cor de Font branca ( texto e link ) ============== */

.mercurio {
	color: #FFFFFF;
}

.mercurio a {
	color: #FFFFFF;
}

.mercurio a:hover {
	color: #ffffff;
}

/* ============== Cor de Fundo do Contato ============== */

.bg_Marte {

	background-image: url(/html/imagens/site/aba_contato.gif);
	background-repeat: no-repeat;
	background-position: left bottom;

	background-color: #e1e2dc;
}

/* ============== Cor de Fundo do Menu ============== */

.bg_Jupter2 {
	background-color: #e1e2dc;
}

.bg_Jupter {

	background-image: url(/html/imagens/site/aba.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;

	background-color: #e1e2dc;
}

/* ============== Cor de Fundo do Conteúdo do site ============== */

.bg_Neturno {

	background-image: url(/html/imagens/site/fundo-flor.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

	background-color: #f3f2f1;
}

/* ============== Background de cor Vermelha fundo do site ============== */

/* Vermelha do fundo do site */

.bgPlutao {
	background-color: #bf0103;
}

/* ============================ APUBLICAR ==========================*/
   
 .apublicar {
 	color: red;
 }
 
 .apublicar a {
 	color: red;
 	text-decoration: underline;
 }
 
 .apublicar a:hover {
 	color: red;
 	text-decoration: none;
 }
 
 
 /* ======================= Título ========================= */
/* ============ Caixa de Destaque ( Cor mais escura ) ============ */

.caixaDestaque2 {
	background-image: url(/html/imagens/site/2_destaque.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #ddc683;

	height: 29px;
}

/* ==================== Borda para foto =============== */

.bordaFoto {
	background: #FFFFFF;
	border-width: 1px;
	border-color: #AEAEAE;
	border-style: solid;
	padding: 2px;
}

/* ============ Cor de fundo do conteúdo da caixa de destaque 2 ============ */

.bgDestaque2 {
	background-color: #ffffff;
}

.sombraDestaque {
	width: 5px;
}