@charset "iso-8859-1";

/**** GERAL ****/
body {behavior: rl(css/csshover3.htc);} /* inclui efeito :hover, :active e :focus para Internet Explorer 6 */
body {margin:0; padding:0; background:#040404; color:#a1a1a1;}
a{outline:none;}
#geral {position:relative; padding:0; margin:0 auto;}
#topo, #topo2, #conteudo, #rodape {margin:0 auto; width:999px;}
a, a:visited, a:link, a:active, a:hover {text-decoration:none; color:#a1a1a1;}

/*** retirar background vasado
#geral {margin:0 auto; width:999px;}
******/

/**** TOPO ****/
#bg-topo {
	margin:0;
	padding:0;
	background:url(../imagens/background/bg_topo.gif) repeat-x;
	height:350px;}

#topo {
	position:relative;
	background:url(../imagens/background/bg.jpg) no-repeat;
	height:350px;}

#bg-topo2 {
	margin:0;
	padding:0;
	background:url(../imagens/background/bg_topo2.gif) repeat-x;
	height:188px;}

#topo2 {
	position:relative;
	background:url(../imagens/background/bg2.jpg) no-repeat;
	height:188px;}
	
/* logo */
#logo {
	position:absolute;
	width:303px;
	height:91px;
	left:55px;
	top:35px;}

#txtlogo {
	position:absolute;
	font:14px Tahoma, Geneva, sans-serif;
	color:#909090;
	font-weight:bold;
	width:257px;
	left:26px;
	bottom:13px;
	word-spacing:1px;}

#logo a:link, #logo a:visited{text-decoration:none;}

/* box */
#box {
	background:url(../imagens/box/mut.gif) no-repeat left top;
	position:absolute;
	width:380px;
	height:134px;
	top:135px;
	left:20px;}
	
#box p {
	margin-top:33px;
	text-align:justify;
	font:14px Arial, Helvetica, sans-serif;}

#box2 {
	background:url(../imagens/box/box.png) no-repeat;
	position:absolute;
	width:454px;
	height:194px;
	left:405px;
	top:75px;}

div.boxnovi {
	overflow:hidden;
	width:383px;
	height:141px;
	position:absolute;
	left:444px;
	top:107px;}

div.feixe {
	position:absolute;
	top:0px;
	left:0px;
	width:383px;
	height:151px;
	background-color:#000;
	z-index:997;
	display:none;}
	
#bnovi {left:429px;	top:91px;}
	
/**** MENU ****/

#menu {
	position:absolute;
	top:22px;
	left:304px;
	width:605px;
	height:51px;}

#menu li {
	list-style:none;
	margin:0; 
	padding:0;
	float:left;}

#menu span {display: none;}
#menu a, #menu .hover {height:51px; display:block;}

a#menu_home {
	background:url(../imagens/menu/home.gif) no-repeat top left;
	width:152px;}
	
a#menu_home .hover {
	background:url(../imagens/menu/home.gif) no-repeat bottom left;
	width:152px;}

a#menu_sobre {
	background:url(../imagens/menu/sobre.gif) no-repeat top left;
	width:104px;}
	
a#menu_sobre .hover {
	background:url(../imagens/menu/sobre.gif) no-repeat bottom left;
	width:104px;}
	
a#menu_portfolio {
	background:url(../imagens/menu/portfolio.gif) no-repeat top left;
	width:141px;}
	
a#menu_portfolio .hover {
	background:url(../imagens/menu/portfolio.gif) no-repeat bottom left;
	width:141px;}
	
a#menu_blog {
	background:url(../imagens/menu/blog.gif) no-repeat top left;
	width:99px;}
	
a#menu_blog .hover {
	background:url(../imagens/menu/blog.gif) no-repeat bottom left;
	width:99px;}
	
a#menu_contato {
	background:url(../imagens/menu/contato.gif) no-repeat top left;
	width:109px;}
	
a#menu_contato .hover {
	background:url(../imagens/menu/contato.gif) no-repeat bottom left;
	width:109px;}
	
/**** CONTEUDO ****/
#bg-conteudo {
	margin:0;
	padding:0;
	background:url(../imagens/background/bg_conteudo.gif) repeat-x top;
	height:48px;
	*height:100%;} /*Linha para o IE 7 */
	
.cont_img {
	padding:1px; 
	margin:90px 0 0 29px; 
	border:5px solid #313131;}

#conteudo p {font:14px Arial, Helvetica, sans-serif; 
	text-align:justify; 
	margin:10px 29px 0 25px; 
	*margin-top:6px; /*Linha para o IE 7 */
	padding-bottom:35px;}

#conteudo {height:auto}

#ctcentral, #ctdireita, #ctesquerda {width:333px; float:left;}
#ctcentral {
	background:url(../imagens/outros/portfolio_c.gif) no-repeat center 24px;}

#ctdireita {
	background:url(../imagens/outros/contato_c.gif) no-repeat center 24px;}

#ctesquerda {
	background:url(../imagens/outros/sobre_c.gif) no-repeat center 24px;}
	
/**** RODAPE ****/
#bg-rodape {
	background:url(../imagens/background/bg_rodape.gif) repeat-x center 4px;
	height:30px;
	clear:both;}

#rodape, #col_direita {font: 14px Arial, Helvetica, sans-serif; color:#666;}
#rodape a, #col_direita a {text-decoration:none; color:#666;}

