html *{
	margin:0;
	padding:0;
	outline:0;
	position:relative;
}
body{
	background:url(../es/images/bg.png) no-repeat center top;
	font-family:Verdana,Tahoma, Arial, Sans-Serif;
	font-size:12px;
	line-height:14px;
	color:#fff;
	/*text-align:justify;*/
	text-align:left;    
}	
a{color:#fff;}
.cleaner{
	clear:both;
	display:block;
}
a img{
	border:none;
}
.topj{
	height:60px;
	display:block;
}

/*#content{position:absolute; width:970px; margin-left:-480px;left:50%;z-index:1;}*/
#content{width:960px; margin:0 auto;}


h1{
	width:240px;
	height:92px;
	background:url(../es/images/h1.png) no-repeat center center;
	text-indent:-9999px;
	float:left;
}
h1 a{
	width:238px;
	height:93px;
	display:block;
}

/** h3 serve na formatação do texto do quadro "notícias" **/
h3{font-size:12px;color:#418FCB;text-align:left;}


/** "h3 a" serve na formatação dos títulos - negrito, branco **/
h3 a{
color:#418FCB !important;
font-size:12px;
text-align:left;
margin:0 !important;
}

h5{font-size:12px;margin:12px 0;}

#menu{
	float:right;
	height:1%;
	position:relative;
	z-index:800;
	text-align:left;
}
#menu a{
	text-decoration:none;
}
#menu li{
	float:left;
	list-style-type:none;
	position:relative;
	color:#fff;
}
#menu li.menu_login{
	margin-left:16px;
	margin-right:-4px;
}

#menu li img{
/*	z-index:2; */
	z-index:2;
}
#menu li div{
	display:none;
	position:absolute;
	top:30px;
/*	z-index:1;  */
	z-index:-10;  
	background:url(../es/images/dropdown_bg_bottom.png) no-repeat bottom left;
	padding-bottom:20px;
}
#menu li div ul li{
	position:relative;
	background:url(../es/images/menu_mais.png) no-repeat scroll 146px center;
}

#menu li div ul.no-sub li{
	background:url(../es/images/menu_seta.png) no-repeat scroll 144px center;
}
#menu li div ul li div{
	display:none;
	background:none;
	position:absolute;
	top:0;
	padding:0;
	left:159px;
}
#menu li div ul li div ul{
	padding:0;
}
#menu li:hover div{
	display:block;
}
#menu li:hover div ul li div{
	display:none;
	background:none;
}
#menu li:hover div ul li div ul{
	background:none;
	border-top:1px solid #122f4d;
}
#menu li:hover div ul li div ul li{
	border:1px solid #122f4d;
	border-top:none;
	background:#2e5e8d url(../es/images/menu_seta.png) no-repeat scroll 102px center;
	width:100px;
	padding:2px 4px;
}
#menu li:hover div ul li div ul li a, #menu li:hover div ul li div ul li a:hover{
	padding:0;
	border:0;
	width:auto;
	background:none;
}

#menu li div ul li a{
	padding:3px 9px;
	display:block;
}
#menu li div ul li a:hover{
	padding:2px 8px;
	border:1px solid #122f4d;
	background:#2e5e8d url(../es/images/menu_mais.png) no-repeat scroll 138px center;
	width:134px;
}
#menu li div ul.no-sub li a:hover{
	background:#2e5e8d url(../es/images/menu_seta.png) no-repeat scroll 136px center;
}

#menu li div ul li:hover div{
	display:block;
}
#menu li div ul{
	padding-top:18px;
	background:url(../es/images/dropdown_bg.png) repeat-y top left;
}
#menu li div ul li{
	font-size:10px;
	font-family:Tahoma, Arial, sans-serif;
	text-transform:uppercase;
	padding:0 7px;
	width:150px;
	display:block;
	float:none;
}

.fckeditor ul li {
	list-style:disc inside;
}

