* { margin:0; padding:0 }

body { font:13px "Trebuchet MS"; background:#00928F url(img/bgbody.jpg) repeat-x top; line-height:18px }

#all { width:775px; margin:0 auto; background:#FFF }

a { color:#CC0000 }
a:hover{ color:#FF0000 }

#header { height:188px; position:relative; background:url(img/bgheader.jpg) no-repeat }

#header  #about { position:absolute; top:15px; left:35px }
#header #about a { 
	width:250px; 
	height:70px; 
	display:block  }
	
#header #about h1,
#header #about h2,
#header #about h3 { display:none }

#header #login { position:absolute; bottom:50px; left:10px; width:300px }
#header #login div { float:left }
	
#header #login h2 { display:none }	
#header #login label span { font:bold 11px Arial; color:#FFF }
#header #login label input.text { padding:1px; height:17px; font-size:11px; margin:0 0 2px; width:80px; border:0 }
#header #login input.button { float:right; margin:0 0 0 2px }

#header .dadoslogin { width:230px; text-align:right; font-size:11px; position:absolute; top:10px; left:340px; color:#FFF }
#header .dadoslogin a { color:#CCC }

#header #menu { height:40px; position:absolute; bottom:0; left:0; background:#AD2829 url(img/bgmenu.jpg) }
#header #menu ul { list-style:none }
#header #menu ul li { float:left; border-right:1px solid #D74E42  }
#header #menu ul li.last { border:0  }
#header #menu ul li a { display:block; height:40px}
#header #menu ul li a span { display:none }

#menu ul li.home a { background:url(img/menu_home.gif) center top; width:63px }
#menu ul li.quem a { background:url(img/menu_quem.gif) center top; width:111px }
#menu ul li.cadastre a { background:url(img/menu_cadastre.gif) center top; width:100px }
#menu ul li.noticias a { background:url(img/menu_noticias.gif) center top; width:80px }
#menu ul li.galerias a { background:url(img/menu_galerias.gif) center top; width:138px }
#menu ul li.cursos a { background:url(img/menu_cursos.gif) center top; width:161px }
#menu ul li.fale a { background:url(img/menu_fale.gif) center top; width:116px }

#menu ul li a:hover { background-position:center -40px }

#container { padding:15px; float:left; background:#FFF; width:745px }
#container.home #news,
#container.home  #cursos,
#container.home  #banners  	{ float:left; overflow:hidden }
#container.home #news 	 	{ width:250px; margin:0 15px 0 0  }
#container.home  #cursos 	 	{ width:340px; margin:0 15px 0 0 }
#container.home  #banners 	{ width:125px }
 
#container.detail div { width:745px }

h2 { height:28px; border-bottom:1px solid #457069; clear:both }
h2 span { color:#457069 }
#quem h2 { margin:0 0 10px }

#cursos ul { list-style:none }
#cursos ul li { 
	border-bottom:2px dotted #CCC; 
	padding:10px 0 10px }
#cursos ul li .titulo { font-size:16px; font-weight:bold; display:block }
#cursos ul li .data { font-weight:bold; color:#457069 }

#cursos.detail .titulo { font-size:30px; font-weight:bold; letter-spacing:-1px; display:block; padding:15px 0 0 0 }
#cursos.detail .data,
#cursos.detail .local { color:#457069; margin:0 0 10px }
#cursos.detail .descricao { padding:15px 0 0 0 }
#cursos.detail ul li .titulo { font-size:16px; font-weight:bold; display:block; padding:0 }
#cursos.detail ul li .descricao { padding:0 }
#cursos.detail img { border:0 }

#news.home ul { list-style:none; padding:10px 0 10px }
#news.home ul li { border-bottom:2px dotted #CCC; padding:0 0 10px; margin:0 0 10px }
#news.home ul li .titulo { font-size:15px; font-weight:bold; display:block }
#news.home ul li .data { color:#999 }

#banners.home ul { list-style:none }
/*#banners.home ul li { margin:0 5px 5px; width:135px; height:135px; float:left; }
#banners.home ul li a { width:135px; height:160px; display:block }*/
#banners.home ul li { margin:0 0 15px }
#banners.home ul li a {display:block }
#banners.home ul li a img  { border:0 }

#news.detail .titulo { font-size:22px; font-weight:bold; padding:15px 0 0 0; display:block }
#news.detail .data { color:#999 }
#news.detail .texto { padding:15px 0 0 0; margin:0 0 20px }
#news.detail .arquivo { margin:0 0 15px 15px; float:right; width:300px }
#news.detail .arquivo img { border-top:3px solid #CCC; border-bottom:3px solid #CCC }
#news.detail .arquivo .legenda { display:block; color:#666; text-align:center; padding:5px 0 5px }

#news.detail ul { list-style:none; padding:10px; background:url(img/bgnews.jpg) repeat-x top }
#news.detail ul li { border-bottom:2px dotted #CCC; padding:5px 0 5px }
#news.detail ul li a { text-decoration:none }
#news.detail ul li .titulo { font-size:13px; font-weight:bold; display:inline }
#news.detail ul li .data { color:#999; display:inline; border-right:1px solid #CCC; padding:0 5px 0 0 }

#quem img { margin:0 0 10px 10px; border:3px solid #CCC; padding:1px }

#fale { position:relative }
#fale form { padding:20px; margin:0 0 25px }
#fale label span { float:left; width:110px; border-bottom:1px solid #CCC; color:#999; margin:0 5px 0 0 }
#fale label span.end { border:0 }
#fale input.text,
#fale textarea { font:13px Arial; margin:0 0 5px; padding:2px; border:1px solid #BBB }
#fale input.button { font-weight:bold; padding:5px }
#fale img { position:absolute; right:0; top:-10px }

#cadastro form { padding:20px; margin:0 0 25px }
#cadastro fieldset,
#talentos fieldset { border:0; margin:0 0 10px }
#cadastro legend,
#talentos legend { font-size:18px; font-weight:bold; border-top:2px solid #CC0000; color:#CC0000; padding:5px; display:block; width:100% }
#cadastro td,
#talentos td { padding:5px; font-size:11px }
td.label { width:150px; background:#FFF }
td.input { background:#E5E5E5; width:500px; font-weight:bold }
#cadastro input.text,
#cadastro textarea { font:13px Arial; padding:2px; border:1px solid #BBB }
#cadastro input.button { font-weight:bold; padding:5px }

#cadastro { position:relative }
#cadastro p.intro { padding:0 220px 0 0; display:none }
#cadastro img { position:absolute; right:0; top:20px }

#talentos form { margin:15px 0 15px }
#talentos table { font:11px Tahoma }
#talentos table thead th { border-bottom:2px solid #CCC; padding:3px; background:#DDD }
#talentos table tr.bg td { background:#FFF }
#talentos label span { float:left; width:100px }

#galerias.detail .titulo { font-size:22px; font-weight:bold; letter-spacing:-1px; padding:15px 0 0 0 }
#galerias.detail .data { color:#999 }
#galerias.detail .descricao { padding:15px 0 0 0 }

#galerias.detail .arquivo { margin:15px 0 5px; background:#FFF; padding:20px 0 20px; position:relative; width:100%; float:left }
#galerias.detail .arquivo a.prev { 
	position:absolute; left:50px; top:20px; 
	width:40px; height:43px; text-indent:-1000000px;
	background:url(img/seta-galeria-left.jpg) }
#galerias.detail .arquivo a.next {
	position:absolute; right:50px; top:20px;
	width:40px; height:43px; text-indent:-1000000px;
	background:url(img/seta-galeria-right.jpg)  }
#galerias.detail .arquivo #img { left:50%; width:470px; height:353px; margin:0 0 0 -235px; position:relative; background:url(img/loading.gif) no-repeat center center }
#galerias.detail .arquivo .legenda { display:block; color:#666; text-align:center; padding:5px 0 5px }

#galerias.detail ul.thumbs { list-style:none }
#galerias.detail ul.thumbs li { display:inline }
#galerias.detail ul.thumbs li img { cursor:pointer }

#galerias.detail ul.more { list-style:none; padding:10px; background:url(img/bgnews.jpg) repeat-x top }
#galerias.detail ul.more li { border-bottom:2px dotted #CCC; padding:10px 0 10px; float:left; width:725px }
#galerias.detail ul.more li a { text-decoration:none }
#galerias.detail ul.more li img  { padding:2px; border:1px solid #CCC; background:#FFF; margin:0 10px 0 0}
#galerias.detail ul.more li .titulo { font-size:15px; font-weight:bold }
#galerias.detail ul.more li .data { color:#999; padding:0 5px 0 0 }
#galerias.detail ul.more li a .descricao { color:#000; padding:0 }

.paginador { display:block; background:#EEE; padding:5px 0 5px; text-align:right; clear:both }
.paginador ul { list-style:none; display:inline; }
.paginador ul li { display:inline; color:#FFF; font-weight:bold; border-bottom:0; padding:5px 5px 5px 0 }
.paginador ul li.fim { border:0 }
.paginador ul li a { color:#999 }
.paginador ul li a:hover { color:#457069 }

#footer { 
	position:relative;
	height:25px; float:left; width:725px;
	background:#FFF;
	padding:15px 25px 35px 25px; color:#666 }
	
#footer a.dev {
	position:absolute; top:10px; right:25px;
	width:50px;	height:20px;
	text-indent:-1000000px;
	background:url(img/logo-ralis.gif) }