*{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	text-decoration:none;
}

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-color: #0897d1;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#4eb601;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #4eb601;
}

#geral {
	width: 1000px;
	margin: 0 auto;
}

#geral #esquerdo {
	width: 406px;
	float: left;
}

#geral #esquerdo #logo h1 a{
	background-image: url(images/logo_01.gif);
	width: 406px;
	height: 115px;
	float: left;
	overflow: hidden;
	text-indent: -999px;
}	

/* ----------------------------------------------- menu do site */

#geral #esquerdo #comecomenu {
	background-image: url(images/comecomenu_03.gif);
	width: 53px;
	height: 29px;
	float: left;
}

#geral #esquerdo #menu {
	width: 353px;
	float: left;
}

#geral #esquerdo #menu ul li{
	display: block;
	background-repeat: no-repeat;
	float: left;
}
#geral #esquerdo #menu ul li a{
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
#geral #esquerdo #menu ul li.ses{
	width: 51px;
	height: 29px;
	background-image: url(images/botao1_04.gif);
}
#geral #esquerdo #menu ul li.ses:hover{
	background-image: url(images/botao1_h_04.gif);
}
#geral #esquerdo #menu ul li.produtos{
	width: 76px;
	height: 29px;
	background-image: url(images/botao2_05.gif);
}

#geral #esquerdo #menu ul li.produtos:hover{
	background-image: url(images/botao2_h_05.gif);
}

#geral #esquerdo #menu ul li.eventos {
	width: 68px;
	height: 29px;
	background-image: url(images/botao3_06.gif);
}

#geral #esquerdo #menu ul li.eventos:hover {
	background-image: url(images/botao3_h_06.gif);
}

#geral #esquerdo #menu ul li.lancamento{
	width: 92px;
	height: 29px;
	background-image: url(images/lancamento_07.gif);
}


#geral #esquerdo #menu ul li.lancamento:hover {
	background-image: url(images/lancamento_h_07.gif);
}

#geral #esquerdo #menu ul li.contato {
	width: 66px;
	height: 29px;
	background-image: url(images/contato_h_08.gif);
}

#geral #esquerdo #menu ul li.contato:hover {
	background-image: url(images/contato_h_08.gif);
}

#geral #esquerdo #baixomenu {
	background-image: url(images/baixomenu_09.gif);
	width: 406px;
	height: 108px;
	float:left;
}

/* ----------------------------------------------- flash */
#geral #direito {
	width: 594px;
	float: left;
}

#geral #direito #flash {
	background-image: url(images/flash_02.gif);
	width: 560px;
	height: 252px;
	float: left;
}

/* ----------------------------------------------- lado esquerdo fixo do layout*/

#geral #esquerdatopo {
	width: 313px;
	float: left;
}

#geral #esquerdatopo #imgesquerda {
	background-image: url(images/imgesquerda_10.gif);
	width: 347px;
	_width: 314px;
	height: 89px;
	float: left;
}

#geral #esquerdatopo #sitemap {
	background-image: url(images/sitemap_14.gif);
	width: 347px;
	_width: 314px;
	height: 31px;
	float: left;
	clear: both;
	overflow: hidden; 
	
}

.linkbotao a.botaolink{
	display: block;
	width: 210px;
	height: 100px;
	text-indent: -999px;
	margin-left: 20px;
	overflow: hidden;
	float: left;
}

#geral #esquerdatopo a.pgInicial {
	display: block;
	width: 84px;
	height: 20px;
	text-indent: -999px;
	margin-left: 60px;
	overflow: hidden;
	float: left;
}

#geral #esquerdatopo a.contato {
	display: block;
	width: 45px;
	height: 20px;
	text-indent: -999px;
	overflow: hidden;
	margin-left: 20px;
	float: left;
}

#geral #esquerdatopo a.mapadosite {
	display: block;
	width: 80px;
	height: 20px;
	text-indent: -999px;
	overflow: hidden;
	margin-left: 20px;
	float: left;
}

#geral #esquerdatopo #boxladoconteudo {
	background-image: url(images/ladoconteudo_15.gif);
	width: 320px;
	height: 428px;
	float: left;
	overflow: hidden;
}

.white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 35px;
	padding-left:35px;
	padding-right: 35px;
	text-align: justify;
}

.gray {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color: #434545;
}

.float {
	float: left;	
}

.floatpadding {
	float: left;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2c2c2c;
}


.black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2c2c2c;
	clear: both;
	float: left;
}

/* ----------------------------------------------- lado direito fixo do layout referente ao conteudo do site*/

#geral #direitatopo {
	width: 653px;
	float: left;
	background-color: #FFF;
	background-repeat: repeat-y;
	overflow: hidden;
}

