@charset "utf-8";
/* CSS Document */

*{ margin: 0; padding: 0; }
body{
  font-size:14px;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
}
a{
  color: #333;
  text-decoration: none;
}
img{border: none;}
.clear{clear: both;}
img.center{
  display: block;
  margin: 0 auto;
}

#geral {
    margin:0 auto;
    width:810px;
}

.conteudo {
	margin-top:8px;
	}

#box_login{
  width: 640px;
  margin: 10px auto;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius: 4px;
  border: 1px solid #ccc;
  padding: 10px;
}
#box_contato{width: 495px;}
#box_contato label span{width: 160px;}
#box_contato fieldset{border: none;}
.enviar{margin-left: 176px;}
.entrar{margin-left: 196px;}
#box_login a{
  color: #3B5998;
  font-weight: bold;
}
#box_login .lembrete{padding-left: 196px; padding-top: 10px;}
#box_login .lembrete a{
  font-weight: normal;
}
#box_login a:hover{text-decoration: underline;}
#menu{
  float: left;
  padding-top: 10px;
  width: 155px;
  word-wrap: break-word;
}
#menu img{
  margin-bottom: 10px;
  margin-left: 5px;
}
#menu li{
  display: block;
  margin-bottom: 1px;
  width: 141px;
}
#menu li.current{width: 149px;}
#menu a{
  font:14px/17px 'lucida grande', tahoma, verdana, arial, sans-serif;
  color: #000;
  display: block;
  line-height: 13px;
  padding: 7px 10px;
  position: relative;
  text-decoration: none;
  background: #F0F3F9;
}
#menu a img{float: right;}
#menu li.current a{
  background: #CED8EC url('images/menu-li-current.gif') no-repeat right !important;
  font-weight: bold;
}
#menu li.submenu ul{display: none;}
#menu li.submenu ul.open{display: block;}
#menu li.submenu li a{
  padding-left: 15px;
  background: #fff !important;
  font-size: 13px;
  font-weight: normal;
}
#menu li a:hover,
#menu li.submenu li a:hover{background-color: #EAF2FA; color: #000;}
#menu li.submenu li a:hover{background-color: #EAF2FA !important;}
#menu li.submenu span{color: #4061A6; float: right;}

#menu .dados_conta{
  padding-top: 20px;
  font-family: Arial;
  font-size: 12px;
  width: 140px;
}
#menu .dados_conta h3{
  font-family: Arial;
  border-bottom: 1px solid #CCCCCC;
  line-height: 28px;
  font-size: 14px;
  margin-bottom: 10px;
}
#menu .dados_conta strong{display: block;}
#menu .dados_conta p{padding-bottom: 10px;}
#menu .dados_conta a{
  font-size: 12px;
  text-transform:uppercase;
  padding: 0;
  color: #fff;
  padding:10px 6px;  
  text-align:center;  
  -webkit-border-radius: 4px;  border-radius: 4px;
  background:#9F5068;
  background: rgb(159,80,104); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(159,80,104,1) 0%, rgba(142,29,63,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,80,104,1)), color-stop(100%,rgba(142,29,63,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(159,80,104,1) 0%,rgba(142,29,63,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(159,80,104,1) 0%,rgba(142,29,63,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(159,80,104,1) 0%,rgba(142,29,63,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(159,80,104,1) 0%,rgba(142,29,63,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f5068', endColorstr='#8e1d3f',GradientType=0 ); /* IE6-9 */
}
#content{
  float: left;
  width: 574px !important;
  border-top: none;
  position: relative;
  color:#444;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
#breadcrumbs{
  font-size: 11px;
  color: #666666;
  padding: 10px 0;
}
#breadcrumbs a{
  color: #666;
  text-decoration: underline;
}
#content #content{border: none; width: auto;}
#menu_top{
  list-style: none;
  float: right;
  padding: 10px 5px;
  font-size: 12px;
}
#menu_top li{
  float: left; 
  border-left: 1px solid #666666; 
  margin-right: 5px; 
  padding-left: 5px;
}
#menu_top li a{
  float: left;
  color: #666666;
}
#menu_top li.first{border:none;}
#menu_top li a:hover{text-decoration: underline;}
#content h2{
  line-height: 20px;
  min-height: 20px;
  padding: 6px 0px 16px 16px;
  color: #00b5ff;
  font-size: 28px;
  float: left;
}
#content-text{
  padding: 16px;
  clear: both;
}
fieldset{
  border: none;
  padding: 5px 5px;
  margin-bottom:10px;
}
label{
  display: block;
  padding-bottom: 10px;
  clear: both;
}

label.inputHidden{display: none;}
label span{
  float: left; 
  width: 200px;
  color: #666;
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
  padding-top: 3px;
}
#cadastro_loja label span{width: 179px;}
label em{
	font-size: 9px;
	color: #999;
}
.vForm label em{margin-left: 210px;}

