/************************* GLOBAIS *************************/
body{
	margin:0;
	padding:0;
	background:#2e2e2e;	
}
*{
	margin:0;
	padding:0;
	border:none;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#828282;
	list-style:none;
}
p{
	line-height:1.6em;
	margin:0.6em 0 0 0;
}
.formInput{
	background:#FFFFFF;
	border:none;
	height:16px;
	color:#999999;
	padding:2px 3px 0 3px;
	border:solid 1px #FFFFFF;
}
.formInputFocus{
	background:#FFFFFF;
	border:none;
	height:16px;
	color:#828282;
	padding:2px 3px 0 3px;
	border-right:solid 1px #E8E8E8;
	border-bottom:solid 1px #E8E8E8;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
}
#contato .formInput{
	border-color:#CCCCCC;
	width:221px;
}
#contato .formInputFocus{
	width:221px;
}
#contato form div{
	float:left;
	padding:0px 20px 10px 20px;
	width:228px;
}
#contato form span{
	width:540px;
	padding:0;
	margin:0;
	float:left;
	text-align:center;
}
#contato form span img{
	cursor:pointer;
}
#contato #formulario{
	border:solid 1px #EEEEEE;
	border-top:none;
	float:left;
	padding-bottom:10px;
}
#contato #formulario p{
	padding:5px 20px 0 20px;
}
#contato #abas{
	float:left;
	width:540px;
	background:url(/imagens/contato_abas_line.gif) repeat-x bottom;
}

#contato a:link{
	color:#333333;
	text-decoration:none;
}

.nolink{
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	border:solid 1px #EEEEEE;
	border-bottom:0;
	font-size:1.3em;
	color:#999999;
	background-color:#EEEEEE;
	margin-right:2px;
	text-decoration:none;
}
#xx{
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	border:solid 1px #EEEEEE;
	border-bottom:0;
	font-size:1.3em;
	color:#333333;
	margin-right:2px;
	background-color:#FFFFFF;
}
#contato #abas .ativo{
	cursor:default;
}

.atividade {
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	border:solid 1px #EEEEEE;
	border-bottom:0;
	font-size:1.3em;
	color:#333333;
	margin-right:2px;
	background-color:#FFFFFF;
}

.atividade a:link{
	display:block;
	float:left;
	padding:5px 10px 5px 10px;
	border:solid 1px #EEEEEE;
	border-bottom:0;
	font-size:1.3em;
	color:#333333;
	margin-right:2px;
	background-color:#FFFFFF;
}

