@charset "UTF-8";

@font-face{
  font-family:'UOLText';
  src:url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.eot?v5');
  src:local('?'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.eot?#iefix') 
  format('embedded-opentype'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.woff?v5') 
  format('woff'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.ttf?v5') 
  format('truetype'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-regular.svg?v5#uol-text-regular') 
  format('svg');
  font-weight:normal;
  font-style:normal
}

@font-face{
  font-family:'UOLText';
  src:url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.eot?v5');
  src:local('?'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.eot?#iefix') 
  format('embedded-opentype'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.woff?v5') 
  format('woff'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.ttf?v5') 
  format('truetype'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-bold.svg?v5#uol-text-bold') 
  format('svg');
  font-weight:bold;
  font-style:normal
}

@font-face{
  font-family:'UOLText';
  src:url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.eot?v5');
  src:local('?'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.eot?#iefix') 
  format('embedded-opentype'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.woff?v5') 
  format('woff'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.ttf?v5') 
  format('truetype'),url('http://stc.uol.com/c/webfont/projeto-grafico/uol-font/uol-text-light.svg?v5#uol-text-light') 
  format('svg');
  font-weight:300;
  font-style:300
}

/*
 *
 * UOL Host - default.css
 * Modificado em 24/03/14 - 14:50
 * Pré-processado com Sass, não altere o .css
 * Duvidas: 9484 ou 8622
 *
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  line-height: 1;
}

body {
  line-height: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* FIM DO RESET */
/* =DEFAULTS */
html {
  background: #efefef url("http://host.imguol.com/site/uolhost/images/background-pagina.jpg") top center repeat-y;
  overflow-x: hidden;
}

body {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  color: #6b6c6c;
}

a {
  color: #1082be;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

span.skype_pnh_container {
  display: none !important;
}

span.skype_pnh_print_container {
  display: inline !important;
}

span[class^='skype_pnh_container'] {
  display: none !important;
}

span[class^='skype_pnh_print_container'] {
  display: inline !important;
}

.clearfix:after, #new-header .submenu-lateral dl:after, #new-header .sub-nivel:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .clearfix, html[xmlns] #new-header .submenu-lateral dl, #new-header .submenu-lateral html[xmlns] dl, html[xmlns] #new-header .sub-nivel, #new-header html[xmlns] .sub-nivel {
  display: block;
}

* html .clearfix, * html #new-header .submenu-lateral dl, #new-header .submenu-lateral * html dl, * html #new-header .sub-nivel, #new-header * html .sub-nivel {
  height: 1%;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.center {
  text-align: center;
}

.space-margin {
  margin: 0px 2px 0px 2px;
}

footer .space-margin {
  margin: 0px 2px 0px 2px;
  background: url("http://host.imguol.com/site/uolhost/images/backgrounds/background-footer-barra.jpg") no-repeat top center;
}

.clear {
  clear: both;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.strong {
  font-weight: bold;
}

#chat #main {
  width: 850px;
}

#chat .chat-header {
  position: relative;
  width: 850px;
  height: 106px;
  background: url("http://host.imguol.com/site/uolhost/images/backgrounds/bg-chat.jpg") no-repeat;
}

#chat .chat-header img {
  position: relative;
  margin: 14px 48px;
}

#chat .chat-form {
  position: relative;
  width: 720px;
  padding: 6px 65px;
  font-size: 14px;
  color: #4f4f4f;
}

#chat .chat-form label {
  display: block;
  margin-top: 20px;
}

#chat .chat-form input[type=text], #chat .chat-form .combo {
  position: relative;
  width: 272px;
  height: 16px;
  padding: 10px;
  border: 0;
  background: url("http://host.imguol.com/site/uolhost/images/chat/formulario.jpg") no-repeat;
}

#chat .chat-form .combo {
  background-position: 0 -36px;
  width: 238px;
  height: 12px;
  padding: 12px;
  cursor: pointer;
}

#chat .chat-form .combo ul {
  position: absolute;
  top: 35px;
  left: 0;
  width: 260px;
  background: #FFF;
  border: 1px solid #CCC;
  display: none;
  z-index: 100;
}

#chat .chat-form .combo ul li {
  line-height: 160%;
  padding-left: 10px;
}

#chat .chat-form .combo ul li:hover {
  color: #FFF;
  background: #39F;
}

#chat .chat-form .bt-entrar {
  position: relative;
  display: block;
  width: 127px;
  height: 60px;
  margin: 28px 0;
  background: url("http://host.imguol.com/site/uolhost/images/chat/bt-entrar.png") no-repeat;
  text-indent: -9000px;
  border: 0;
  cursor: pointer;
}

#chat .chat-form .bt-entrar:hover {
  background-position: 0 -60px;
}

#infos header {
  padding: 35px 0;
  background: url("http://host.imguol.com/site/uolhost/images/backgrounds/header-nav2.jpg") top center no-repeat;
}

#infos #main h1 {
  font-size: 36px;
  color: #4f4f4f;
}

#infos #main p {
  width: 500px;
  margin: 15px 0;
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
}

#infos #notfound {
  padding: 95px 0 0 50px;
  height: 350px;
  background: url("http://host.imguol.com/site/uolhost/images/bg-404.jpg") 0 80px no-repeat;
}

#infos #updating {
  padding: 95px 0 0 50px;
  height: 350px;
  background: url("http://host.imguol.com/site/uolhost/images/bg-updating.jpg") 0 80px no-repeat;
}

/*pesquisa tela de obrigado*/
#infos #main.pesquisa-obrigado {
  width: 1250px;
  height: 419;
  padding-top: 60px;
}

#infos #main.pesquisa-obrigado hgroup {
  width: 1250px;
  height: 419px;
  padding: 0;
  background: url("http://host.imguol.com/site/uolhost/images/bg-pesquisa-obrigado.jpg") no-repeat;
}

#infos #main.pesquisa-obrigado hgroup h1 {
  width: 360px;
  font-size: 25px;
  margin-left: 155px;
}

#infos #main.pesquisa-obrigado hgroup p {
  width: 360px;
  margin-left: 155px;
}

header {
  padding-top: 35px;
  background: url("http://host.imguol.com/site/uolhost/images/backgrounds/teste-header-nav.jpg") top center no-repeat;
}

header .banner h2 {
  margin-top: 13px;
}
header .logo {
  display: block;
  width: 228px;
  height: 54px;
  text-indent: -9000px;
  background: url("http://host.imguol.com/site/uolhost/images/logo-uolhost-novo.png") no-repeat;
}
header .logo-novo {
  display: block;
  width: 228px;
  height: 54px;
  text-indent: -9000px;
  background: url("http://host.imguol.com/site/uolhost/images/logo-uolhost-novo.png") no-repeat;
}
header hgroup, header nav li, header fieldset {
  display: inline-block;
  float: left;
}

/* ---- LOGIN ----*/
#header-login fieldset {
  position: relative;
}

#txtPass {
  font: normal 13px arial;
  color: #000;
  position: absolute;
  top: 5px;
  right: 52px;
}

#password {
  width: 85px;
}

#icoHelp {
  position: absolute;
  top: 0;
  right: 5px;
}

#tooltipPwd {
  width: 151px;
  height: 41px;
  background: transparent url("http://host.imguol.com/site/uolhost/images/bg-tooltipPwd.png") no-repeat 0 0;
  display: none;
  z-index: 10;
  position: absolute;
  top: 20px;
  left: 129px;
  padding: 14px 15px 0;
}

#esqueceuPwd {
  color: #025ec7;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
}

#esqueceuPwd:hover {
  text-decoration: underline;
}

header form legend, header form label {
  display: none;
}

header form input {
  width: 80px;
}

header .texto {
  margin: 140px 0 0 15px;
}

#header-login input {
  background-color: #AED0DC;
  border: solid 1px #0F6385;
  padding: 4px;
  border-color: #0F6385 #2D7492 #2D7492 #0F6385;
  height: 16px;
}

#header-login #email {
  float: left;
  width: 110px;
  margin-right: 5px;
}

#header-login button {
  color: #FFF;
  font-size: 11px;
  background-color: #0B4960;
  border: none;
  width: 27px;
  height: 25px;
  line-height: 21px;
  padding: 3px;
  margin: 1px 0 0 4px !important;
  cursor: pointer;
}

#header-login button:hover {
  background-color: #185b74;
}

header .banner {
  position: relative;
  clear: both;
  /*height:auto; DEFINIDO POR PÁGINA*/
}

