/* CSS Document */

div#principal.home {
  padding: 0 35px;
}

h1.bemVindo { 
  height: 40px;
  background: url(../images/tit_bemvindo.gif) no-repeat;
}

div.showOptions dl.boxOption {
  position: relative;
  float: left;
  width: 344px;
}

  dl.boxOption.escola {
    margin-right: 20px;
  }
         
  dl.boxOption dd.open,dl.boxOption dd.close {
    height: 15px;
    background-repeat: no-repeat;
  }
  
  dl.boxOption dd.body {
    background-repeat: repeat-x;
    padding: 0 20px;
  }
  
    dl.boxOption dd.body h5 {
      font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
      font-size: 1.4em;
      margin-bottom: 10px;
    }
    
    dl.boxOption dd.body div.desc {
      width: 250px;
      margin-bottom: 15px;
    }

    dl.boxOption dd.body a.opt,dl.boxOption dd.body h6 {
      display: block;
      font-family: "Trebuchet MS",Verdana,Helvetica,sans-serif;
      font-size: 1.2em;
      font-weight: bold;
      height: 29px; 
    }
    
    dl.boxOption dd.body a.opt:hover { text-decoration: none; }
    
    dl.boxOption dd.body a.opt.A { color: #c00; }
    dl.boxOption dd.body a.opt.B { color: #6A5500; }
    dl.boxOption dd.body h6 { height: 20px; color: #069; }
    dl.boxOption dd.body span.icon { 
      position: absolute;
      top: 40px;
      right: 20px;
      background-repeat: no-repeat;
    }

  dl.boxOption.escola dd.open {background-image: url(../images/box_am_abre.gif);}
  dl.boxOption.escola dd.close {background-image: url(../images/box_am_fecha.gif);}
  dl.boxOption.escola dd.body { background-color: #ffda46; background-image: url(../images/box_am_body.png);}
  dl.boxOption.escola h5 { color: #6A5500; }
  dl.boxOption.escola span.icon { width:54px; height: 59px; background-image: url(../images/icon_home_escolas.gif); }
  dl.boxOption.pais dd.open {background-image: url(../images/box_az_abre.gif);}
  dl.boxOption.pais dd.close {background-image: url(../images/box_az_fecha.gif);}
  dl.boxOption.pais dd.body { background-color: #62c0ff; background-image: url(../images/box_az_body.png);}
  dl.boxOption.pais h5 { color: #069; }
  dl.boxOption.pais span.icon { width:39px; height: 60px; background-image: url(../images/icon_home_pais.gif); }
  
  dl.boxOption input { float: left; }
  dl.boxOption.pais form div { height: 36px; }
  dl.boxOption.pais form input.txtEnt {
    width: 218px;
    height: 30px;
    margin-top: 3px;
    border-top: 2px solid #069;
    border-bottom: 2px solid #069;
    border-left: 2px solid #069;
    border-right: none;
    padding: 0 5px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 206px;
    height: 26px;
  }

  dl.boxOption.escola form div label,  .boxGrad_yellow form div label {
    display: block;
    font-family: "Trebuchet MS",Arial,serif;
    font-size: 11px; line-height: 150%;
    font-weight: bold;
    color: #6A5500;
  }

  dl.boxOption.escola form div input.txtEnt, .boxGrad_yellow form div input.txtEnt {
    padding: 0 0; margin: 0 0;
    border-top: 2px solid #6A5500;
    border-bottom: 2px solid #6A5500;
    border-left: 2px solid #6A5500;
    border-right: 2px solid #6A5500;
  }

  dl.boxOption.escola form div.fieldUser input.txtEnt, .boxGrad_yellow form div.fieldUser input.txtEnt{
    width: 198px;
    height: 26px;
    margin-top: 0; margin-bottom: 0;
    voice-family: "\"}\"";
    voice-family: inherit;
  }
  dl.boxOption.escola form div.fieldPass, .boxGrad_yellow form div.fieldPass{
    position: relative; zoom: 1;
    margin-bottom: 15px; line-height: 0;
  }
  dl.boxOption.escola form div.fieldPass input.txtEnt, .boxGrad_yellow form div.fieldPass input.txtEnt{
    width: 198px;
    height: 26px;
    margin-top: 3px; margin-bottom: 0 !important;
  }

 dl.boxOption.escola form div.fieldPass .bot_acessar_administracao, .boxGrad_yellow form div.fieldPass .bot_acessar_administracao{
    position: absolute; bottom: -2px; right: 0;
}
/**/
 dl.boxOption.papelaria form div, .boxGrad_green form div{
  }

  dl.boxOption.papelaria form div label,  .boxGrad_green form div label {
    display: block;
    font-family: "Trebuchet MS",Arial,serif;
    font-size: 11px;
    font-weight: bold;
    color: #006600;
  }

  dl.boxOption.papelaria form div input.txtEnt, .boxGrad_green form div input.txtEnt {
    padding: 0 0; margin: 0 0;
    border-top: 2px solid #006600;
    border-bottom: 2px solid #006600;
    border-left: 2px solid #006600;
    border-right: 2px solid #006600;
  }

  dl.boxOption.papelaria form div.fieldUser input.txtEnt, .boxGrad_green form div.fieldUser input.txtEnt{
    width: 198px;
    height: 26px;
    margin-top: 0; margin-bottom: 0;
  }
  dl.boxOption.papelaria form div.fieldPass, .boxGrad_green form div.fieldPass{
    position: relative; zoom: 1;
    margin-bottom: 15px;
  }
  dl.boxOption.papelaria form div.fieldPass input.txtEnt, .boxGrad_green form div.fieldPass input.txtEnt{
    width: 198px;
    height: 26px;
    margin-top: 3px; margin-bottom: 0;
  }

 dl.boxOption.papelaria form div.fieldPass .bot_acessar_administracao, .boxGrad_green form div.fieldPass .bot_acessar_administracao{
    position: absolute; bottom: -2px; right: 0;
}

/**/
 dl.boxOption.pais form div, .boxGrad_blue form div{
  }

  dl.boxOption.pais form div label,  .boxGrad_blue form div label {
    display: block;
    font-family: "Trebuchet MS",Arial,serif;
    font-size: 11px; padding-bottom: 4px;
    font-weight: bold;
    color: #006699;
  }

  dl.boxOption.pais form div input.txtEnt, .boxGrad_blue form div input.txtEnt {
    padding: 0 0; margin: 0 0;
    border-top: 2px solid #006699;
    border-bottom: 2px solid #006699;
    border-left: 2px solid #006699;
    border-right: 2px solid #006699;
  }

  dl.boxOption.pais form div.fieldUser input.txtEnt, .boxGrad_blue form div.fieldUser input.txtEnt{
    width: 198px;
    height: 26px;
  }
  dl.boxOption.pais form div.fieldPass, .boxGrad_blue form div.fieldPass{
    position: relative; zoom: 1;
    margin-bottom: 15px;
  }
  dl.boxOption.pais form div.fieldPass input.txtEnt, .boxGrad_blue form div.fieldPass input.txtEnt{
    width: 198px;
    height: 26px;
    margin-top: 3px; margin-bottom: 0;
  }

 dl.boxOption.pais form div.fieldPass .bot_acessar_administracao, .boxGrad_blue form div.fieldPass .bot_acessar_administracao{
    position: absolute; bottom: -2px; right: 0;
}


form#loginBox, form#loginPapBox {
  display: none;
}

div.showFaber {
  width: 189px;
  float: right;
}

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;
}

a.produtos_faber { display: block; width: 189px; height: 30px; background-image: url(../images/bot_produtos_faber.gif); }
a.produtos_faber: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; }

.boxGrad_yellow, .boxGrad_blue, .boxGrad_green{
    position: relative;
    display: inline; float: left;
    width: 222px; overflow: visible;
    background-image: url(../images/sprite_boxGrad.jpg);
    background-repeat: no-repeat;
    margin-right: 20px;
}
.boxGrad_yellow{ background-position: 0 -8px; background-color: #FFDA46; }
.boxGrad_blue{ background-position: -222px -8px; background-color: #62C0FF; }
.boxGrad_green{ background-position: -444px -8px; background-color: #88D787; margin-right: 0; }
    .boxGrad_icon_escolas, .boxGrad_icon_pais, .boxGrad_icon_papelarias{
        position: absolute; top: -20px; right: 10px;
        display: block;
    }
    .boxGrad_splash_novo {
        position: absolute; top: 3px; left: 90px;
        display: block;
        width: 50px;
        height: 35px;
        background: url(../images/splash_novo.gif) no-repeat;
    }
    .boxGrad_icon_escolas{
        width: 54px; height: 59px;
        background-image: url(../images/icon_home_escolas.gif);
    }
    .boxGrad_icon_pais{
        width: 39px; height: 60px;
        background-image: url(../images/icon_home_pais.gif);
    }
    .boxGrad_icon_papelarias{
        width: 31px; height: 60px;
        background-image: url(../images/icon_home_papelarias.gif);
    }

    .boxGrad_text{
        min-height: 397px; height: auto !important; height: 417px;
        padding: 20px 10px 0 10px;
        font-family: Verdana, Helvetica, sans-serif; color: #000;
        font-size: 11px; line-height: 150%;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: auto !important; height: 397px;
    }
    .boxGrad_text p{ padding-top: 0; margin-top: 0; margin-bottom: 0; padding-bottom: 1em; }
    .boxGrad_text h1{ font-family: "Trebuchet MS", Arial, serif; font-size: 16px; line-height: 120%; padding-bottom: 10px; }
    .boxGrad_text h3{ font-family: "Trebuchet MS", Arial, serif; font-size: 14px; line-height: 120%; padding-bottom: 10px; }
    .boxGrad_text h3 a{ text-decoration: underline; }
    .boxGrad_yellow .boxGrad_text h1,.boxGrad_yellow .boxGrad_text h3, .boxGrad_yellow .boxGrad_text a { color: #6A5500;  }
    .boxGrad_blue .boxGrad_text h1,.boxGrad_blue .boxGrad_text h3, .boxGrad_blue .boxGrad_text a { color: #006699;  }
    .boxGrad_green .boxGrad_text h1,.boxGrad_green .boxGrad_text h3, .boxGrad_green .boxGrad_text a { color: #006600;  }
    .boxGrad_text h3 em, .boxGrad_text h3 em a{ font-style: normal; color: #E90000 !important;}
    
    

    .boxGrad_bottom{
        display: block;
        width: 100%; height: 8px;
        background-image: url(../images/sprite_boxGrad.jpg);
    }
.boxGrad_yellow .boxGrad_bottom{ background-position: 0 0; }
.boxGrad_blue .boxGrad_bottom{ background-position: -222px 0; }
.boxGrad_green .boxGrad_bottom{ background-position: -444px 0; }