.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

*{margin:0; padding:0; outline:0; list-style-type:none; border:none; font-family:Tahoma, Arial, Verdana, sans-serif}
html{border-top:5px solid #0A8EAD; background:#0a92b0}
body{background:#eef7f9 url(img/fundo_head.png) repeat-x top}
h2.default{font-size:24px; color:#1783A4}
h3.default{
	font-size:12px; color:#bfbfbf; font-weight:normal; letter-spacing:1px; display:block; border-bottom:1px solid #f1f1f1;
	padding:5px 0; margin-bottom:10px
}
h3.escuro{
	font-size:12px; color:#2c2c2c; font-weight:normal; letter-spacing:1px; display:block; border-bottom:1px solid #2c2c2c;
	padding:5px 0; margin-bottom:10px
}

div.title{
	margin-bottom:10px;
}
h3.title{
	font-size:24px;
	color:#1783A4;
	border-bottom:2px solid #ccc;
	padding-bottom:2px;
}

p.info{
	background:#efefef;
	padding:5px 20px;
	font-size:12px;
}

p.info span.internacional{
	font-style:italic
}

.opacity{filter:alpha(opacity=60); opacity:0.8; -moz-opacity:0.8}
.upper{text-transform:uppercase}
.lower{text-transform:lowercase}
a.default{font-variant:small-caps; color:#33a4e4; text-decoration:none; font-size:11px; font-weight:bold; letter-spacing:1px}
a:hover.default{color:#005f9f}
#all table td small.new{
	font-size:10px; color:#029ebc; padding:2px 3px; padding-top:0; background:transparent url(img/new.gif) no-repeat left center; 
	display:block; margin-top:2px; width:30px; text-align:center; float:left; margin-right:3px; text-indent:-5000px
}

/*JQUERY VALIDATE CSS*/
label.error{color:red; font-weight:bolder; font-size:11px}

/*JQUERY UI*/
.ui-widget{font-size:12px}

div.container{width:970px; margin:0 auto}
div.container-head{background:url('img/bg-topo.jpg') no-repeat center top}

.replacement{text-indent:-5000px; overflow:hidden; display:block}
#all{background:url(img/foot-bg.png) repeat-x bottom; margin:0; padding:0}

/* HEAD */
#head{position:relative}
#head h1 a{
	display:block; width:390px; height:120px; position:absolute; text-indent:-5000px; overflow:hidden;
	bottom:38px; left:15px; background:url(img/bg-transparente.gif) repeat
}
#head-map{
	position:absolute; background:url(img/borda-topo.gif) no-repeat; width:145px; height:25px;
	right:50px; top:-8px
}
#head-map ul{text-align:center; font-size:10px; text-transform:uppercase; padding-top:8px}
#head-map ul li{display:inline; border-left:1px solid #fff; padding-left:4px; padding-right:2px}
#head-map ul li.init{padding-left:0; border:none}
#head-map ul li a{text-decoration:none; color:#fff}
#head-map ul li a:hover{text-decoration:underline}

/* HEAD MENU */
#head-menu ul{text-align:center; line-height:60px}
#head-menu ul li{
	display:inline; text-transform:uppercase; font-size:15px; border-right:1px solid #6aa9bc; padding:0 10px; text-align:center;
	padding-left:6px
}
#head-menu ul li.end{padding-right:0; border:none}
#head-menu ul li a{color:#fff; text-decoration:none}
#head-menu ul li a:hover{text-decoration:underline}

/* BODY INDEX MENU */
#body{background:#fff; width:970px; margin:0 auto}
h2.titulo-escuro, h2.titulo-claro{display:block; width:265px; height:42px; margin-bottom:5px}
h2.titulo-claro{width:675px}

#body #menu{width:265px; padding:5px; float:left}
#body #menu.interna{width:200px; padding-right:0; float:left}
#body #menu.interna h2.titulo-escuro, #body #menu.interna h2.titulo-claro{width:180px}
#body #menu ul.menu li.title{background:transparent url(img/bg-titulo-submenu.png) repeat-x}
#body #menu ul.menu li h4{
	font-size:14px; color:#fff; padding:5px; background:transparent url(img/bg-seta-submenu.gif) no-repeat 10px center;
	height:28px; line-height:26px; padding-left:20px
}
#body #menu ul.menu li h4 a{color:#fff; text-decoration:none}
#body #menu ul.menu li h4 a:hover{color:#f1f1f1}
#body #menu ul.menu li ul.submenu{margin-bottom:10px}
#body #menu ul.menu li ul.submenu li{font-size:12px; border-bottom:1px dotted #f1f1f1; padding:5px; margin:1px 0}
#body #menu ul.menu li ul.submenu li a{color:#157898; text-decoration:none}
#body #menu ul.menu li ul.submenu li a:hover{color:#d61109}

#head-menu h2 a{color:#fff}
#head-menu h2{
	text-align:center; font-size:65px; padding:20px 0 20px 0; margin:0 20px 0 20px; color:#fff; font-weight: bold; 
	letter-spacing:-.05em; margin:0; padding:0; line-height:1em;
}