#menu-academia #menuTop {
  float: right;
  height: 57px;
}
#menu-academia #menuTop li {
  display: table !important;
  width: auto;
  height: 42px;
  padding: 15px 15px 0 15px;
}
#menu-academia #menuTop li a {
  font-size: 14px;
  padding-top: 0;
  height: auto;
  overflow: visible;
}
#menu-academia #menuTop li > a {
  display: inline-block;
  color: #FFF;
  font-size: 17px;
  padding-top: 4px;
  height: 38px;
}
#menu-academia #menuTop li > a:hover, #menu-academia #menuTop .menuOvered > a, #menu-academia #menuTop li > a.current {
  color: #e6d83c;
}
#menu-academia #menuTop a.current {
  color: #e6d83c;
  font-weight: bold;
  text-decoration: none;
}
#menu-academia #menuTop a.current:hover {
  text-decoration: underline;
}
#menu-academia #menuTop .separador {
  background: url("http://host.imguol.com/site/uolhost/images/nav-separador.jpg") no-repeat right center;
}
#menu-academia #menuTop .cadeado {
  background: url("http://host.imguol.com/site/uolhost/images/cadeado.png") no-repeat 12px center;
  padding: 15px 0 0 35px !important;
  color: #FFF;
  font-size: 17px;
}
#menu-academia #menuTop form {
  margin-left: 2px;
}
#menu-academia #menuTop .more .menuOver {
  display: none;
  background: #0f6d91;
  height: 260px;
  position: absolute;
  left: 2px;
  width: 1245px;
  z-index: 20;
}
#menu-academia #menuTop .navOver {
  width: 965px;
  margin: auto;
  padding: 30px 0;
}
#menu-academia #menuTop .navProdutos dl {
  color: #FFFFFF;
  float: left;
  font-size: 14px;
  margin-left: 35px;
}
#menu-academia #menuTop .navProdutos dl:first-child {
  margin-left: 0;
  width: 201px;
}
#menu-academia #menuTop .navProdutos dt {
  padding: 5px 0;
  font-weight: bold;
  position: relative;
}
#menu-academia #menuTop .navProdutos dt.novo:before {
  content: "";
  display: block;
  position: absolute;
  background: url("http://host.imguol.com/site/uolhost/images/dest-novo-menu.png") no-repeat;
  width: 32px;
  height: 16px;
  right: -39px;
}
#menu-academia #menuTop .navProdutos dt a {
  color: #a7d6e8;
}
#menu-academia #menuTop .navProdutos dt a.current {
  color: #e6d83c;
}
#menu-academia #menuTop .navProdutos dd {
  background-image: url("http://host.imguol.com/site/uolhost/images/menu-seta.png");
  background-position: 5px 7px;
  background-repeat: no-repeat;
  padding: 5px 0 5px 20px;
  position: relative;
}
#menu-academia #menuTop .navProdutos dd.novo:before {
  content: "";
  display: block;
  position: absolute;
  background: url("http://host.imguol.com/site/uolhost/images/dest-novo-menu.png") no-repeat;
  width: 32px;
  height: 16px;
  right: -39px;
}
#menu-academia #menuTop .navProdutos dd.site-pronto.novo:before {
  right: 63px;
}
#menu-academia #menuTop .navProdutos dd.primeiro-site.novo:before {
  right: 25px;
}
#menu-academia #menuTop .navProdutos dd.adwords.novo:before {
  right: 5px;
}
#menu-academia #menuTop .navProdutos dd a {
  color: #fff;
}
#menu-academia #menuTop .navProdutos dd a.current {
  color: #e6d83c;
}
#menu-academia #menuTop .navProdutos .no-img {
  background-image: none;
}
#menu-academia #menuTop .academia a {
  display: inline;
}
#menu-academia #menuTop .academia .inicio {
  display: inline-block;
  padding: 0 0 28px 30px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  position: relative;
}
#menu-academia #menuTop .academia .inicio:before {
  content: "";
  display: block;
  width: 21px;
  height: 17px;
  position: absolute;
  left: 0px;
  top: -3px;
  background: url(http://host.imguol.com/site/uolhost/images/academia-uol/home-ico.png) no-repeat 0 0;
}
#menu-academia #menuTop .academia dl {
  float: left;
  border-left: 1px solid #3e8aa6;
  width: 175px;
  padding: 5px 0 0 10px;
  height: 70px;
}
#menu-academia #menuTop .academia .first {
  border-left: none;
  padding: 5px 0 0 0;
}
#menu-academia #menuTop .academia dt {
  font-size: 14px;
  padding-bottom: 10px;
  color: #ffffff;
}
#menu-academia #menuTop .academia dd {
  width: 150px;
  color: #aed0dc;
  font-size: 12px;
  line-height: 17px;
}
#menu-academia #menuTop .academia a:hover dt, #menu-academia #menuTop .academia a:hover dd {
  text-decoration: underline;
}
#menu-academia #menuTop .academia .mais-canais dt {
  font-weight: bold;
  color: #90b9c9 !important;
  text-transform: uppercase;
}
#menu-academia #menuTop .academia .mais-canais dd a {
  color: #fff;
  font-size: 14px;
}
#menu-academia #menuTop #icoHelp {
  top: 4px;
}
#menu-academia #menuTop #esqueceuPwd {
  color: #025ec7;
  font-size: 12px;
}
#menu-academia #menuTop .menuOvered {
  background: transparent url("http://host.imguol.com/site/uolhost/images/bg-menu-item-over.png") repeat-x 0 0;
  z-index: 100;
}
#menu-academia #menuTop .more.menuOvered .menuOver {
  display: block;
}

#parceiros #menu-academia #menuTop .menuOvered {
  background-image: url("http://host.imguol.com/site/uolhost/images/parceiros/2013/bg-menu-item-over.jpg");
}
#parceiros #menu-academia #menuTop .more .menuOver {
  background: #000;
}

#new-header {
  display: none;
  padding-top: 0;
  background-image: none;
  z-index: 9999;
}
#new-header .topo {
  background: #fff;
  padding: 30px 0;
}
#new-header .btn-white {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  color: #025ec7;
}
#new-header .logo {
  display: block;
  width: 199px;
  height: 40px;
  text-indent: 100%;
  background: none;
  float: left;
}
#new-header .logo img {
  display: block;
}
#new-header .menu {
  float: right;
  padding-top: 8px;
}
#new-header .menu li {
  float: left;
}
#new-header .menu .tel {
  font-size: 15px;
  font-weight: bold;
  color: #084559;
}

#new-header .atendimento .tel.gh-fx:before{
  content: " ";
  position: absolute;
  width: 26px;
  height: 1px;
  background: #219dd1;
  left: 40px;
  top: -10px;
}

#new-header .central-vendas .tel.gh-fx:before{
  content: " ";
  position: absolute;
  width: 26px;
  height: 1px;
  background: #219dd1;
  left: 50%;
  margin-left: -13px;
  top: -10px;
}


#new-header .menu .solicite {
  text-align: center;
  padding: 15px 0;
  font-size: 14px;
  display: block;
  background: #f4f4f4;
}
#new-header .atendimento, #new-header .central-vendas {
  position: relative;
  overflow: hidden;
  border-right: 1px dotted #c1c1c1;
  font-family: Arial;
  font-size: 14px;
  color: #4b4b4b;
  background: transparent;
  /*&:hover,*/
}
#new-header .atendimento.active, #new-header .central-vendas.active {
  overflow: visible;
  border-right: 1px dotted transparent;
}
#new-header .atendimento.active .box-modal, #new-header .central-vendas.active .box-modal {
  z-index: 5;
}
#new-header .atendimento.active .box-modal .open:before, #new-header .central-vendas.active .box-modal .open:before {
  display: block;
}
#new-header .atendimento.last, #new-header .central-vendas.last {
  border-right: none;
}
#new-header .atendimento a, #new-header .central-vendas a {
  display: inline-block;
}
#new-header .atendimento .open, #new-header .central-vendas .open {
  font: 14px 'UOLText',Arial,Helvetica,sans-serif;
  color: #4b4b4b;
  display: block;
  position: relative;
}
#new-header .atendimento .open:hover, #new-header .central-vendas .open:hover {
  text-decoration: none;
}
#new-header .atendimento .open:after, #new-header .atendimento .open:before, #new-header .central-vendas .open:after, #new-header .central-vendas .open:before {
  content: "";
  display: block;
  position: absolute;
}

#new-header .central-vendas .open{
  background: 124px 26px url(http://host.imguol.com/site/uolhost/images/header/2015/atendimento-arrow.jpg) no-repeat;
}

#new-header .atendimento .open:before, #new-header .central-vendas .open:before {
  width: 19px;
  height: 19px;
  display: none;
}
#new-header .atendimento li, #new-header .central-vendas li {
  float: none;
}
#new-header .central-vendas {
  width: 170px;
  height: 24px;
}

#new-header .central-vendas li.chat a,
#new-header .central-vendas li.email a{
  display: block;
  width: 114px;
  height: 34px;
  margin: auto;
  text-align: center;
  font: 14px/32px 'UOLText',Arial,Helvetica,sans-serif;
  border: 1px solid #c4c4c4;
  color: #1082BE;
  margin-bottom: 7px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

#new-header .central-vendas li.chat a:hover,
#new-header .central-vendas li.email a:hover{
  color: #FFF;
  background: #1082be;
}

#new-header .central-vendas .box-modal {
  left: -14px;
  overflow: hidden;
  padding-bottom: 10px;
}
#new-header .central-vendas .open {
  padding: 20px 19px 5px 3px;
  margin: 0 20px 17px;
}
#new-header .central-vendas li {
  font-size: 14px;
  position: relative;
}
#new-header .central-vendas p {
  padding: 10px 0;
  text-align: center;
  font: 300 12px/16px 'UOLText',Arial,Helvetica,sans-serif;
  color: #999;
}
#new-header .central-vendas .tel {
  text-align: center;
  font: 20px 'UOLText',Arial,Helvetica,sans-serif;
  color: #444;
}
#new-header .atendimento {
  width: 106px;
  height: 24px;
}
#new-header .atendimento .box-modal {
  width: 170px;
  left: -1px;
  padding: 0 0 10px 0;
}

#new-header .atendimento.active .box-modal {
  position: absolute;
  top: 29px;
  padding-top: 13px;
  left: 0;
}

