* { margin:0; padding:0 }

body {
	background:#EEE url(img/bgbody.jpg) repeat-x;
	font:11px "Trebuchet MS", Tahoma, Verdana, Sans-serif }

#all {
	width:775px;
	margin:0 auto;
	background:#FFF }
	
p { margin:0 0 15px }
a { color:#AD2829; outline:none }
a:hover { text-decoration:none }

#header { width:775px; height:350px; position:relative; overflow:hidden; background:#FFF }
#header .nav { float:left; width:210px }
#header .menu {
	position:absolute;
	top:85px;
	left:0;
	font-size:11px;
	padding:8px 15px 13px 15px;
	width:180px;
	float:left;
	background:url(img/bgmenu.jpg) repeat-x }

#header .menu ul {
	list-style:none;
	font-weight:bold;
	width:180px }
	
#header .menu li a { 
	color:#FFF;
	padding:1px 0 1px;
	display:block;
	text-decoration:none }
	
#header .menu li a:hover {
	padding:1px 0 1px 5px;
	background:#7E2829 }
	
#header .menu li { border-bottom:1px solid #C26057 }
#header .menu li.end { border:0 }

#header h1 {
	position:absolute;
	top:0;
	left:0;
	width:210px;
	height:85px }
	
#header h1 a {
	background:url(img/logotipo.gif) no-repeat center center;
	width:210px;
	display:block;
	height:85px }
	
#header h1 span,
#header h2 span { display:none }

#header .url {
	position:absolute;
	top:0;
	right:0;
	background:#FFF url(img/bgheader_url.jpg) repeat-x;
	float:left;
	font-size:11px;
	padding:23px 0 0 15px;
	width:550px;
	height:37px }
	
#header .url a { color:#BBB; text-decoration:none }

#header .destaque {
	width:565px; 
	height:290px; 
	position:absolute;
	right:0;
	top:60px;
	background:#FFF url(img/loading.gif) no-repeat center center }

#header .login {
	line-height:13px;
	padding:11px 15px 10px 15px;
	background:#FFF url(img/bglogin.jpg) no-repeat left bottom;
	position:absolute; top:0; right:0;
	width:180px;
	font-size:11px }

#header .login h2 {
	height:33px;
	background:#FFF url(img/h2_area-restrita.jpg) no-repeat }

#header .login label {
	float:left;
	margin-bottom:5px;
	width:85px }
	
#header .login label.left { margin:0 8px 0 0 }
	
#header .login .text {
	font-size:11px;
	padding:2px 0 0 2px;
	border:1px solid #CCC;
	background:#EEE;
	width:83px;
	height:16px }
	
#header .login .button { float:right }
h2 span { display:none }
h3 { color:#AD2829; background:#DEB7B8; clear:both; margin:0 0 10px; font-size:16px; padding:5px }
#content { clear:both }

#home .c1,
#home .c2,
#home .c3 { float:left; padding:0 10px 0 10px; overflow:hidden }

#home .c1 { width:180px; padding:0 15px 0 }
#home .c2 { width:345px; padding:0 10px 2px 0 }
#home .c3 { width:190px; padding:20px 10px 2px 10px }

#home .c1 {
	line-height:15px;
	color:#666;
	font-size:11px }

#middle, h2 { clear:both }	
#middle h2 { margin:0 0 10px }	
.empresa h2 { background:url(img/h2_gre.jpg) no-repeat; height:71px }
.cursos h2, .curso h2 { background:url(img/h2_cursos.jpg) no-repeat; height:32px }
.links h2 { background:url(img/h2_links-uteis.jpg) no-repeat; height:33px }
.centros h2 { background:url(img/h2_centros.jpg) no-repeat; height:38px }
.historico h2 { background:url(img/h2_nossa-historia.jpg) no-repeat; height:32px }
.dicas h2, .dica h2 { background:url(img/h2_dicas.jpg) no-repeat; height:35px }
.atividades h2 { background:url(img/h2_atividades-comunitarias.jpg) no-repeat; height:32px }
.fale h2 { background:url(img/h2_fale-conosco.jpg) no-repeat; height:32px }
.imprensa h2 { background:url(img/h2_imprensa.jpg) no-repeat; height:32px }
.colaboradores h2 { background:url(img/h2_colaboradores.jpg) no-repeat; height:32px }
.instituicoes h2 { background:url(img/h2_instituicoes.jpg) no-repeat; height:32px }
.ensino h2 { background:url(img/h2_ensino.jpg) no-repeat; height:32px }
.galeria h2 { background:url(img/h2_galeria-de-fotos.jpg) no-repeat; height:32px }
.galeria h2.A { background:url(img/h2_mais-galerias.gif) no-repeat; height:32px }

