@charset "iso-8859-1";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif}
html { font-family:Arial, Helvetica, sans-serif}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; background:transparent}
ul li { display:inline; }
ul li h2 { float:left; margin-top:13px}
ul li h2 a {font-size:22px;margin-right:15px; background:transparent}
ul li h2 a.u{margin-right:0}
img { float:left}
a img { border:none}
a { color:#666; font-size:11px; background:transparent}
a:hover { cursor:pointer; text-decoration:underline}
h3 { font-family:Georgia, "Times New Roman", Times, serif;line-height:120%; text-align:left; font-size:25px; }
h4 { font-size:15px; color:#1BADCF; margin-bottom:10px}
h4 a { font-size:15px; color:#1BADCF; margin-bottom:10px}
input[type="submit"]{ cursor:pointer}


#topo { margin:0 auto; width:980px; height:138px; /*background:url(../images/temp-testeira.png) no-repeat*/ }
#topo .logo { float:left; width:191px; height:101px;margin-top:18px}
#topo .topo-rigth { float:right; width:480px; margin-right:30px; margin-top:17px}
#topo .topo-rigth p { text-align:right; color:#333333; font-size:15px; display:block; float:right; width:324px; margin-top:3px}
#topo .topo-rigth span.atendimento { color:#00ADEE; font-size:22px; background:url(../images/bullet-fone.png) left no-repeat; padding-left:30px; margin-right:15px; float:left; display:block; height:24px}
#topo .topo-rigth .busca { float: right; margin-top:29px}
/*****************************************************************************************************************************/
#testeira { margin:0 auto; width:980px; height:315px; background: url(../images/bg-testeira.png) no-repeat}
#testeira .bloco1{ float:left; width:255px; height:315px; /*background: #009*/}
#testeira .bloco1 img { float:none}
#testeira .bloco1 h3 { text-align:center; margin-top:10px}
#testeira .bloco1 .blocoResumo { float:right; width:235px; height:200px; margin-top:19px; background: url(../images/bg-blocoResumo.png) no-repeat}
#testeira .bloco1 .blocoResumo span.tituloResumo{ color:#FFF; font-size:26px; text-align:left; line-height:120%; margin-left:19px; margin-top:7px; float:left; margin-bottom:10px; background:transparent}
#testeira .bloco1 .blocoResumo p { margin:0 auto; display:block; width:190px; color:#FF9966; line-height:120%}
a.veja-mais { display:block; width:176px; height:28px; background:url(../images/veja-mais.png) no-repeat; margin-left:19px; color:#000; font-size:20px; text-align:center;  padding-top:5px; margin-top:18px}
#testeira  a:hover { text-decoration:none}
#testeira .bloco2 { float:right; width:725px; height:315px; /*bckground:#000*/}

#testeira .bloco2 .menu { float:right; width:726px; height:45px; }
#testeira .bloco2 .menu ul { margin-left:40px}
#testeira .bloco2 .menu ul li a { margin-right:18px;padding:5px 5px 7px 0px}
#testeira .bloco2 .menu ul li a:hover{ background:url(../images/hover-menu-left.png) no-repeat left;text-decoration:none;}
#testeira .bloco2 .menu ul li a span {padding:5px 5px 7px 0px;margin-left:5px;color:#FFF; background:transparent}
#testeira .bloco2 .menu ul li a span { float:none}
#testeira .bloco2 .menu ul li a:hover span{background:url(../images/hover-menu-right.png) no-repeat right;  }
#testeira .bloco2 .menu ul li a.u { margin-right:0}


#testeira .bloco2 .banner{ float:right; width:690px; height:202px; margin-top:35px; margin-right:18px}

#rapidas {margin:27px auto 5px auto; width:980px; height:auto; padding-bottom:10px; /*background:url(../images/temp-rapidas.png) no-repeat*/}
#rapidas h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#00AEEF; font-size:18px; margin-top:9px; margin-bottom:17px; margin-left:27px}
#rapidas p { font-size:12px; display:block; float:left; width:150px; margin-left:5px }

#rapidas .bloco3 { float:left; width:326px; height:176px; position:relative}
#rapidas img { width:125px; height:97px;}
#rapidas .imagem { float:left; width:129px; height:85px; margin-left:25px; margin-right:5px}
.veja-mais-imagem { position:absolute; width:98px; height:30px; left:60px; margin-top:53px}
.veja-mais-imagem a { display:block; width:84px; height:20px; background:url(../images/veja-mais2.png) no-repeat; color:#C0A97C; padding-top:10px; padding-left:14px; }
.veja-mais-imagem a:hover{ text-decoration:none}

#seperador {margin:0 auto; width:980px; height:38px; /*background:url(../images/temp-rapidas.png) no-repeat*/}


.veja-mais-imagem2 { position:absolute; width:98px; height:30px; left:82px; margin-top:73px}
.veja-mais-imagem2 a { display:block; width:84px; height:20px; background:url(../images/veja-mais2.png) no-repeat; color:#C0A97C; padding-top:10px; padding-left:14px; }
.veja-mais-imagem2 a:hover{ text-decoration:none}

.veja-mais-imagem3 { position:absolute; width:115px; height:31px; left:62px; margin-top:73px}
.veja-mais-imagem3 a { display:block; width:115px; height:21px; background:url(../images/ampliar-imagem.png) no-repeat; color:#BFA97A; padding-top:10px; padding-left:4px; font-size:10px; }
.veja-mais-imagem3 a:hover{ text-decoration:none}

#rapidas .meio { background:url(../images/bg-bloco-rapidas.png) no-repeat}

#container {margin:0 auto; width:980px;}

/*FORMULARIO*/
.form-orcamento { position: relative;width:292px; height:auto; /*margin-top:26px; margin-left:19px*/ margin:26px auto;}


/*TIRA  O  HEIGHT DA DIV SIDEBAR*/
#sidebar { float:left; position:relative; width:330px; height:auto; padding-bottom:20px}
#sidebar .orcamento { width:330px; height:590px; background:url(../images/bg-orcamento.png) no-repeat;float:left; position:relative}
#sidebar .orcamento h2 { display:block; width:330px; height:45px; background:url(../images/bg-h2-orcamento.png) no-repeat transparent; color:#FFF; font-size:32px; text-align:center; 	padding-top:5px;} 
#sidebar .orcamento strong.informacao { font-size:22px; color:#000; margin-top:16px; position:relative; float:left}
#sidebar .orcamento .menu2{ float:left;width:278px; height:auto; position:relative;margin-left:5px; margin-top:10px}
#sidebar .orcamento ul {}
#sidebar .orcamento ul li { display:block; }
#sidebar .orcamento ul li a { color:#666; font-size:12px; float:left; display:block; width:275px; border-bottom:solid 1px #FFF; height:20px;line-height:250%; margin-bottom:9px ;padding-bottom:0px; background:transparent}
#sidebar .orcamento ul li a:hover { text-decoration:none}
#sidebar .orcamento ul li a span img { float: right; position:relative; }


#sidebar .bloco4 { margin:24px auto 0 auto;width:310px; height:150px; background: url(../images/bloco.png) no-repeat;float:left;}
#sidebar .bloco4  span { color:#666; font-size:22px; margin-left:26px; margin-top:18px; float:left; background:transparent}

#sidebar .bloco5 { margin:14px auto 0 auto;width:310px; height:150px; background: url(../images/bloco.png) no-repeat;float:left;}
#sidebar .bloco5 .blocoredes { margin:23px auto; width:auto; height:54px; float:left; margin-left:30px}
#sidebar .bloco5 .blocoredes .suarede { float:left; width:54px; height:54px; margin-right:9px}

#sidebar h5{ font-size:30px; color:#00ADEE; margin-left:20px;display:block; width:310px;float:left; }
#sidebar h5.newsletter { height:35px; width:110px; background:url(../images/bullet-carta.png) no-repeat left;
 padding-left:80px; margin-top:10px; padding-top:10px }
#sidebar h5.redes { margin-top:24px; margin-left:26px;width:270px}

#portfolio,#conteudo { float: right; position:relative; width:620px; height:auto;padding-left:30px}
#portfolio p,#conteudo p { margin-bottom:20px; line-height:120%}
#portfolio p.links,#conteudo p.links { margin-bottom:0; color:#C40A8A}
#portfolio p.links a,#conteudo p.links a {color:#C40A8A}
#portfolio p.links a:hover,#conteudo p.links a:hover{ text-decoration:underline;color:#C40A8A}
#portfolio p.resumo,#conteudo p.resumo { margin-bottom:10px; font-size:11px}

#portfolio .bloco6, #conteudo .bloco6 { float:left; width:616px; height:295px; background:url(../images/bloco6.png) no-repeat center; margin-bottom:10px}
#portfolio .bloco6 .bloco6-left ,#conteudo .bloco6 .bloco6-left { width:376px; height:210px; float:left; margin-left:15px; margin-top:29px}
#portfolio .bloco6 .bloco6-right,#conteudo .bloco6 .bloco6-right { width:195px; height:189px; float:right; margin-top:54px; margin-right:14px;}
#portfolio .bloco6 .bloco6-right img,#conteudo .bloco6 .bloco6-right img { width:195px; max-height:163px;}
#portfolio .bloco6 .bloco6-right a.veja-mais3,#conteudo .bloco6 .bloco6-right a.veja-mais3{ float:left; display:block; width:190px; height:37px; position:relative; text-align:center; font-size:20px; color:#FFF; background:url(../images/veja-mais3.png) no-repeat top center transparent; padding-top:5px; margin-top:16px; padding-right:5px; }
#portfolio .bloco6 .bloco6-right a:hover,#conteudo .bloco6 .bloco6-right a:hover { text-decoration:none}

#portfolio .titulo,#conteudo .titulo { float:left; width:620px; height:auto;}
#portfolio .titulo h3,#conteudo .titulo h3 { margin-bottom:10px}
#portfolio .titulo h3.depoimento,#conteudo .titulo h3.depoimento { display:block; float:left; background:url(../images/bullet-aspas.png) left top no-repeat; height:34px;font-family:Georgia, "Times New Roman", Times, serif; color:#333; padding-left:53px; margin-top:18px; margin-bottom:15px }
#portfolio .titulo h2,#conteudo .titulo h2{ font-size:25px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:21px}
#portfolio h2.titulo-azul,#conteudo h2.titulo-azul{ font-size:14px;margin-bottom:9px; margin-top:22px; color:#00ACED; width:620px; float:left}
#portfolio .titulo h1,#conteudo .titulo h1{ font-size:25px; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:21px}

#conteudo ul{margin:10px 15px;}
#conteudo ul li{list-style:disc inside none; display: list-item; margin-bottom:10px; font-size:12px;}

.home-artigos { width:620px; position:relative; height:135px; background: #FFF url(../images/bg-home-artigos.png) no-repeat bottom left; float:left; margin-bottom:15px}
.ultimo { height:119px; margin-bottom:0; background:none}

.home-artigos .imagem-artigo { float:left;width:158px;height:118px; margin-right:16px}

/*.home-artigos .imagem-artigo img {width:158px  height:118px}*/
.home-artigos .home-resumo-artigos{ width:400px; float:left}


/*BLOCO ULTILIZADO EM PARA MAIS DE UM ELEMENTO*/
#portfolio .bloco7 p,#conteudo .bloco7 p { margin-bottom:0; margin-top:8px}
.bloco7{ float:left; width:620px; height:auto;margin-bottom:20px; }
.bloco7 strong{ color:#19ACCC; font-size:11px;}
.bloco7 strong a{ color:#19ACCC; font-size:11px;}
.bloco7 span{ color:#999; font-size:11px;}
a.outros-depoimentos { display:block; height:17px; width:123px; background:url(../images/outros-depoimentos.png) no-repeat transparent; text-align:center; padding-top:5px; color:#FFF; font-size:12px;}
a.artigo-item { display:block; height:22px; width:71px; background:url(../images/saiba-mais.png) no-repeat transparent; text-align:center; padding-top:5px; color:#FFF; font-size:12px;; margin-top:10px}
.bloco7 a:hover { text-decoration:none}



.home-depoimentos { float:left; width:620px; height:204px;margin-top:13px; position:relative; 	margin-bottom:16px}
.home-depoimentos .barra { float:left; width:615px; height:34px; background:#666666; padding-left:5px}
.home-depoimentos .barra span { margin-top:10px; float:left; margin-right:70px}
.home-depoimentos .barra span a { color: #CCC; font-size:12px;}
.home-depoimentos .barra span a.feed { background:url(../images/feed.png) no-repeat; padding-bottom:4px; padding-left:30px; padding-top:2px;}
.home-depoimentos .bullet { float:left; width:61px; height:170px; background:url("../images/bullet-aspas.png") no-repeat scroll 3px 22px transparent;}
.home-depoimentos .depo { width:559px; height:148px; float:right; padding-top:22px;background:transparent}
.home-depoimentos .depo p { color:#999;}
.home-depoimentos .depo span.nome { color:#19ACCC; font-size:11px;}
.home-depoimentos .depo a.mais-depo { float:right; color:#999}


/*SERVIÇOS*/

.servico { float:left; width:196px; height:280px; background:url(../images/bg-servico.png) right top no-repeat ; margin-right:20px; margin-bottom:20px; position:relative}
#conteudo .servico p{ display:block; float:left; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; background:transparent; margin-bottom:0; width:180px}

.servico-ultimo { float:left; width:180px; height:auto; margin-right:0; margin-bottom:0; position:relative}
.servico h3, .servico-ultimo h3 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#00ACED; text-align:left; margin-left:25px}
.servico-imagem{ float:left; width:180px; height:117px; margin-top:17px; margin-bottom:15px}


/*PORTFOLIO*/

.portfolio { float:left; width:196px; height:auto; background:url(../images/bg-servico.png) right top no-repeat; margin-right:20px; margin-bottom:20px; position:relative}
#portfolio .portfolio p,#conteudo .portfolio p{ display:block; float:left; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; background: transparent;width:180px}
.portfolio-ultimo { float:left; width:180px; height:auto; margin-right:0; margin-bottom:20px; position:relative}
.portfolio h3, .portfolio-ultimo h3 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#00ACED; text-align:left; margin-left:25px}
.portfolio-imagem{ float:left; width:180px; height:117px; margin-top:17px; margin-bottom:15px}

.portfolio-item { float:left; width:177px; height:auto; margin-right:44px; margin-bottom:0; position:relative}
.portfolio-item p{ display:block; float:left; font-size:12px; color:#666666; font-family:Arial, Helvetica, sans-serif; background: transparent}
.portfolio-item-ultimo { float:left; width:177px; height:auto; margin-right:0; margin-bottom:0; position:relative}
.portfolio-item h3, .portfolio-item-ultimo h3 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#00ACED; text-align:left; margin-left:25px}
.portfolio-item-imagem{ float:left; width:180px; height:117px; margin-top:0; margin-bottom:15px}


/*PAGINAÇÃO*/

#paginacao { float:left; width:620px; height:26px; margin-bottom:20px; margin-top:20px}
#paginacao img { margin:0 auto}
#paginacao ul { text-align:center; }
#paginacao ul li { list-style-type:none; display:inline; font-size:20px; }

address {color:#666; color:#666; font-size:14px; background:transparent}

span.email,span.fone {font-size:14px; color:#666;background:transparent}

span.email { display:block;background:url(../images/contato-emails-fone.png) no-repeat 0 0 transparent; height:25px; padding-left:56px; padding-top:20px; }
span.fone { display:block; height:34px; display:block;background:url(../images/contato-emails-fone.png) no-repeat 0 -50px transparent;padding-left:56px; padding-top:15px}

.contato { width:618px; float:left; margin-bottom:20px}

#menu-radape { float:left;width:980px; height:47px; background: url(../images/bg-menu-rodape.png) no-repeat transparent}
#menu-radape .menu3 { height:47px; width:620px; position: relative; margin:0 auto}
#menu-radape .menu3 ul { }
#menu-radape .menu3 ul li a { margin-right:18px;padding:5px 5px 7px 0px}
#menu-radape .menu3 ul li a:hover{ background:url(../images/hover-menu-left.png) no-repeat left; color:#000 ; text-decoration:none}
#menu-radape .menu3 ul li a span {padding:5px 5px 7px 0px;margin-left:5px;color:#FFF; background:transparent}
#menu-radape .menu3 ul li a span { float:none}
#menu-radape .menu3 ul li a:hover span{background:url(../images/hover-menu-right.png) no-repeat right transparent;}
#menu-radape .menu3 ul li a.u { margin-right:0}

#rodape { clear:both; width:100%; height:400px; background:#CFCFCF url(../images/bg-rodape.png) top repeat-x}

#rodape  .conteudo-radape { position:relative; margin:13px auto; width:980px; height:auto}
#rodape .rodape-left{ width:300px; 	height:400px;float:left;}
#rodape .rodape-left p { text-align:center; font-size:14px; color:#333;font-weight:bold}
#rodape .rodape-left address { text-align:center; font-size:14px; color:#333; margin-bottom:20px; font-weight:bold}
#rodape strong { text-align:center; margin-top:50px;  position:relative; display:block; font-size:21px; color:#333; margin-bottom:34px}


#rodape .rodape-center{ width:377px; 	height:364px; background: url(../images/bg-fale-conosco.png) no-repeat ; float:left; padding-top:25px; background-position:bottom}
#rodape .rodape-center h2 { display:block; width:330px; height:40px; background:url(../images/bg-h2-orcamento.png) no-repeat transparent; color:#FFF; font-size:32px; text-align:center; 	padding-top:10px; margin:0 auto}


#rodape .rodape-right{ width:285px; 	height:400px; float:right; padding-left:15px}
#rodape .rodape-right strong { text-align:left;margin-bottom:16px}
#rodape .rodape-right p { text-align:left; color:#333 }

.rodape-right li { list-style:none; margin:0; padding-bottom:5px; }



.tooltip {
	display:none;
	background:transparent url(../images/tooltip.png) no-repeat;
	font-size:12px;
	height:19px;
	width:143px;
	padding:5px 10px 45px;
	color:#fff;	
}

.texto-conto{ font-size:11px; color:#999; font-weight:bold}


 .pages{clear:both;}
 .pages ul {}
 .pages span{margin:0 6px 0 0; padding:3px 0; color:#FF0000; border:#CCC solid 1px; width:20px; display:block; float:left; text-align:center;}
 .pages span, .pages a{font:20px bold Tahoma, Geneva, sans-serif; color: #06F;}
 .pages .current{border: none; font-size:20px}
 .pages p{clear:both; font-size:11px; padding-top:5px;}
 .pages li{display:inline;}