#new-header .atendimento.active .open{
  position: absolute;
  background: 74px 26px url(http://host.imguol.com/site/uolhost/images/header/2015/atendimento-arrow.jpg) #FFF no-repeat;
  top: -46px;
  left: -1px;
  width: 85px;
  height: 25px;
  padding: 20px 0 0 19px; 
  margin: 0;
  z-index: 9;
  border-right: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}

#new-header .atendimento .open {
  background: 55px 26px url(http://host.imguol.com/site/uolhost/images/header/2015/atendimento-arrow.jpg) no-repeat;
  padding: 20px 0 10px 0;
  margin: 0 20px 10px;
}
#new-header .atendimento dt {
  text-align: center;
  font: 300 12px 'UOLText',Arial,Helvetica,sans-serif;
  color: #999;  
  margin-bottom: 10px;
}

#new-header .atendimento dd {
  text-align: center;
  position: relative;
  margin-bottom: 5px;
}
#new-header .atendimento .tel {
  font: 20px 'UOLText',Arial,Helvetica,sans-serif;
  color: #444;
}
#new-header .atendimento .solicite {
  margin-top: 12px;
  font-size: 12px;
}
#new-header .box-modal {
  position: absolute;
  top: -16px;
  width: 184px;
  border: 1px solid #eaeaea;
  background-color: #fff;
}
#new-header .btn-blue, #new-header .btn-white {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-left: 20px;
  position: relative;
  top: -3px;
}
#new-header .btn-blue:hover, #new-header .btn-white:hover {
  text-decoration: none;
}
#new-header .btn-blue {
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 96, 142, 0.55);
  padding: 8px 25px 8px 48px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #239fd6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  border: solid 1px #4c9dc5;
  background-image: -webkit-linear-gradient(bottom, #0f84be, #37baef);
  background-image: -moz-linear-gradient(bottom, #0f84be, #37baef);
  background-image: -o-linear-gradient(bottom, #0f84be, #37baef);
  background-image: linear-gradient(to top, #0f84be, #37baef);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0f84be', endColorstr='#37baef');
}
#new-header .btn-blue:before {
  content: "";
  display: block;
  position: absolute;
  left: 18px;
  top: 4px;
  width: 24px;
  height: 22px;
  background: url(http://host.imguol.com/site/uolhost/images/header/ico-painel.png) no-repeat;
}
#new-header .btn-blue:hover {
  text-decoration: none;
  background-color: #239fd6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  border: solid 1px #67b2d7;
  background-image: -webkit-linear-gradient(bottom, #2899d0, #72cbef);
  background-image: -moz-linear-gradient(bottom, #2899d0, #72cbef);
  background-image: -o-linear-gradient(bottom, #2899d0, #72cbef);
  background-image: linear-gradient(to top, #2899d0, #72cbef);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2899d0', endColorstr='#72cbef');
}
#new-header .btn-white {
  color: #025ec7;
  padding: 8px 29px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #239fd6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  border: solid 1px #d3d3d3;
  background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fefefe);
  background-image: -moz-linear-gradient(bottom, #dfdfdf, #fefefe);
  background-image: -o-linear-gradient(bottom, #dfdfdf, #fefefe);
  background-image: linear-gradient(to top, #dfdfdf, #fefefe);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#dfdfdf', endColorstr='#fefefe');
}
#new-header .btn-white:hover {
  text-decoration: none;
  background-color: #239fd6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  border: solid 1px #c8c8c8;
  background-image: -webkit-linear-gradient(bottom, #ebebeb, #fefefe);
  background-image: -moz-linear-gradient(bottom, #ebebeb, #fefefe);
  background-image: -o-linear-gradient(bottom, #ebebeb, #fefefe);
  background-image: linear-gradient(to top, #ebebeb, #fefefe);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ebebeb', endColorstr='#fefefe');
}
#new-header nav {
  background: #0a76a4;
  border-top: 5px solid #44adc7;
  padding-top: 5px;
  position: relative;
}
#new-header nav:before {
  content: "";
  width: 1241px;
  height: 1px;
  margin-top: 30px;
  margin-left: -75px;
  display: block;
  position: absolute;
  top: 16px;
  left: 80px;
  z-index: -1;
  -webkit-box-shadow: 0px 0px 8px 2px #000000;
  -moz-box-shadow: 0px 0px 8px 2px #000000;
  box-shadow: 0px 0px 8px 2px #000000;
}
#new-header nav ul {
  position: relative;
}
#new-header nav > ul > li {
  float: left;
  height: 24px;
  padding: 15px 0 5px 0;
  position: relative;
}
#new-header nav > ul > li.mais > a {
  border-left: none;
  width: 228px;
  padding: 0;
}
#new-header nav > ul > li > a {
  padding: 0 45px;
  text-align: center;
  display: block;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  border-left: 1px dotted #84c6d8;
}
#new-header nav > ul > li > a span {
  font-weight: normal;
  color: #a2dbe9;
}
#new-header nav > ul > li > a:hover {
  text-decoration: underline;
}
#new-header nav > ul > li.active > a {
  text-decoration: none;
}
#new-header nav > ul > li.active > a:hover {
  text-decoration: none;
}
#new-header .submenu-lateral {
  display: none;
  position: absolute;
  top: 39px;
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  background-color: #fff;
  border-bottom: 3px solid #067ca5;
  border-top: none;
  padding: 14px 0;
}
#new-header .submenu-lateral:after, #new-header .submenu-lateral:before {
  content: "";
  display: block;
  width: 1px;
  height: 316px;
  background: #ccc;
  position: absolute;
  top: 0;
  visibility: visible;
  overflow: visible;
}
#new-header .submenu-lateral:after {
  left: -1px;
}
#new-header .submenu-lateral:before {
  right: -1px;
}
#new-header .submenu-lateral dl {
  width: 228px;
  overflow: visible;
  height: 32px;
  /*&:hover,*/
}
#new-header .submenu-lateral dl.active dd {
  display: block;
}
#new-header .submenu-lateral dl.active dt {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  position: absolute;
  z-index: 2;
  font-weight: bold;
  background: white url(http://host.imguol.com/site/uolhost/images/header/arrow-dt.png) no-repeat;
  background-position: 200px 9px;
}
#new-header .submenu-lateral dl.active dt:hover {
  text-decoration: none;
}
#new-header .submenu-lateral dt {
  cursor: pointer;
  font-weight: normal;
  font-size: 14px;
  width: 194px;
  padding: 8px 0 8px 35px;
  color: #484848;
  float: left;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
}
#new-header .submenu-lateral dt:hover {
  text-decoration: underline;
}
#new-header .mais {
  position: relative;
  border: 1px solid transparent;
  border-bottom: 0;
  /*&:hover,*/
}
#new-header .mais:before {
  content: "";
  display: block;
  position: absolute;
  right: 24px;
  top: 17px;
  width: 12px;
  height: 8px;
  background: url(http://host.imguol.com/site/uolhost/images/header/arrow-produtos.png) no-repeat;
}
#new-header .mais.active {
  border: 1px solid #ccc;
  border-bottom: 0;
  background: #fff;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
#new-header .mais.active:before {
  background-position: 0 -9px;
}
#new-header .mais.active > a {
  color: #f0502f;
}
#new-header .mais.active > a span {
  color: #9a9a9a;
}
#new-header .mais.active .submenu-lateral {
  display: block;
  z-index: 0;
}
#new-header .sub-nivel {
  display: none;
  border-left: 1px solid #ccc;
  width: 672px;
  height: 286px;
  position: absolute;
  left: 228px;
  top: 0;
  padding: 30px 20px 0 40px;
  /* TESTE */
  border-bottom: 3px solid #067ca5;
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
}
#new-header .sub-nivel ul {
  float: left;
}
#new-header .sub-nivel li {
  float: none;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}
#new-header .sub-nivel li a {
  overflow: visible;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  display: block;
  width: auto;
  color: #666;
}
#new-header .sub-nivel li a:hover, #new-header .sub-nivel li a:active {
  text-decoration: underline;
}
#new-header .sub-nivel p {
  float: right;
  text-align: right;
  font-size: 22px;
  color: #fff;
}
#new-header .hospedagem {
  background: white url(http://host.imguol.com/site/uolhost/images/header/hospedagem.jpg) right top no-repeat;
}
#new-header .cloud {
  background: white url(http://host.imguol.com/site/uolhost/images/header/cloud.jpg) right top no-repeat;
}
#new-header .loja {
  background: white url(http://host.imguol.com/site/uolhost/images/header/loja.jpg) right top no-repeat;
}
#new-header .email-prof {
  background: white url(http://host.imguol.com/site/uolhost/images/header/email.jpg) right top no-repeat;
}
#new-header .office {
  background: white url(http://host.imguol.com/site/uolhost/images/header/office.jpg) right top no-repeat;
}
#new-header .dominios {
  background: white url(http://host.imguol.com/site/uolhost/images/header/dominios.jpg) right top no-repeat;
}
#new-header .email-mkt {
  background: white url(http://host.imguol.com/site/uolhost/images/header/email-mkt.jpg) right top no-repeat;
}
#new-header .mkt-online {
  background: white url(http://host.imguol.com/site/uolhost/images/header/marketing-online.jpg) right top no-repeat;
}
#new-header .seguranca {
  background: white url(http://host.imguol.com/site/uolhost/images/header/seguranca.jpg) right top no-repeat;
}
#new-header .gestao {
  background: white url(http://host.imguol.com/site/uolhost/images/header/gestao.jpg) right top no-repeat;
}

#lightbox-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  z-index: 10000;
  display: none;
}

