/******************************************* 
Documento CSS - Posto Santa Teresinha 

Diego Teixeira
Solution Informática
Setembro de 2006
********************************************/

*{  margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	border:none;
	vertical-align:middle;
 }
 
p{
	margin-bottom:10px;
	line-height:130%;} 

html {
background:transparent url(../imagens/fundo-prata.jpg) repeat scroll 50%;
}


/******************** Estrutura do site *******************/

body {
	margin:20px auto;
	width:777px;
	height:478px;
	text-align:center; 
	background:transparent url(../imagens/fundo-body2.gif) no-repeat;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

#container{
	width:777px;
	height:478px;
	background:transparent url(../imagens/fundo-container4.gif) no-repeat;
	position:relative;
}

#rodape{
	position:absolute;
	top:462px;
	left:80px;
	
	height:20px;
	display:block;
	
	/*float:left;
	margin-left:70px;
	_margin-left:40px;
	margin-top:-5px;*/
	overflow:visible;
	
	}
	
#rodape a{	
	color:#fff;
	font-weight:bold;
	font-size:11px; 
	background:url(../imagens/minilogo-sol2.gif) no-repeat top right;
	padding-right:24px;
	}

/******************** Menu Primário *******************/

/* Vale lembrar que o #menu em si é maior do que aparece na tela
a parte visivel, cinza, é a #lista, a posição é que esta no #menu*/

#menu{
	float:right;
	width:588px;
	height:53px;
	margin-top:11px;
	margin-right:13px;
	_margin-right:6px;
}

/******* Lista com os itens do menu  ********/

ul#lista{
	width:inherit;
	_width:588px;
	height:36px;
	background:#D1D0D0;
	margin-top:13px;
	border-top:2px solid #757474;
	border-bottom:2px solid #757474;
	}

ul#lista li{
	float:left;
	display:block;
	margin-right:30px;	/*30 originalmente - 24 incluindo noticias*/
	margin-top:4px;	
}	

ul#lista li.fim{margin-right:16px;} /* último item, ao adicionar novos itens alterar essa medida */

ul#lista li a{	/* A principal formatação dos links esta aqui */
	float:left;
	display:block;
	color:#9B221B;
	font-size:18px; /*18 originalmente - 16 incluindo noticias*/
	font-weight:bold;
	padding-bottom:10px;
}

/************** Sublinks ***************/

ul#lista li ul {
	display:none;
	text-align:left;
	position: absolute;
	width:80px;	
	background:#D1D0D0;
	
	border-top:2px solid #D1D0D0;
	border-bottom:2px solid #757474;
	border-right:2px solid #757474;
	border-left:2px solid #757474;
	
	top:62px;
	_margin-left:-80px;
	*margin-left:-85px;
	
	/*margin-top:32px;	
	_margin-left:0px;*/
}

ul#lista li ul li {	/*Mesma largura da UL, no link só manda herdar */
	display:block; 
	width:80px; 
	margin-right:0px; 
	}		

ul#lista li ul li a { 			/* Sub Menu Styles */
	display:block;
	width:inherit;
	font-weight:normal; 
	font-size:90%;
	padding:0px;
	margin-bottom:2px;
} 

ul#lista a:hover {color:#fff;}


/* Oculta sub-menus inicialmente*/

ul#lista li:hover ul ul,
ul#lista li:hover ul ul ul,
ul#lista li.over ul ul,
ul#lista li.over ul ul ul { display: none; } 

/* ohhh, a mágica, revela os submenus */

ul#lista li:hover ul,
ul#lista li li:hover ul,
ul#lista li li li:hover ul,
ul#lista li.over ul,
ul#lista li li.over ul,
ul#lista li li li.over ul { display: block; } 



/******************** Conteudo do corpo do site *******************/

#centro{
	float:left;
	width:447px;
	height:345px;
	margin-left:22px;	/*por causa da borda */
	_margin-left:11px;
	overflow:auto;
}

#texto{
	float:right;
	padding:2px 8px 3px 0px;
	margin-top:20px;	margin-right:10px;
	width:305px;		height:290px;
	_width:300px;		/*hack IE sux */
	overflow:auto;
	/*background:#fff;*/
}

#lateral{
	float:left;
	width:295px;
	height:403px;
}

#quadro{
	width:270px;
	height:215px;			/* 235 altura total */
	margin:8px 5px 5px 5px;
	padding-right:10px;
	overflow:auto;
}

#logo{
	width:295px;
	height:168px;
	background:url(../imagens/logo-posto.gif)  bottom right no-repeat;
}