#copyright {
	background:url(../imagens/background/bgrodape.jpg) no-repeat center top;
	height:41px;	
	text-align:center;
	font:12px Tahoma, Geneva, sans-serif;}
	
#ro_esquerda, #ro_central, #ro_direita {float:left; padding:50px 0 0 20px; height:156px;}
#ro_central {
	background:url(../imagens/rodape/amigos.gif) no-repeat 20px 10px;
	aborder-left:1px solid #212121;
	width:385px;}
	
#ro_central ul {margin:0; padding:0;}
#ro_central li {list-style:none;}
#ro_central li a:hover {color:#bababa;	border-bottom:1px #bababa dotted;}
#ro_esquerda {background:url(../imagens/rodape/contato.gif) no-repeat 20px 10px; width:235px;}

#ro_direita {background:url(../imagens/rodape/social.gif)  no-repeat 20px 10px;
	aborder-left:1px solid #212121;
	width:315px;}
	
#rpcDir {float:right;}
#rpcEsq {float:left;}
#rpcDir, #rpcEsq {width:49%; padding-right:10px;}
#ro_direita img {padding:3px; border:none;}
#ro_direita img:hover {border: 1px dotted #A9DF02; padding:2px;}
.divisor {background:url(../imagens/background/barra.gif) no-repeat center; width:2px; height:156px; float:left;}


/**** SOBRE e CONTATO ****/
#sobre {background:url(../imagens/outros/sobre_c.gif) no-repeat 30px 24px; float:left;}
#contato {background:url(../imagens/outros/contato_c.gif) no-repeat 30px 24px; float:left;}
#sobre img {width:auto; height:auto; margin-right:15px;}
#sobre p, #contato p {padding:2px; *padding:4px;}
#col_esquerda, #col_direita {float:left; width:499px;}

/* formulario */
#formulario td {font:15px Verdana, Geneva, sans-serif; padding:10px 0 10px 25px; vertical-align:middle;}
#formulario input {background:url(../imagens/background/bg_input.jpg) repeat-x; height:27px; display: table-cell;padding:0px 5px;}
#formulario textarea {background:url(../imagens/background/bg_txta.jpg) repeat; padding:5px;}
#formulario input, #formulario textarea {border:1px solid #2D2D2D; font:14px Arial, Helvetica, sans-serif; color:#7A7A7A;}
#formulario input:focus, #formulario textarea:focus {border:1px solid #676767;}
#formulario input[type='submit'], #formulario input[type='reset']{
	background:url(../imagens/background/btn.gif) no-repeat; 
	border:none; 
	width:78px; 
	height:34px;
	color:#EEE;
	margin:0;
	padding:0;}
	
#col_d_cont {background:url(../imagens/outros/ct.gif) no-repeat 432px top; padding:2px 0 0 180px; height:100px; text-align:right; padding-right:80px;}
#col_e_cont {background:url(../imagens/outros/mapa.gif) no-repeat 100px top; margin-top:55px; padding:20px 0 0 190px; height:210px; width: 366;}
/**** PORTFOLIO ****/
#portfolio {background:url(../imagens/outros/portfolio_c.gif) no-repeat 30px 24px; float:left;}
#portfolio img {/*border:5px solid #313131; margin:15px 30px;*/}
.col_port {float:left; width:494px; height:auto; margin-top: -30px; margin-bottom: 30px;}
.img_port {position:relative;}
.tit_port {font:16px Tahoma, Geneva, sans-serif; color:#b1ea01; margin-left:30px; float:left;}
.txt_port {background:url(../imagens/outros/seta.gif) no-repeat 30px center; font:14px Arial; padding-left:60px; width:367px; text-align:justify;}
.novi, #bnovi {background:url(../imagens/box/novidade.png) no-repeat; position:absolute; width:103px; height:99px; z-index:998;}
.novi {left:22px; top:7px;}
.links:hover{color:#bababa; border-bottom:1px #bababa dotted;}
#space {padding:75px 0 30px 0; *padding-top:77px;}
.mais{padding: 0px 5px 0px 200px; margin-top:-15px; margin-bottom:15px;}
#error{
	border: 1px solid #F00;
	background:url(../imagens/erro.gif);
	width: 900px;
	height:654;
	margin:auto;
	}

.titulos{cursor: pointer;}
	
	
	
	
/* AQUI COMEÇA O EFEITO DO PORTFÓLIO */

ul.gallery {
	width: 420px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
}
ul.gallery li {
	float: left;
	margin: 10px; padding: 0;
	text-align: center;
	/*border: 1px solid #ccc;
	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; */
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.gallery li a.thumb {
	width: 420px; /*--Width of image--*/
	height: 140px; /*--Height of image--*/
	/*padding: 5px;*/
	/*border-bottom: 1px solid #ccc;*/
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 420px;
	height: 140px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #420; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li h2 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0; padding: 10px;
	background: #f0f0f0;
	/*border-top: 1px solid #fff;*/ /*--Subtle bevel effect--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

#abas{
	margin-bottom: 50px;
	
}
#abas li{
	display:inline;
}

#abas #li1{
	margin-left: 150px;
}

#abas #li2{
	margin-left: 240px;
}
	
#abasport {
	background-image:url(../imagens/bgabas.jpg);
	background-repeat:no-repeat;
	width: 649px;
	height: 66px; 
	float:right;
	margin-top: -10px;
	padding: 10px;}