/* CSS Document */
body 
{
 background-color: #fff;
 margin: 0;
 padding: 0;
 background-color: #cccccc;
 text-align: center;
}

#Principal 
{
 position: absolute;
 left: 0;
 right: 0;
 width: 900px;
 height: 748px;
 z-index: 1;
 border-width: 0;
 background-color: #FFF;
 text-align: left;
 border-left: 2px solid #333; 
 border-right: 1px solid #333;

}

#anuncio 
{
 position: absolute;
 left: 0;
 right: 0;
 width: 900px;
 height: 80px;
 z-index: 2;
}

#cabecalho 
{
 position: absolute;
 left: 0px;
 top: 83px;
 width: 900px;
 height: 148px;
 z-index: 3;
 border-bottom-color: #FFF;
 background-color: #;
}

#menu 
{
 position: absolute;
 left: 0px;
 top: 230px;
 width: 900px;
}

#conteudo 
{
 position: absolute;
 left: 0px;
 top: 394px;
 width: 600px;
}

#variedade 
{
 	position: absolute;
 	left: 540px;
 	top: 254px;
	width: 356px;
	height: 370px;
	border-bottom: 2px solid #333;
	border-left: 2px solid #333; 
	border-right: 2px solid #333;
	
}

#tempo 
{
 	position: absolute;
 	left: auto;
 	top: 25px;
	width: 290px;
	color: #FF8000;
	border-bottom: 2px solid #333;
	border-left: 2px solid #333; 
	border-right: 2px solid #333;
 
}

#noticias 
{
 position: absolute;
 left: 100px;
 top: 157px;
 width: 300px;
}
#banner-pc {
 position: absolute;
 left: 0px;
 top: 257px;
 width: 487px;
 height: 154px;
 background-image:url(../images/banner-pc.jpg);
}	

#serv-ibm {
 position: absolute;
 left: 0px;
 top: 37px;
 width: 150px;
 height: 150px;
}	
#serv-hp {
	position: absolute;
	left: 150px;
	top: 0px;
	width: 150px;
	height: 150px;
}	
#serv-intel {
	position: absolute;
	left: 300px;
	top: 0px;
	width: 150px;
	height: 150px;
}	

#pc-kit1 {
 position: absolute;
 left: 0px;
 top: 37px;
 width: 150px;
 height: 150px;
}	
#pc-kit2 {
	position: absolute;
	left: 150px;
	top: 37px;
	width: 150px;
	height: 150px;
}	
#pc-kit3 {
	position: absolute;
	left: 300px;
	top: 37px;
	width: 150px;
	height: 150px;
}	
#telefone {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 150px;
 height: 150px;
}	
#mapa {
	position: absolute;
	left: 0px;
	top: 37px;
	width: 535px;
	height: 250px;
}	
#tel {
	position: absolute;
	left: 500px;
	top: 197px;
	width: 300px;
	height: 35px;
}	


#rodape 
{
 	position: absolute;
 	left: 0px;
 	top: 700px;
	width: 900px;
	height:auto;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333; 
	border-right: 1px solid #333;
	text-align:center;
}

h1 {
	color: #ffffff;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:inherit;
	background: #D4D4D4;
	padding: 0px 0px 5px 85px;
	border-top: 2px solid  #333  ;
	border-bottom: 2px solid #333;
	border-left: 20px solid #333; 
	border-right: 2px solid #333;
	width:18.0em;
}
h2 {
	color: #000000;
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:inherit;
	background: #D4D4D4;
	padding: 0px 0px 0px 0px;
	width:38.0em;
	left:0;
}
h3 {
	color: #C00;
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:inherit;
	padding: 0px 0px 0px 0px;
}

p {
	color: #000000;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:inherit;
	padding: 0px 0px 0px 0px;
	width:54.0em;
	left:0;
}
a {
	color: #F90;
	font-size: 9px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:inherit;
	padding: 0px 0px 0px 0px;
	left:0;
}