/* layout.css */

body {
	background-image: url(../img/bg_topo.jpg);
	background-repeat: repeat-x;
	text-align: center;

}

* {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

div#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-image: url(../img/bg_container1.jpg);
	background-repeat: repeat-y;
}

div#cabecalho {
	width: 980px;
	height: 207px;
}

div#menuTopo {
	background-image: url(../img/bg_menu.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 53px;
}

div#menuEsquerda {
	float: left;
	background-image: url(../img/bg_menu_esq.jpg);
	background-repeat: no-repeat;
	width: 233px;
	height: 74px;
}

div#menuDireita {
	float: left;
	width: 747px;
	height: 74px;
}

h1 {
	margin: 0;
	height:135px;
	position: absolute;
	z-index: 20;
}

h1 span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 215px;
	height: 135px;
}

/* menuTopo */

div#menuTopo {
	background-image: url(../img/bg_menu.jpg);
	background-repeat: no-repeat;
	width: 980px;
	height: 64px;
}

/* fim cabecalho */


/* corpo */

#popUp {
	width: 300px;
	height: 185x;
	top: 194px;
	left: 502px;
	position: absolute;
	border: 0;
	z-index:3;
	text-align: right;
}

#popUp img {
	border: 0;
}

#popUp1 {
	width: 400px;
	height: 275px;
	top: 250px;
	left: 549px;
	position: absolute;
	z-index:3;
}

#popUp1 img {
	border: 0;
}

div#abertura {
	width: 980px;
}

div#abertura p {
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-left: 125px;
	padding-right: 25px;
	padding-top: 12px;
	font-weight: 100;
}

div#section-a {
	float: left;
	width: 205px;
	padding-left: 18px;
}

div#section-a p {
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}


div#section-b {
	float: left;
	width: 526px;
}


div#boxvideo {
	float:left;
	width: 155px;
	height: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
}

div#boxvideo img {
	float: left;
}

div#boxvideotopo {
	float:left;
	background-color:#999999;
	padding-right: 5px;
	width: 150px;
	height: 20px;
}

div#boxvideorodape {
	float:left;
	width: 155px;
	border-top: solid #999999 1px;
	height: 50px;
}

.textobox{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:right;
	padding-top:40px;
	font-size: 11px;		
}

.textobox2{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #660000;
	text-align:left;
	font-size: 10px;		
}

.textobox3{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #336600;
	text-align:left;
	font-size: 11px;		
}

.linkbox{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #336600;
	text-decoration: none;
}

.linkbox:hover{
	text-decoration: underline;
}

div#section-b p {
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: 100;
	margin-bottom: 12px;
	line-height: 18px;
}


div#section-b ul#lista1 {
	list-style: none;
	/* width: 100% */
}

div#section-b ul#lista1 li.lista01 {
	width: 240px;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
}

div#section-b ul#lista1 li.lista01 p {
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}




div#section-b ul#lista2 {
	list-style: none;
	/* width: 100% */
}

div#section-b ul#lista2 li.lista01 {
	width: 240px;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
}

div#section-b ul#lista2 li.lista01 p {
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}


div#section-b ul#lista3 {
	list-style: none;
	/* width: 100% */
}

div#section-b ul#lista3 li.lista01 {
	width: 240px;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
}

div#section-b ul#lista3 li.lista01 p {
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}



div#section-b ul#listaEventos {
	list-style: none;
	/* width: 100% */
}

div#section-b ul#listaEventos li.eventos01 {
	width: 510px;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	float: left;
}

div#section-b ul#listaEventos li.eventos01 p {
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

div#section-b ul#listaEventos li.eventos01 p .img {
	border: 1px solid #006F3C;
	padding: 5px;
	margin-right:12px;
}


div#section-b1 {
	width: 231px;
	height: 198px;
	padding-bottom: 12px;
	padding-left: 12px;
	text-align:right;
}

div#section-b2 {
	float: left;
	width: 226px;
}


div#section-c {
	float: left;
	width: 205px;
	padding-left: 18px;
}

div#section-c2 {
	float: left;
	width: 205px;
	padding-left: 35px;
}

div#section-c p {
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}



.listaComum {
	list-style-position: outside;
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 100;
	color: #333;
	line-height: 25px;
	padding-left: 30px;
	padding-right: 20px;
	margin-bottom: 20px;
}