.detail { font-size:13px }
.detail, .home { /*background:#EEE url(img/bgcontent.jpg) repeat-x;*/ padding:30px 115px 30px 115px; margin:0 0 10px; overflow:hidden  }
.cursos { padding:20px 10px 20px 10px; background:#EEE url(img/bgcursos.jpg) repeat-x }
.cursos ul, .curso ul { list-style:none }
.cursos ul li.destaque, .curso ul li { background:url(img/seta_destaque.gif) no-repeat left center }
.cursos ul li, .curso ul li {
	margin:0 0 10px;
	line-height:15px;
	background:url(img/seta_secundario.gif) no-repeat left center; 
	padding:0 0 0 20px }
.cursos ul li .titulo, .curso ul li .titulo { 
	display:block; 
	line-height:18px;
	color:#AD2829; 
	font-weight:bold; 
	font-size:15px }

.curso ul { font-size:11px }
.curso .info { padding:0 20px 20px 20px; color:#333 }
.curso .arquivo { float:right; margin:0 0 20px 20px; padding:3px; border:1px solid #CCC; background:#FFF}
	
.dicas { background:#EEE url(img/bgdicas.jpg) repeat-x; padding:10px 10px 20px 10px; margin:0 0 10px; clear:both }
.dicas ul, .detail ul { list-style:none; margin:0 0 10px }
.dicas ul li, .detail ul li { background:url(img/seta-red.gif) no-repeat left 5px; padding:0 0 0 10px }
.dicas ul li a { color:#000; font-weight:bold }
.dica ul { margin:0 0 0 10px }
.dica ul li { margin:0 0 10px }

.detail ul li span { display:block }
.links ul li { margin:0 0 15px; line-height:15px; padding:0 20px 0 10px }
.atividades ul li { margin:0 0 15px; line-height:18px; padding:0 0 10px 10px; border-bottom:1px solid #CCC }
.atividades ul li img { margin:5px 0 5px }

.historico img { margin:5px 15px 15px 0 }

.fale ul { margin:0 0 35px 25px } 
.fale form { background:#FFF; border:1px solid #CCC; padding:20px; float:left; margin:0 0 25px }
.fale label { float:left; width:505px; margin:0 0 5px  }
.fale label span { float:left; width:100px; border-bottom:1px solid #CCC; margin:0 5px 0 0 }
.fale label span.end { border:0 }
.fale input.button { font-weight:bold; padding:5px }

.cadastro form { background:#F3F3F3; border:1px solid #CCC; padding:20px; float:left; font-size:11px; margin:0 0 25px }
.cadastro label { float:left; width:505px; margin:0 0 5px  }
.cadastro label span { float:left; width:160px; color:#666; border-bottom:1px solid #CCC; margin:0 5px 0 0; padding:1px 0 2px }
.cadastro label span.end { border:0 }
.cadastro input.button { font-weight:bold; padding:5px }
.cadastro input.text,
.cadastro textarea { font-size:11px; padding:2px; color:#CC0000; font-family:"Trebuchet MS" }
.cadastro input.checkbox,
.cadastro input.radio { margin:0 5px 0 0 }
.cadastro p { margin:0 0 15px }

.imprensa ul li img { margin:5px 0 0 0 }

.galeria .data { display:block; color:#666 }
.galeria .titulo { font-size:18px; letter-spacing:-1px; margin:0 0 5px; display:block; color:#7E2829 }
.galeria .big { float:left; width:446px }
.galeria .big img { border:3px solid #DDD }

.galeria ul.thumbs { float:left; width:80px  }
.galeria ul.thumbs li { background:none; margin:0 0 1px }
.galeria ul.thumbs li img { border:1px solid #DDD; cursor:pointer }

.galeria ul.mais { margin:15px 0 0 0 }	
.galeria ul.mais li { margin:0 0 10px; float:left; width:100%; margin:0 0 5px; padding:0 0 5px 10px; border-bottom:1px dotted #CCC }
.galeria ul.mais li a { font-weight:normal }
.galeria ul.mais li a img { float:left; margin:0 10px 0 0 }
.galeria ul.mais li .data { display:inline }

.dica ul { list-style:none }
.dica ul li { float:left; margin-bottom:20px; background:none; width:235px; color:#666; font-size:11px; line-height:15px; padding:0 0 20px; text-align:center }
.dica ul li.left { margin-right:30px }
.dica ul li img { width:235px; margin:0 0 10px }

.instituicoes table tr td{ padding:15px }

.ensino ul { list-style:none }
.ensino ul li { padding:15px 0; float:left; width:100%; background:none; border-bottom:2px dotted #CC0000 }
.ensino ul li .titulo { font-weight:bold; display:block; margin:0 0 10px } 
.ensino ul li img { float:left; margin:0 10px 10px 0 } 

#footer {
	position:relative;
	background:url(img/bgfooter.jpg) no-repeat 50px 35px;
	clear:both;
	height:50px;
	padding:30px 0 10px 210px }
	
#footer a.dev {
	position:absolute;
	top:30px;
	right:30px;
	width:50px;
	height:20px;
	background:url(img/logo-ralis.gif) no-repeat;
	text-indent:-100000px }
