* { margin:0; padding:0 }

body {
	color:#777;
	font:11px "Trebuchet MS", Arial, Sans-serif;
	background:#000 }

a { color:#FF2A00 }
a:hover { color:#FF6835 } 
	
#all {
	width:775px;
	margin:0 auto }
	
#c1, #menu, #content { float:left; overflow:hidden }
#c1 { width:175px; padding:30px }
#menu { width:540px; height:315px }
#content { width:500px; padding:20px 20px 20px 0 }

h2 { font-size:20px; letter-spacing:-1px; margin:0 0 10px }
h3 { font-size:16px; letter-spacing:-1px; margin:0 0 5px; color:#FF2A00; border-bottom:1px solid #FF2A00; padding:0 0 5px }

#c1 h2 { color:#FFF; margin:25px 0 10px }
#content h2 { color:#FF2A00 }
#content p { color:#FFF; font-size:13px; line-height:18px; margin:0 0 15px }
p { margin:0 0 10px; line-height:15px }

.servicos img { margin:0 0 10px 10px; padding:3px; border:1px solid #111 }
.equipamentos img { margin:0 0 10px }

.eventos ul.all { list-style:none }
.eventos ul.all li { float:left; width:154px; margin:0 10px 0 0; height:190px; overflow:hidden }
.eventos ul.all li .titulo { color:#FF2A00; font-weight:bold; font-size:13px }
.eventos ul.all li .data { color:#FFF }
.eventos ul.all li img { width:150px; height:110px }
.eventos ul.all li a img { border-color:#333 }
.eventos ul.all li a:hover img { border-color:#FF2A00 }

/* GALERIA DE FOTOS ---------------------------------*/	
#eventos ul { list-style:none }

#eventos ul li {
	float:left;
	padding:10px 0; 
	border-bottom:1px dotted #CCC }
	
#eventos  .data { color:#999 }

#eventos  .titulo {
	margin-bottom:5px;
	letter-spacing:-1px;
	font-size:25px }

#eventos  ul li .titulo { 
	font-size:15px;
	letter-spacing:normal;
	font-weight:bold }

#eventos img { 
	border:0;
	margin-right:10px }	
	
#eventos a img,
#eventos .thumbs a { border:2px solid #333 }	
#eventos a:hover img,
#eventos .thumbs a:hover { border:2px solid #CC0000 }	

#eventos .numfotos { color:#CC0000 }
		
#eventos a.more {
	display:block;
	clear:both;
	background:url(img/bg-morelink.gif) no-repeat right center;
	padding:9px 30px 10px;
	text-align:right;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	color:#333 }

#eventos a.more:hover { color:#FF8E04 }

#eventos p {
	font-size:13px;
	clear:both }

#eventos ul li p { 
	font-size:11px;
	clear:none; 
	margin:0 }

#eventos .thumbs { clear:both }
	
#eventos .thumbs a  {
	float:left;
	margin:0 5px 5px 0;
	width:35px;
	height:35px;
	text-indent:-1000000px;
	display:block }

.paginador { padding:10px 0 0 0; border-top:1px solid #666; clear:both }

.contato input,
.contato select,
.contato textarea { font:13px "Trebuchet MS", Sans-serif; border:1px solid #666; background:#333; color:#FFF }

#footer { height:25px; clear:both; margin:10px 0 10px 0; padding:20px; color:#333; border-top:1px solid #333 }
#footer .copy { float:right; }
#footer .dev { float:left }
#footer .dev a {
	text-indent:-1000000px;
	width:60px;
	display:block;
	height:28px;
	background:url(img/logo-ralis.gif) 0 -28px }
#footer .dev a:hover { background:url(img/logo-ralis.gif) 0 0 }

/* GALERIA DE FOTOS ---------------------------------*/	
#galerias ul { list-style:none }

#galerias ul li {
	float:left;
	padding:10px 0; 
	border-bottom:1px dotted #CCC }
	
#galerias  .data { color:#999 }

#galerias  .titulo {
	margin-bottom:5px;
	letter-spacing:-1px;
	font-size:25px }

#galerias  ul li .titulo { 
	font-size:15px;
	letter-spacing:normal;
	font-weight:bold }

#galerias img {
	border:0;
	margin-right:10px }	
	
#galerias a img,
#galerias .thumbs a { border:2px solid #DDD }	
#galerias a:hover img,
#galerias .thumbs a:hover { border:2px solid #FF8E04 }	

#galerias .numfotos { color:#FF8E04 }
		
#galerias a.more,
#comments a.more {
	display:block;
	clear:both;
	background:url(img/bg-morelink.gif) no-repeat right center;
	padding:9px 30px 10px;
	text-align:right;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	color:#333 }

#galerias a.more:hover,
#comments a.more:hover { color:#FF8E04 }

#galerias p {
	font-size:13px;
	clear:both }

#galerias ul li p { 
	font-size:11px;
	clear:none; 
	margin:0 }

#galerias .thumbs { clear:both }
	
#galerias .thumbs a  {
	float:left;
	margin:0 5px 5px 0;
	width:35px;
	height:35px;
	text-indent:-1000000px;
	display:block }