.fckeditor ol li {
	list-style:decimal inside;    
}

#languages {
	float:left;
	top:20px;
    left:670px;
}

#languages li{
	display:inline;
	list-style-type:none;
}

/*.smaller deprecated*/

.white{color:#fff;}
.blue{color:#7DAED4;}
a.main{text-decoration:none;font-weight:600; margin:2px 0;font-size:1.2em;}
#narrowing{position:relative;}
.narrow.left{width:599px;}

.narrow.right{width:336px;position:absolute;top:0;right:0;}



.round .cleaner{height:0;margin:0 !important;}

.round{ background:#0e161f url(../es/images/orb.png) no-repeat right 16px; border:1px solid #2d5b7f; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px 16px 16px; margin-bottom:8px;display:block;zoom:1;position:relative;}
.round.only_top{ -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; margin-bottom:1px !important; }
.round.only_bottom{ -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background-image:none;}
.round.what{-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; margin-bottom:1px !important; background-image:none;}
.round h2{background-position:left top;background-repeat:no-repeat;height:33px;width:250px;margin-left:-23px;text-indent:-9999px;margin-bottom:8px;}
.round h3.hier{background:url(../es/images/linha_hierarquica.png) no-repeat left top; padding:14px 0 0 25px;color:#418fcb; margin:-4px 0 16px 0;}
.round h3.straight_hier{background:url(../es/images/linha_hierarquica_straight.png) no-repeat left center;padding:0 0 0 41px;margin:16px 0 16px -16px;}
.round h4{margin-bottom:8px;color:#7DAED4;}
.round h4.hier{background:transparent url(../es/images/linha_hierarquica_sub.png) no-repeat scroll left top;margin-left:-15px;padding:13px 0 0 15px;}
.round .date{margin-top:-8px;}
.round p{margin-bottom:8px;}
.round.column p{width:618px;margin-bottom:8px;}

.step_2_the_right{margin:-16px 0 0 32px;}
.no-leak{display:block;width:540px;float:right;}
.link_box{z-index:9999;width:160px;height:35px;}

.list_hier{margin-left:16px;}
.list_hier.j{margin-bottom:24px;}
.list_hier li{list-style-image:url(../es/images/seta.png);}
.round dl.simple dt{font-weight:normal;}
.round dl.simple dd{float:none;margin-bottom:12px;}
.round dl.simple ul{margin:0;}
.round ul, .round dl{margin:8px 0;}
.round li{list-style-type:none;}
.round ol li{list-style-type:decimal;margin-left:2em}
.round dt{font-weight:700;}
.round dd{float:left;}
.round dl.side_list{margin:0 48px 0 0;float:left;}
.setas{	background:url(../es/images/divisoria.png) no-repeat left top; padding-left:32px; }
.round .setas{margin-left:320px;}
.setas dt{color:#7DAED4;}
.setas dd{margin-top:0;float:none;margin-bottom:16px;}

.round.destaque h2{
	behavior:expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "./layout/img_blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	); /* Correção de comportamento de PNG transparente em IE 6 */
}

.round.destaque{position:relative;}
.round.destaque a{display:block; height:100%; left:0; position:absolute; top:0; width:100%;}

/** Aqui vão os nomes dos arquivos com as imagens contendo os textos dos títulos de cada "round" (um "round" é um quadrado/divisão) **/
.round.destaque h2{background-image:url(../es/images/ribbons_destaque.png); height:36px; position:absolute;z-index:3;margin-left:-7px;margin-top:8px;}
.round.servicos h2{background-image:url(../es/images/ribbons_servicos.png) }
.round.noticias h2, .round.noticia h2{background-image:url(../es/images/ribbons_noticias.png) }

/** o round.downloads é na verdade o quadro com título "Sistema topoGraph" **/
.round.downloads h2{background-image:url(../es/images/ribbons_topograph.png) }

/** o round.topograph é o round contendo o conteúdo "produtos" no site **/
.round.topograph h2{background-image:url(../es/images/ribbons_produtos_home.png) }
.round.cases     h2{background-image:url(../es/images/ribbons_cases.png) }
.round.eventos   h2{background-image:url(../es/images/ribbons_eventos.png) }
.round.empresa   h2{background-image:url(../es/images/ribbons_empresa.png) }
.round.contato   h2{background-image:url(../es/images/ribbons_contato.png); margin-bottom:16px;}
.round.clientes  h2{background-image:url(../es/images/ribbons_clientes.png) }
.round.produtos  h2{background-image:url(../es/images/ribbons_servicos.png);}

.narrow.right img{border:1px solid #898e94;}

#alterar_cadastro {position:absolute;top:60px;right:20px;};
#voltar_downloads  {position:absolute;top:60px;right:0px;};

#narrowing .round.destaque{
	height:198px;
	padding:0;
	border:0;
}
#narrowing .round.destaque div.border{
	background:url(../es/images/destaque_border.png) no-repeat center center;
	position:absolute;
	height:198px;
	width:600px;
	top:0;
	left:0;
	z-index:2;
}
#narrowing .round.destaque img{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}

#narrowing .round.servicos{
	height:168px;
}

#narrowing .round.servicos #eng_civil, .round.servicos #eng_industrial{
	border:solid 1px #2d5b7f;
	height:55px;
	float:left;
	margin-top:5px;
	padding:16px 4px 0;
}
#narrowing .round.servicos #eng_civil h3, .round.servicos #eng_industrial h3{
	font-size:0;
	line-height:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#0E161F;
	padding:0 4px;
	height:13px;
	margin:-22px 0 8px;
	text-indent:-9999px;
}
#narrowing .round.servicos #eng_civil h3{
	background-image:url(../es/images/tit_eng_civil.png);
	width:101px;
}
#narrowing .round.servicos #eng_industrial h3{
	background-image:url(../es/images/tit_eng_industrial.png);
	width:90px;
}
#narrowing .round.servicos #eng_civil{
	margin-right:16px;
}