#lightbox-window {
  position: fixed;
  margin: 0 auto;
  top: 168px;
  left: 50%;
  /*margin-left:-400px;*/
  width: 800px;
  min-height: 200px;
  padding: 28px 16px;
  z-index: 11000;
  background: #FFF;
  border: 2px solid #c0bdb7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  display: none;
}

#lightbox-window .header, #lightbox-window .header-modal {
  z-index: 500;
}

#lightbox-window .header-modal {
  display: block;
  min-height: 15px;
  border-bottom: dotted 2px #CCC;
}

#lightbox-window .header-modal h3 {
  *line-height: 15px;
  *padding-bottom: 10px;
}

#lightbox-window .header .title, #lightbox-window .header-modal .title {
  font-size: 18px;
  color: #383535;
  float: left;
  height: 22px;
  width: 300px;
  line-height: 100%;
}

#lightbox-window .close {
  position: absolute;
  top: 10px;
  top: 20px;
  right: 10px;
  right: 12px;
  font-size: 10px;
  color: #025ec7;
  text-transform: uppercase;
  cursor: pointer;
}

#lightbox-window .content {
  margin-top: 15px;
  font-size: 14px;
  color: #6b6c6c;
  line-height: 150%;
}

#lightbox-window .sep-lightbox {
  width: 700px;
  clear: both;
  margin-top: 14px;
}

#footer_template{
  border-top: 3px solid #dad5d1;
  background: #f1f1f1;
}

#footer_template #footer_academia{
  line-height: 47px;
  border-bottom: 1px solid #dad5d1;
}

#footer_template #footer_academia p{
  display: inline;
  color: #484848;
  font-size: 13px;
}

#footer_template .academia_link{
  color: #484848;
}

#footer_template a{
  color: rgb(2, 94, 199);
}

#footer_template #footer_academia strong{
  font-weight: bolder;
  margin-right: 10px;
  font-size: 14px;
}

#footer_template #footer_academia li{
  list-style: none;
  display: inline;
  border-right: 1px dotted #9c9c9c;
  font-size: 12px;
}

#footer_template #footer_academia li:last-child{
  border-right: 0;
}

#footer_template #footer_academia li a{
  color: #025ec7;
  margin: 0 25px;
}

#footer_template nav{
  -webkit-box-shadow:inset 0 8px 10px -5px rgba(0,0,0,0.1);
  box-shadow:inset 0 8px 10px -5px rgba(0,0,0,0.1);
  padding: 37px 0;
  border-bottom: 1px solid #d8d5d3;
}

#footer_template .main_column{
  display: inline-block;
  vertical-align: top;
  margin-right: 80px;
}

#footer_template .main_column:last-child{
  margin-right:0;
}

#footer_template .main_column p{
  color: #484848;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 1px solid #d8d5d3;
}

#footer_template .sub_column{
  display: inline-block;
  vertical-align: top;
}

#footer_template .sub_column ul{
  margin: 10px 0 0 0;
}

#footer_template .li_style{
  list-style-image: url(http://host.imguol.com/site/uolhost/images/header/arrow-blue.png);
  margin-left: 15px;
}

#footer_template .sub_column li{
  font-size: 12px;
  line-height: 18px;
}

#footer_template .sub_column.f{
  margin-right: 30px;
}

#footer_template dl:first-child{
  margin: 10px 0 20px 0;
}

#footer_template dl{
  font-size: 12px;
  margin: 20px 0;
  line-height: 18px;
}

#footer_template dl dt{
  font-size: 12px;
}

#footer_template .phone{
  font-size: 12px;
  line-height: 14px;
  margin: 20px 0;
}

#footer_template .capitais{
  font-size: 12px;
  line-height: 14px;
  margin: 5px 0 15px 0;
}

#footer_template .demais{
  font-size: 12px;
  line-height: 14px;
  margin: 15px 0;
}

#footer_template .demais span{
  font-size: 11px;
}

#footer_template .demais strong, footer .capitais strong, footer .phone strong{
  font-weight: bolder;
  font-size: 16px;
  line-height: 20px;
}

#footer_template dt{
  color: #484848;
  font-weight: bolder;
}

#footer_template .social{
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: 13px 0 0 0;
}

#footer_template #twitter.social{background: url(http://host.imguol.com/site/uolhost/images/social_icons.png);}
#footer_template #facebook.social{background: url(http://host.imguol.com/site/uolhost/images/social_icons.png) -33px 0 ;}
#footer_template #google_plus.social{background: url(http://host.imguol.com/site/uolhost/images/social_icons.png) -67px 0 ;}
#footer_template #feed.social{background: url(http://host.imguol.com/site/uolhost/images/social_icons.png) -101px 0 ;}
#footer_template #youtube.social{background: url(http://host.imguol.com/site/uolhost/images/social_icons.png) -134px 0 ;}

#footer_template .disclaimer{
  text-align: center;
  color: #484848;
  font-size: 11px;
  padding: 12px 0;
  border-bottom: 1px solid #d8d5d3;
  border-top: 1px solid #FFF;
  line-height: 15px;
}

#footer_template input[type="text"]{
  height: 24px;
  font-size: 12px;
  border: 1px solid #bcc6d0;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  -webkit-box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.4);
  box-shadow:inset 0 5px 5px -5px rgba(0,0,0,0.4);
  padding: 0 0 0 10px;
  margin: 7px 0;
  background: #FFF;
  color: #333;
}

#footer_template input[type="text"]::-webkit-input-placeholder {
  color: #a9a9a9;
  opacity: 1;
}

#footer_template input[type="text"]:-moz-placeholder {
  color: #a9a9a9;
  opacity: 1;
}

#footer_template input[type="text"]::-moz-placeholder {
  color: #a9a9a9;
  opacity: 1;
}

#footer_template input[type="text"]:-ms-input-placeholder {
  color: #a9a9a9;
  opacity: 1;
}

#footer_template input[type="submit"]{
  height: 26px;
  border: 1px solid #d8d8d8;
  background: #ededed;
  background: -moz-linear-gradient(top,  #ededed 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #ededed 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #ededed 0%,#d2d2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d2d2d2',GradientType=0 );
  -webkit-box-shadow:inset 0 6px 1px -5px #FFFFFF;
  box-shadow:inset 0 6px 1px -5px #FFFFFF;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  padding: 0 10px;
  cursor: pointer;
  margin: 0 0 0 7px;
  color: #025ec7;
  font-weight: bold;
  font-size: 12px;
}

#footer_template .links_footer{
  font-size: 12px;
  margin: 10px 0 0 0;
}

#footer_template .links_footer a{
  display: block;
  line-height: 20px;
}

#footer_template #ganhe_dinheiro{
  width: 244px;
}