#geral #topoconteudo {
	background-image: url(images/topoconteudo_11.gif);
	width: 620px;
	height: 25px;
	float: left;
	margin-left: 34px;
	_margin-left: 0px;
}

#geral #direitatopo #meioconteudo {
	background-image: url(images/meioconteudo_12.gif);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 685px;
	_width: 670px;
	_padding-left:15px;
	float: left;
	margin-left: 33px;
	_margin-left: 0px;
	overflow: hidden;
}

x.formataconteudo {
	padding-left: 10px;	
}

#geral #direitatopo #meioconteudo #fotoseventos {
	width: 280px;
	float: left;

}	

#geral #rodapeconteudo {
	background-image: url(images/rodape_46.gif);
	width: 630px;
	height: 10px;
	overflow: hidden;
	float: left;
	overflow: hidden;
}

#geral #direitatopo #rodapeconteudo2 {
	background-image: url(images/rodape_462.gif);
	_background-image: url(images/vugogambi.jpg);
	width: 656px;
	height: 10px;
	float: left;
	overflow: hidden;
	
}


/* ----------------------------------------------- rodape + menu*/


#geral #rodape {
	width: 1000px;
	height: 50px;
	float: left;
}

#geral #rodape #comecorodape {
	background-image: url(images/comecorodape_48.gif);
	width: 312px;
	height: 97px;
	float: left;
}	

#geral #rodape #menurodape {
	width: 381px;
	float: left;
}

#geral #rodape #menurodape ul li{
	display: block;
	background-repeat: no-repeat;
	float: left;
}
#geral #rodape #menurodape ul li a{
	text-indent: -999px;
	overflow: hidden;
	display: block;
}
#geral #rodape #menurodape ul li.comecamenu{
	width: 53px;
	height: 34px;
	background-image: url(images/layout_53.gif);
}

#geral #rodape #menurodape ul li.ses{
	width: 59px;
	height: 34px;
	background-image: url(images/botao1_49.gif);
}
#geral #rodape #menurodape ul li.ses:hover{
	background-image: url(images/botao1h_49.gif);
}

#geral #rodape #menurodape ul li.produtos{
	width: 85px;
	height: 34px;
	background-image: url(images/botao2_50.gif);
}
#geral #rodape #menurodape ul li.produtos:hover {
	background-image: url(images/botao2_h_50.gif);
}

#geral #rodape #menurodape ul li.eventos {
	width: 81px;
	height: 34px;
	float: left;
	background-image: url(images/eventos_51.gif);
}

#geral #rodape #menurodape ul li.eventos:hover {
	background-image: url(images/botao3_51.gif);
}

#geral #rodape #menurodape ul li.lancamento{
	width: 103px;
	height: 34px;
	float: left;
	background-image: url(images/botao4_52a.gif);
}


#geral #rodape #menurodape ul li.lancamento:hover {
	background-image: url(images/botao4_52.gif);
}

#geral #rodape #ladomenurodape {
	background-image: url(images/ladomenurodape_54.gif);
	width: 186px;
	height: 34px;
	float: left;		
}

#geral  #whiterodape {
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
	clear: both;
	color: #FFF;
	float: left;
}

input, textarea {
	border: solid 1px  #a7a7a7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.alinhaespaco {
	height: 62px;	
}

.alinhaespacoindex {
	height: 38px;	
}

.whitelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
}

.ladoform {
	width: 270px;
	float: left;
	text-align: center;
}

.formcontato {
	width: 300px;
	float: left;
}


/* ----------------------------------------------- titulos*/

.eventos {
	background-image: url(images/eventos_25.gif);
	width: 564px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.grandeseventos {
	background-image: url(images/grandes_eventos_35.jpg);
	width: 177px;
	height: 31px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;
}

.caracteristicas {
	background-image: url(images/principaiscaracteristicas_13.gif);
	width: 269px;
	height: 26px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;
}	

.aplicacoes {
	background-image: url(images/aplicacoes_26.gif);
	width: 569px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.fotoseventos {
	background-image: url(images/fotoseventos_38.gif);
	width: 177px;
	height: 31px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.lancamentos {
	background-image: url(images/lancamentos_41.gif);
	width: 247px;
	height: 31px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.outroseventos {
	background-image: url(images/outros_eventos_35.jpg);
	width: 177px;
	height: 31px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.ses {
	background-image: url(images/ses_25.gif);
	width: 564px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.map {
	background-image: url(images/mapadosite_272.gif);
	width:564px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.produtos {
	background-image: url(images/produtos_25.gif);
	width:564px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.lancamento {
	background-image: url(images/lancamento_25.gif);
	width:564px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.contatotitle {
	background-image: url(images/contato_25.gif);
	width:564px;
	height: 48px;
	float: left;
	overflow: hidden;
	text-indent: -1000px;	
}

.green {
	color: #4eb601;	
}