/*<style type="text/css">*/

body { 	margin: 0; 
		padding: 0;
		text-align: center;
		font-family: Georgia, "Times New Roman", Times, serif; 
		background-color: #FFF;
		font-size: 62.5%; }

/* MUDAR ESTE WIDTH, ACHO MAS NO LIVRO DO TIOZINHO ESTA ASSIM */		
#wrapper {	font-size: 1.4em;
			width: 56em;
			max-width: 98%;
			margin: 10px auto;
			text-align: left;
			
			background-color: #FFF; }

#header {	
			position: relative;
			height: 150px;
			overflow: hidden;
			background-color: #FFFFE8; }
			

#header h1, #header span, #header h2 { 	position: absolute;
							padding:0;
							margin:0; }

#header h1 { 
				top: 5px;
				left: 8px; }

/*DECIDIR PELO H2 OU SPAN. O H2 DA ERRO NA VALIDACAO WAVE. O SPAN FOI INSERIDO DE EXPERIENCIA APENAS NA PAGINA
BR/IMPRENSA.HTML E PARECE QUE FUNCIONA */				
#header h2 { 	border: none;
				top: 5px;
				left: 125px;
				height: 96px;
				max-height: 96px;
				max-width: 1338px;	}	
				
#header span { 	border: none;
				top: 5px;
				left: 125px;
				height: 96px;
				max-height: 96px;
				max-width: 1338px;	}						

/* header nav */
#nav {  position: relative;
		top: 78px;
		left: 130px;
		text-align: left;
		
		font-family: Calibri, Arial, sans-serif; 
		font-size: 0.8em;
 }

#nav ul, #nav li { display: inline;
					margin: 0;  }

/*AMAZING HOW THIS HEIGHT 1% 'HOLLY HACK' CAN SAVE THE DAY IN EXPLORER...*/	
#nav a { 	margin: 0; 
			padding: 0.2em 0.6em;
			height: 1%;	}			
			


/* OVERFLOW AUTO SAVES THE PROBLEM OF FLOATING THE 2 COLUMNS!!! */
#content {  background-color: #FFFFE8;
			overflow:auto; 
			/*IE6... */
			height: 1%;
 }
			 
			 
/*2 columns */			 
#left  {	float: left;
			width: 72%;
			max-width: 72%;
			padding-right: 1em;
			padding-left: 1em;
			/*IE6... */
			background-color: #FFFFE8; }	
			

#right  {	float:right;
			
			width: 23%;
			max-width: 23%;
			padding-top: 15px; 
			/*IE6... */
			background-color: #FFFFE8; }
			

/*CHANGING DIV SIZES JUST FOR ERROR PAGE */			
#left.error {  	float: left;
				width: 45%;
				max-width: 45%;
				padding-right: 1em;
				padding-left: 1em; 	}
				
#right.error {  float:right;
				width: 45%;
				max-width: 45%;
				padding-right: 1em;
				padding-left: 1em; 
				padding-top: 6.5em;	}






#footer { 	clear: both;
			border-top: 3px solid black;
			background-color: #FFFFE8;
			padding-left: 1em;
			text-indent: 20px;
			font-variant: small-caps;}




/*estilo para todos os links 
parece que white-space corrige corte dos links em duas linhas*/
a { 	font-family: Arial; 
		letter-spacing: 1px; 
		font-weight: 550; 
		color: #E000E0; 
		text-decoration: none;
		white-space: nowrap;
		
		 }
		
a:link { 	
			padding-right: 2px;
			padding-left: 2px; }
			



a:visited { color: #E000E0; }



a:hover, a:active { background-image: url(images/hover_big.gif);
								background-color: transparent;
								background-repeat: no-repeat;
								background-position: 0 100%;
								color: #000; }


/*quando hover sobre imagens, colocar background color */
a.image:hover, a.image:active { 	background-image: none;
									background-color: #FFFFE8;}


/*class for change your language - port ou english */
.lang { 	float: right;
			font-size: 16px;
			text-indent: 5px;
			padding: 3px;
			border-style: solid;
			border-width: 0 1px 1px 1px;
			border-color: #000; }

/*makes google translator float to the right, below .lang class */			
.translate { float: right;   }

/*makes the map centered , copies the style from class box*/
#map { 	border: #E000E0 1px dotted;
		float: left;
		width:450px; 
		height:200px;
		text-align: center;
		margin-right: 1em; }


/* Headings style
Antes background color para h2, h3 era #E0E0E0, cinza claro */

h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; 
					/* letter-spacing: 1px; */
					}
		
h1 {	font-size: 2em;
		font-weight: bold; }
h2 { 	font-size: 1.5em; }
h3 { 	font-size: 1.25em; }
h4 { 	font-size: 1em; }

h2, h3 {  background-color: #F0FFF0;
			padding: 5px 10px 5px 10px;
			border: #000 1px solid; }

/* ESCOLHER MIN-WIDTH, MAX WIDTH P.206 DO LIVRO TESTAR, DEPOIS APAGAR ESTA MENSAGEM */
p, ul { font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1em;
	line-height: 140%;}
p { letter-spacing: 0.05em; }
img { border: 0; }


/*fonte dos reviews imprensa.htm e reviews.htm 
arrumar line-height, sei la mais o que*/	
blockquote  { font-size: 0.8em; 
				letter-spacing: 0.05em; }

/*decorative flueron before p, quando seguindo h2  
FUNCIONA NO FIREFOX. ESTA ERRADO PORQUE TEM MAIS P, QUE NAO ESTAO LOGO DEPOIS DE H2. TALVEZ COLOCAR TODOS P 
NESTE DOCUMENTO, SEI LA
TALVEZ USAR ESTE SIMBOLO EM OUTRA PARTE DO SITE 
h2 + p:before { content: "\2767";
				margin-right: 0.5em;
				margin-left: 0.5em; } */
				
				
/*estilo primeira letra na pagina imprensa.html */				
p.letter:first-letter { 
						font-size: 2em;
						line-height: 1;
						vertical-align: bottom;
						margin: 0;
						font-family: serif;  }

/*da um pouco de espaco entre os itens da lista */
ul li { padding:0 0 10px;}


	
/* form style for contato.htm, cadastro.htm, contact.htm, register.htm */	

tr { padding-top: 0.5em;
		padding-bottom: 0.5em;  }
		
input.form { width: 300px;
			font: normal 1em Georgia, "Times New Roman", Times, serif;
			background-color: #F0FFF0;
			border: dotted 1px #E000E0; }
			
td.form {font: normal 1em Georgia, "Times New Roman", Times, serif;}

textarea.form {font: 1em Georgia, "Times New Roman", Times, serif;
				background-color: #F0FFF0;
				border: dotted 1px #E000E0; }
				
input.submit { background-color: #CCFF99;
				border: none;
				font: bold 1em Verdana; }


#bigbox {  
			overflow:auto; 
			/*IE6... */
			height: 1%;
			background-color: #FFF;
			border: #E000E0 2px dotted;
			padding: 5px 10px 5px 10px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 0.8em;
			
	}
/*caixa para texto sobre quicktime no mp3.htm #CCFF66*/
.box {  border: #E000E0 1px dotted;
		background-color: #F0FFF0; 
		padding: 5px 10px 5px 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.8em;
		vertical-align: top; }


/* class para negrito, italico e para nao cortar palavras em duas linhas */
.bold { font-weight: bold; }

.italic { font-style: italic; }

.unique { white-space: nowrap; }

.map { font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.8em;  }

	 
/*</style>*/