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

*{border:0; margin:0; padding:0; outline:0; list-style-type:none; font-family:'trebuchet ms', arial, verdana, tahoma}

div.container{width:960px; margin:0 auto}
.imagereplacement{display:block; text-indent:-5000px; overflow:hidden}

/* TITULOS */
/*h3.title{
	display:block; text-indent:-5000px; overflow:hidden; width:100%; height:45px; border-bottom:1px solid #b50202;
	margin-bottom:15px
}*/
h3.aempresa_pt_BR{background:url(img/h3_aempresa_pt.png) no-repeat left center}
h3.produtos_pt_BR{background:url(img/h3_produtos_pt.png) no-repeat left center}
h3.servicos_pt_BR{background:url(img/h3_servicos_pt.png) no-repeat left center}
h3.faleconosco_pt_BR{background:url(img/h3_faleconosco_pt.png) no-repeat left center}
h3.localizacao_pt_BR{background:url(img/h3_localizacao_pt.png) no-repeat left center}
h3.portfolio_pt_BR{background:url(img/h3_portfolio_pt.png) no-repeat left center}
h3.trabalheconosco_pt_BR{background:url(img/h3_trabalheconosco_pt.png) no-repeat left center}
h3.representantes_pt_BR{background:url(img/h3_representantes_pt.png) no-repeat left center}
h3.investidores_pt_BR{background:url(img/h3_investidores_pt.png) no-repeat left center}
h3.clientes_pt_BR{background:url(img/h3_clientes_pt.png) no-repeat left center}
h3.parceiros_pt_BR{background:url(img/h3_parceiros_pt.png) no-repeat left center}
h3.clientes_pt{background:url(img/clientes_pt.png) no-repeat left center}

#header{background:#0a0a0a}
#header h1{
	width:275px; height:95px; 
	float:left
}
#header h1 a{width:275px; height:95px; display:block; text-indent:-5000px; overflow:hidden;
	background: url('img/logo_vivaweb.png') no-repeat;
}

/**
 * Links
 * - Idioma
 * - Contato
 * - Acesso Rápido
 */
#header div.links{margin:5px 0px; padding:5px 10px; color:#666; float:right}
#header div.links,
#header div.links a{color:#999; text-decoration:none; font:normal 11px tahoma; font-height:13px}

#header div.idioma, #header div.contato{float:left;}
#header div.links a.bandeira-brasil{display:block; float:left; padding-left:20px; background: url('img/bandeira_brasil.png') no-repeat}
#header div.links a.alterar-idioma{
	width:10px; height:11px; display:block; float:left; background: url('img/seta_baixo.png') no-repeat; text-indent:-5000px; 
	overflow:hidden;
}
#header div.links div.contato{padding:0px 10px}
#header div.acesso-rapido{float:left; padding:0px 10px}
#header div.acesso-rapido ul li{display:inline; border-left:1px solid #666; padding-left:5px}
#header div.acesso-rapido ul li.init{border:none}
#header div.acesso-rapido ul li a:hover{color:#fff}

/* MENU */
#header .menu{width:685px; height:35px; float:left; background: url('img/menu.png') repeat-x}
#header .menu .menu-container{height:35px; /*background: url('img/menu_esq.png') no-repeat*/ }
#header .menu ul{height:35px; display:block; /*background: url('img/menu_dir.png') no-repeat top right;*/ text-align:center}
#header .menu ul li{float:left; border-left:1px solid #393939}
#header .menu ul li.first{width:152px}
#header .menu ul li.subitem, #header .menu ul li.simple{width:132px}
#header .menu ul li.end{width:133px}
#header .menu ul li.subitem a.item{background:transparent url(img/nav_down.gif) no-repeat 90% center}
#header .menu ul li.subitem a:hover.item,
#header .menu ul li.subitem a.item-hover{color:#0066cc; background:#eee url(img/bg-menu-hover.gif) no-repeat right top}

/* SUBMENU */
#header .menu ul li ul.submenu{padding:0; margin:0; background:#eee}
#header .menu ul li ul.submenu li{border:none; text-align:left; padding:0; padding-bottom:3px; background:#eee}
#header .menu ul li ul.submenu li a{
	background:#eee url(img/nav_right_blue.gif) no-repeat 10px center; padding:0px 20px; text-transform:none; color:#0066cc; 
	line-height:20px; letter-spacing:0px
}
#header .menu ul li ul.submenu li a:hover{text-decoration:underline; color:#0058af}
#header .menu ul li ul.submenu li span{
	color:#999; font-size:11px; padding-left:15px; margin:0 5px; padding-bottom:5px; display:block
}

