@charset "utf-8";

/* Resetando Elementos */
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%;vertical-align: baseline;background: transparent;}
body{line-height: normal}
ol, ul {list-style: none}
blockquote, q {quotes: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table{border-collapse: collapse;border-spacing: 0}
a {text-decoration:none}
a:hover {text-decoration:none}
html {overflow: -moz-scrollbars-vertical} /* Firefox sempre com barra */

*{font-family: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;}

body{
	font-size:13px;
	background:#072121;
	color:#dfdfdf;
}

#geral{
	width: 930px;
	margin: auto;
	background: #072121;
	display:table;
}

h2 {text-indent: -10000px; overflow: hidden;}

#topo{ display:table; width:930px; height:132px; background: url(img/topo.jpg) no-repeat #072121;}

#titulo a{ position:absolute; width:280px; height:69px; margin:37px 0 0 10px; display:block; text-indent: -10000px;}

#menu{

	width: 578px;
	margin-top:62px;
	margin-left:352px;
}

#menu li{ display:inline; }

#menu li a{
	font-family: "Trebuchet MS";
	font-size:16px;
	color:#fff;
	text-transform:uppercase;
	margin-right: 6px;
	padding:2px 10px;
	text-decoration:none;
}

#menu li a:hover{ color:#F90;}

#menu .m3{ padding-left:7px}
#menu .m4{ padding-left:6px}
#menu .m5{ padding-left:4px}

#imgprincipal{float:left;width:609px;height:210px;}

#imgprincipal img{
	width:609px;
	height:157px;
	border:10px solid #041717;
}

#caption {
	zoom: 1;
	background:#072121;
	color:white;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	display:none;
	width:168px;
	height:19px;
	margin:180px 0 0 -189px;
	padding:5px 10px;
	position:absolute;
	text-align:center;
}
#caption a{color:white}

#noticias{
	float:right;
	margin-left:17px;
	margin-right:5px;
	width:275px;
}

#noticias li{margin:10px 0}

#noticias a{color:#999;}

#noticias a:hover{color:#CD6719;}

#noticias a.rss {
	margin:-32px 5px 0 0;
	display:block;
	float:right;
}

#noticias .noticias{
	background:url(img/noticias.jpg) no-repeat;
	height: 26px;
	border-bottom:#2F4545 solid 1px;
	margin-bottom: 5px;
	padding-bottom:3px;
}

#noticias p{
	border-bottom:#2F4545 solid 1px;
	margin-bottom: 5px;
	padding-bottom:6px;
}

#conteudo{display:table;}

#conteudo2{
	background:url(img/bgcinza.jpg) repeat-x;
	width: 928px;
	height:186px;
	margin-top:20px;
}

#desenvolvimento{
	float:left;
	margin-left:5px;
	margin-right:5px;
	padding-top: 10px;
	width:275px;
}

#desenvolvimento a{color:#072121;}
#desenvolvimento a:hover{color:#CD6719;}

#desenvolvimento .desenvolvimento{
	background:url(img/desenvolvimento.jpg) no-repeat;
	height: 26px;
	margin-bottom: 5px;
}

#desenvolvimento p{
	margin-bottom: 5px;
	margin-top:5px;
}

#desenvolvimento img{border:5px solid #999;}

#desenvolvimento img:hover{border:5px solid #777;}

#hospedagem{
	float:left;
	margin-left:35px;
	margin-right:5px;
	padding-top: 10px;
	width:275px;
}

#hospedagem a{color:#072121;}
#hospedagem a:hover{color:#CD6719;}

#hospedagem .hospedagem{
	background:url(img/hospedagem.jpg) no-repeat;
	height: 26px;
	margin-bottom: 5px;
}

#hospedagem p{
	margin-bottom: 5px;
	margin-top:5px;
}

#hospedagem img{border:5px solid #999;}
#hospedagem img:hover{border:5px solid #777;}

#depoimento{
	float:left;
	margin-left:35px;
	margin-right:5px;
	padding-top: 10px;
	width:285px;
}

#depoimento a{color:#072121;}
#depoimento a:hover{color:#CD6719;}

#depoimento .depoimento{
	background:url(img/depoimento.jpg) no-repeat;
	height: 26px;
	margin-bottom: 5px;
}

#depoimento p, .aspa1, .aspa2{
	margin-bottom: 5px;
	margin-top:5px;
}

#depoimento .aspa1{
	background:transparent url(img/aspa1.gif) no-repeat scroll 0 0;	
	float:left;
	height:22px;
	margin-right:5px;
	width:100%;
}

#depoimento .aspa2{
	background:transparent url(img/aspa2.gif) no-repeat scroll 0 0;
	float:right;
	height:21px;
	margin-top:-10px;
	width:31px;
}

#interna{
	float:left;
	width:609px;
	padding:0 0 25px 20px;
	background:url(img/interna.jpg) 0px -28px no-repeat;
}

#interna h1{font-size:22px}
#interna p{margin:15px 0 0 0; line-height:18px}
#interna a{color:#dfdfdf}
#interna a:hover{color:#F90}

.data{font-size:11px}

#portfolio img{border:1px solid #fff;float:left;margin:0 5px 10px 0;}
#portfolio li{display:block; clear:both; margin-bottom:10px;}
#portfolio .sitetitulo{font-weight:bold; font-size:14px;}

#contato #contact{margin:20px 0 0 50px;font-size:15px}
#contato .formulario{padding:10px 0 0 40px}

/* Styles for the entire LavaLamp menu */
.lavaLamp {position: relative;height: 35px; width: 576px;overflow: hidden;}
.lavaLamp li {float: left;}
.lavaLamp li.back {background: url("img/seta.gif") no-repeat right;width: 9px;height: 30px;margin:25px 0 0 0;position: absolute;}
.lavaLamp li.back .left {background: url("img/seta.gif") no-repeat top center;height: 20px;}
.lavaLamp li a {position: relative;overflow: hidden;}


.label{position:absolute; padding:7px 0 0 5px;font-size:13px;color:#999}


.formulario input, .formulario textarea, .formulario select{
	display:block;
	margin-top:4px;
	width:450px;
	font-size:14px;
}

.formulario fieldset{
	width:530px;
	padding:10px;
	margin-bottom:10px;
}

.formulario legend{
	font-size:14px;
	padding:0 4px;
}

.formulario .botao{width:80px; height:23px;}

/*
.formulario span, .formulario li{
	color:#999;	
}

.formulario input, .formulario textarea, .formulario select{
	display:block;
	border:1px solid #777;
	background:#ccc;
	padding:3px;
	height:14px;
	width:450px;
	margin-top:5px;
}

.formulario select{height:22px; padding:1px;}
.formulario .radio{display:inline;width:20px}
.formulario .botao{width:80px; height:23px;}
.formulario textarea{height:100px;}
*/
#noticia_texto{margin-top:20px}
#noticia_texto ul{margin-top:15px}
#noticia_texto ul li{list-style: inside disc; margin:5px 0 5px 15px}
#noticia_texto ol li{list-style: inside decimal; margin:5px 0 5px 15px}
#noticia_texto a, #noticia_texto a:hover{text-decoration:underline}

#noticia_foto{float:right;margin:10px}
#noticia_foto img{border:1px solid #ddd}

#rodape{clear:both; height:25px; padding: 15px 0 10px 0; text-align:center; color:#999;}