@charset "UTF-8";

body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; text-align: center; font-weight: normal; font-style: normal; color: #666 }
body, table, td, tr, dl, ol, ul, li, a img, a, a:hover, form, label, fieldset, input, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: none }
dl, ol, ul, li { list-style: none }


	/* Index Redirect */
	.preindex { width: 400px; height: 50px; top: 50%; left: 50%; margin: -25px -200px; position: absolute }
	.preindex p { font: 12px/14px Verdana, Geneva, sans-serif; font-weight: normal; color: #999 }
	/* /Index Redirect */
	

.header { height: 132px }
.general { height: auto }
.footer { height: 300px }
.header, .general, .footer { width: 100%; margin: 0 }

	 .center { width: 1000px; display: block; position: relative; top: 0; left: 50%; margin: 0 -500px }
	 h4.shadow { text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(255,255,255,0.3) 0 1px, rgba(70,70,70,0.4) -1px -1px }
	 p.shadow { text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(200,200,200,0.3) 0 1px, rgba(70,70,70,0.4) -1px -1px }
	 .bold { font-weight: bold }
 
/* HEADER */
.header ul.menutopo { height: 150px }
.header ul.menutopo li { position: relative }
.header ul.menutopo li, .header ul.menutopo li a, .header ul.menutopo li:hover { float: left; display: block }
.header ul.menutopo li a { background-repeat: no-repeat; background-position: left }
.header ul.menutopo li a.menu { height: 39px; background-position: top }
.header ul.menutopo li a:hover.menu, .header ul.menutopo li:hover.lista a { background-position: bottom }
.header ul.menutopo li.lista, .header ul.menutopo li.direta { margin-top: 47px }

/* Menu Top*/
.header ul.menutopo li a#logo { width: 110px; height: 105px; margin: 10px 0 0 15px }
.header ul.menutopo li a#obfep { width: 79px }
.header ul.menutopo li a#escolas { width: 72px }
.header ul.menutopo li a#calendario { width: 91px }
.header ul.menutopo li a#regulamento { width: 109px }

	/* Sub-Menu*/
	.drop { display: block; position: absolute; left:-999em /* DropDown Invisivel */ }
	.header ul.menutopo li:hover .drop { top: 39px; float: left; z-index: 100 }
	
		.drop ul { display: block; margin: 32px 18px 0; text-align: left }
		.drop ul li { width: 100%; float: left; text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(210,210,210,0.1) 0 -1px, rgba(255,255,255,0.3) 0 1px, rgba(10,10,10,0.2) -1px -1px }
		.drop ul.adrop li a { width: 210px }
		.drop ul.bdrop li a { width: 180px }
		.drop ul li a { font: 13px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; height: 21px; text-decoration: none; text-align: left }
		.drop ul li a:hover { text-decoration: underline }
	
	.header ul.menutopo li:hover .left { left: -5px; width: 254px; height: 160px }
	.header ul.menutopo li:hover .right { left: -6px; width: 198px; height: 120px }

/* Titulo Geral */
.header ul.menutopo li.titulo { width: 500px; height: 100px }
.header ul.menutopo li.titulo h1 { color: #fff; text-align: left; margin-left: 11px; text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.2) 0 -1px, rgba(255,255,255,0.3) 0 1px, rgba(70,70,70,0.6) -1px -1px }
.header ul.menutopo li.titulo h1.regular, .header ul.menutopo li.titulo h1.italico { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif }
.header ul.menutopo li.titulo h1.regular { font-size: 16px; line-height: 20px; margin-top: 26px; font-weight: normal }
.header ul.menutopo li.titulo h1.italico { font-size: 14px; line-height: 25px; margin-top: 8px; font-weight: lighter; font-style: italic }
	
/* Geral */
.general ul.menuano { height: 80px; background: url(images/2011/subbox.png) no-repeat top left }
.general ul.menuano, .general ul.menuano li, .general ul.menuano li a { display: block }
.general ul.menuano li { float: left; text-align: center; text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(0,0,0,0.1) 0 -1px, rgba(255,255,255,0.3) 0 1px, rgba(70,70,70,0.4) -1px -1px }
.general ul.menuano li a { font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; margin-top: 20px; font-weight: normal }

	.general ul.menuano li a#resultados { margin-left: 30px; width: 147px; font-size: 16px; margin-top: 16px }
	.general ul.menuano li a#outrasedicoes { width: 157px; }
	
	
			/* Sub-Menu EDICAO*/
			.drop-edic { display: block; position: absolute; left:-999em /* DropDown Invisivel */ }
			.general ul li:hover .drop-edic { 
								top: 0; 
								float: left; 
								z-index: 100;
								left: 177px; 
								width: 157px; 
								height: 100px;
								padding: 43px 0 0 0;
								cursor: pointer
			}
			
			.general ul li:hover .drop-edic ul,
			.general ul li:hover .drop-edic ul li,
			.general ul li:hover .drop-edic ul li a { display: block; text-align: left; }
			.general ul li:hover .drop-edic ul li { 
						width: 100%; 
						float: left; 
						text-shadow: rgba(0,0,0,0.1) -1px 0, rgba(210,210,210,0.1) 0 -1px, rgba(255,255,255,0.3) 0 1px, rgba(10,10,10,0.2) -1px -1px 
			}
			.general ul li:hover .drop-edic ul li a { 
						font: 13px/14px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
						width: 155px; 
						font-weight: normal; 
						height: 22px; 
						text-decoration: none; 
						text-align: center;
						background: #146f8c;
						margin: 0;
						padding: 8px 0 4px 0;
						border-top: 1px solid #116783; 
						border-left: 1px solid #498b9d;
						border-right: 1px solid #0e586d;
			}
			.general ul li:hover .drop-edic ul li a.final { 
						border-bottom: 1px solid #13637a; 
						border-bottom-right-radius: 5px; 
						-moz-border-bottom-right-radius: 5px; 
						-webkit-border-bottom-right-radius: 5px;
						border-bottom-leftt-radius: 5px; 
						-moz-border-bottom-left-radius: 5px; 
						-webkit-border-bottom-left-radius: 5px; 
 
			}
			.general ul li:hover .drop-edic ul li a:hover { background: #1c7b99 }
			.general ul li:hover .drop-edic ul li a.current { color: #66a5b9; background: #146f8c; cursor: default }
			/* /Sub-Menu EDICAO*/
	
	
	
	.general ul.menuano li a#eventos { width: 98px }
	.general ul.menuano li a#fotos { width: 80px }
	.general ul.menuano li a#obfep { width: 130px }
	.general ul.menuano li a#obf { width: 80px }

/* /HEADER */




/* CONTAINER */

/* home */
.general .home { height: 800px }
.menutopo ul, .menutopo  ul li, .menutopo ul li a { display: block; float: left }



 /* BANNER ---------------------------------------------------------------------------------- */
 
.general .home li.slider,
.general .home li.slider ul,
.general .home li.slider ul li { display: block; width: 976px; height: 380px; margin: 0 auto }
.general .home li.slider ul { margin: 30px auto 0 }
.general .home li.slider ul li { overflow: hidden }
 
 /* BANNER /--------------------------------------------------------------------------------- */





.general .home ul.slider { height: 350px }
.general .home ul.slider li { display: block }
.general .home ul.slider li.bvindasano { 
						height: 100px;
						font: 34px/80px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
						text-align: center;
						color: #fff;
						}

	/*Aviso*/						
	.general .home ul.slider li.aviso {
							width: 971px;
							height: auto;
							font: 28px/32px Arial, Helvetica, sans-serif;
							border: 4px solid #fff;
							background: #96451d;
							margin: 10px auto 0;
							padding: 16px 0 18px 0;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-radius: 4px;
	}
	.general .home ul.slider li.aviso h2,
	.general .home ul.slider li.aviso h3 { font-weight: bold; color: #fff; display: block; width: 92%; margin: 0 4%; text-align: center; } 
	.general .home ul.slider li.aviso h2 { font: 24px/28px bold Arial, Helvetica, sans-serif } 
	.general .home ul.slider li.aviso h3 { font: 18px/22px bold Arial, Helvetica, sans-serif }
	
	.general .home ul.slider li.aviso h2 a,
	.general .home ul.slider li.aviso h3 a { 
							color: #813d1a; 
							display: inline;
							padding: 2px 6px; 
							text-align: center;
							border-radius: 4px;
							-moz-border-radius: 4px;
							-webkit-radius: 4px;
							background: #fff;
							text-decoration: none 
	} 
	.general .home ul.slider li.aviso h3 a:hover { background: #ffddcc }
	
						
.general .home ul.slider li.destaque, .general .home ul.slider li.destaque ul { height: 300px }
.general .home ul.slider li.destaque ul { width: 100%; margin: 30px 0 0 }
.general .home ul.slider li.destaque ul li, .general .home ul.slider li.destaque ul li a { display: block }
.general .home ul.slider li.destaque ul li { width: 33%; float: left }
.general .home ul.slider li.destaque ul li.um { margin-left: 1px }
.general .home ul.slider li.destaque ul li a { width: 94%; margin: 0 auto }
.general .home ul.slider li.destaque ul li a.imagem { height: 158px }
.general .home ul.slider li.destaque ul li a.imagem img { border: 4px solid #cfdae3 }
.general .home ul.slider li.destaque ul li a.texto {
						display: block;
						padding-top: 6px;
						height: 40px;
						font: 14px/22px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
						font-weight: bold;
						color: #eee;
						text-align: left;
						text-decoration: none
}
.general .home ul.slider li.destaque ul li a:hover.imagem img { border: 4px solid #6abed9 }
.general .home ul.slider li.destaque ul li a:hover.texto { color: #6abed9; text-decoration: underline }

/* aobfep */
.general .aobfep { text-align: left; height: auto; display: block; margin-bottom: 50px; font-family: Verdana, Arial, Helvetica, sans-serif }
.general .aobfep h4 { font: 25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 30px }
.general .aobfep h4 a, .general .aobfep h4 a:hover { text-decoration: none; color: #fff }
.general .aobfep p { font-size: 12px; line-height: 17px; margin-bottom: 30px }
.general .aobfep h4, .general .aobfep p { padding: 0 30px; color: #fff }
.general .aobfep p span.bold { font-weight: bold }
.general .aobfep p span.light { font-weight: lighter }
.general .aobfep a { text-decoration:underline; color: #fff }
.general .aobfep a:hover { color: #003 }

/* escolas */
/* calendario */
.general .calendario { text-align: left; height: auto; display: block; margin-bottom: 50px; font-family: Verdana, Arial, Helvetica, sans-serif } 
.general .calendario h4 { font: 25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 30px; padding: 0 30px; color: #fff }
.general .calendario table#calendario { border: none; font-size: 11px; color: #fff }
.general .calendario table#calendario tr.color { background: #3a859f}
.general .calendario table#calendario tr.top { font-size: 13px }
.general .calendario table#calendario td { height: 25px }
.general .calendario table#calendario td.left { width: 780px; text-indent: 30px }
.general .calendario table#calendario td.right { width: 220px; text-indent: 10px }


/* regulamento */
.general .regulamento { text-align: left; height: auto; display: block; margin-bottom: 50px; font-family: Verdana, Arial, Helvetica, sans-serif }
.general .regulamento h4 { font: 25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 30px }
.general .regulamento p { font-size: 12px; line-height: 17px }
.general .regulamento h4, .general .regulamento p { padding: 0 30px; color: #fff }
.general .regulamento p span.bold { font-weight: bold }
.general .regulamento p span.light { font-weight: lighter }
.general .regulamento a { text-decoration: underline; color: #fff }
.general .regulamento a.txt { padding-left: 30px; text-decoration: none;  color: #fff; font-size: 12px }

.general .regulamento a:hover { color: #003 }

/* resultados */
.general .resultados { text-align: left; height: auto; display: block; margin-bottom: 50px; font-family: Verdana, Arial, Helvetica, sans-serif }
.general .resultados h4 { font: 25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 30px }
.general .resultados p { font-size: 12px; line-height: 17px }
.general .resultados h4, .general .resultados p { padding: 0 30px; color: #fff }
.general .resultados p span.bold { font-weight: bold }
.general .resultados p span.light { font-weight: lighter }
.general .resultados a { text-decoration: none;  color: #fff }
.general .resultados a:hover { color: #003; text-decoration: underline }

.general .resultados a.txt { padding-left: 30px; text-decoration: none;  color: #fff; font-size: 12px }
.general .resultados a:hover.txt { color: #003; text-decoration: underline }

/* eventos */
.general .eventos { text-align: left; height: auto; display: block; margin-bottom: 50px; font-family: Verdana, Arial, Helvetica, sans-serif }
.general .eventos h4 { font: 25px "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin-bottom: 30px }
.general .eventos p { font-size: 12px; line-height: 17px }
.general .eventos h4, .general .eventos p { padding: 0 30px; color: #fff }
.general .eventos p span.bold { font-weight: bold }
.general .eventos p span.light { font-weight: lighter }
.general .eventos a { text-decoration:underline; color: #fff }
.general .eventos a.txt { padding-left: 30px; text-decoration: none; color: #fff; font-size: 12px }
.general .eventos a:hover { color: #003 }

/* CONTAINER */

/* FOOTER */

.footer .final { height: 300px; text-shadow: rgba(0,0,0,0.2) -1px 0, rgba(5,5,5,0.2) 0 -1px, rgba(255,255,255,0.9) 0 1px, rgba(255,255,255,0.2) -1px -1px }
.footer .final .coordenacao { width: 400px; height: 160px; float: left; margin-top: 90px; padding-top: 20px; background: url(images/2011/linefooter.png) right no-repeat }
.footer .final .coordenacao h5, .footer .final .coordenacao p {  font-weight: normal;  padding-left: 20px;  text-align: left; color: #136e8b }

.footer .final .coordenacao h5 { font: 15px "Lucida Sans Unicode", "Lucida Grande", sans-serif }
.footer .final .coordenacao p { font: 12px/18px Verdana, Geneva, sans-serif; margin-top: 10px }
.footer .final .coordenacao a.gomailto { margin: 0; color: #2b8faf; text-decoration: none; display: inline }
.footer .final .coordenacao a:hover.gomailto { text-decoration: underline; }

.footer .final .responsaveis { width: 500px; margin-top: 144px; float: left }
.footer .final .responsaveis a { 
				display: block;
				float: left;
				padding-top: 10px;
				height: 30px; 
				font: 12px/16px Verdana, Geneva, sans-serif; 
				color: #2b8faf; 
				text-align: left; 
				background-position: right; 
				background-repeat: no-repeat;
				text-decoration: none
}
.footer .final .responsaveis a#cnpq { width: 146px; background-image: url(images/cnpq.png); margin-left: 110px }
.footer .final .responsaveis a#sbf { width: 204px; background-image: url(images/sbf.png); margin-left: 20px }

#toplink{ font-size: 10px; display: none; position: fixed; right: 5px; bottom: 5px; color: #fff; font-weight: normal; text-decoration: none; border:1px solid #3d889f; background: #136e8b; padding: 6px }
/* FOOTER */
@charset "UTF-8";

body { background: #136e8b }

.header { background:url(images/2011/header_fio.png) }
.general { background: none }
.footer { background: url(images/2011/footer_fio.png) }

/* HEADER */
.header ul.menutopo { background: url(images/2011/header.png) center no-repeat }
.header ul.menutopo li a.menu {}

.header ul.menutopo li a#logo { background: url(images/logo.png) no-repeat top }
.header ul.menutopo li a:hover#logo { background: url(images/logo.png) no-repeat bottom }
.header ul.menutopo li a#obfep { background-image:url(images/2011/menu_aobfep.png) }
.header ul.menutopo li a#escolas { background-image:url(images/2011/menu_escolas.png) }
.header ul.menutopo li a#calendario { background-image:url(images/2011/menu_calendario.png) }
.header ul.menutopo li a#regulamento { background-image:url(images/2011/menu_regulamento.png) }

		.drop ul li a { color: #d2eaf4 }
		.drop ul li a:hover { color: #fff }

	.header ul.menutopo li:hover .left { background: url(images/2011/drop_left.png) no-repeat }
	.header ul.menutopo li:hover .right { background: url(images/2011/drop_right.png) no-repeat }
	
	
.general ul.menuano li a { color: #fff }
.general ul.menuano li a:hover { color: #bbcde9 }


/* /HEADER */


/* CONTAINER */
.general .home ul.slider { background: url(images/2011/slider.png) center no-repeat }
/* /CONTAINER */

/* FOOTER */
.footer .final { }
/* /FOOTER */