label.inputFile em{  
  display: block;
}
label .remover_banner{
  background: url('images/delete.png') no-repeat center left;
  padding: 5px;
  padding-left: 20px;
  display: block;
}
label.link_app span{width: 368px; padding-right: 2px;}
label.link_app em{color: #999; font-weight: normal;}
label.analytics em{color: #999; font-weight: normal; font-size: 10px;}
label.analytics span{width: 280px;}
label.analytics input{width: 219px;}
label.link_app input{width: 120px;}
label input, label textarea{
  width: 300px;
  padding-bottom: 4px;
  font-size: 11px;
  padding: 3px;
  border: 1px solid #BDC7D8;
}
label textarea{height: 200px;}
label.multiple select{
	width: 300px;
	height: 150px;
}
label.valor_curtir span{width: 250px; background: url('images/preco_curtir.gif') no-repeat left center;}
label.valor_curtir input{width: 250px;}
.submit{
  background-color: #5B74A8;
  border: 1px solid #29447E;
  text-align: center;
  color: #fff;
  padding: 5px 10px;
  margin-top: 10px;
  cursor: pointer;
}
.filtro .submit{
  float: right;
  margin-right: 0px;
  margin-top: 0px; 
}
.notification{
  padding: 10px;
  margin-bottom: 10px;
  line-height: 16px;
}
.notification p{padding-bottom: 3px;}
.notification h1{line-height: 48px;}
.notification div{
  padding-top: 10px;
}
.notification ul{margin-left: 20px; padding: 10px;}
.errors{
  background-color: #FFEBE8;
  border: 1px solid #DD3C10;
}
.successfull{
  background-color: #FFF9D7;
  border: 1px solid #E2C822;
}
.successfull h3{
  padding-bottom: 10px;
}
.successfull a{ color: #29447E; text-decoration: underline;}
legend{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
table{border-collapse: collapse;}
th{
  padding: 10px 0;
}
.hoverTr{background: #eee;}
td, th{
  border-bottom: 1px solid #999;
}
th{
  text-align: left;
  font-size: 16px;
  border-bottom: 2px solid #333;
}
td a:hover{text-decoration: underline; background: #ccc;}
td.acoes a{
  float: right;
  margin: 1px;
  padding: 10px;
}

#acoes_editar{
  float: left;
  padding: 6px 10px;
}
#acoes_editar a,
.btn{
  float: right;
  margin: 0px 10px 10px 10px;
  background: #2dabdf;
  background: rgb(46,198,244); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(46,198,244,1) 0%, rgba(14,150,204,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,198,244,1)), color-stop(100%,rgba(14,150,204,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(46,198,244,1) 0%,rgba(14,150,204,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(46,198,244,1) 0%,rgba(14,150,204,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(46,198,244,1) 0%,rgba(14,150,204,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(46,198,244,1) 0%,rgba(14,150,204,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ec6f4', endColorstr='#0e96cc',GradientType=0 ); /* IE6-9 */
  border: 1px solid #999;
  font-size: 14px;
  padding: 2px 6px;
  text-align: center;
  color: #fff;
}
#acoes_editar a:hover,
a.btn:hover{color: #000;}

#acoes_editar a span,
.btn span{padding-left: 13px;}
#acoes_editar a.voltar span,
.voltar span{
  background: url("images/arrow.png") no-repeat center left;
}
#acoes_editar a.add span{
  background: url("images/plus.png") no-repeat center left;
}
.acoes .visualizar{
	background: url("images/visualizar.png") no-repeat;
	width: 16px;
	height: 16px;
	float: left;
	text-indent: -9000px;
	overflow: hidden;
}
h4{
	background: #6D84B4;
	border-top:1px solid #E2E2E2;
	padding: 4px 5px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 8px;
}
#content-text dt{
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 10px;
}
#content-text dd{

  padding-bottom: 10px;
}
#tabs_adicionais{
  display: block;
  height: 26px;
  border-bottom: solid 1px #3B5998;
  margin: 0 -16px 15px -16px;
}
#tabs_adicionais li{
  list-style: none;
  float: left;
}
#tabs_adicionais li a{
  float: left;
  background: #fff;
  padding: 5px;
}
#tabs_adicionais li.current_tab a{
  background: #3B5998;
  color: #fff;
}

#painel{font-size: 14px; line-height: 20px;}
#painel h2{
  float: none;
  line-height: 45px;
  font-size: 28px;
  padding: 0;
}
.passos{padding-top: 20px;}
.passos li{
  list-style: none; 
  display: table;
  width: 574px;
  border: 1px dashed #2dabdf;
  padding: 10px 10px;
  background:#e7f8ff;
  margin-bottom:10px;
}
.passos p{
  width: 380px;
  float: left;
}
.passo {
	font-size: 18px; font-style: italic; color:#00b5ff;
	}
.passos strong{
  font-size:18px; 
  line-height: 25px;
  } 
.passos p.fRight{width: auto; float: right;}
.passos dt{
  clear: both;
  text-align: center;
}
.passos .btn{
  width: 155px;
  font-weight: bold;
}
.passos dl.fRight{
  width: 189px;
}
.fRight{float: right;}

#conta h1{
  font-size: 28px;
  line-height: 45px;
  padding-bottom: 10px;
  color:#00b5ff;
}
#conta h2{
  float: none;
  font-size: 18px;
  line-height: 29px;
  padding: 10px 0;
  color: #9F5068;
}
#conta h5{
  padding-bottom: 20px;
  font-size: 14px;
}