#narrowing .round.servicos img{
	margin:1px;
	border:2px solid #0E161F;
}

#narrowing .round.noticias p{margin-bottom:0; display:block;}

/** define a margem inferior do primeiro parágrafo das notícias **/
#narrowing .round.noticias .sec p{margin-bottom:auto;}


/** define o estilo do texto-link nos rounds de Download/TG, produtos, notícias, cases e eventos **/
#narrowing .round.noticias a, #narrowing .round.eventos a, #narrowing .round.cases a, #narrowing .round.downloads a, #narrowing .round.produtos a{
	color:#ffffff;
	text-decoration:none !important;
	font-weight:800;
	display:block;
}

/** define o estilo do texto nos rounds de Download/TG, produtos, notícias, cases e eventos - continuando **/
#narrowing .round.noticias p a, #narrowing .round.eventos p a, #narrowing .round.cases p a, #narrowing .round.downloads p a, #narrowing .round.produtos p a{
	font-weight:normal;
        display:inline;
}

/** gerencia a posição das notícias dentro do quadro "noticias" **/
#narrowing .round.noticias div{
	width:255px;
        height:auto;
	margin-right:5px;
               }

#narrowing .round.noticias .sec, #narrowing .round.noticia{
	width:auto;
	margin-bottom:10px;
	margin-right:auto;
        }

#narrowing .round.eventos{
        width:auto;
	margin-bottom:auto;
	margin-right:0;
}
#narrowing .round.noticias .sec img{
	float:left;
	margin-right:8px;
}

/**  Define a cor de texto no quadrado Downloads/topograph **/
#narrowing .round.downloads a{
        color:#FFFFFF;
}

/** display das imagens no contexto **/
.round.cases .imagem img, .round.eventos .imagem img, .round.noticias .imagem img, .round.downloads .imagem img
{
	display:inline;
}

