@charset "utf-8";
/* CSS Document */

/*----- inicializacoes no estilo -----*/
*, div, ul, ol, li, a, img, form, input, select, textarea, button {
	margin: 0;
	padding: 0;
	outline: 0 !important;
}

ul,ol {
	list-style:none
}

li {
	vertical-align:top;
	line-height:1.2em
}

li a, li span {
	line-height:1.2em
}

a {
	color: #3e6ab5;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

h1 {
	font-size: 13pt;
	font-weight: bold;
	margin-bottom: 15px;
	text-align:left;
}

p {
	font-size: 10pt;
	text-align: justify;
	line-height: 17pt;
}

hr {
	border: 1px solid #EEEEEE;
}
/*------------------------------------*/


/* body */
body {
	display: block;
	min-width: 1024px;
	width: 100%;
	min-height: 600px;
	font-family: "Arial",Tahoma,Verdana,Helvetica,sans-serif;
	font-size: 9pt;
	color: #373435;
	background: #dddbd9;
}

section#geral {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 464px;
	background: url(../img/bg_topo.png) repeat-x left top;
}

	#geral section#bg {
		display: block;
		width: 100%;
		height: 100%;
		min-height: 600px;
		background: url(../img/bg_rodape.png) repeat-x left bottom;
	}


		/* topo */
		#bg header {
			display: block;
			width: 100%;
			min-width: 990px;
			height: 464px;
			background: url(../img/bg_topo_meio.png) no-repeat center top;
		}

			header section#centraliza, footer section#centraliza {
				display: block;
				width: 990px;
				height: auto;
				margin: 0px auto;
				padding: 10px 0;
			}


				/* logomarca do evento */
				#centraliza #logo {
					display: inline-block;
					width: 206px;
					height: 81px;
					background: #FFF;
					border-radius: 1em;
					border: 3px solid #DDDBD9;
					margin-right: 17px;
				}

					#logo a.img_logo {
						display: block;
						width: 199px;
						height: 73px;
						margin: 4px auto;
						background-image: url(../img/logo.png);
					}
				/* FIM: logomarca do evento */


				/* navegacao - menu */
				#centraliza nav {
					display: inline-block;
					width: 75%;
					height: 58px;
					margin: 15px 0;
					vertical-align: top;
				}

					nav ul {
						display: block;
						width: auto;
						height: 20px;
						padding: 19px 0;
					}

						nav ul li {
							float: left;
							margin-right: 23px;
						}

							nav ul li a {
								font-size: 13pt;
								font-weight: bold;
								color: #FFF;
							}

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

						nav ul li.ultimo {
							margin-right: 0px;
						}
				/* FIM: navegacao - menu */

				#centraliza figure.descricao_periodo {
					display: block;
					width: 100%;
					height: 262px;
					background: url(../img/evento_periodo.png) no-repeat center top;
					margin: 46px auto 0;
				}
				
				/* redes sociais */
				#centraliza #redes_sociais {
					float: right;
					width: 100px;
					height: 18px;
					padding: 9px 20px 0 0 ;
				}

				#redes_sociais a {
					float: right;
					width: 18px;
					height: 18px;
					margin-left: 10px;
					font-size: 0;
					opacity: 0.8;
				}

					#redes_sociais a.face {
						background: url(../img/ico_facebook.png) no-repeat left top;
					}

					#redes_sociais a.twitter {
						background: url(../img/ico_twitter.png) no-repeat left top;
					}

					#redes_sociais a.blogger {
						background: url(../img/ico_blogger.png) no-repeat left top;
					}

				#redes_sociais a:hover {
					opacity: 1;
				}


		/* conteudo */
		#bg section#conteudo {
			display: block;
			width: 960px;
			min-height: 450px;
			height: auto;
			margin: -20px auto;
			padding: 15px;
			background: #FFF;
			border-radius: 1em;
			position: relative;
			z-index: 10;
		}

			#conteudo article {
				display: block;
				width: 100%;
				height: 100%;
				min-height: 1630px;
				vertical-align: top;
			}

			#conteudo article.esquerda {
				display: inline-block;
				width: 632px;
				padding-right: 20px;
				margin-right: 20px;
				border-right: 1px solid #eee;
			}

					article.esquerda img {
						float: left;
						margin: 8px 10px 0;
						max-width: 200px;
						max-height: 200px;
						border: 3px solid #DDDBD9;
					
						/* bordas arredondadas */
						-o-border-radius: 8px;
						-khtml-border-radius: 8px;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
						border-radius: 8px;
					}

					article.esquerda img:hover {
						border-color: #f38138;
					}

					article.esquerda ul, article.esquerda ol, #conteudo ul, #conteudo ol {
						display: block;
						width: auto;
						height: auto;
						padding: 10px 20px 0;
					}

						article.esquerda ul li ul, article.esquerda ul li ol, article.esquerda ol li ol, article.esquerda ol li ul, #conteudo ul li ul, #conteudo ul li ol, #conteudo ol li ol, #conteudo ol li ul {
							display: block;
							width: auto;
							height: auto;
							padding: 0px 20px 10px;
						}
			
							article.esquerda ul li, #conteudo ul li {
								line-height: 20pt;
								list-style: square inside
							}
				
							article.esquerda ol li, #conteudo ol li {
								line-height: 20pt;
								list-style: upper-roman inside
							}

				#conteudo article.direita {
					display: inline-block;
					width: 281px;
					text-align: none;
					text-align: center;
				}

				#conteudo article.direita .fotos {
					height: 174px;
			
					position: relative;
					width: 261px;
					background: #f38138;
					border-radius: 10px;
					padding:  10px 10px 30px 10px;
				}
				#conteudo article.direita .fotos ul#animacao{
					border-radius: 10px;
					height: 164px;
					margin-bottom: 10px;
					padding: 0;
					position: relative;
					width: 261px;
				}
				ul#animacao li.imagens{
					background: #000000;
					border-radius: 10px;
					display: block;
					height: 144px;
					padding: 10px;
					width: 241px;
				}
				ul#animacao li.imagens img{
					height: 144px;					
					max-width: 241px;
				}
				.fotos #navegacao{
					width: auto;
					height: 14px;
					margin: 0px 70px;
				}
				#navegacao a {
					color: transparent;
					outline: medium none;
					text-decoration: none;

				}
				#navegacao a {
					background: url("../img/botao_branco.png") no-repeat scroll left top transparent;
					width: 14px;
					height: 14px;
					margin: 0 5px;
					float: left;
				}
				#navegacao a.activeSlide {
					background: url("../img/botao_azul.png") no-repeat scroll left top transparent;
				}
				#conteudo .banners a {
					display: inline-block;
					width: 256px;
					min-height: 54px;
					border-radius: 0.6em;
					margin: 0 auto 50px;
				}
				#conteudo .patrocinadoras a {
					min-height: 95px;
					margin-bottom:10px;		
				}
				#conteudo .patrocinadoras a.img_menor {
					width: 123px;
					display:inline-block;
					padding-right:7px;
				}
				#conteudo .patrocinadoras a.img_menor:last-of-type {
					padding-right:0px;
				}
					.banners a img {
						max-width: 256px; 
						height: auto;
						margin: 0px auto;
						opacity: .7;
					}
					.patrocinadoras a.img_menor img {
						width: 123px;
						height:95px;
						
					}
					
					.banners a:hover img {
						opacity: 1;
					}
		
		/* rodape */
		#bg footer {
			display: block;
			width: 100%;
			min-width: 990px;
			height: 130px;
			background: url(../img/bg_rodape_meio.png) no-repeat center top;
			margin: 0px auto;
		}

			footer #centraliza {
				padding: 40px 0 20px !important;
				height: 70px !important;
				color: #ffffff;
				font-size: 8.5pt;
				line-height: 13pt;
			}

				footer #centraliza a {
					color: #ffffff;
				}

				/* endereco */
				#centraliza .forum {
					float: left;
					width: auto;
					height: auto;
					text-align: left;
				}

					.forum strong {
						color: #f38138;
					}

				/* direitos */
				#centraliza .direitos {
					display: block;
					*float: left;
					width: 51%;
					height: auto;
					margin: 20px auto;
					text-align: center;
				}

				/* desenvolvido */
				#centraliza .desenvolvido {
					float: right;
					width: auto;
					height: auto;
					margin: -46px 0 0 0;
					*margin: 8px 0 0;
					position: relative;
				}

					.desenvolvido label {
						font-weight: bold;
						font-size: 10px;
						margin-right: 1px;
					}

					.desenvolvido a {
						border: none;
						text-decoration: none;
					}