/************************************/
/**
/** BARRA DE ATENDIMENTO ANTIGA
/**
/************************************/
.barra-atendimento {
  height: 135px;
  background: #26618d;
  padding: 0;
  position: fixed;
  display: none;
  width: 100%;
  bottom: 0;
  z-index: 9999;
}
.barra-atendimento *:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.barra-atendimento.aberto {
  display: block;
}
.barra-atendimento div {
  display: block;
  height: auto;
  position: relative;
  clear: both;
  margin-top: 0;
  padding: 10px 0;
  width: 960px;
  margin: 0 auto;
}
.barra-atendimento b {
  display: block;
  width: 154px;
  height: 154px;
  position: absolute;
  background: url(http://host.imguol.com/site/uolhost/images/atendimento-barra/teste-b/atendente.png);
  left: -17px;
  top: -14px;
}
.barra-atendimento li {
  font: bold 14px Arial;
  color: #fff;
  float: left;
}
.barra-atendimento li a {
  height: 22px;
  color: #ffd644;
}
.barra-atendimento li a:hover {
  text-decoration: none;
}
.barra-atendimento p {
  padding: 5px 0;
}
.barra-atendimento .telefoneG {
  font: bold 16px Arial;
  color: #ffd644;
  padding-left: 35px;
  line-height: 57px;
  margin-top: 0;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-fone-barra.png") 0 50% no-repeat;
}
.barra-atendimento .telefoneG strong {
  color: #FFF;
  margin-right: 5px;
}
.barra-atendimento .emailG {
  font: bold 18px Arial;
  color: #fbd341;
  padding-left: 35px;
  margin-top: 0;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-email-barra.png") 0 50% no-repeat;
}
.barra-atendimento .separa {
  margin: 13px 0 0 11px;
  padding: 4px 0 1px 12px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-separador.jpg") 0 0 no-repeat;
}
.barra-atendimento .telefone {
  height: 22px;
  padding: 3px 0 0 28px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 0 no-repeat;
}
.barra-atendimento .email {
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 -26px no-repeat;
}
.barra-atendimento .chat {
  padding-left: 35px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 -48px no-repeat;
}
.barra-atendimento .fechar {
  float: right;
  width: 24px;
  height: 23px;
  text-indent: -9999px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/bt-fechar-barra.png") 0 0 no-repeat;
}
.barra-atendimento .first {
  padding-left: 150px;
  padding-right: 20px;
  border-right: 1px solid #3c7199;
}
.barra-atendimento .first ul {
  margin: 5px 0;
}
.barra-atendimento .first .separador:before {
  content: "";
  display: block;
  float: left;
  width: 0px;
  height: 16px;
  border-right: 1px solid #46799e;
  border-left: 1px solid #1b4a6e;
  margin: 0 10px;
}
.barra-atendimento .second {
  padding-left: 20px;
  border-left: 1px solid #1b4a6e;
}
.barra-atendimento .second .one {
  border-right: 1px solid #46799e;
  padding-right: 10px;
}
.barra-atendimento .second .two {
  border-left: 1px solid #1b4a6e;
  padding-left: 10px;
}
.barra-atendimento .second li .g {
  margin: 3px 0;
}
.barra-atendimento .first, .barra-atendimento .second {
  margin-top: 15px;
}
.barra-atendimento .g {
  font-family: Arial;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  padding: 0;
}
.barra-atendimento span {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}

.barra-atendimento.b {
  height: 135px;
  background: #26618d;
  padding: 0;
  position: fixed;
  display: none;
  width: 100%;
  bottom: 0;
  z-index: 9999;
}
.barra-atendimento.b *:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.barra-atendimento.b.aberto {
  display: block;
}
.barra-atendimento.b div {
  display: block;
  height: auto;
  position: relative;
  clear: both;
  margin-top: 0;
  width: 960px;
  margin: 0 auto;
}
.barra-atendimento.b b {
  display: block;
  width: 154px;
  height: 154px;
  position: absolute;
  background: url(http://host.imguol.com/site/uolhost/images/atendimento-barra/teste-b/atendente.png);
  left: -17px;
  top: -14px;
}
.barra-atendimento.b > ul {
  padding: 15px 35px 10px 35px;
  position: relative;
  left: 120px;
  top: 10px;
  width: 780px;
  background: #0a1420;
  opacity: 0.95;
}
.barra-atendimento.b li {
  font: bold 14px Arial;
  color: #fff;
  float: left;
}
.barra-atendimento.b li a {
  height: 22px;
  color: #ffd644;
}
.barra-atendimento.b li a:hover {
  text-decoration: none;
}
.barra-atendimento.b p {
  padding: 5px 0;
}
.barra-atendimento.b .telefoneG {
  font: bold 16px Arial;
  color: #ffd644;
  padding-left: 35px;
  line-height: 57px;
  margin-top: 0;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-fone-barra.png") 0 50% no-repeat;
}
.barra-atendimento.b .telefoneG strong {
  color: #FFF;
  margin-right: 5px;
}
.barra-atendimento.b .emailG {
  font: bold 18px Arial;
  color: #fbd341;
  padding-left: 35px;
  margin-top: 0;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-email-barra.png") 0 50% no-repeat;
}
.barra-atendimento.b .separa {
  margin: 13px 0 0 11px;
  padding: 4px 0 1px 12px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-separador.jpg") 0 0 no-repeat;
}
.barra-atendimento.b .telefone {
  height: 22px;
  padding: 3px 0 0 28px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 0 no-repeat;
}
.barra-atendimento.b .email {
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 -26px no-repeat;
}
.barra-atendimento.b .chat {
  padding-left: 35px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 -48px no-repeat;
}
.barra-atendimento.b .fechar {
  float: right;
  width: 24px;
  height: 23px;
  text-indent: -9999px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/bt-fechar-barra.png") 0 0 no-repeat;
}
.barra-atendimento.b .first {
  padding-right: 20px;
  border-right: 1px solid #3c7199;
}
.barra-atendimento.b .first ul {
  margin: 5px 0;
}
.barra-atendimento.b .first .separador:before {
  content: "";
  display: block;
  float: left;
  width: 0px;
  height: 16px;
  border-right: 1px solid #46799e;
  border-left: 1px solid #1b4a6e;
  margin: 0 10px;
}
.barra-atendimento.b .second {
  padding-left: 20px;
  border-left: 1px solid #1b4a6e;
}
.barra-atendimento.b .second .one {
  border-right: 1px solid #46799e;
  padding-right: 10px;
}
.barra-atendimento.b .second .two {
  border-left: 1px solid #1b4a6e;
  padding-left: 10px;
}
.barra-atendimento.b .second li .g {
  margin: 3px 0;
}
.barra-atendimento.b .first, .barra-atendimento.b .second {
  margin-top: 15px;
}
.barra-atendimento.b .g {
  font-family: Arial;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  padding: 0;
}
.barra-atendimento.b span {
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}

/*---------------  BARRA C  ---------------*/

.barra-atendimento.c {
  height: 112px;
  background: #26618d;
  padding: 0;
  position: fixed;
  display: none;
  width: 100%;
  bottom: 0;
  z-index: 9999;
}
.barra-atendimento.c *:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.barra-atendimento.c.aberto {
  display: block;
}
.barra-atendimento.c div {
  display: block;
  height: auto;
  position: relative;
  clear: both;
  margin-top: 0;
  width: 960px;
  margin: 0 auto;
}
.barra-atendimento.c b {
  display: block;
  width: 130px;
  height: 130px;
  position: absolute;
  background: url(http://host.imguol.com/site/uolhost/images/atendimento-barra/teste-b/atendente.png);
  background-size: 130px 130px;
  left: -17px;
  top: -14px;
}
.barra-atendimento.c > ul {
  padding: 15px 35px 10px 35px;
  position: relative;
  left: 120px;
  top: 10px;
  width: 780px;
  background: #0a1420;
  opacity: 0.95;
}
.barra-atendimento.c li {
  font: bold 14px Arial;
  color: #fff;
  float: left;
}
.barra-atendimento.c li a {
  height: 22px;
  color: #fab615;
}
.barra-atendimento.c li a:hover {
  text-decoration: none;
  color: #ffd778;
}
.barra-atendimento.c p {
  padding: 5px 0;
}
.barra-atendimento.c .telefoneG {
  font: bold 16px Arial;
  color: #ffd644;
  padding-left: 35px;
  line-height: 57px;
  margin-top: 0;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-fone-barra.png") 0 50% no-repeat;
}
.barra-atendimento.c .telefoneG strong {
  color: #FFF;
  margin-right: 5px;
}
.barra-atendimento.c .emailG {
  font: bold 18px Arial;
  color: #fbd341;
  padding-left: 35px;
  margin-top: 0;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-email-barra.png") 0 50% no-repeat;
}
.barra-atendimento.c .separa {
  margin: 13px 0 0 11px;
  padding: 4px 0 1px 12px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-separador.jpg") 0 0 no-repeat;
}
.barra-atendimento.c .telefone {
  height: 22px;
  padding: 3px 0 0 28px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 0 no-repeat;
}
.barra-atendimento.c .email {
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 -26px no-repeat;
}
.barra-atendimento.c .chat {
  padding-left: 35px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-icones-p.png") 0 -48px no-repeat;
}
.barra-atendimento.c .fechar {
  float: right;
  width: 24px;
  height: 23px;
  text-indent: -9999px;
  background: url("http://host.imguol.com/site/uolhost/images/atendimento-barra/bt-fechar-barra.png") 0 0 no-repeat;
}
.barra-atendimento.c .first {
  padding-left: 125px;
  padding-right: 10px;
  border-right: 1px solid #3c7199;
}
.barra-atendimento.c .first ul {
  margin: 5px 0;
}
.barra-atendimento.c .first .separador:before {
  content: "";
  display: block;
  float: left;
  width: 0px;
  height: 16px;
  border-right: 1px solid #46799e;
  border-left: 1px solid #1b4a6e;
  margin: 0 10px;
}
.barra-atendimento.c .second {
  padding-left: 15px;
  border-left: 1px solid #1b4a6e;
}
.barra-atendimento.c .second .one {
  height: 40px;
  border-right: 1px solid #46799e;
  padding-right: 10px;
}
.barra-atendimento.c .second .two {
  height: 40px;
  border-left: 1px solid #1b4a6e;
  padding-left: 15px;
}
.barra-atendimento.c .second li .g {
  margin: 0;
}
.barra-atendimento.c .first, .barra-atendimento.c .second {
  margin-top: 7px;
  height: 80px;
}
.barra-atendimento.c .g {
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding: 0;
}
.barra-atendimento.c .t {
  font-family: Arial;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  padding: 0;
}
.barra-atendimento.c span {
  font-family: Arial;
  font-size: 12px;
  color: #8dbed2;
  font-weight: normal;
}
.capitais{
  line-height: 13px;
  padding: 2px 0 !important;
}
.line_blue{
  display: block;
  background: #219dd1;
  width: 29px;
  height: 1px;
  margin: 6px 0;
}

/*********************************/
/**
/** NOVA BARRA DE ATENDIMENTO
/**
/*********************************/
#bar-service {
    position: fixed;
    bottom: 0;
    font-family: 'Arial';
    width: 100%;
    z-index: 99;
    line-height: normal;
}
#bar-service .content {
    width: 962px;
    margin: auto;
    position: relative;
    left: -60px;
}
#bar-service a {text-decoration: none;}
#bar-service .consultant {
    position: relative;
    float: left;
    background-position: 0 0;
    width: 170px;
    height: 170px;
}
#bar-service .consultant a{
    position: absolute;
    top: 21px;
    left: 129px;
    float: left;
    text-indent: -999999px;
    display: block;
    height: 20px;
    width: 20px;
    background-position: -171px 0px;
}

#bar-service .tip.see-how {
    top: 55px;
    width: 205px;
}
#bar-service .tip.see-how .arrow { top: 15px;}
#bar-service .detail { top:15px; width: 840px;}
#bar-service .detail  .arrow { top: 55px;}