/* LOGIN */
#menu #login h2 a.resultados{background:url('img/resultados.png') no-repeat; width:265px; height:42px}
#login .bloco{border:1px solid #999; padding:10px; background:#fff url(img/bloco-gradiente.png) repeat-x; position:relative}
#login .bloco p{color:#333; font-size:12px; padding-bottom:15px}
#login .bloco dl{width:242px; margin:0 auto}
#login .bloco dl dt{text-align:right; padding-bottom:5px}
#login .bloco dl dt label{color:#333; font-size:12px;}
#login .bloco dl dt input{padding:4px; width:125px; background:transparent url(img/login-input-text.png) no-repeat}
#login .bloco dl dd{padding-top:5px}
#login .bloco dl dd input{float:right; width:auto}
#login .bloco dl dd ul{float:left; width:160px}
#login .bloco dl dd ul li{font-size:11px}
#login .bloco dl dd ul li a{text-decoration:none; color:#333}
#login .bloco dl dd ul li a:hover{color:#444}
#login .bloco span.acessar input{width:82px; height:32px; background:url(img/bt-acessar.png) no-repeat top; cursor:pointer}
#login .bloco span.acessar input:hover{background:url(img/bt-acessar.png) no-repeat bottom}
#login .bloco span.cadastrese{float:right; width:auto; margin-right:2px}
#login .bloco span.cadastrese a{width:107px; height:32px; background:url(img/bt-cadastrese.png) no-repeat top; cursor:pointer}
#login .bloco span.cadastrese a:hover{background:url(img/bt-cadastrese.png) no-repeat bottom}

#menu #login.interna h2 a.resultados{width:200px; background:url('img/resultados2.png') no-repeat}
#login.interna .bloco{margin-bottom:15px}
#login.interna .bloco dl{width:178px; margin:0 auto}
#login.interna .bloco dl dt input{width:130px; background:transparent url(img/login-input-text2.png) no-repeat; padding-right:5px}
#login.interna .bloco dl dd ul{width:128px}
#login.interna a.resultados{cursor:pointer}

/* ATENDIMENTO ONLINE */
#menu #atendimento{text-align:center}
#menu #atendimento a:hover{filter:alpha(opacity=60); opacity:0.8; -moz-opacity:0.8}
#menu #atendimento h2 a.trabalhe{
	background:url('img/atendimento.png') no-repeat; margin-top:5px; width:265px; height:42px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1
}

/* TRABALHE CONOSCO */
#menu #trabalhe{text-align:center}
#menu #trabalhe a:hover{filter:alpha(opacity=60); opacity:0.8; -moz-opacity:0.8}
#menu #trabalhe h2 a.trabalhe{
	background:url('img/trabalhe.png') no-repeat; margin-top:5px; width:265px; height:42px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1
}

/* PESQUISA E DESENVOLVIMENTO */
#menu #ped{text-align:center}
#menu #ped a:hover{filter:alpha(opacity=60); opacity:0.8; -moz-opacity:0.8}
#menu #ped h2 a.ped{background:url('img/ped.png') no-repeat; width:265px; height:42px; filter:alpha(opacity=100); opacity:1; -moz-opacity:1}

/* BODY CONTEUDO */
#body #conteudo{width:675px; padding:10px; float:left}
#body.module-admin #conteudo{width:auto; float:none;}

#body #conteudo.interna{width:750px; padding-right:5px}
table.simple{font-size:12px; line-height:16px; text-align:justify}

/* P�GINAS INTERNAS - DIV RIGHT EVENTOS / NOT�CIAS */
#info ol.eventos{background:#fff; border-bottom:1px solid #00a3cf}
#info ol.eventos li h3{font-size:14px; color:#fff; letter-spacing:1px; padding:5px; background:#00a3cf; font-weight:normal; text-transform:capitalize}
#info ol.eventos li{font-size:11px; display:block; border-top:1px dotted #eee; border-left:1px solid #00a3cf; border-right:1px solid #00a3cf}
#info ol.eventos li.title{border:none}
#info ol.eventos li a{display:block; text-decoration:none; color:#157795; padding:8px 5px}
#info ol.eventos li a:hover{background:#fcffdf}
#info ol.eventos li span.date{color:#999; display:block; font-size:10px; padding-bottom:3px}
#info ol.eventos li span.day{
	background:url(img/calendar-icon.gif) no-repeat left top; height:25px; width:23px; display:block; float:left;
	color:#A7A769; font-style:italic; line-height:28px; text-align:center; margin-right:3px
}

#info{float:right; width:170px; padding:10px; background:#f9f9f9}
#info ul li{text-align:center; padding-bottom:10px}
#info ol.noticias{background:#f1f1f1; margin-top:10px}
#info ol.noticias li h3{
	font-size:14px; color:#d61911; letter-spacing:1px; padding:5px; border-top:1px dotted #eee; border-bottom:1px dotted #eee;
	background:#f4f4f4
}
#info ol.noticias li{font-size:11px; display:block}
#info ol.noticias li a{display:block; text-decoration:none; color:#444; padding:5px}
#info ol.noticias li a:hover{background:#fcffdf}
#info ol.noticias li span{color:#b9b9b9; display:block}

