@charset "utf-8";
/* CSS Document */


#titulo {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:smaller;
	padding-left:7px;
	color:#666666;
	width:493px;
	height:20px;
	background-image:url(../images/barra-titulo.jpg);
	float:left;
}

#texto {
	padding-left:7px;
	padding-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#666666;
	float:center;
}
#foto{
	float:right;
}

#header {
height:212px;
background-image:url(../images/fundo-topo_01.jpg);
}

#main {
width:880px;
margin: 0px auto 0px auto;
padding-bottom: 73px;/* deve ser a mesma altura do rodapé */
background-color:#FFFFFF;
}

#conteudo{
width:475px;
min-height:400px;
float:left;
padding-bottom: 73px;/* deve ser a mesma altura do rodapé */


}  
#footer {
    position: relative;
    margin-top: -73px; /* A mesma altura do rodapé, o valor deve ser negativo */
    height: 72px;
    clear:both;
	text-align:center;
	background-image:url(../images/fundo-rodape_11.jpg);
}

<!--menu começo 1-->
ul#menu{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:40px;text-transform:uppercase;font-size:13px;font-family:Helvetica,Arial,Verdana,sans-serif;}
ul#menu li{display:block;float:left;margin:0;pading:0;}
ul#menu li a{display:block;float:left;color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding:12px 20px 15px 20px;height:24px;height:40px;}
ul#menu li a:hover{	background:transparent url("../images/blue.jpg") repeat-x top left;}
<!--menu fim 1-->
<!--menu começo 2-->
ul#menu2{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:40px;text-transform:uppercase;font-size:13px;font-family:Helvetica,Arial,Verdana,sans-serif;}
ul#menu2 li{display:block;float:left;margin:0;pading:0;}
ul#menu2 li a{display:block;float:left;color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding:12px 20px 15px 20px;height:24px;height:40px;}
ul#menu2 li a:hover{	background:transparent url("../images/ciano.jpg") repeat-x top left;}
<!--menu fim 2-->
<!--menu começo 3-->
ul#menu3{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:40px;text-transform:uppercase;font-size:13px;font-family:Helvetica,Arial,Verdana,sans-serif;}
ul#menu3 li{display:block;float:left;margin:0;pading:0;}
ul#menu3 li a{display:block;float:left;color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding:12px 20px 15px 20px;height:24px;height:40px;}
ul#menu3 li a:hover{	background:transparent url("../images/red.jpg") repeat-x top left;}
<!--menu fim 3-->
<!--menu começo 4-->
ul#menu4{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:40px;text-transform:uppercase;font-size:13px;font-family:Helvetica,Arial,Verdana,sans-serif;}
ul#menu4 li{display:block;float:left;margin:0;pading:0;}
ul#menu4 li a{display:block;float:left;color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding:12px 20px 15px 20px;height:24px;height:40px;}
ul#menu4 li a:hover{	background:transparent url("../images/amarelo.jpg") repeat-x top left;}
<!--menu fim 4-->
<!--menu começo 5-->
ul#menu5{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:40px;text-transform:uppercase;font-size:13px;font-family:Helvetica,Arial,Verdana,sans-serif;}
ul#menu5 li{display:block;float:left;margin:0;pading:0;}
ul#menu5 li a{display:block;float:left;color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-weight:bold;padding:12px 20px 15px 20px;height:24px;height:40px;}
ul#menu5 li a:hover{	background:transparent url("../images/verde.jpg") repeat-x top left;}
<!--menu fim 5-->