#narrowing .round.cases .imagem, .round.cases .imagem, .round.downloads .imagem, #narrowing .round.eventos .imagem, .round.eventos .imagem, #narrowing .round.noticia .imagem, .round.noticias .imagem{
	float:left;
	color:#fff;
	margin-right:16px;
}

#narrowing .round.destaque {padding:0 !important;} 

.round.cases img{
	float:left;
	margin-right:8px;
}

/** define posição imagem em relação ao texto - imagem à esquerda, texto fica à direita **/
.round.downloads img{
	float:left;
	margin-right:8px;
}

.round.produtos img{
	float:left;
	margin-right:8px;
}

.round.cases{
	position:relative;
}
.round.downloads{
	position:relative;
}

.round.produtos{
	position:relative;
}

.side_2 {position:relative; height:94px;width:400px;float:left;margin-left:10px;background-repeat:no-repeat;background-position:8px center;}
.side_2.right{float:right;margin-right:20px;}
.side_2 p.empresa_logo{font-size:0;line-height:0;text-indent:-9999px;margin:0;height:0;padding:0;text-indent:-9999px;}
.side_2 p{
	background:url(../es/images/divisoria.png) no-repeat left top;
	height:84px;
	margin-left:175px;
	padding:18px 0 0 24px;
}
.side_what{float:left;z-index:10}