#header .menu ul li.first{border-left:none}
#header .menu ul li a{
	color:#e3e3e3; text-decoration:none; text-transform:uppercase; letter-spacing:1px; font-size:11px; display:block;
	line-height:35px; padding:0px 25px
}
#header .menu ul li a:hover{color:#0058af; text-decoration:none; background:#eee url(img/bg-menu-hover-simple.gif) no-repeat right top}

/**
 * 
 * Twitter
 * 
 * Estrutura com ícone do twitter e texto
 * 
 */
#header div.twitter{
	width:605px;
	float:left;
	padding:5px 10px;
	margin:5px 0px;
	text-align:right;
}
#header div.twitter a.twitter{
	width:19px; height:19px;
	display:block; float:right;
	margin-left:5px;
	
	background: url('img/twitter.png') no-repeat;
	text-indent:-5000px; text-align:left; overflow:hidden;
}
#header div.twitter a{
	font-size:10px;
	color:#999;
	text-decoration:none;
}

#body{padding:10px 0px; padding-top:20px; background:#b50202 url(img/bg.png); border-top:5px solid #fff}
#body div.container{padding-top:10px; background:url(img/border-top.png) no-repeat top center; padding-top:65px}

/* HOME */
#home-banner{background:#fff; padding-bottom:10px; margin-bottom:20px}
#home-banner #B86carousel-container{border-top:5px solid #fff; padding:10px 0px}

#content{background:#fff url(img/border-top.png) no-repeat top center; padding:10px; position:relative}
#content h2{font-size:20px; height:25px; text-indent:-5000px; overflow:hidden}

#content h3{
	font-size:50px;
}
#content h4{
	font-size:20px;
	
}
#content p{
	font-size:14px;
	font-family: tahoma, verdana, sans-serif, times;
	line-height:1.5em;
	margin-bottom: 1em;
	text-align:justify;
}

html{background:#000}


/* RODAPÉ */
#footer-links{width:940px; margin:0 auto; padding-top:10px}
#footer-links ul{float:left; width:220px; margin-right:20px}
#footer-links ul.default{width:210px}
#footer-links ul.flickr{margin-right:20px}
#footer-links ul.flickr, #flickr-slide{width:240px}
#footer-links ul.end{margin:0}
#footer-links ul li h2{
	color:#b25f5f; text-transform:uppercase; font-size:14px; border-bottom:1px solid #b25f5f; padding-bottom:5px;
	margin-bottom:5px
}
#footer-links ul li{padding:5px 0px}
#footer-links ul li a{color:#fff; font-size:12px; text-decoration:none}
#footer-links ul li a:hover{text-decoration:underline}
#footer-links ul li span{color:#b25f5f; font-size:11px; display:block}

#footer-links ul li ul{margin:0}
#footer-links ul li ul li{display:inline; color:#b25f5f; padding:0}
#footer-links ul li ul li a{text-decoration:none}
#footer-links ul li ul li a:hover{text-decoration:underline}
#footer-links ul li ul li.um a{color:#ffffff; font-size:20px}
#footer-links ul li ul li.dois a{color:#E4A4A4; font-size:18px}
#footer-links ul li ul li.tres a{color:#C86658; font-size:16px}
#footer-links ul li ul li.quatro a{color:#D2583A; font-size:14px}
#footer-links ul li ul li.cinco a{color:#DB8787; font-size:12px}

#footer{padding:10px; background:black; border-top:1px solid #d9d9d9}
#footer #footer-content{width:960px; margin:0 auto}
#footer #footer-content ul{float:left}
#footer #footer-content ul li{display:inline; font-size:12px; color:#fff}
#footer #footer-content ul li span{/*color:#b50202*/ color:#fff}
#footer #footer-content ul li a{font-size:12px; color:#666; text-decoration:none; padding-left:10px}
#footer #footer-content ul li a:hover{color:#999}
#footer #footer-content address{
	float:right; color:#666; font-size:11px; font-style:normal; background:#080808; padding:20px
}
ul.errors li{font-size:11px; color:red}