#bar-service .tip {
    position: absolute;
    left: 170px;
    background: rgba(10, 20, 32, 0.93);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    z-index: 55;
    float: left;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 0 15px #595959;
}
#bar-service .tip .spacer {
    border-bottom: 1px solid #f7a20c;
    width: 30px;
    height: 1px;
    display: block;
    margin: 10px 0 12px;
}
#bar-service .tip .arrow {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    display: block;
    border-right:8px solid rgba(10, 20, 32, 0.93);;
    position: absolute;
    left: -8px;
}
#bar-service .tip .less {
    position: absolute;
    top: 15px;
    left: 835px;
    float: left;
    text-indent: -999999px;
    display: block;
    height: 20px;
    width: 20px;
    background-position: -173px -23px;
}
#bar-service .tip h3 {
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 17px;
}
#bar-service .tip h3 small {
    display: block;
    font-size: 14px;
    font-weight: normal;
}
#bar-service .tip a {
    color: #f7a20c;
    font-weight: bold;
    font-size: 14px;
}
#bar-service .tip ul li {
    float: left;
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    border-left: 1px solid #323b45;
    border-right: 1px solid #081a29;
}
#bar-service .tip .box {
    float: left;
    border-left: 1px solid #323b45;
    border-right: 1px solid #081a29;
    padding-left: 20px;
}
#bar-service .tip .box h3 {margin-right: 35px;}
#bar-service .tip .legend {
    color: #737373;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
}
#bar-service .first {
    border-left: 0 !important;
    padding-left: 0 !important;
}
#bar-service .last {border-right: 0 !important;}
#bar-service .box.last {padding-right: 20px; }
#bar-service .first.legend {margin-top: 6px;}
#bar-service .clearfix { display: inline-block;}

#bar-service .sprite-bar { background: url('http://host.imguol.com/site/uolhost/images/atendimento-barra/sprite-bar.png') no-repeat 0 0; }
#bar-service.hidden, #bar-service .hidden { display: none; }

/************************************/
/**
/** BARRA DE ATENDIMENTO DISCRESTA
/**
/************************************/

.hide_important{
  display: none !important;
}

#barra-vendas-suporte{
  position: fixed;
  width: 240px;
  height: 42px;
  right: 30px;
  bottom: 0;
  background: 10px center url(http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-atendente.png) #26618d no-repeat;
  z-index: 9999;
  color: #FFF;
  line-height: 42px;
  text-align: center;
  font-size: 14px;
  -webkit-box-shadow:inset 0 10px 2px -10px #FFF;
  box-shadow:inset 0 10px 2px -10px #FFF;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border: 1px solid #26618d;
  cursor: pointer;
  z-index: 10001;
  display: none;
}

.img-content{
  float: left;
  height: 100%;
  width: 40px;
}

#barra-vendas-suporte p{
  padding: 0 0 0 25px;
}

.bg-modal-barra{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  z-index: 10000;
  display: none;
  cursor: pointer;
}

#modal-barra-vendas-suporte{
  position: fixed;
  width: 540px;
  height: 180px;
  bottom: 55px;
  right: 30px;
  background: #FFF;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  z-index: 10001;
  padding: 20px 15px;
  display: none;
}

#modal-barra-vendas-suporte a{
  font-weight: bolder;
}

#modal-barra-vendas-suporte .phones-modal{
  width: 100%;
  border-top: 1px solid #c9cdd0;
  margin-top: 15px;
}

.modal-vendas{
  float: left;
  border-right: 1px solid #c9cdd0;
  padding-right: 25px;
}

.modal-suport{
  float: left;
}

.modal-vendas ul, .modal-suport ul{
  line-height: 16px;
}

.modal-vendas li, .modal-suport li{
  display: inline-block;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #c9cdd0;
}

.modal-vendas li:last-child, .modal-suport li:last-child{
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

.modal-vendas p, .modal-suport p{
  color: #484848;
  font-size: 14px;
  line-height: 16px;
}

.modal-vendas p strong, .modal-suport p strong{
  font-size: 16px;
  font-weight: bolder;
}

.phones-modal strong{
  display: block;
  margin-top: 18px;
  font-weight: bolder;
}

.phones-modal span{
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: #999;
  margin-top: 3px;
}

.ferramentas{
  margin-left: 15px;
}

#modal-barra-vendas-suporte .line{
  width: 30px;
  height: 1px;
  background: #219dd1;
  margin: 13px 0;
}

.triangle_modal {
  position: absolute;
  bottom: -7px;
  right: 20px;
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #FFF;
}

.close_modal{
  position: absolute;
  top: 10px;
  right: 10px;
  background: url(http://host.imguol.com/site/uolhost/images/atendimento-barra/ico-fechar.png) no-repeat;
  width: 19px;
  height: 19px;
  cursor: pointer;
}

header, footer, section {
  position: relative;
  width: 1252px;
  left: 50%;
  margin-left: -626px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* acerta o problema de posicionamento no banner no chrome */
  header, footer, section {
    margin-left: -625px;
  }
}
.contentMaster {
  width: 960px;
  margin: 0 auto;
}

/* =COMMONS */
#main {
  width: 962px;
  margin: 0 auto;
}

hgroup {
  font-family: Arial, Verdana;
  font-weight: bold;
}

h1, h1 a {
  font-size: 22px;
  color: #fbd341;
}

h2 {
  font-size: 34px;
  color: #f5f5f5;
  margin-top: 8px;
}

h3 {
  font-size: 25px;
  font-weight: bold;
  color: #484848;
}

.layer-master {
  z-index: 900;
}

#tarja hgroup {
  margin: 41px 0px 0px 160px;
}

#wrapper hgroup {
  padding: 42px 0px 18px 12px;
}

hr.divisoriaHorizontal, .divisoriaHorizontal {
  height: 20px;
  border: 0;
  background: url("http://host.imguol.com/site/uolhost/images/divisoria-horizontal.png") top center no-repeat;
}

.divisoriaHorizontalContent {
  height: 20px;
  border: 0;
  background: url("http://host.imguol.com/site/uolhost/images/divisoria-horizontal-content.png") top center no-repeat;
  clear: both;
}

hr.divisoriaHorizontalEscura, .divisoriaHorizontalEscura {
  height: 20px;
  border: 0;
  margin-bottom: 0px;
  background: url("http://host.imguol.com/site/uolhost/images/divisoria-horizontal-escura.png") top center no-repeat;
}

h2.titulo {
  font-size: 18px;
  font-weight: bold;
  color: #393636;
  margin: 0 0 10px;
}

h2.titulo.mais {
  font-size: 20px;
  font-weight: normal;
  color: #484848;
  margin-left: 10px;
  margin-bottom: 14px;
}

h2.titulo.grande {
  font-size: 32px;
  color: #484848;
  margin-bottom: 26px;
}

.articles {
  min-height: 18px;
  padding: 20px 0;
  display: table;
}

.bg-destaque {
  background: url("http://host.imguol.com/site/uolhost/images/backgrounds/bg-destaque.png") no-repeat 0 0;
}

.banner-paginacao #n-paginas {
  position: relative;
  width: 52px;
  width: 38px;
  height: 25px;
  display: block;
  float: left;
}

.banner-paginacao #n-paginas a {
  position: relative;
  text-indent: -9000px;
  width: 10px;
  height: 11px;
  background: url("http://host.imguol.com/site/uolhost/images/bt-banner.png") no-repeat;
  background-position: -65px -86px;
  margin: 6px 3px 0px 3px;
  display: inline-block;
  vertical-align: top;
}

.banner-paginacao #n-paginas a.activeSlide {
  background-position: -52px -86px;
}

.box-content {
  position: relative;
  float: left;
  line-height: 150%;
  margin-top: 18px;
  padding-top: 6px;
}

.box-pequeno {
  width: 290px;
  margin-top: 10px;
}

.box-medio {
  width: 442px;
}

.box-grande {
  width: 720px;
}

.bg-corner {
  position: relative;
  top: -80px;
  width: 960px;
  height: 6px;
  margin: 0 auto;
  background: url("http://host.imguol.com/site/uolhost/images/backgrounds/bg-corner.png") top center no-repeat;
  z-index: 10;
}

.nav-banner {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  width: 44px;
  height: 44px;
  z-index: 100;
  text-indent: -9000px;
  background: url("http://host.imguol.com/site/uolhost/images/bt-banner.png") no-repeat;
}

.bt-anterior {
  background-position: 0px 1px;
  margin-left: -7px;
}

.bt-proximo {
  background-position: -44px 1px;
  /*right:0px;*/
  margin-right: -7px;
}

.bt-anterior:hover {
  background-position: 0px -42px;
}

.bt-proximo:hover {
  background-position: -44px -42px;
}

.rounded1 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

/* aviso-legal */
.aviso-legal {
  font-size: 11px;
  color: #4f4f4f;
  line-height: 150%;
}

.aviso-legal p {
  margin-top: 22px;
}

/* FIM aviso-legal */
/* contrato */
.link-contrato {
  font-size: 16px;
  color: #025ec7;
  clear: both;
}

/* FIM contrato */
/* sobre-produto */
.sobre-produto {
  width: 940px;
}

.sobre-produto h2 {
  font-size: 25px;
  font-weight: bold;
  color: #4f4f4f;
}

.sobre-produto ul {
  margin: 30px 0 60px 0;
  color: #6b6c6c;
  line-height: 160%;
}

.sobre-produto ul li {
  margin: 18px 5px;
  font-size: 16px;
  padding-left: 14px;
  padding-left: 14px;
}

/* FIM sobre-produto */
/* detalhes-produto */
.detalhes-produto {
  width: 960px;
  padding: 35px 0;
}

.detalhes-produto dl {
  width: 300px;
  margin-right: 20px;
  line-height: 160%;
  float: left;
}

