/* CSS Document */

div.interna1 {  padding: 0 35px; } /* Usado no form de cadastro */
div.interna2 {  padding: 0 0 0 35px; } /* Usado nas telas de administração */

h1 {  height: 40px; background-repeat: no-repeat; }
h1.cadastro {  background-image: url(../images/tit_cadastro.gif); }
h1.alterar_cadastro {  background-image: url(../images/tit_alterar_cadastro.gif); }
h1.alterar_senha {  background-image: url(../images/tit_alterar_senha.gif); }
h1.indicar_escola {  background-image: url(../images/tit_indicar_escola.gif); }
h1.reenviar_senha {  background-image: url(../images/tit_reenviar_senha.gif); }
h1.lista_enviada_aprovacao {  background-image: url(../images/tit_lista_enviada_aprovacao.gif); }
h1.administracao {  background-image: url(../images/tit_administracao.gif); }
h1.listas_publicadas {  background-image: url(../images/tit_listas_publicadas.gif); }
h1.listas_rascunho {  background-image: url(../images/tit_listas_rascunho.gif); }
h1.nova_lista_1 {  background-image: url(../images/tit_nova_lista_1.gif); }
h1.nova_lista_2 {  background-image: url(../images/tit_nova_lista_2.gif); }
h1.nova_lista_3 {  background-image: url(../images/tit_nova_lista_3.gif); }
h1.nova_lista_4 {  background-image: url(../images/tit_nova_lista_4.gif); }
h1.nova_lista_5 {  background-image: url(../images/tit_nova_lista_5.gif); }
h1.criar_lista_1 {  background-image: url(../images/tit_criar_lista_1.gif); }
h1.criar_lista_2 {  background-image: url(../images/tit_criar_lista_2.gif); }
h1.criar_lista_3 {  background-image: url(../images/tit_criar_lista_3.gif); }
h1.criar_lista_4 {  background-image: url(../images/tit_criar_lista_4.gif); }
h1.criar_lista_5 {  background-image: url(../images/tit_criar_lista_5.gif); }
h1.criar_lista_1_4 {  background-image: url(../images/tit_criar_lista_1_4.gif); }
h1.criar_lista_2_4 {  background-image: url(../images/tit_criar_lista_2_4.gif); }
h1.criar_lista_3_4 {  background-image: url(../images/tit_criar_lista_3_4.gif); }
h1.criar_lista_4_4 {  background-image: url(../images/tit_criar_lista_4_4.gif); }
h1.pesquisar_escolas {  background-image: url(../images/tit_pesquisar_escolas.gif); }
h1.papelarias_cadastradas {  background-image: url(../images/tit_papelarias_cadastradas.gif); }
h1.listas_material {  background-image: url(../images/tit_listas_material.gif); }
h1.editar_lista_1 {  background-image: url(../images/tit_editar_lista_1.gif); }
h1.editar_lista_2 {  background-image: url(../images/tit_editar_lista_2.gif); }
h1.editar_lista_3 {  background-image: url(../images/tit_editar_lista_3.gif); }
h1.editar_lista_4 {  background-image: url(../images/tit_editar_lista_4.gif); }
h1.editar_lista_5 {  background-image: url(../images/tit_editar_lista_5.gif); }
h1.editar_lista_1_4 {  background-image: url(../images/tit_editar_lista_1_4.gif); }
h1.editar_lista_2_4 {  background-image: url(../images/tit_editar_lista_2_4.gif); }
h1.editar_lista_3_4 {  background-image: url(../images/tit_editar_lista_3_4.gif); }
h1.editar_lista_4_4 {  background-image: url(../images/tit_editar_lista_4_4.gif); }
h1.incluir_papelaria_lista {  background-image: url(../images/tit_incluir_papelaria_lista.gif); }
h1.lista_email {  background-image: url(../images/tit_lista_email.gif); }
h1.carta_modelo {  background-image: url(../images/tit_carta_modelo.gif); }
h1.suporte {  background-image: url(../images/tit_suporte.gif); }
h1.operar_sistema {  background-image: url(../images/tit_operar_sistema.gif); }
h1.termos {  background-image: url(../images/tit_termos.gif); height: 70px; }
h1.administracao_sistema {  background-image: url(../images/tit_administracao_sistema.gif); }

