@import url(reset.css);
/* Páginas continuação - www.litagale.com
Cores:
castanho: #908873
azul-escuro: #1e6fbb
vermelho-escuro: #a40603
cinza-escuro: #3e3e3d
*/
BODY {
	margin: 0;
	padding: 0;
	background: #908873 url(../img/bgbrown.gif);
}
/* caixa geral do Site */
#main_box {
	width: 740px;
	margin: 0 auto;
	margin-top: 50px;
	padding: 18px 10px;
	background: url(../img/bg.gif) no-repeat;
}

/* Caixa do Topo e estilo conteúdos */
#top_box {
	width: 740px;
	height: 68px;
	position: relative;
	margin-bottom: 2px;
	border-bottom: 1px solid gray;
	background: white url(../img/fade.gif) repeat-x;
}
/* Botões promo do topo */
#toprelativo {
	position: absolute;
	width: 580px;
	height: 43px;
	left: 150px;
	top: 5px;
}

/* Search Box - Caixa Pesquisa */
FORM {
	display: inline;
	margin-left: 10px;
}
FIELDSET {
	display: inline;
	width: 250px;
}
LABEL {
	font: 0.6em Verdana, sans-serif;
	color: #908873;
}
INPUT {
	font: 0.7em Verdana, sans-serif;
	color: black;
}
INPUT.subut {
	font: bold 0.7em Verdana, sans-serif;
	color: white;
	background: #908873; 
}

/* Menu de navegação secundário */

UL#menu2 {	
	margin: 0;
	padding: 0 12px;
	display: inline;	
}	
UL#menu2 LI {
	padding: 0 1px;
	display: inline;
	font: 0.6em Verdana, sans-serif;	
}
UL#menu2 LI A {
	text-decoration: none;
	color: #1e6fbb;
}	
	
UL#menu2 LI :hover {
	color: #a40603;
	text-decoration: underline;
}


/* Menu de navegação principal */

#menu_nav {
	width: 140px;
	height: 151px;
	position: absolute;
}
UL#menu {	
	width: 148px;
	margin: 6px 0 2px 0;
	padding: 0 2px 0 0;
	border-right: 2px solid gray;
}	
UL#menu LI {
	list-style-type: none;
	margin-bottom: 2px;
	padding: 0 2px;
	font: bold 0.9em Verdana, sans-serif;
	letter-spacing: 0.2em;
}

UL#menu LI A {	
	text-align: center;
	font-variant: small-caps;  
	height: 14px;
	text-decoration: none;
	color: #a40603;
	display: block;
	padding: 2px 8px 2px 8px;
	border-bottom: 1px dotted gray;
}	
	
UL#menu LI :hover {
	color: #1e6fbb;
	text-decoration: underline;
}
#bannerflash {
	width: 581px;
	height: 151px;
	position: relative;
	left: 157px;
}

/* caixa da zona de desenvolvimento dos conteúdos */

#main_content2 {
	margin: 0;
	padding: 0 10px 20px 10px;
	margin: 0 auto;
	background: white url(../img/bg_cont.gif) repeat-y;
	width: 740px;
	position: relative;
}

/* caixa e estilos dos conteúdos principais */

#main_text {
	width: 570px;
}
#main_text P {
	padding: 6px 8px;
	margin: 0;
	font: 0.7em Arial, sans-serif;
	color: #3e3e3d;
	text-align: justify;
}
#main_text P A {color: #a40603;}

/* caixa e estilos para colocação de imagens no zona de texto/conteúdos base */

DIV.picsintro {float: right; padding: 6px;}
DIV.picsintro IMG {padding-bottom: 6px;}

/* Destaques de Apoio ao texto e conteúdos base  - caixa e estilos */

#main_text2 {
	width: 150px;
	border-left: solid thin gray;
	padding-left: 2px;
	margin-top: 10px;
	position: absolute;
	left: 582px;
}
#main_text2 P {
	padding: 6px;
	font: bold 0.7em Arial, sans-serif;
	color: #1e6fbb;
}
UL.services {
	padding: 0;
	margin: 0;
	padding-left: 4px;
}
UL.services LI {
	list-style-type: none;
	padding: 0;
	margin: 0; 
	font: bold 0.7em Arial, sans-serif;
	padding-left: 10px;
	background: url(../img/triblue.gif) center left no-repeat;
}	

UL.services LI A {
	text-decoration: none;
	color: #1e6fbb;
}	
UL.services LI :hover {
	color: #a40603;
	text-decoration: underline;
}

/* Estilo Geral das Listas do PC */

DIV#main_text UL {
	padding: 0;
	margin: 0;
}
DIV#main_text UL LI {
	list-style-type: square;
	list-style-position: inside;
	padding: 0;
	margin: 0; 
	font: 0.7em Arial, sans-serif;
	color: #3e3e3d;
	padding-left: 18px;
}	

DIV#main_text UL LI A {
	text-decoration: none;
	color: #a40603;
}	

/* Rodapé caixa e estilos */
#footer {
	clear: both;
	width: 720px;
	margin: 10px 10px 4px 10px;
	border: solid 1px gray;
	background: white;
}
#footer P {
	text-align: center;
	margin: 0;
	padding: 2px;
	font: 0.6em Verdana, sans-serif;
	color: #908873;
}

/* Estilo do Rodapé nível 2 - copyright etc... */
#footer2 {
	width: 740px;
	margin: 0 auto;
	padding-bottom: 50px;
}
#footer2 P {
	margin: 0;
	padding: 0;
	font: 0.6em Verdana, sans-serif;
	color: white;
}
#footer2 P :link, #footer2 P :visited {color: white;}


/* Trilho de navegação */

#trilho_nav UL {
	list-style: none;
	margin: 3px 0;
	margin-left: 157px;
	padding: 0;

}
#trilho_nav LI {
	float: left;
	margin: 0;
	padding: 0;
	font: 0.6em Tahoma, sans-serif;
}
#trilho_nav A {
	color: #1e6fbb;
	padding: 5px;
	text-decoration: underline;
}
#trilho_nav #currentpage {
	color: #3e3e3d;
}

/* Estilos dos Links externos */

UL.linktema LI {
	font: bold 0.8em Arial, sans-serif !important;
	color: #1e6fbb !important;
	margin: 12px 0 !important;
}
UL.link LI  {
	font: 0.9em Arial, sans-serif !important;
	margin: 6px !important;
	list-style-type: none !important;
}
UL.link LI A {
	text-decoration: none !important;
	color: #908873 !important;
}
UL.link LI :hover {
	color: black !important;
	text-decoration: underline !important;
}

/* Estilos Gerais */

P.topo   {
	padding: 6px 0 !important;
	font: 0.6em Tahoma, sans-serif !important;
	color: #908873; !important;
	margin-left: 6px !important;
}
 P.topo A   {color: #908873 !important;}
IMG.destak
 {border: none; padding-right: 5px;}
H1 {margin: 0; padding: 8px 0 8px 4px; font: bold 1em Arial, sans-serif; color: #a40603;}
H2 {margin: 0; padding: 8px 0 4px 4px; font: bold 0.8em Arial, sans-serif; color:  #1e6fbb;}
H3 {margin: 0; padding: 6px 0 2px 8px; font:  bold 0.7em Arial, sans-serif; color: #3e3e3d;}

