html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: top;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus { outline: 0;}
ins { text-decoration: none;}
del { text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}

body {background: #fff url(../img/bg.png) repeat-x top;}

#geral {width:970px; margin:0 auto; position:absolute; left: 50%; margin-left: -485px; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; }

#topo {height: 108px; width:970px; display:block; }
	#topo .logo {width: 375px; float:left; margin-top: 20px;clear:both;}

#animacao {width:550px; height:108px; float:right; }

#menu-lateral {width:172px; background:#e7ebf1; float:left; }
	#menu-lateral li {width:172px; display:inline; float:left; background:url(../img/menu-lateral-div.gif) left 24px no-repeat; line-height:25px;}
	#menu-lateral li a { text-decoration:none; color:#002b57; padding-left:10px; width:162px; line-height:26px; display:block; background:none;}
	#menu-lateral li a:hover {color:#e7ebf1; background:#002b57;}
	#menu-lateral img {padding:6px 6px 0 6px;;}

#conteudo {width:auto; margin:5px 0 10px 27px; float:left; color:#000000; }
	#conteudo.home {width:528px; padding-right:0;}

#interno {min-height: 435px;}
	#interno h2 {width:auto; padding:25px 0 6px 0; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; color:#002b57; }

#direita { width:220px; float:right; border-left:1px solid #e7ebf1;}
	#direita .ra3n {text-align:center; font-size:11px;}

#restrita {width:220px; background:#e7ebf1; margin-bottom:10px; }
	#restrita h2 {width:220px; padding:5px 0 6px 0; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; color:#e7ebf1; background-color:#002b57;}
	#restrita label {width: 40px; float:left; padding:5px 10px 3px; display:block;}
	#restrita input {width:138px; margin:3px; border:1px solid gray; font-size:11px; display:inline;}
	#restrita input.senha {width:98px;}
	#restrita input.botao {width:30px; color:#fff; font-size:11px;background-color:#002b57;}

#anim {width:526px; height:196px; background: url(../img/bg-anim.gif) repeat-y; margin:3px 0 12px 0;}
	#anim a {color:#fff;}
	#box4{ position:absolute; font:inherit;}
	#box4 div{ width:526px; height:196px; float:left;}
	#box4 h3, #box4 p, #box4 ul{ padding:10px 10px 0 45px; font-size:12px; color:#FFF;}
	#box4 h3 {font-size:12px; font-weight:bold; color:#002b57;}
	#box4 p{ line-height:16px; font-size:11px; color:#000000;}
	#box4 img{ width:250px;	height: 180px; float:left; margin: 8px;}
	#box .sright15 {margin-right:15px;}
	.mask3{	position:relative; width:526px; height:196px; overflow:hidden;}
	#info4 {background:#fff !important;	color:red !important; margin-top:200px;}
	#handles4 {text-align:right; margin:-26px 0 0 412px; position:absolute; line-height:30px;}
	#handles4 span{ padding: 5px; background:#002b57; color:#fff; cursor:default; }

#pal-dir { width: 166px; margin: 15px 25px; background:url(../img/bg-pal-dir.jpg) top no-repeat; color:#e8f1f4; font: bold 11px Arial, Helvetica, sans-serif; text-align:left; }
	#pal-dir p { color:#e8f1f4; padding:27px 4px 10px 6px ;}
	#pal-dir span {font-size:10px; font-style:normal; margin-left:100px;}
	#pal-dir a {color:#e8f1f4;}

#webmazza, #c-cultural, #rse-esc-sol, #ra3n {width:166px; margin-left:25px; padding-bottom:15px; }

#rse-esc-sol {text-align:center;}

#fique-por-dentro, #atividades-destaque { width:255px; height:140px; background: url(../img/bg-destaques.jpg) left bottom repeat-x; float:left; margin: 0 17px 10px 0;}
	#fique-por-dentro a, #atividades-destaque a {color:#000000;}
	#fique-por-dentro h2, #atividades-destaque h2 { padding:10px; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#002b57;}
	#fique-por-dentro li { list-style-image: url(../img/list-image.gif); margin-left:25px; height:20px;}

#atividades-destaque {margin-right:0;}
	#atividades-destaque li { margin-left:20px; line-height:35px; height:35px; background-image: url(../img/list-ei.gif); background-position:left center; background-repeat:no-repeat;}
	#atividades-destaque a {padding-left:30px;}
	#atividades-destaque li.ef { background-image:url(../img/list-ef.gif);}
	#atividades-destaque li.em { background-image:url(../img/list-em.gif);}

a {color:#002b57;}
h2 + p {margin-bottom:5px;}
.lista li { padding-left:15px;}
.copyright-home {width:530px; text-align:center; font:11px Arial, Helvetica, sans-serif; border-top:1px solid #002b57; clear:both;}
.copyright {width:760px; text-align:center; font:11px Arial, Helvetica, sans-serif; border-top:1px solid #002b57; clear:both;}
.copyright img {float:right; margin-top:5px;}
.p760 {width:760px;}
.img {margin:10px; padding:2px; border:1px solid #bdcee2;}
.imgr {float:right; margin-left:10px; padding:2px; border:1px solid #bdcee2; clear:both;}
.imgl {float:left; margin-right:10px; padding:2px; border:1px solid #bdcee2; display:block;}
.center {text-align:center;}
.right {text-align:right;}
.postit {padding:10px 10px 10px 50px; background:#fcfde1 url(../img/bg-postit.gif) 5px center no-repeat; border:1px solid #fcf767; }
.aspas {padding:10px 10px 10px 50px; background:#e7ebf1 url(../img/bg-aspas.gif) 5px 5px no-repeat; border:1px solid #bdcee2; text-align:center; line-height:16px; }
.aspas2 { background:url(../img/bg-aspas2.gif) no-repeat right bottom; width:100%;}
.botao { color:#fff; font-size:11px;background-color:#002b57;}
.lin {background:#f4f5f3;}

.form {width:330px; height:130px; margin:20px 0;  background:#e7ebf1;}
	.form h3 {width:330px; padding:5px 0 6px 0; font:bold 12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; color:#fff; background-color:#002b57;}
	.form li {display:block; float:left; width:300px; padding:10px 10px 0 10px;}	
	.form label {width:50px; display:block; float:left;}
	.form select, .form textarea, .form input {font: 11px Tahoma, Arial, Helvetica, sans-serif; width:115px;}
	.form input, .form textarea {width:115px;}
	.form .botao {width:110px; color:#fff; font-size:11px;background-color:#002b57; border:none; margin-left:100px; line-height:12px; height:20px;}

#slideshow-container { width:450px; height:338px; position:relative; float:right; padding-right:15px;}
	#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }

#form-contato {width:600px; height:250px;}
	#form-contato li {display:block; float:left; width:500px; padding-bottom:10px;}	
	#form-contato label {width:80px; display:block; float:left;}
	#form-contato select, #form-contato textarea, #form-contato input {font: 11px Tahoma, Arial, Helvetica, sans-serif; width:305px;}
	#form-contato input, #form-contato textarea {width:300px;}
	#form-contato .botao {width:110px; color:#fff; font-size:11px;background-color:#002b57; border:none; margin-left:100px; line-height:12px; height:20px;}
	
#circulares, #atividades {width:550px; float:left;line-height:22px; padding-bottom:15px;}
	#circulares label, #atividades label {width:100px; display:block; float:left; padding-left:5px;}
	#circulares li, #atividades li {border-bottom:1px dotted #e7ebf1; display:block; width:550px; }
	#circulares li a:hover, #atividades li a:hover {background: #e7ebf1; display:block;}
	
#form_mes { font:11px Tahoma, Arial, Helvetica, sans-serif; width:200px; float:right; background:#fcfde1; border:1px solid #fcf767; padding: 5px 0; margin-bottom:15px;}
	#form_mes span {font-weight:bold; width:200px; line-height:25px; text-align:center; display:block;}
	#form_mes input, #form_mes select  { font:11px Tahoma, Arial, Helvetica, sans-serif; }
	#form_mes select {margin-left:25px;}

#infomazza { width:750px;float:left; border-top:1px dotted #e7ebf1; padding:5px; }
	#infomazza img { padding:2px; background:#fff; border:1px solid #e7ebf1; float:left; margin-right:5px; }
	#infomazza h3 {text-transform:uppercase; padding-bottom:3px; color:#002b57;}
	
#fique { width:750px;float:left; border-top:1px dotted #e7ebf1; padding:5px; }
	#fique img { padding:2px; background:#fff; border:1px solid #e7ebf1; float:left; margin-right:5px; }
	#fique h3 {text-transform:uppercase; padding-bottom:3px; color:#002b57;}

#infomazza-fique {width:740px; padding:10px 10px 10px 10px; background:#fcfde1; border:1px solid #fcf767; display:block; height:20px; margin-bottom:10px;}
#infomazza-fique li {text-align:center; float:left; width:240px; display:inline; line-height:20px; height:20px;}

#voluntariado { width:750px;float:left; border-top:1px dotted #e7ebf1; padding:5px; }
	#voluntariado h3 {text-transform:uppercase; padding-bottom:3px;}

#webmazza-ed li {margin:0 10px 10px 3px; float:left; display:block; width:95px;}
	#webmazza-ed img {padding:2px; border:1px solid #bdcee2;display:block;width:95px; height:134px; background:#fff; }
	#webmazza-ed span {width:100%; padding:2px; display:block; text-align:center; line-height:13px;border:1px solid #cefcea; background:#f0fdf8;}