/* ÂNCORAS */
#textual div.ancora{font-size:11px}
#textual div.ancora ul li{display:block; width:100px}
#textual div.ancora ul li a{
	background:#c2e7ef; margin-top:3px; padding:5px; display:block; text-decoration:none;
	font-weight:bold
}
#textual div.ancora ul li a:hover{background:#157898; color:#fff}



#body #conteudo div.empresa-br{
	width:300px; height:15px;
	padding-left:20px; margin:10px 0px;
	float:left;
	
	background:url(img/Brazil.png) no-repeat left center;
	color:#3d7f98; font-size:11px; line-height:15px; 
}

/**
 * div#lang
 */
#lang{}

#lang div.container-lang{float:right; width:145px; /** largura1 + (largura2 x total de bandeiras) **/}
#lang span{
	display:block; float:left; width:100px; /** largura1 = 100 **/
	color:#3d7f98; font-size:11px; line-height:35px;
}
#lang ul{
	display:block; float:left;
	width:45px; /** largura 2 = 45 para cada bandeira**/
}
#lang ul li{
	display:block; float:left; 
	width:35px; height:32px;
	margin:0px 5px;
}
#lang ul li a{
	width:32px; height:32px;
	display:block; margin:0 auto;
	text-indent:-5000px; overflow:hidden;
}
#lang ul li a.pt_BR{background: url('img/flag/pt_BR-32.png');}
#lang ul li a.pt_PT{background: url('img/flag/pt_PT-32.png');}
#lang ul li a.en_US{background: url('img/flag/en_US-32.png');}
#lang ul li a.es_ES{background: url('img/flag/es_ES-32.png');}
#lang ul li a.fr_FR{background: url('img/flag/fr_FR-32.png');}


/* FOOTER */
#foot{width:950px; margin:0 auto; padding:20px 0; color:#fff; height:130px}
#foot #foot-address{width:480px; float:left; font-size:12px; padding-top:5px}
#foot #foot-address address{font-style:normal}
#foot #foot-address address em{display:block; margin-top:5px}

#foot #foot-map{width:470px; float:right}
#foot #foot-map ul li{display:inline; font-size:12px; border-right:1px solid #fff; padding-right:8px; padding-left:4px}
#foot #foot-map ul li.end{border:none; padding-right:0}
#foot #foot-map ul li a{color:#fff; text-decoration:none}
#foot #foot-map ul li a:hover{color:#fff; text-decoration:underline}

#foot #foot-map #foot-social{background:url(img/bg-social.png) no-repeat left center; margin-top:10px; height:67px; width:480px}
#foot #foot-map #foot-social ul{width:470px; margin:0 auto; padding-top:10px}
#foot #foot-map #foot-social ul li{float:left; border:none; padding:0}
#foot #foot-map #foot-social ul li a{height:40px; margin:0 3px}
#foot #foot-map #foot-social ul li a:hover{text-decoration:none}
#foot #foot-map #foot-social ul li.orkut a{background:url(img/logo-orkut.png) no-repeat left center; width:110px}
#foot #foot-map #foot-social ul li.facebook a{background:url(img/logo-facebook.png) no-repeat left center; width:110px}
#foot #foot-map #foot-social ul li.twitter a{background:url(img/logo-twitter.png) no-repeat left center; width:110px}
#foot #foot-map #foot-social ul li.flickr a{background:url(img/logo-flickr.png) no-repeat left center; width:110px}

/*Logo Vivaweb*/
div#logo{float:right;margin-top:20px; width:100px}
div#logo .replace{display:block; overflow:hidden; text-indent:-5000px}
div#logo a#vivaweb{background:url(img/vivaweb.png) no-repeat left top; height:24px; width:100px; padding-left:11px;}
div#logo a#vivaweb:hover{background:url(img/vivaweb.png) no-repeat left -24px}






/**
 * 	
 * Design de Tabelas
 * class tabela-padrao
 * 
 */

table.tabela-padrao{
	font-size:12px; font-family: verdana;
	border:1px solid #ccc;
	text-align:left;
	width:100%;
}

table.tabela-padrao td, th{padding:10px;}
table.tabela-padrao th{
	background:#EAEAEA; color:#666;
	font-weight:normal; font-size:11px; letter-spacing:1px;
}
table.tabela-padrao td{
	background: #F8F8F8 url('img/row_bg.png') repeat-x bottom; 
	border-top:1px solid #ccc; color:#333;
	line-height:15px;
}

table.tabela-padrao th.acoes, 
table.tabela-padrao td.acoes{
/*	width:100px;*/
}
table .text-right{
	text-align: right
}
table td.valor{
	width:90px;
}
table .total{
	font-weight:bold;
}


input.submit-padrao{
	padding:10px;
}


#container-caption{
	width:950px;
	font-size:12px;
	margin:10px 0px;
}
#container-caption .actions-left{width:600px; float:left}
#container-caption .actions-right{width:350px; float:right; text-align:right}
#container-caption .actions-right a.active{color:#000; text-decoration:underline}
#container-caption a{color:#333; text-decoration:none}
#container-caption a:hover{text-decoration:underline; color:#000}