#renovacao fieldset label.checks{clear: both;}
#conta p{
  padding: 5px 0;
}
#conta .vantagens li{
  list-style: none;
  background: url('images/conta-item.png') no-repeat left 7px;
  padding:10px 0 10px 25px;
}
#renovacao label.plano{
  float: left;
  clear: none;
  width: 175px;
  margin: 5px 0;
  padding-top: 99px;
  border: 2px solid #fff;
  cursor: pointer;
}
#renovacao label.mensal{background: url('images/plano-mensal.png') no-repeat;}
#renovacao label.trimestral{background: url('images/plano-trimestral.png') no-repeat; margin: 5px 15px;}
#renovacao label.semestral {background: url('images/plano-semestral.png') no-repeat;}
#renovacao label input{
  width: auto;
  padding: 0;
  border: none;
  margin-left: 10px;
}
#renovacao label span{
  width: auto;
  text-align: left;
  display: inline;
  float: none;
}
#renovacao fieldset{padding-top: 0px; margin-top: 0px; clear: both;}
#renovacao fieldset label{
  float: left;
  clear: none;
}
.voltar_administrador a,
.renovar{
  border: none;
  display: block;
  margin: auto;
  width: 175px;
  padding: 12px 0;
  background: url('images/bt-submit.png') no-repeat;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}

#frete h1{
  font-size: 28px; 
  line-height: 45px;
  padding-bottom: 10px;
}
#frete p{
  line-height: 22px;
  padding-bottom: 10px;
}
#frete .notification p{
  font-size: 16px;
}
#frete .notification a{
  font-size: 14px;
  color: #0000FF;
}
#frete label{font-size: 16px; color: #000;}
#frete label input{
  width: auto;
}
#tipoFrete{padding-bottom: 20px;}
#tipoFrete .tabs{
  padding-bottom: 20px;
  position: relative;
  width: 574px;
  height: 122px;
}
#tipoFrete ul{
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
  font-size: 14px;
}
#tipoFrete li,
#tipoFrete li label{
  display: block;
  list-style: none;
  color: #0000FF;
  cursor: pointer;
  padding: 10px 5px;
  width: 109px;
  top: 0;
  left: 0;
  border: 1px solid #fff;
  border-right-color: #c6c4c4;
}
#tipoFrete li label{
  font-size: 13px;
  clear: none;
  padding: 0;
  border: none;
}
#tipoFrete li.open{border: 1px solid #C6C4C4; border-right-color: #fff;}
#tipoFrete .tabs p,
#tipoFrete .tabs div{
  float: right;
  width: 432px;
  height: 110px;
  border: 1px solid #C6C4C4;
  padding: 10px;
}
#tipoFrete .tabs div .endereco_frete{font-size: 11px; color: #999;}
#tipoFrete .tabs div label{padding-top: 20px;}
#tipoFrete .tabs div label span{
  width: auto;
}
#tipoFrete .tabs p.pagseguro{display: none;}
#frete h2{
  border-right: 1px solid #C6C4C4; 
  padding-right: 10px;
  padding-top: 16px;
  margin-right: 10px;
}
#frete a{
  color: blue;
  text-decoration: underline;
}

.tab_filtro li{
  list-style: none;
  float: left;
}
.tab_filtro li a{
  float: left;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-bottom: none;
}
.tab_filtro li.current_filtro a{
  background: #F2F2F2;
}
.filtro{
  clear: both;
  border: 1px solid #ccc;
  border-bottom: none;
  background: #F2F2F2;
  display: none;
}
table.listagem{border-top: 1px solid #ccc; }

.renovacaoDesconto{
  background: #e7f8ff;
}

.renovacaoDesconto legend {padding-top:40px;}

#renovacao .renovacaoDesconto label input{
  border: 1px solid #BDC7D8;
  padding: 5px;
}
#renovacao .renovacaoDesconto input.submit{
  margin-top: 0;
  margin-left: 10px;
}
#renovacao section{
  display:table;
  width:100%;
  padding-bottom:10px;
}
#renovacao section div{
  margin-left:120px;
}
#renovacao section div p{font-size:12px;}
#renovacao section div label{
  display:inline;
  float:none;
}
#renovacao .pagamento{display:inline-block; width:100px;}
#renovacao .pagamento img{width: 90%;}
#renovacao .pagamento .lbl_pagto{width:128px; height:128px; margin:5px auto; cursor:pointer; display:block;}
#renovacao .forma_pagto .radio{margin-left:90px;}
#renovacao .forma_pagto .cartao_credito .radio{margin-left:125px;}
#conta .renovacaoDesconto .confirmado{
  background: url('images/conta-item.png') no-repeat left center;
  padding: 10px 0 10px 25px;
  margin: 10px;
}
.hidden{display: none;}
.show,
#tipoFrete .tabs p.show{display: block;}

.form_facebox label span{
  width: 100px;
}
.form_facebox label input{width: 260px;}
.form_facebox label.inp-p input{width: 110px;}