.link01{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.link01:hover{
	text-decoration: underline;
}

.link02{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: underline;
}

.link02:hover{
	text-decoration: none;
}

.link03{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C963C;
	text-decoration: none;
}

.link03:hover{
	text-decoration: underline;
}

.link04{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C963C;
	text-decoration: none;
}

.link04:hover{
	text-decoration: underline;
}


.titulo01{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	width: 227px;
	float: left;
	padding-left: 10px;
	line-height: 50px;
	background-image: url(../img/bg_titulo.jpg);
	background-repeat: no-repeat;
	
}

.titulo02{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #bdbdbd;
	font-size: 23px;
	font-weight: bold;
}

.titulo03{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #006F3C;
	font-size: 21px;
	font-weight: bold;
	padding-bottom: 20px;
	line-height: 25px;
}

.titulo04{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #006F3C;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}

.titulo05{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	width: 227px;
	float: left;
	padding-left: 10px;
	line-height: 50px;
	background-image: url(../img/bg_titulo05.jpg);
	background-repeat: no-repeat;
	
}

.titulo06{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;	
}

.titulo07{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #006600;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	width: 227px;
	float: left;
	padding-left: 10px;
	line-height: 50px;
	background-image: url(../img/bg_titulo2.jpg);
	background-repeat: no-repeat;
	
}

.titulo08{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	width: 227px;
	float: left;
	padding-left: 4px;
	line-height: 50px;
	background-image: url(../img/bg_titulo.jpg);
	background-repeat: no-repeat;
	
}

.titulo09{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #0033CC;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}

.titulo10{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #006600;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}

.texto1{
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #ff0000;
	font-size: 12px;	
}

.texto2 {
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-left: 8px;
	padding-right: 8px;
	font-weight: 100;
	margin-bottom: 12px;
	line-height: 18px;
}

ul.listaVertical01 {
	list-style: none;
	width: 170px;
	padding-left: 10px;
	
}

ul.listaVertical01 li a {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 170px;
	text-decoration: none;
	
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
}

ul.listaVertical01 li a:hover {
	text-decoration: underline;
}



/*

ul.listaVertical02 {
	list-style: none;
	width: 170px;
	padding-left: 10px;
	
}

ul.listaVertical02 li a {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 170px;
	text-decoration: none;
	
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	border-bottom-style: solid;
}

ul.listaVertical02 li a:hover {
	text-decoration: underline;
}

*/


.img01 {
	border: 0;
}

.border01 {
	border: 3px solid #006F3C;
}

.border02 {
	border: 2px solid #006F3C;
	padding: 5px;
}


div#campoTexto1 {
	clear: both;
	height: 15px;
	line-height: 15px;
	background-color: #DEF9B7;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	margin-right: 30px;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 245px;
	margin-left: 230px;
	text-align: right;
}

div#campoTexto1 p {
	font-family:  Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}


div.campoTexto2 {
	clear: both;
	height: 15px;
	line-height: 15px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	margin-right: 30px;
	margin: 25px 7px 7px 7px;
	text-align: right;
}

.table01 {
	width: 526px;
}


iframe#ifame1 { 
	margin:0;
	padding:0;
	height:510px;
}
iframe#ifame1 {
	width:500px;
}


iframe#ifame2 { 
	margin:0;
	padding:0;
	height:150px;
}
iframe#ifame2 {
	width:500px;
}

iframe#ifame3 { 
	margin:0;
	padding:0;
	height:150px;
}

iframe#ifame3 {
	width:205px;
}

iframe#iframe4 { 
	margin:0;
	padding:0;
	height:150px;
}

iframe#iframe4 {
	width:205px;
}

/* rodape */

div#rodape {
	clear: both;
	width: 980px;
	height: 55px;
	background-image: url(../img/rodape.jpg);
}

div#rodape ul {
	list-style: none;
}

div#rodape ul#imgsRodape li#rod1 {
	background-image: url(../img/rodape01.jpg);
	background-repeat: no-repeat;
	width: 894px;
	height: 107px;
	float: left;
}

div#rodape ul#imgsRodape li#rod2 a {
	background-image: url(../img/rodape_sinapse.jpg);
	background-repeat: no-repeat;
	width: 86px;
	height: 107px;
	float: left;
}

/* fim do rodape */