.detalhes-produto dl dt {
  height: 32px;
  font-size: 18px;
  font-weight: bold;
  color: #363434;
}

.detalhes-produto dl dd {
  padding-bottom: 30px;
  font-size: 14px;
  color: #727271;
}

.detalhes-produto .background {
  width: 292px;
  height: 210px;
}

/* FIM detalhes-produto */
/* conheca-tambem */
.conheca-tambem dl dt {
  font-size: 20px;
  font-weight: bold;
  color: #393636;
  margin: 10px 6px;
}

.conheca-tambem dl dd {
  height: 110px;
  background: #e5e5e5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* FIM conheca-tambem */
/* abas de navegação */
.tabela-detalhes {
  margin-bottom: 30px;
}

.aba-tabela {
  background: url("http://host.imguol.com/site/uolhost/images/aba-tabela.jpg") repeat-x;
  background-position: 0 26px;
  margin: 0 60px;
}

.tabela-detalhes #abas {
  height: 55px;
}

.tabela-detalhes #abas ul {
  width: 950px;
  margin-left: 5px;
}

.tabela-detalhes #abas ul li {
  display: inline;
}

.tabela-detalhes #abas ul li a {
  display: block;
  width: 230px;
  padding-top: 25px;
  height: 30px;
  float: left;
  text-align: center;
  font-size: 18px;
  color: #FFF;
  text-decoration: none;
  background: url("http://host.imguol.com/site/uolhost/images/aba-secundaria.png") no-repeat;
  text-shadow: 2px 2px 3px #638BAB;
}

.tabela-detalhes #abas ul li a:hover {
  background: url("http://host.imguol.com/site/uolhost/images/aba-over.png") no-repeat;
  text-shadow: 2px 2px 2px #638BAB;
}

.tabela-detalhes #abas ul li a.principal {
  background: url("http://host.imguol.com/site/uolhost/images/aba-selecionada.png") no-repeat;
  cursor: default;
  color: #666666;
  text-indent: 0;
  text-shadow: 0px 0px 0px #FFF;
}

.tabela-detalhes #abas ul li.media a {
  width: 154px;
  background: url("http://host.imguol.com/site/uolhost/images/aba-media-secundaria.png") no-repeat;
}

.tabela-detalhes #abas ul li.media a:hover {
  background: url("http://host.imguol.com/site/uolhost/images/aba-media-over.png") no-repeat;
}

.tabela-detalhes #abas ul li.media a.principal {
  background: url("http://host.imguol.com/site/uolhost/images/aba-media-selecionada.png") no-repeat;
}

.tabela-detalhes #abas ul li.mini a {
  width: 124px;
  background: url("http://host.imguol.com/site/uolhost/images/aba-mini-secundaria.png") no-repeat;
}

.tabela-detalhes #abas ul li.mini a:hover {
  background: url("http://host.imguol.com/site/uolhost/images/aba-mini-over.png") no-repeat;
}

.tabela-detalhes #abas ul li.mini a.principal {
  background: url("http://host.imguol.com/site/uolhost/images/aba-mini-selecionada.png") no-repeat;
}

.tabela-detalhes .tab-conteudo {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 40px;
  clear: both;
  display: none;
}

/* FIM abas de navegação */
/* item-list */
.item-list dl {
  font-size: 14px;
  color: #6b6b6b;
  line-height: 18px;
  border-bottom: 1px dotted #CCC;
  border-width: 2px;
  margin-left: 10px;
}

.item-list dl dt {
  padding: 10px 0 10px 0px;
}

.item-list dl dt a {
  font-size: 16px;
  font-weight: normal;
  color: #025ec7;
}

.item-list dl dt span {
  position: relative;
  width: 9px;
  height: 9px;
  background: url("http://host.imguol.com/site/uolhost/images/setas.png") no-repeat;
  margin: 6px 8px;
  display: block;
  float: left;
  text-decoration: none;
}

.item-list dl dt span.show {
  background-position: 0 -8px;
}

.item-list dl dd {
  padding-bottom: 10px;
  display: none;
  font-size: 14px;
}

.item-list dl:first-child dd {
  display: block;
}

/* FIM item-list */
/* TESTE AB HEADER */
.header-b #new-header {
  display: block;
}

.header-b #menu-academia {
  display: none;
}

/**************** NEW MENU ****************/

#new_menu{
  padding-top: 0;
  border-bottom: 3px solid #e5e5e5;
}

/*------- logo --------*/

#new_menu #new-header .gh-btn-vazado{
  color: #1082be;
  border: 1px solid #1082be;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}

#new_menu #new-header .gh-btn-vazado:hover{
  color: #FFF;
  background: #1082be;
}

#new_menu #new-header{
  border-bottom: 1px solid #e3e3e3;
}

#new_menu #new-header .acesso-painel a{
  display: block;
  width: 136px;
  height: 34px;
  font: 14px/34px 'UOLText',Arial,Helvetica,sans-serif;
  text-align: center;
  margin-left: 20px;
  margin-top: -6px;
}

#new_menu #new-header .segunda-via{
  color: #1082be;
  font: 14px/25px 'UOLText',Arial,Helvetica,sans-serif;
  padding: 0 20px;
  border-right: 1px dotted #c1c1c1;
}

#new_menu #new-header .segunda-via a{
  color: #1082be;
}

#new_menu #new-header .segunda-via:hover{
  text-decoration: underline;
}


/*#new_menu #logo_container{
  background: #FFF;
  border-bottom: 5px solid #44adc7;
  padding: 29px 0 29px 0;
}*/

/*------- Phones --------*/

/*#new_menu  a{
  color: rgb(2, 94, 199);
}

#new_menu .phones{
  margin: 4px 0 0 0;
}

#new_menu .phones ul{
  display: inline-block;
}

#new_menu .phones li{
  float: left;
  display: inline-block;
}

#new_menu .phones>li{
  border-right: 1px dotted #c1c1c1;
  padding: 0 15px; 
  height: 32px;
}

#new_menu .phones>li:last-child{
  border-right: 0;
  padding: 0 0 0 15px; 
}

#new_menu .phones p{
  font-size: 12px;
  color: #4b4b4b;
  margin-bottom: 5px;
}

#new_menu .phones .tel{
  font: bold 15px arial;
  color: #6b6c6c;
}

#new_menu .email, #new_menu .chat{
  margin-left: 20px;
  padding: 0 0 0 17px;
}

#new_menu .email2{
  padding: 0 0 0 17px;
}

#new_menu .email a, #new_menu .chat a{
  display: block;
  margin-top: 2px;
  font-size: 14px;
}

#new_menu .email, #new_menu .email2{
  background: 0 3px url(http://host.imguol.com/site/uolhost/images/header/ico-email-2014.png) no-repeat;
}

#new_menu .chat{
  background: 0 3px url(http://host.imguol.com/site/uolhost/images/header/ico-chat-2014.png) no-repeat;
}

#new_menu .capt{
  font-size: 13px;
  color: #999;
  padding: 3px 20px 0 5px;
}

#new_menu .outros{
  font-size: 13px;
  color: #999;
  padding: 3px 0 0 5px;
}

#new_menu .btn-blue {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 96, 142, 0.55);
  padding: 8px 27px 8px 27px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #239fd6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  border: solid 1px #4c9dc5;
  background-image: -webkit-linear-gradient(bottom, #0f84be, #37baef);
  background-image: -moz-linear-gradient(bottom, #0f84be, #37baef);
  background-image: -o-linear-gradient(bottom, #0f84be, #37baef);
  background-image: linear-gradient(to top, #0f84be, #37baef);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0f84be', endColorstr='#37baef');
}

#new_menu .btn-blue:hover {
  text-decoration: none;
  background-color: #239fd6;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.4);
  border: solid 1px #67b2d7;
  background-image: -webkit-linear-gradient(bottom, #2899d0, #72cbef);
  background-image: -moz-linear-gradient(bottom, #2899d0, #72cbef);
  background-image: -o-linear-gradient(bottom, #2899d0, #72cbef);
  background-image: linear-gradient(to top, #2899d0, #72cbef);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2899d0', endColorstr='#72cbef');
}*/

/*------- menu area --------*/

#new_menu #links_container{
  height: 50px;
  background: #FFF;
}

#new_menu strong{
  font-weight: bolder;
}

#new_menu #main_menu{
  width: 960px;
  list-style:none;
}

#new_menu #main_menu li{
  float: left;
  height: 25px; 
  font-size: 14px;
  margin-top: 13px;
  border-left: 1px dotted #CCC;
}

#new_menu #main_menu li:last-child{
  border-right: 1px dotted #CCC;
}

#new_menu .categories_title{
  position: relative;
  display: block;
  text-align: center;
  line-height: 25px;
  color: #FFF;
  cursor: pointer;
}

#new_menu #todo_produtos {width: 252px;}
#new_menu #para_voce {width: 188px;}
#new_menu #para_negocios {width: 238px;}
#new_menu #para_desenvolvedores {width: 276px;}

#new_menu .categories_title.actived p{
  position: absolute;
  top: 0;
  left: 0;
  height: 39px;
  background: #FFF;
  color: #999;
  -webkit-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  margin-top: -7px;
  line-height: 38px;
  line-height: 50px\9;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.4);
}

/* IE FIX */
@media screen\0 {
   #new_menu .categories_title.actived p{ line-height: 37px; }
}

#new_menu .categories_title.actived p:after{
  content: "";
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  height: 5px;
  background: #FFF;
  z-index: 99999;
}

