/* comentário -    */
/* O XHTML tem o tag elemento del e ins que marcam o texto a ser apagado com riscado e ins com sublinahdo    */

body {	
	background-color: 	white;
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;

	font-size: small;                          /* estava 12px;  corpo 14 px h1 21 px p 14 px h2 17 px   tamanho texto que usava 10pt = 13px */
	color: black;                /* acqua; black; blue; ver pagina 299 */
	font-weight: normal;                /* normal;  bold;  */
	font-style: none;                        /* none italic; oblique;  */
	text-decoration: none;             /* none; normal; underline; overline; line-trhough; blink; BLINK=Piscante no Mozilla mas não no Explorer e Chrome - efeitos definos pelo em */
	text-align: justify;                      /* left;  right; justify; center;   */
	line-height: 1.2em; 		  /* mais usual 1.6em   */
	
	margin: 0px;    /*  margin: auto; auto; auto; auto;	*/
	}

p { margin: 0.4em 0px 0.4em 0px; padding: 0px 10px 0px 15px;  text-align: justify; }
p.sidebar { margin: 0.2em 0px 0.3em 0px; text-align: center; font-size: 0.8em; line-height: 1em; color: black;} 
p.centralizado { margin: 0.4em 0px 0.4em 0px; padding: 0px 10px 0px 15px;  text-align: center; }
p.indice {  margin: 0.1em 0px 0.1em 0px; text-align: justify; } /* indice lado do blocos para adaptar em tabela */

.boldspan { font-weight: bold; }

p.footer { font-size: 0.8em; padding: 10px 10px 0px 15px; }
.anuncio { font-size: 0.8em; margin: 0em 0px 0.2em 0px; padding: 0px 0px 0px 0px;}   

blockquote  { margin: 0.4em 30px 0.4em 30px; }
blockquote.italico  { font-style: italic;   color:  rgb(00,80,00);  }
em { text-decoration: italic; color:  rgb(00,80,00); }

ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; line-height:1.4em; text-align: left; }
li { color: black; }
ul.listacompacto { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; line-height:1.3em; font-size: 0.85em; text-align: left; }
.listaboldspan { font-weight: bold;  line-height:1.5em }

img { border: 0px; solid: black;}

.picleft { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;  }  /* para imagem ate 380 de largura   */
.picright { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.picbox { margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; } /* asfastamento box indicador vermelho-verde */

.picrightalign { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; float: right; }
.picleftalign { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; float: left; }

.picshadow {-moz-box-shadow: 5px 5px 5px #888; 
			-webkit-box-shadow: 5px 5px 5px #888;
			box-shadow: 5px 5px 5px #888;} /* declaration: x,y,blur,cor*/

.foto-right2 {   /*para foto com texto - lado direito - EXISTE TAMBEM o ID - Class pode usar mais de 1 na pagina
						COM SOMBRA CONTRÁRIA e UM CANTO RETO*/

	overflow: hidden; float: right; 
	width: 400px; 
	height: auto;
	margin: 5px 5px 5px 15px; 
    padding: 5px 20px 5px 0px;
	
    border-width: 1px;
	border-style: solid;
	border-color: lightgray;

	border-top-left-radius: 10px; -moz-border-top-left-radius: 10px;
	border-top-rightt-radius: 0px; -moz-border-top-right-radius: 0px;
	border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px;
	
/*	border-radius:  5px; -moz-border-radius: 5px; */
	
	-moz-box-shadow: -5px -5px 5px #888; /* declaration: x,y,blur,cor*/
	-webkit-box-shadow: -5px -5px 5px #888;
	box-shadow: -5px -5px 5px #888; 	
	}


#blink { display:block; margin: 5px 5px 15px 5px; text-align: center; }  /* Utilizado para blocos de links/ paginas com DIV */

#bbannerfundo { display: block; width: 730px; height: 112px; margin: 8px auto 0px auto; padding: 0px 0px 5px 0px; text-align: center; } /* Banner fundo */

#todoconteudo {
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	width: 		980px;
	background-color: 	auto; 
	padding: 0px 0px 5px 0px;
	margin: 0px auto 0px auto;  
	
	}

#header {
	display: block;
	float: left;
	background-image: url(en/imgk/tec-fundo.gif);   
	background-repeat: auto; 	
	border-width: 0px;
	border-style: solid;
	border-color: auto;
	width: 980px;
		
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	
	}

#principal {
	display: block;
	float: left;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	width: 825px;
	
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;

	background-color: auto;       /* anotação   */
	}
	
#footer {

	display: block;
	float: left;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	width: 980px;
	
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;

	background-color: auto;       /* anotação   */
	}

#sidebar {
	display: block;
	float: left;
	border-width: 0px;
	border-style: solid;
	border-color: black;
	width: 155px;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right; 
	
	background-color: auto;
	} 
	
#anuncioa {
	border-width: 0px;
	border-style: solid;
	border-color: auto;
	width: 300px;
	height: 280px;
		
	padding: 0px 0px 5px 0px;
	margin: 0px 10px 0px 15px;
	float: left;
	background-color: auto;
	}

#anunciob {
	border-width: 0px;
	border-style: solid;
	border-color: auto;
	width: 300px;
	height: 280px;
		
	padding: 0px 10px 5px 5px;
	margin: 0px;
	float: left;
	background-color: auto;
	}

#infolado {
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: black;
	width: 185px;
	height: 280px;
		
	padding: 0px 0px 5px 0px;
	margin: 0px 10px 0px 0px;
	float: left;
	background-color: auto;
	
	text-align: left;
	}

#foto-right {   /*para foto com texto - lado direito */

	overflow: hidden; float: right; 
	width: 400px; 
	height: auto;
	margin: 5px 5px 5px 5px; 
    padding: 5px 20px 5px 0px;
	
    border-width: 1px;
	border-style: solid;
	border-color: lightgray;
	
	border-radius: 5px; -moz-border-radius: 5px;
	
	-moz-box-shadow: 5px 5px 5px #888; /* declaration: x,y,blur,cor*/
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888;
	
	}

#plusonejr {
	display: inline-block;
	float: left;
	width: 65px;
	height: 20px;
	background-color: 	auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
	text-align: left;
	}

#plusgmaisjr {
	display: inline-block;
    float: right;
	width: auto;
	height: auto;
	background-color: 	auto;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px 0px;
	text-align: left;
	}	

	
h1, h2, h3, h4, h5, h6 { color:  black; font-weight: bold; text-align: left; }
	
h1 { font-size: 1.35em; margin: 0.3em 0px 0.3em 15px ; }
h2 { font-size: 1.2em; margin: 0.2em 0px 0.1em 15px;  } 
h3 { font-size: 1.1em; margin: 0.1em 0px 0.1em 15px; }
h4 { font-size: 1.0em; margin: 0.1em 0px 0.1em 15px; }
h5 { font-size: 1.0em; margin: 0.1em 0px 0.1em 15px; text-decoration: underline; font-style: }
h6 { font-size: 1.0em; margin: 0.1em 0px 0.1em 15px; font-weight: normal; text-decoration: underline; }
	
h2.linha { border-bottom: thin dotted #888888; }

a:link {color:   black; }   
a:visited {color: fuschia; }
a:hover { color: red; } /* mouse over link * tem que vir depois a:link and a:visited  e antes de a:active */
a:active {	color: red;}