form label{display:block;margin-bottom:2px;}
form select, form input, form textarea{width:100%}
form .file_types{padding-left:18px;background:url(../es/images/form_file-types.png) no-repeat left center;margin-left:8px;color:#7DAED4;}
form .button{width:61px;height:19px;display:block;font-size:0px;line-height:0px; background:url(../es/images/form_button.png) no-repeat center center;border:0;margin:16px 0 0 195px;cursor:pointer;}


.submenu_cursor {cursor:default};


.contato form input, .contato form select, .contato form textarea, .envie-amigo form input, .envie-amigo form select, .envie-amigo form textarea  {width:100%;padding:0;border:0;}
.contato form textarea {height:200px;}
.envie-amigo form textarea {height:100px;}
.contato form .button, .envie-amigo form .button{float:right;width:61px;margin-top:8px;}



.contato .form p{width:372px}
.contato .form{float:left;width:380px;}

.contato .map{float:right;}
.contato h3{margin-bottom:12px;width:300px;display:block;}

.empresa img{
	background:#418fcb;
/*	width:180px;*/
/*	height:110px;*/
	display:block;
	float:right;
}
.produtos_images, .sobre_images{
	float:right;
    width:277px;
}
.sobre_images img, .parceiros_images img, .produtos_images img {
	display:block;
/*	margin:0 16px 16px; */
	margin:0 16px;
	clear:both;
/*	width:260px;*/
/*	height:172px;*/
	background:#ffffff;
}
.sobre_images small, .parceiros_images small, .produtos_images small{
	display:block;
    margin:2px 0 16px;
}

.legenda {
	text-align:center;
}

.sobre_images p {
	display:block;
	margin:0 16px 16px;
    border:1px solid;
}

.cadastro p input, .cadastro p select{width:100%;}
.cadastro p{margin-right:24px;float:left;}
.cadastro label{margin-bottom:2px;}
.kill-line{clear:left;}
.cadastro .sp input{width:auto;float:left;margin-right:4px;}
.cadastro .sp label{float:left; margin-right:12px;}
.cadastro .sp select{float:left; width:60px; margin-right:8px;}

.cadastro p.text{float:none;}

.cadastro .form_tipo{ width:400px;}
.cadastro .form_nome, .cadastro .form_sobrenome, .cadastro .form_nascimento{width:320px;}
.cadastro .form_cpfcnpj, .cadastro .form_rg{width:180px;}

.cadastro .form_rua{width:524px;}
.cadastro .form_numero{width:48px;}
.cadastro .form_complemento{width:90px}
.cadastro .form_bairro{width:192px}
.cadastro .form_pais{width:130px;}
.cadastro .form_estado{width:50px;}
.cadastro .form_cidade{width:150px;}
.cadastro .form_cep #cep_1 {width:64px;}
.cadastro .form_cep #cep_2 {width:32px;}

.cadastro .form_telefone #codigo_pais,.cadastro .form_telefone #ddd{width:30px;margin-right:8px;}
.cadastro .form_telefone #telefone{width:189px}
.cadastro .form_email, .cadastro .form_site{width:284px;}
.cadastro .newsletter{ margin-top:16px;}
.cadastro .button{margin:16px 0 0;}

/*.round img.side{width:240px;height:160px;float:right;background:#fff;text-indent:-9999px;margin-left:16px;}*/
.round img.side{float:right;background:#fff;text-indent:-9999px;margin-left:16px;}

.vejamais{background:url(../es/images/but_veja-mais-detalhes.png) no-repeat center center; width:129px; height:19px; display:block;font-size:0px;line-height:0px;margin-top:16px;text-indent:-9999px;}

.clientes ul{float:left;width:460px;}

.cases.main ul{margin-top:32px;
position:relative;}
.cases.main li{
	list-style-type:none;
	width:157px;
	height:184px;
	background:url(../es/images/cases_badge.png) no-repeat top left;
	margin-left:0;
	padding:5px 0 0 4px;
	float:left;
	margin-right:28px;
	position:relative;
	display:inline-block;
	font-size:10px;
}
.cases.main li{
	list-style-type:none;
	width:157px;
	height:184px;
	background:url(../es/images/cases_badge.png) no-repeat top left;
	margin-left:0;
	padding:5px 0 0 4px;
	float:left;
	margin-right:28px;
	position:relative;
	display:inline-block;
	font-size:10px;
}
.cases.main li.f{margin-right:0;}
.cases.main li img{border:solid 1px #213750;margin-bottom:8px;}
.cases.main li h4{margin-bottom:2px;margin-left:6px;width:138px;}
.cases.main li p{margin-top:0;margin-left:6px;width:138px;}

.round.downloads .case_img{
/*	width:210px; */
/*	height:136px;*/
	background:#fff;
	color:#f00;
	margin:8px 28px 16px 0;
	line-height:136px;
	text-align:center;
}
.cases .case_img.f{margin-right:0;}
.all_cases{background:url(../es/images/seta.png) no-repeat left center; padding-left:12px;}
.case_mini img{width:70px;height:70px;background:#fff;}

div.date_select{
	position:absolute;
	top:18px;
	left:320px;
	color:#3970af;
	font-size:10px;
	background:#0E161F;
	padding:0 8px;
}
div.date_select label{
	margin-right:4px;
}
.side_3{
	padding-left:8px;
	padding-right:8px;
	position:relative;
}
.side_3 h2{
	margin-left:-16px;
}
.side3, .side_9{
	background-image:url(../es/images/fundo_side_3.png) !important;
	background-repeat:repeat !important;
	background-position:left top !important;
	height:326px;
}
.side3{height:98px;}
.side3 .sec,.side_9 .sec{
	float:left;
	display:inline-block;
	width:282px;
	height:77px;
	padding:16px;
}
.side3 .sec{
	margin-left:16px;
	width:260px;
}
.side3 .sec img, .side_9 .sec img{float:left;margin-right:16px;width:auto !important;height:auto !important;}
.side3 .sec a, .side_9 .sec a{color:#fff; text-decoration:none;display:block;}
.side3 .sec, .side_9 .sec.f{background:none;margin-right:0;}
.post-date, .post-date a{color:#3970af !important;font-size:10px;}
.sec .post-date {margin-bottom:0 !important;}
.pages{
	color:#3970af;
	font-size:10px;
	margin:4px 0 0 !important;
	display:block;
	text-align:center;
}
.pages a, .pages a:visited{
	color:#3970af !important;
	text-decoration:none !important;
}
.pages a.on{
	color:#fff !important;
}

.narrow .cases img, .narrow .noticias img, .narrow .eventos img{height:auto;width:auto;background:#fff;}

.cases h4,.noticias h4,.eventos h4{margin-bottom:30;}
.no-leak .post-date {margin-bottom:16px !important;}
.cases img, .noticias img, .eventos img{background:#fff;clear:both;margin-bottom:8px;}
/*.cases img, .noticias img, .eventos img{height:180px;width:360px;background:#fff;clear:both;margin-bottom:8px;}*/
.cases hr, .noticias hr, .eventos hr{border:none;border-top:1px solid #143c5d;margin-top:16px;width:942px;margin-left:-8px;}

.util-links{text-align:right;margin-bottom:0 !important;}
.print, .send-mail, .archive{background:no-repeat right center;color:#888 !important;text-decoration:none;font-size:10px;font-weight:normal !important;margin-top:8px;text-align:right;display:inline-block;}
.print, .send-mail{border-right:1px dotted #143c5d;margin-right:8px;}
.archive{background-image:url(../es/images/archive_icon.png) !important;padding-right:24px;}
.print{background:url(../es/images/print_icon.png) no-repeat 52px center;padding-right:24px;}
.send-mail{background:url(../es/images/mail_icon.png) no-repeat 98px center;padding-right:28px;}

.text_color888 {color:#888 !important;text-decoration:none;font-size:10px;font-weight:normal}

.side_3 .arrow{width:11px;height:27px;display:block;position:absolute;font-size:0;top:48px;text-indent:-9999px;}
.side_3 .arrow.left{background:url(../es/images/arrow_select_left.png) no-repeat right center;left:12px;}
.side_3 .arrow.right{background:url(../es/images/arrow_select_right.png) no-repeat right center;right:12px;}
.side_3 .arrow.left.off{background-image:url(../es/images/arrow_select_left_off.png)}
.side_3 .arrow.right.off{background-image:url(../es/images/arrow_select_right_off.png)}

/** define a posição do texto do footer no eixo Y **/
#footer{
	width:100%;
	height:10px;
	background:url(../es/images/footer_bg.png) repeat-x center center;
	text-align:center;
	padding-top:97px;
	margin:auto;
}

/** define a posição do quadro footer **/
#footer ul{
	height:21px;
	margin-top:-55px;
        margin-bottom:auto;
	background:url(../es/images/footer_line.png) no-repeat center bottom;
}
#footer li{
	list-style-type: none;
	color:#3970af;
	font-size:11px;
	display:inline;
        margin-top:10px;
        margin-bottom: auto;
}

.pdf_mais_info{
	font-size:0;
	line-height:0;
	background:url(../es/images/pdf_mais_info.png) no-repeat left top;
	width:160px;
	height:36px;
	display:block;
	margin:16px 0 0;
	text-indent:-9999px;
}

.pdf_download{line-height:38px;	margin:4px 0 0 !important;font-size:10px;color:#418fcb;}

.pdf_download a{
	font-size:0;
	width:89px;
	height:28px;
	display:inline-block;
	text-indent:-9999px;
}
.envie-amigo{
	background-image:none;
	position:absolute;
	padding:32px;
	bottom:32px;
	right:16px;
	z-index:5;
	display:none;
}
#envie_amigo .warning{
	background:#0e161f; border:1px solid #2d5b7f; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding:10px 16px; display:block;zoom:1;position:absolute;
	left:-298px;
	width:272px;
}
.close_button{
	background:url(../es/images/close_button.png) no-repeat center center;
	height:14px;
	width:14px;
	position:absolute;
	top:4px;
	right:4px;
	display:block;
}
label.problema{color:#CA6F12}
.z-index{z-index:9;}
.z-index img {
	margin-bottom:20px;
}