h1{
	font-size:1.3em;
	color:#333333;
	margin:0;
	line-height:1.6em;
}
h2{
	font-size:1em;
	color:#636363;
	margin:0;
	line-height:1.6em;
}
h2 a{
	background:url(/imagens/marcador.gif) no-repeat 0 5px;
	padding-left:8px;
}
.imgTop, .imgLeft, .imgRight{
	border:solid 3px #f2f2f2;
}
.imgTop{
	display:block;
	margin-bottom:0.4em;
}
imgTopNoBorder{
	display:block;
	margin-bottom:0.4em;
	border:none;
}
#produtos .imgTop{
	border:none;
	margin-bottom:0;
}
.imgLeft{
	float:left;
	margin-right:0.4em;
}
#clientes .imgLeft, #cases .imgLeft{
	border:none;
}
#portfolio .imgLeft{
	margin-right:20px;
}
.imgRight{
	float:right;
	margin-left:0.4em;
}
a:active, a:visited, a:link{
	color:#930000;
	text-decoration:none;
}
a:hover{
	color:#930000;
	text-decoration:underline;
}
.line{
	float:left;
	height:6px;
	margin-bottom:5px;
	border-bottom:dashed 1px #dcdcdc;
}
#clientes .line, #cases .line, #noticias .line{
	display:block;
	float:left;
	width:540px;
	margin:15px 0 15px 0;
}
#portfolio .line{
	display:block;
	float:left;
	width:540px;
	margin:10px 0 15px 0;
	height:1px;
}
#capa p{
	margin:5px 0 0 0;
}
/* (END) GLOBAIS */
/************************* ESTRUTURA *************************/
/************************* RODAPE *************************/
#siteUp{
	display:block;
	float:left;
	width:100%;
	background:#FFFFFF url(/imagens/bg_up.gif) repeat-x 0 35px;
}
#siteDown{
	display:block;
	width:100%;
	float:left;
	height:100px;
	background:url(/imagens/bg_down.gif) repeat-x;
	text-align:center;
	padding-top:15px;
}
#siteDown .links a{
	margin:0 5px 0 5px;
	font-size:13px;
}
#siteDown a:visited, #siteDown a:active, #siteDown a:link{
	color:#FFFFFF;
	text-decoration:none;
	letter-spacing:normal;
}
#siteDown a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	letter-spacing:normal;
}
#siteDown .contato{
	display:block;
	margin:0 auto;
	margin-top:10px;
	width:620px;
	text-align:center;
}
#siteDown .contato div, #siteDown .contato span{
	float:left;
	line-height:normal;
}
#siteDown .contato .tel{
	font-size:24px;
	color:#CCCCCC;
}
#siteDown .contato .end{
	text-align:left;
	color:#CCCCCC;
}
#siteDown .contato span{
	width:1px;
	height:28px;
	background:#585858;
	margin:0 10px 0 10px;
}
#siteDown .creditos{
	clear:both;
	display:block;
	padding-top:10px;
	color:#CCCCCC;
}
#siteDown .creditos .validate{
	padding-right:12px;
	background:url(/imagens/icon_v.gif) no-repeat right 2px;
}
/************************* MARCAÇÃO DOS LINKS DO RODAPÉ *************************/
#capa #rCapa,
#empresa #rEmpresa,
#servicos #rServicos,
#produtos #rProdutos,
#clientes #rClientes,
#portfolio #rPortfolio,
#cases #rCases,
#noticias #rNoticias,
#blog #rBlog,
#contato #rContato,
#mapaDoSite #rMapaDoSite{
	color:#999999;
	text-decoration:none;
	cursor:default;
}
/* (END) RODAPE */
#siteUpCenter{
	width:778px;
	margin:0 auto;
}
#siteUpContent{
	display:block;
	width:inherit;
	float:left;
}
/* (END) ESTRUTURA */
/************************* #siteUpContent *************************/
/************************* TOPO *************************/
#top{
	display:block;
	width:778px;
	float:left;
	background:#FFFFFF;
}
#logo{
	clear:both;
	width:166px;
	height:73px;
	float:left;
	padding:12px 0 0 20px;
}
.iconesweb2{
	width:30px;
	height:25px;
	float:right;
	margin-top:5px;	
}
#login{
	width:582px;
	float:right;
}
#login form{
	float:right;
	background:#eeeeee;
	padding:5px 5px 5px 0;
}
#login form *{
	float:left;
	margin-left:5px;
}
#login form img{
	cursor:pointer;
}
#menu{
	float:right;
	height:41px;
	margin-top:5px;
	background:url(/imagens/bg_up.gif) repeat-x;
}
#menu li{
	display:inline;
	float:left;
}
#menu li img{
	float:left;
	width:5px;
}
#menu li a, #menu li a:link{
	display:block;
	float:left;
	height:30px;
	padding:11px 6px 0 6px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(/imagens/menu_bg_out.gif) repeat-x;
}
#menu li a:hover{
	display:block;
	float:left;
	height:30px;
	padding:11px 6px 0 6px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(/imagens/menu_bg_over.gif) repeat-x;
}
/************************* MARCAÇÃO DOS LINKS DO MENU *************************/
#empresa #mEmpresa,
#servicos #mServicos,
#produtos #mProdutos,
#clientes #mClientes,
#portfolio #mPortfolio,
#cases #mCases,
#noticias #mNoticias,
#blog #mBlog,
#contato #mContato{
	display:block;
	float:left;
	height:30px;
	padding:11px 6px 0 6px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(/imagens/menu_bg_over.gif) repeat-x;
	cursor:default;
}
/************************* DESTAQUE *************************/
#destaque{
	display:block;
	float:left;
	width:718px;
	height:146px;
	padding:90px 0 0 60px;
	background:url(/imagens/destaque_fiveedit.jpg) no-repeat;
}
#destaque *{
	float:left;
}
#destaque #depoimentos{
	width:400px;
	height:120px;
	overflow:hidden;
	margin:0 20px 0 20px;
}
#destaque #depoimentos .depoimento li{ 
	width:400px;
	list-style:none;
}
#destaque #depoimentos .depoimento p{
	font-size:17px;
	color:#FFFFFF;
	line-height:1.5em;
	margin:0;
}
#destaque #depoimentos .depoimento h1{
	font-size:12px;
	color:#FFFFFF;
	width:400px;
	text-align:right;
	font-style:italic;
}
#destaque .btnAnterior, #destaque .btnProximo{
	width:20px;
	height:19px;
	margin-top:31px;
}
#destaque .btnAnterior, #destaque .btnAnterior span{
	width:20px;
	height:19px;
}
#destaque .btnProximo, #destaque .btnProximo span{
	width:20px;
	height:19px;
}
#destaque .btnAnterior a{
	background:url(/imagens/destaque_btns_ant.gif) no-repeat;
}
#destaque .btnAnterior a:hover{
	background:url(/imagens/destaque_btns_ant.gif) no-repeat 0 -20px;
	cursor:pointer;
}
#destaque .btnProximo a{
	background:url(/imagens/destaque_btns_pro.gif) no-repeat;
}
#destaque .btnProximo a:hover{
	background:url(/imagens/destaque_btns_pro.gif) no-repeat 0 -20px;
	cursor:pointer;
}
/* (END) DESTAQUE */
/************************* CONTEUDO *************************/
#content{
	float:left;
	width:748px;
	margin:15px 0 0 0;
	padding:0 15px 20px 15px;
}
#contentCol1, #contentCol2{
	float:left;
	width:260px;
	margin-right:20px;
}
#contentCol1 .titulo, #contentCol2 .titulo, #contentCol1 .line, #contentCol2 .line{
	width:248px;
}
#contentCol1 .line, #contentCol2 .line{
	margin-bottom:0;
}
#contentCol1 .item, #contentCol2 .item{
	float:left;
	width:248px;
	margin:10px 0 0 0;
}
#contentCol3{
	float:left;
	width:188px;
}
#content .titulo{
	clear:both;
	display:block;
	margin:0 0 5px 0;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#005782;
	padding-left:12px;
	background:url(/imagens/bg_h1.gif) repeat-x 0 2px;
}
#contentCol3 .imgTitulo{
	float:left;
}
#contentCol3 #newsLetter{
	float:left;
	width:188px;
	background:#eeeeee;
}
#contentCol3 #newsLetter p{
	line-height:1.2em;
	float:left;
	margin:0;
	width:178px;
}
#contentCol3 #newsLetter span{
	float:left;
	width:178px;
	margin-top:5px;
}
#contentCol3 #newsLetter span *{
	float:left;
}
#contentCol3 #newsLetter span img{
	margin-left:5px;
	cursor:pointer;
}
#contentCol3 #newsLetter form{
	float:left;
	padding:5px;
}
#contentCol3 #clientes, #contentCol3 #cases{
	float:left;
	width:188px;
}
#contentCol3 #cases{
	margin-top:15px;
}
#contentCol3 #clientes #clientesContent{
	float:left;
	width:186px;
	height:102px;
	background:url(/imagens/clientes_bg.gif) repeat-x;
	border:solid 1px #eaeaea;
	
}
#contentCol3 #cases #casesContent{
	float:left;
	width:166px;
	border:solid 1px #eaeaea;
	padding:6px 10px 6px 10px;
}
#contentCol3 #clientes #nav1 a, #contentCol3 #clientes #nav1 a:link{
	display:block;
	width:16px;
	height:102px;
	float:left;
	background:url(/imagens/clientes_setas_ant.gif) -16px;
}
#contentCol3 #clientes #nav1 a:hover{
	display:block;
	width:16px;
	height:102px;
	float:left;
	background:url(/imagens/clientes_setas_ant.gif);
}
#contentCol3 #clientes #nav2 a, #contentCol3 #clientes #nav2 a:link{
	display:block;
	width:16px;
	height:102px;
	float:left;
	background:url(/imagens/clientes_setas_pro.gif);
}
#contentCol3 #clientes #nav2 a:hover{
	display:block;
	width:16px;
	height:102px;
	float:left;
	background:url(/imagens/clientes_setas_pro.gif) -16px;
}
#contentCol3 #clientes #logos{
	width:154px;
	height:90px;
	float:left;
	padding-top:12px;
}
#contentCol3 #blog{
	width:188px;
	float:left;
	margin-top:15px;
}
/* (END) CONTEUDO */
/************************* INTERNAS *************************/
#contentMaior{
	float:left;
	width:540px;
	margin-right:20px;
}
#contentMaior p{
	line-height:1.8em;
	margin-bottom:1em;
}
#contentMaior .titulo{
	margin-bottom:15px;
}
#contentCol3 #lancamento{
	float:left;
	width:188px;
	margin-top:10px;
}
#contentCol3 #lancamento img{
	display:block;
}
#contentCol3 #lancamentoContent{
	float:left;
	background:#f8f8f8;
	width:178px;
	padding:0 5px 5px 5px;
}
#contentCol3 #lancamentoContent img{
	border:solid 1px #dedede;
}
#produtos #contentMaior p{
	margin-bottom:20px;
}
#clientes #contentMaior p, #clientes #contentMaior h1, #cases #contentMaior p, #cases #contentMaior h1{
	width:375px;
	float:right;
}
#clientes #contentMaior p{
	margin:0;
}
#paginacao{
	text-align:center;
	margin:0 auto;
}
#paginacao li{
	float:left;
}
#paginacao li a, #paginacao li a:link{
	display:block;
	float:left;
	width:21px;
	height:18px;
	background:url(/imagens/paginacao_bg.gif) -21px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	margin:0 auto;
}
#paginacao li a:hover{
	display:block;
	float:left;
	width:21px;
	height:18px;
	background:url(/imagens/paginacao_bg.gif);
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	text-decoration:none;
	margin:0 auto;
}
#paginacao .atual a, #paginacao .atual a:link{
	display:block;
	float:left;
	width:21px;
	height:18px;
	background:url(/imagens/paginacao_bg.gif);
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	text-decoration:none;
	margin:0 auto;
	cursor:default;
}
#thumbs{
	width:540px;
	float:left;
}
#thumbs li{
	padding-bottom:25px;
	float:left;
	width:540px;
}
#portfolio #contentMaior p{
	margin:0;
	line-height:1.4em;
}
#filtro{
	width:540px;
	float:left;
}
#filtro span{
	float:left;
	margin-right:15px;
}
#filtro input{
	display:inline;
	margin:0 3px 0 0;
}



#contentCol3 #cases #casesContent{
	float:left;
	width:166px;
	border:solid 1px #eaeaea;
	padding:6px 10px 6px 10px;
}
#contentCol3 #cases{
	margin-top:15px;
}

/***************** DESTAQUE DA CAPA *******************/
#screen{width:430px;padding:0;overflow:hidden;}			
#screen li{float:left;list-style:none;}
#screen .jq-ss-crop{float:left;	}
#left,#right{font-size:14px;display:block;text-decoration:none;	color:black;}
#view{width:500px; overflow:hidden;height:130px;float:left;margin:0;padding:0;}
#images{width:3000px;padding:0;float:left;}
#images li{padding-right:40px;}
#images li:hover{padding-right:40px;}


.webGaleria{
	width:540px;
	float:left;
	margin-bottom:10px;
}
.webGaleria li{
	float:left;
	width:80px;
	height:60px;
	overflow:hidden;
	margin:5px;
}