body{
	margin: 0;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	color: #222;
	background-color: #cccccc;
}

table{
	padding: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 11px;
}

img{
	border: 0;
}

a{
	color: #222;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, form{
	margin: 0;
	padding: 0;
}

input, select, textarea{
	font-size: 100%;
	font-family: Arial, Tahoma, Verdana, Helvetica;
}

p.erro{
	color: #FF3300;
	text-align: center;
	padding-bottom: 10px;
}


/************* Guia * Áreas *************/

/***** Topo *****/
#guiaTopo{
	width: 770px;
	margin: 0 auto;
	padding: 0;
	background: #F3F3F3 url(img/topo_bg.gif);
}

/***** Menu *****/
#guiaMenu{
	width: 100%;
	height: 15px;
	padding-top: 10px;
	padding-bottom: 11px;
	background: url(img/topo_rodape.gif) no-repeat bottom;
}
#guiaMenu table{
	width: 746px;
	height: 15px;
	background: url(img/menu_degrade.gif) repeat-x center;
}
#guiaMenu table td{
	font-weight: bold;
	text-align: center;
	border-left: 1px solid #FFF;
}
#guiaMenu table td.item1{
	border-left: 0;
}
#guiaMenu table td a{
	display: block;
	width: 100%;
	height: 15px;
	color: #FFF;
}
#guiaMenu table td a:hover{
	text-decoration: none;
	background: url(img/menu_hover.gif) bottom;
}
#guiaMenu table th.direita{
	background: url(img/menu_canto_dir.gif) no-repeat left;
}
#guiaMenu table th.esquerda{
	height: 9px;
	background: url(img/menu_canto_esq.gif) no-repeat right;
}

/***** Rodape *****/
#guiaRodape{
	width: 770px;
	margin: 0 auto;
	text-align: center;
}

/***** Corpo *****/
#guiaCorpo{
	width: 770px;
	margin: 0 auto;
}
#guiaCorpo thead{
	height: 10px;
	font-size: 1px;
	overflow: hidden;
	background: url(img/centro_topo.gif) no-repeat center top;
}
#guiaCorpo tfoot{
	height: 10px;
	font-size: 1px;
	overflow: hidden;
	background: url(img/centro_rodape.gif) no-repeat center bottom;
}

/***** Esquerda *****/
#guiaEsquerda{
	width: 135px;
	vertical-align: top;
}
#guiaEsquerda table{
	width: 130px;
}
#guiaEsquerda th{
	text-align: right;
	background: url(img/menu_traco_dir.gif) no-repeat right bottom;
}
#guiaEsquerda td{
	text-align: left;
	padding: 0px 0 0px 0;
}
#guiaEsquerda td a{
	display: block;
	padding: 1px 5px;
	font-size: 11px;
	margin-bottom: 0px;
	background: #EEEEEE url(img/esquerda_menu_bg.gif) repeat-y left;
	border: 1px solid #BBBBBB;
	border-left: 2px solid #990000;
}
#guiaEsquerda td a:hover{
	border-left: 1px solid #BBBBBB;
	text-decoration: none;
	background: #DDD;
	padding-left: 6px;
}

/***** Direita *****/
#guiaDireita{
	width: 135px;
	text-align: center;
	vertical-align: top;
}
#guiaDireita table{
	width: 130px;
	margin-left: auto;
}
#guiaDireita table th{
	text-align: left;
	background: url(img/menu_traco_esq.gif) no-repeat left bottom;
}
#guiaDireita table td{
	text-align: left;
	text-align: center;
	padding: 3px 0 10px 0;
}
#guiaDireita table td a{
	display: block;
	padding: 3px;
	margin-bottom: 1px;
	background-color: #FFF;
	border: 1px solid #990000;
	text-decoration: none;
	font-weight: bold;
}

/***** Centro *****/
#guiaCentro{
	width: 500px;
	width: 490px;
	padding: 0 5px;
	vertical-align: top;
	background: url(img/centro_bg.gif) repeat-y center;
}

#guiaCentro h2{
	display: block;
	width: 480px;
	height: 15px;
	color: #FFFFFF;
	font-size: 110%;
	text-align: center;
	padding-bottom: 1px;
	margin: 0 auto 10px auto;
	background: url(img/bg_h2.gif) no-repeat center;
}

#guiaCentro h3{
	font-size: 100%;
	margin: 0 15px;
}

#guiaCentro a{
	color: #990000;
}

#guiaCentro p{
	width: 460px;
	margin: 0 auto;
	line-height: 18px;
}