/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat;
	background-position:left top;
}

#principal {
	width: 760px;
	height: auto;
	text-align: left;	
	margin: 0px auto;
	padding: 0px;
	clear: both;
}

#topo {
	width: 760px;
	height: 176px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#menu {
	width: 760px;
	height: 29px;
	clear: both;
	margin: 0px;
	padding:0px;
}

#status {
	width: 757px;
	height: 18px;
	background-color:#8C3F0B;
	margin-top: 1px;
	padding: 2px 0px 0px 3px;
	text-align:left;
	clear: both;
	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
}

#miolo{
	width: 760px;
	height: 550px;
	min-height: 550px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	text-align:left;
	background-image:url(../img/bg_miolo.jpg);
	background-repeat: repeat-y;
	background-position:right;
	background-color:#FFFFFF;	
}

#esquerda{
	width: 395px;
	height: auto;
	min-height: 550px;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	float: left;
	background-color:#FFFFFF;
}

#esquerda_overflow{
	width: 425px;
	height: 320px;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	float: left;
	overflow: auto;
}

#animacao_localizacao{
	width: 760px;
	height: 314px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	float: left;
}

texto {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D2106;
	text-align:left ;
	text-indent: 50px;
	line-height: 2em;
}

.texto a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D2106;
	text-align:left ;
	text-indent: 50px;
	line-height: 2em;
	text-decoration: underline;
}

.texto a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666600;
	text-align:left ;
	text-indent: 50px;
	line-height: 2em;
	text-decoration: underline;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D2106;
	text-align:left ;
	text-indent: 0px;
	line-height: 1.5em;
}

.p a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4D2106;
	text-align:left ;
	text-indent: 0px;
	line-height: 2em;
	text-decoration: underline;
}

.p a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666600;
	text-align:left ;
	text-indent: 0px;
	line-height: 2em;
	text-decoration: underline;
}

#direita{
	width: 325px;
	height:auto;
	min-height: 550px;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background-color:#FFFFFF;
	background-image:url(../img/bg_miolo.jpg);
	background-repeat: repeat-y;
	background-position:right;
	background-color:#FFFFFF;	
}

#rodape {
	width: 420px;
	height: 60px;
	margin: 0px;
	padding: 10px 0px 0px 170px;
	clear: both;
	text-align: center;
	float: left;
	background-image:url(../img/bg_rodape.jpg);
	background-position:left;
	background-repeat:repeat-x;
		
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFCA30;
}

#contador {
	width: 160px;
	height: 20px;
	margin: 0px;
	padding: 50px 10px 0px 0px;
	text-align: right;
	float: left;
	background-image:url(../img/bg_rodape.jpg);
	background-position:left;
	background-repeat:repeat-x;	
	/*background-color:#FFCC00;*/
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
}