#new_menu .categories_title p{
  height: 25px;
  font: 13px/25px 'UOLText',Arial,Helvetica,sans-serif;
  color: #2e2e2e;
  display: inline;
}

#new_menu #todo_produtos.actived p{
  width: 244px;
  margin-left: 3px;
  border-top: 1px solid #f9d1a4;
  border-right: 1px solid #f9d1a4;
  border-left: 1px solid #f9d1a4;
}

#new_menu #para_voce.actived p{
  width: 180px;
  margin-left: 3px;
  border-top: 1px solid #f7a797;
  border-right: 1px solid #f7a797;
  border-left: 1px solid #f7a797;
}

#new_menu #para_negocios.actived p{
  width: 230px;
  margin-left: 3px;
  border-top: 1px solid #afdb83;
  border-right: 1px solid #afdb83;
  border-left: 1px solid #afdb83;
}

#new_menu #para_desenvolvedores.actived p{
  width: 268px;
  margin-left: 3px;
  border-top: 1px solid #83b4c6;
  border-right: 1px solid #83b4c6;
  border-left: 1px solid #83b4c6;
}

#todo_produtos.actived strong{color:#f18b1c;}
#para_voce.actived strong{color:#f0502f;}
#para_negocios.actived strong{color:#5fb808;}
#para_desenvolvedores.actived strong{color:#076a8d;}


#new_menu .seta,#new_menu .seta:after{
  display: inline-block;
  width: 12px;
  height: 8px;
  margin: 0 0 0 10px;
  vertical-align: middle;
  background: url(http://host.imguol.com/site/uolhost/images/header/2015/blue-arrow.png) no-repeat;
}

#new_menu .categories_title.actived .seta{
  background: url(http://host.imguol.com/site/uolhost/images/header/2015/grey-arrow.png) no-repeat;
}

#new_menu .categories_container{
  border-bottom: 3px solid #067ca5;
}

#new_menu .categories_container img{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}

#new_menu.a .categories_container.g{
  position: absolute;
  width: 958px;
  height: 362px;
  left: 50%;
  margin: 0 0 0 -480px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  display: none;
  overflow: hidden;
  z-index: 9999;
  border: 1px solid #f0502f;
}

#new_menu.b .categories_container.g{
  position: absolute;
  width: 1252px;
  height: 362px;
  left: 50%;
  margin: 33px 0 0 -628px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  display: none;
  overflow: hidden;
  z-index: 9999;
}

#new_menu .sem_img{background: #FFF;}

#new_menu.b #todas_categorias{
  border-top: 1px solid #f9d1a4;
  border-left: 1px solid #f9d1a4;
  border-right: 1px solid #f9d1a4;
}

#new_menu.b .para_voce_img{
  border-top: 1px solid #f7a797;
  border-left: 1px solid #f7a797;
  border-right: 1px solid #f7a797;
  background: bottom left url(http://host.imguol.com/site/uolhost/images/header/para-voce-b.png?v=001) #FFF no-repeat;
}

#new_menu.b .para_negocios_img{
  border-top: 1px solid #afdb83;
  border-left: 1px solid #afdb83;
  border-right: 1px solid #afdb83;
  background: bottom left url(http://host.imguol.com/site/uolhost/images/header/para-negocio-b.png?v=001) #FFF no-repeat;
}

#new_menu.b .para_desenvolvedores_img{
  border-top: 1px solid #83b4c6;
  border-left: 1px solid #83b4c6;
  border-right: 1px solid #83b4c6;
  background: bottom left url(http://host.imguol.com/site/uolhost/images/header/para-desenvolvedores-b.png?v=001) #FFF no-repeat;
}

#new_menu.a .categories_container.p{
  position: absolute;
  width: 254px;
  height: 300px;
  left: 50%;
  margin: 0 0 0 -480px;
  -webkit-border-radius: 0 0 0px 5px;
  border-radius: 0 0 0px 5px;
  background: #FFF;
  display: none;
  z-index: 9999;
}

#new_menu .col_todos.g_menu_coluna_um{      width: 165px; margin-right: 50px;}
#new_menu .col_todos.g_menu_coluna_dois{    width: 225px; margin-right: 10px;}
#new_menu .col_todos.g_menu_coluna_tres{    width: 240px; margin-right: 25px;}
#new_menu .col_todos.g_menu_coluna_quatro{  width: 200px; margin-right: 0}

#new_menu .col_todos:first-child{
  margin-left: 42px;
}

#new_menu.b #todas_categorias dl{
  margin: 17px 0 0 10px;
  height: auto;
}

#new_menu dl dt{
  font-weight: 400;
}

#new_menu.b #todas_categorias dt p{
  font: 12px/28px 'UOLText',Arial,Helvetica,sans-serif;
  color: #999;
}

#new_menu.b #todas_categorias dd a{
  font: 16px/28px 'UOLText',Arial,Helvetica,sans-serif;
  color: #1082BE;
}

#new_menu.b #todas_categorias dd a:hover{
  text-decoration: underline;
}

#new_menu.a #todas_categorias{
  display: none !important;
}

#new_menu.b .categories_container.p{
  display: none !important;
}

#new_menu a:hover{
  text-decoration: none;
}

#new_menu a:hover dt{
  text-decoration: underline;
}

/* RETIRAR LINKS */
#new_menu #links_container dl{
  height: 35px;
  margin: 30px 0;
}

#new_menu #links_container dt{
  font: 16px 'UOLText',Arial,Helvetica,sans-serif;
  color: #1082BE;
}

#new_menu #links_container dd{
  font: 12px/16px 'UOLText',Arial,Helvetica,sans-serif;
  color: #7b7a7a;
  margin: 0;;
}

#new_menu.a .col_esq{
  float: left;
  margin: 0 0 0 395px;
}

#new_menu.b .col_esq{
  float: left;
  margin: 0 0 0 540px;
}

#new_menu .col_dir{
  float: left;
  margin: 0 0 0 40px;
}

#new_menu .solutions{
  float: left;
  margin: 45px 0 0 540px;
  font: 12px 'UOLText',Arial,Helvetica,sans-serif;
}

#new_menu .solutions a{
  color: #1082BE;
}

#new_menu .solutions a:hover,
#new_menu .solutions_todos a:hover{
  text-decoration: underline;
}

#new_menu .solutions_todos{
  position: absolute;
  bottom: 0;
  left: 0;
  font: 12px/39px 'UOLText',Arial,Helvetica,sans-serif;
  text-align: center;
  background: #f1f1f1;
  width: 100%;
}

#new_menu .solutions_todo a{
  color: #1082be;
}

#new_menu #menu_todos{
  float: left;
  border-right: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  padding: 10px 0 20px 0;
}

#new_menu #menu_todos li{
  display: block;
  width: 100%;
  height: 30px;
}

#new_menu #menu_todos p{
  font-size: 14px;
  padding: 0 0 0 13px;
  display: block;
  line-height: 30px;
  color: #484848;
}

#new_menu #menu_todos p.actived{
  position: absolute;
  width: 240px;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  font-weight: bolder;
  text-decoration: none;
  z-index: 10;
  cursor: pointer;
  background: 97% center url(http://host.imguol.com/site/uolhost/images/header/arrow-laranja.png) #FFF no-repeat;
}

#new_menu .submenu_header{
  position: absolute;
  width: 300px;
  height: 300px;
  background: #FFF;
  left: 254px;
  top:0;
  border-bottom: 3px solid #067ca5;
  -webkit-border-radius: 0 0 5px 0px;
  border-radius: 0 0 5px 0px;
  display: none;
  padding: 0 0 0 50px;
}

#new_menu.a .img-b, #new_menu.b .img-a{
  display: none;
}

/************** SELO RECLAME AQUI **************/

#footer_template #ft_selo_container{
  background: #fafafa;
  height: 97px;
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #FFF;
}

#footer_template .ft_selo_reclameaqui{
  float: left;
  height: 99px;
  margin-right: 75px;
  background: 0 center url(http://host.imguol.com/site/uolhost/images/home/selo_reclameaqui2.png) no-repeat;  
}

#footer_template .ft_selo_reclameaqui p{
  font: 14px 'UOLText',Arial,Helvetica,sans-serif;
  color: #444;
  padding: 22px 0 0 65px;
}

#footer_template .ft_selo_reclameaqui p strong{
  font: 700 14px 'UOLText',Arial,Helvetica,sans-serif;
}

#footer_template .ft_selo_reclameaqui p span{
  display: block;
  font: 10px 'UOLText',Arial,Helvetica,sans-serif;
  margin-top: 3px;
  color: #AAA;
}

#footer_template .ft_abrahosting{
  float: right;
  width: 135px;
  height: 97px;
  background: 0 center url(http://host.imguol.com/site/uolhost/images/home-nova/2015/abrahosting.jpg) no-repeat;
}

#footer_template .ft_selo_consumidor_moderno{
  float: left;
  height: 97px;
  background: 0 center url(http://host.imguol.com/site/uolhost/images/home-nova/2015/consumidor-moderno.jpg) no-repeat;
}

#footer_template .ft_selo_consumidor_moderno p{
  font: 14px/18px 'UOLText',Arial,Helvetica,sans-serif;
  color: #444;
  padding: 21px 0 0 125px;
}

#footer_template .ft_selo_consumidor_moderno p strong{
  font: 700 14px/18px 'UOLText',Arial,Helvetica,sans-serif;
}

#footer_template .ft_center_selos{
  margin: auto;
}