div.interna2 div.colA {
  float: left;
  width: 518px;
  padding-right: 20px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 498px;
}

div.interna2 div.colB {
  float: left;
  width: 225px;
}

div.colA h2 { font-size: 24px; height: 50px; font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif; font-weight: bold;}

div.colB dl.boxLat dd.open {
  height: 15px;  
  background-repeat: no-repeat;
  background-position: left top;
}

div.colB dl.boxLat dd.close {
  height: 20px;  
  background-repeat: no-repeat;
  background-position: left bottom;
}

div.colB dl.boxLat dd.body { padding: 0 10px 0 15px; font-size: 11px; line-height: 150%;}
div.colB dl.boxLat dd.body h5 { height: 35px; background-repeat: no-repeat; }
div.colB dl.boxLat dd.body h6 { font-size: 12px; font-weight: bold; font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif; color: #000; }
div.colB dl.boxLat dd.body a { 
  display: block; 
  text-decoration: none; 
  padding: 4px 0 4px 26px;
  background: no-repeat 4px 10px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

div.colB dl.boxLat dd.body a.icon_menu_listas_publicadas { background-image: url(../images/icon_menu_listas_publicadas.gif); }
div.colB dl.boxLat dd.body a.icon_menu_listas_rascunho { background-image: url(../images/icon_menu_listas_rascunho.gif); }
div.colB dl.boxLat dd.body a.icon_menu_papelarias { background-image: url(../images/icon_menu_papelarias.gif); }
div.colB dl.boxLat dd.body a.icon_menu_nova_lista { background-image: url(../images/icon_menu_nova_lista.gif); }
div.colB dl.boxLat dd.body a.icon_menu_carta_modelo { background-image: url(../images/icon_menu_carta_modelo.gif); }
div.colB dl.boxLat dd.body a.icon_menu_alterar_cadastro { background-image: url(../images/icon_menu_alterar_cadastro.gif); }
div.colB dl.boxLat dd.body a.icon_menu_alterar_senha { background-image: url(../images/icon_menu_alterar_senha.gif); }
div.colB dl.boxLat dd.body a.icon_menu_voltar_painel { background-image: url(../images/icon_menu_voltar_painel.gif); }
div.colB dl.boxLat dd.body a.icon_menu_sair { background-image: url(../images/icon_menu_sair.gif); }
div.colB dl.boxLat dd.body a.icon_menu_fabercastell { background-image: url(../images/icon_menu_fabercastell.gif); }
div.colB dl.boxLat dd.body a.icon_menu_ecolapis { background-image: url(../images/icon_menu_ecolapis.gif); }
div.colB dl.boxLat dd.body a.icon_menu_operar_sistema { background-image: url(../images/icon_menu_operar_sistema.gif); }
div.colB dl.boxLat dd.body a.icon_menu_email_suporte { background-image: url(../images/icon_menu_email_suporte.gif); }

div.colB dl.boxLat dd.body a.icon_menu_escolas_listas { background-image: url(../images/icon_menu_escolas_listas.gif); }
div.colB dl.boxLat dd.body a.icon_menu_escolas_regiao { background-image: url(../images/icon_menu_escolas_regiao.gif); }
div.colB dl.boxLat dd.body a.icon_menu_total_alunos { background-image: url(../images/icon_menu_total_alunos.gif); }
div.colB dl.boxLat dd.body a.icon_menu_niveis_ensino { background-image: url(../images/icon_menu_niveis_ensino.gif); }
div.colB dl.boxLat dd.body a.icon_menu_produtos { background-image: url(../images/icon_menu_produtos.gif); }
div.colB dl.boxLat dd.body a.icon_menu_planilha { background-image: url(../images/icon_menu_planilha.gif); }

div.colB dl.boxLat dd.body a.last { margin-bottom: 20px; }

div#showEcoLapisInfo { 
  display: none; 
  width:  189px;
  padding-left: 3px;
  font-size: 11px;
  line-height: 150%;
  margin-bottom: 10px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 186px;
}

  dl.boxLat.am { background: url(../images/box_lat_am_body.png) repeat-y; }
  dl.boxLat.am dd.open { background-image: url(../images/box_lat_am_abre.png); }
  dl.boxLat.am dd.close { background-image: url(../images/box_lat_am_fecha.png); }
  dl.boxLat.am dd.body h5 { background-image: url(../images/boxTit_administracao.gif); }
  dl.boxLat.am.infoEscola dd.body h5 { background-image: url(../images/boxTit_informacoes_escola.gif); }
  dl.boxLat.am.infoObservacoes dd.body h5 { background-image: url(../images/boxTit_observacoes.gif); }
  dl.boxLat.am.infoFaberCastell dd.body h5 { background-image: url(../images/boxTit_fabercastell.gif); }

    dl.boxLat.vdcl { background: url(../images/box_lat_vdcl_body.png) repeat-y; }
    dl.boxLat.vdcl dd.open { background-image: url(../images/box_lat_vdcl_abre.png); }
    dl.boxLat.vdcl dd.close { background-image: url(../images/box_lat_vdcl_fecha.png); }
    dl.boxLat.vdcl dd.body h5 { background-image: url(../images/boxTit_vdcl_administracao.gif); }

    dl.boxLat.az { background: url(../images/box_lat_az_body.png) repeat-y; }
    dl.boxLat.az dd.open { background-image: url(../images/box_lat_az_abre.png); }
    dl.boxLat.az dd.close { background-image: url(../images/box_lat_az_fecha.png); }
    dl.boxLat.az dd.body h5 { background-image: url(../images/boxTit_az_administracao.gif); }
    dl.boxLat.az.infoEscola dd.body h5 { background-image: url(../images/boxTit_az_informacoes_escola.gif); }
    dl.boxLat.az.infoObservacoes dd.body h5 { background-image: url(../images/boxTit_az_observacoes.gif); }

  dl.boxLat.vd { background: url(../images/box_lat_vd_body.png) repeat-y; }
  dl.boxLat.vd dd.open { background-image: url(../images/box_lat_vd_abre.png); }
  dl.boxLat.vd dd.close { background-image: url(../images/box_lat_vd_fecha.png); }
  dl.boxLat.vd dd.body h5 { background-image: url(../images/boxTit_ajuda.gif); }

div.colB dl.boxLat.am dd.body a:hover { background-color: #EABB00; color: #fff; }
div.colB dl.boxLat.vd dd.body a:hover { background-color: #59B300; color: #fff; }

div.colA div.blueRow { 
  padding: 5px;
  background-color: #C1E7FF;
  vertical-align: middle;
  font-size: 11px !important;
}
div.colA div.blueRow.odd { background-color: #9FDBFF; }

  div.blueRow a { text-decoration: none; }
  div.blueRow a.desc { display: block; width: 294px; }
  div.blueRow a.desc.full { width: 480px; }
  div.blueRow input,div.blueRow a.desc,div.blueRow div.rowOptions { float: left;}
  div.blueRow div.rowOptions { width: 174px;}
  div.blueRow div a { 
    display: block;
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 4px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
  }
  div.blueRow div a:hover { background-color: #75CBFF; }
  div.blueRow div a.icon_pdf { background-image: url(../images/icon_pdf.gif); }
  div.blueRow div a.icon_link { background-image: url(../images/icon_criar_link.gif); }
  div.blueRow div a.icon_print { background-image: url(../images/icon_print.gif); }
  div.blueRow div a.icon_email { background-image: url(../images/icon_email.gif); }
  div.blueRow div a.icon_excluir { background-image: url(../images/icon_excluir.gif); }
  div.blueRow div a.icon_publicar { background-image: url(../images/icon_publicar.gif); }
  div.blueRow div a.icon_rascunho { background-image: url(../images/icon_rascunho.gif); }
  div.blueRow div a.icon_carta_modelo { background-image: url(../images/icon_menu_carta_modelo.gif); }
  div.blueRow div a.icon_alterar { background-image: url(../images/icon_editar.gif); }
  div.blueRow div a.icon_preview { background-image: url(../images/icon_preview.gif); }

  #tooltip {
  	position: absolute;
  	z-index: 3000;
  	border: 1px solid #111;
  	background-color: #eee;
  	padding: 5px;
  	opacity: 0.85;
  	font-size: 10px;
  	text-align: left;
  }
  #tooltip h3, #tooltip div { margin: 0; }
  #tooltip h3 {font-size: 9px;}

fieldset.selOptions {
  margin-top: 10px;
  padding: 10px;
 	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

fieldset.selOptions legend {
	color: #000;
	font-family: "Trebuchet MS","Century Gothic",Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
}

fieldset.selOptions input.blueBot {
  border: none;
  color: #fff;
  background-color: #7F9DB9;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 11px;
  padding: 3px 5px;
  overflow: visible;
  width: 0; /*hack para IE*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}

div.nav { margin-top: 20px; height: 20px;}
div.nav a.blueBot {
  display:block;
  float: right;
  margin-left: 10px;
  width: 70px;
  text-align: center;
  text-decoration: none;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 11px;
  color: #fff;
  background-color: #7F9DB9;
  padding: 2px 0;
}

div.nav a.blueBot:hover {background-color: #E90000;}

/*Nova lista - passo 2*/

form#frm-novalista a.matCat{
  display: block;
	height:25px;
	color: #000;
	font-family: "Trebuchet MS","Century Gothic",Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 15px;
	background-image: url(../images/setas.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	cursor: pointer;
}

form#frm-novalista a.matCat span{ display: inline; font-size:10px; font-family: Verdana,Helvetica,sans-serif; font-weight: normal;}

form#frm-novalista div.blueRow {font-size: 11px;}

form#frm-novalista div.listCatProd {
  display: none;
}

div.blueRow div.qtd { 
  float: left; 
  width: 80px; 
  padding-left:5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 75px;
}
div.blueRow div.qtd input.qtdEnt { 
  float: none;
  width: 30px; 
  height: 20px;
  padding: 2px; 
  border: 1px solid #7F9DB9;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 24px;
	height: 14px;
}
div.blueRow span.desc {
  display: block;
  float: left;
  width: 240px;
  font-size: 11px;
}

div.blueRow span.desc.especifico { width: 380px; }
div.blueRow span.desc.showLink { display: none; }

div.blueRow span.desc.especifico input { 
  float: none; 
  width: 330px; 
  height: 20px;
  padding: 2px; 
  border: 1px solid #7F9DB9;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 324px;
	height: 14px;
}

div.blueRow span.desc.especifico textarea { 
  float: none; 
  width: 330px; 
  height: 70px;
  padding: 2px; 
  border: 1px solid #7F9DB9;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 324px;
	height: 64px;
}

div.blueRow span.desc.showLink { width: 484px; }
div.blueRow span.desc.showLink textarea { 
  float: none; 
  width: 484px; 
  height: 80px;
  padding: 2px; 
  border: 1px solid #7F9DB9;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
	height: 74px;
}

div.blueRow select.fabricante {
  font-size: 11px;
  height: 20px;
  border: 1px solid #7F9DB9;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 18px;
}

div.blueRow div.extraField {
  padding: 10px 0 0 240px;
  display:none;
}

div.blueRow div.extraField input { 
  float: none; 
  width: 140px; 
  height: 20px;
  padding: 2px; 
  border: 1px solid #7F9DB9;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 134px;
	height: 14px;
}
 
fieldset.NLOptions {
  margin-top: 10px;
  padding: 10px;
 	border: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

fieldset.NLOptions input.redBot {
  border: none;
  color: #fff;
  font-family: Verdana,Helvetica,sans-serif;
  background-color: #E90000;
  font-size: 11px;
  padding: 3px 3px;
  width: 0; /*hack para IE*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}

fieldset.NLOptions input.blueBot {
  border: none;
  color: #fff;
  background-color: #7F9DB9;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 11px;
  padding: 3px 3px;
}

form#frm-novalista textarea.observacoes {
  border: 1px solid #7F9DB9;
  width: 490px;
  height: 150px;;
  padding: 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 480px;
	height: 140px;
}

a.extraOption {
	font-family: "Trebuchet MS","Century Gothic",Verdana,Helvetica,sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

div#novaPapelaria,div#editarPapelaria {
  position: absolute;
  display: none;
  width: 600px;
  top: 200px;
  left: 20px;
  z-index: 3000;
  border: 5px solid #7F9DB9;
  padding: 10px;
  background: #fff;
  text-align: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 570px;
}

div#novaPapelaria h2,div#editarPapelaria h2 { font-size: 24px; height: 50px; font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif; font-weight: bold; }

div.headerEscola {
  position: relative;
  height: 170px;
  padding-top: 20px;
  padding-left: 140px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 150px;
}

div.headerEscola img {
  position: absolute;
  border: 1px solid #ccc; 
  top: 20px;
  left: 0;
  padding: 5px;
}

div.headerEscola h3 {
  font-size: 20px;
  font-weight: normal;
}

div span.labelQtd {
  display: block;
  float: left;
  width: 60px;
}

div span.labelItem {
  display: block;
  float: left;
  width: 420px;
}

div.headerList span {
  font-size: 10px;
  font-weight: bold;
}

div.blueRow span {
  font-size: 12px;
}
div.blueRow span.labelQtd {
  width: 55px;
}

div.msgError {
  display: none;
  text-align: center;
  background-color: #fcc;
  font-weight: bold;
  font-size: 11px;
  width: 326px;
  margin: 0 0 10px 160px;
  padding: 10px 0;
  height: auto !important; 
  line-height: 120%;
}

div#ClientValidationSummary { 
  background-color: #FF0000; 
  padding: 10px; 
  color: white; 
  margin-bottom: 20px;
}
div#ClientValidationSummary a { color: white; }

div.showLogo {
  height: auto !important;
  padding: 10px 0 10px 160px;
}

div.showLogo img {
  border: 1px solid #e9e9e9;
  padding: 5px;
}

span.matCat{
  display: block;
	height:25px;
	color: #000;
	font-family: "Trebuchet MS","Century Gothic",Verdana,Helvetica,sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
}

ul.previewOptions li a {
  display: block;
  margin-bottom: 15px;
  font-size: 11px;
}
ul.previewOptions li a span {
  display: block;
	font-family: "Trebuchet MS","Century Gothic",Verdana,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 150%;
	text-decoration: none;
}

ul.previewOptions li a:hover {
  text-decoration: underline;
}

a.botMenu {
  display: block;
  width: 189px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

a.botMenu.produtos_faber { background-image: url(../images/bot_produtos_faber.gif); }
a.botMenu.operar_sistema { background-image: url(../images/bot_operar_sistema.gif); }
a.botMenu.produtos_faber:hover { background-position: 0 -48px; }
a.botMenu.operar_sistema:hover { background-position: 0 -48px; }

a.botEcoLapis { 
  display: block;
  width: 189px;
  height: 62px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../images/bot_ecolapis.gif); 
}

a.botEcoLapis:hover { background-position: 0 -72px; }

div.operar_sistema h3 {
  margin: 10px 0 10px 0;
}

div.operar_sistema img {
  border: 2px solid #fc0;
}

div.operar_sistema span.imgBox {
  display: block;
  width: 204px;
  float: right;
}

h4 {
	font-family: "Trebuchet MS","Century Gothic",Verdana,Helvetica,sans-serif;
	font-size: 20px;
}