html, body { margin: 0; padding: 0; height: 100%;}

body { 
  text-align: center; 
  font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
  font-size: 11px; 
  line-height: 150%; 
  color: #333;
  background: #00636f url(../images/fundo.jpg) repeat-x 0 35px;
}

dl,dt,dd {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

form, form p {
	margin: 0;
	padding: 0;
	display: block;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {	color: #333; text-decoration: underline; }

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

.hideThis { display: none; }
.hideTxt {
  display: block; 
  overflow: hidden;
  text-align: left;
  text-indent:  -99999px;
  background-repeat:  no-repeat;
  background-color: transparent;
  font-size: 0;
  line-height: 0;
}

a.lnkIcon {
  height: 16px;
  display: block;
  padding: 3px 0 0 23px;
  font-size: 10px;
  line-height: 100%;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-weight: bold;
  background-repeat: no-repeat;
  color: #007784;
  voice-family: "\"}\"";
  voice-family: inherit;
  height: 13px;
}
  a.lnkIcon.seta { background-image: url(../images/icon_seta.gif);}
  a.lnkIcon.mais { background-image: url(../images/icon_mais.gif);}

a.lnkBox {
  position: relative;
  height: 16px;
  display: block;
  overflow: visible;
  padding: 0 5px 0 18px;
  font-size: 10px;
  line-height: 16px;
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-weight: bold;
  white-space: nowrap;
  background-color: #ABDA30;
  background-repeat: no-repeat;
  color: #004851;
}
  a.lnkBox.boxSeta { background-image: url(../images/icon_box_seta.gif); }
  a.lnkBox span {
    position:absolute;
    display:block;
    top: 0; right: -1px; /* -1px por causa do ie6*/
    width: 5px; height: 16px; 
    background: url(../images/icon_box_close.gif) no-repeat; 
  }

  a.lnkBox.tBig { /*Complemento ao lnkBox*/
    height: 25px;
    padding-left: 30px;
    font-size: 12px;
    line-height: 24px;
    background-color: #007784;
    color: #fff;
  }
    a.lnkBox.tBig.tBigMais { background-image: url(../images/icon_boxBig_mais.gif); }
    a.lnkBox.tBig.tBigCifrao { background-image: url(../images/icon_boxBig_cifrao.gif); }
    a.lnkBox.tBig.tBigEditar { background-image: url(../images/icon_boxBig_editar.gif); }
    a.lnkBox.tBig.tBigErro { background-image: url(../images/icon_boxBig_erro.gif); }
    a.lnkBox.tBig.tBigSeta { background-image: url(../images/icon_boxBig_seta.gif); }
    a.lnkBox.tBig.tBigWebsite { background-image: url(../images/icon_boxBig_website.gif); }
    a.lnkBox.tBig.tBigEmail { background-image: url(../images/icon_boxBig_email.gif); }
    a.lnkBox.tBig.tBigCarrinho { background-image: url(../images/icon_boxBig_carrinho.gif); }
    
    
    a.lnkBox.tBig span { 
      width: 5px; height: 25px; 
      background: url(../images/icon_boxBig_close.gif) no-repeat; 
    }

    /* Destacar o carrinho*/
    a.lnkBox.tBig.tBigCarrinho { color: #fc0; background-color: #c00; background-image: url(../images/icon_boxBig_carrinho_red.gif); }
        a.lnkBox.tBig.tBigCarrinho span { background-image: url(../images/icon_boxBig_close_red.gif); }
    

.titLineSimple {
  font-size: 14px;
  font-family: "Century Gothic", Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #004851;
  border-bottom: 1px solid #007784;
  margin-bottom: 20px;
}

.titLine {
  border-bottom: 2px solid #abda30;
  padding-bottom: 3px;
  font-size: 18px;
  line-height: 130%;
  font-family: "Century Gothic", Geneva, Arial, Verdana, Helvetica, sans-serif;
  font-weight: bold;
  color: #004851;
  margin-bottom: 20px;
}
  .titLine.lowMargin { margin-bottom: 10px; }
  .titLine a.lnkIcon { float: right; }


/*navBar saude web old*/
div#navBar {
    height: 55px;
    background: url(../images/sbw/header/saudeWEB_01.gif) repeat-x;
}

div#navBar .nav_links {
    position: relative;
    margin: 0 auto;
    width: 768px; height: 49px;
    background: url(../images/sbw/header/saudeWEB_main.gif) no-repeat;
}

div#navBar .nav_links a {
    display: block;
    position: absolute;
    height: 15px;
}
    div#navBar .nav_links a.lnk_sbw { width: 140px; height: 55px; top: 0; left: 0; }
    div#navBar .nav_links a.lnk_un { width: 90px; top: 35px; left: 145px;  }
    div#navBar .nav_links a.lnk_nl { width: 80px; top: 35px; left: 250px; }
    div#navBar .nav_links a.lnk_ag { width: 60px; top: 35px; left: 340px; }
    div#navBar .nav_links a.lnk_bl { width: 50px; top: 35px; left: 410px; }
    div#navBar .nav_links a.lnk_wc { width: 60px; top: 35px; left: 470px; }
    div#navBar .nav_links a.lnk_en { width: 70px; top: 35px; left: 540px; }
    div#navBar .nav_links a.lnk_vi { width: 75px; top: 35px; left: 630px; }
    div#navBar .nav_links a.lnk_im { width: 75px; height: 35px; top: 0; left: 690px; }


/*navBar saude web new*/
[class*=l-d]{ position: relative; }
[class*=l-d] > * { position: absolute; }
        
#barTop{ min-width: 998px; height: 30px; background: url(http://users.itmidia.com.br/images/fundo_barTop.png);  z-index: 21; }
#barTop .logo-itMidia{left: 50%; top: -4px; margin-left: -491px; z-index: 1; }
#barTop .logo-itMidia img { width: 60px; height: auto; }
#barTop .menu-saudeWeb{ right: 50%; margin-right: -480px; }
#barTop .menu-saudeWeb h5,
#barTop .menu-saudeWeb ul,
#barTop .menu-saudeWeb ul li{ float: left; font-size: 11px;}
#barTop .menu-saudeWeb h5{ width: 81px; height: 30px; background:  url(http://users.itmidia.com.br/images/fundo_color_000_opacity_20.png); text-align: center; line-height: 30px; font-weight: bold; }
#barTop .menu-saudeWeb h5 a {  color: #FFF; }
#barTop .menu-saudeWeb ul{ width: 790px; margin-top: 5px; overflow: hidden; }
#barTop .menu-saudeWeb ul li{ position: relative; left: 11px; display: block; height: 20px; border-left: 1px solid #41967D; padding: 0 15px;  margin-left: -4px; line-height: 20px; text-align: center; }
#barTop .menu-saudeWeb ul li a{ color: #CEE5DF; }
#barTop .menu-saudeWeb ul li:first-child{ border-left: none;}
/*fim de navBar saude web new*/
                               

div#header {
  position: relative;
  width: 998px;
  height: 270px;
  margin: 0 auto;
  padding: 0;
  background: url(../images/fundo_content_top.gif) no-repeat bottom;
  text-align:  left;
}
  div#header span {
    position: absolute;
    display: block;
    top: 7px;
    color: #9AC9CF;
    line-height: 100%;
  }
    div#header span a { color: #9AC9CF; outline: 0; }
    div#header span.data { width: 378px; left: 5px; white-space: nowrap; overflow:hidden; }
    div#header span.links { width: 600px; right: 10px; text-align: right; }
    div#header span.links a.destaque { font-weight: bold; color: #fff; }
    
    #boxLogin {
      position: absolute;
      width: 190px;
      top: 24px; right: 77px;
      font-size: 11px; line-height: 100%;
    }
    
      #formLogin {
        display: none;
        width: 190px;
        float: left;
        background: url(../images/fundo_box_login.gif) no-repeat;
        padding: 18px 0 10px 14px;
        border-bottom: 4px solid #004A55; 
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 176px; 
      }

      #formLogin h6 {
        height: 26px;
        background-image: url(../images/boxTit_acesso_restrito.gif);
      }
      
      #formLogin div.row { padding-bottom: 10px; }
        #formLogin div.row label{ display: block; font-weight: bold; color: #C9E1E4; padding-bottom: 3px; }
        #formLogin div.row input.entTxt { 
          width: 162px; height: 25px; 
          border: 2px solid #ABDA30;  
          voice-family: "\"}\"";
          voice-family: inherit;
          width: 158px; height: 21px; 
        }
        
        #formLogin div.row input.entTxt.invalid { border: 2px solid #c00; } 

        #formLogin div.row input.bot { 
          float: left; 
          width: auto; 
          overflow: visible; 
          border-top: 2px solid #9BC824;
          border-left: 2px solid #9BC824;
          border-bottom: 2px solid #87AE20;
          border-right: 2px solid #87AE20;
          background-color: #ABDA30;
          font-size: 11px;
          font-weight: bold;
          line-height: 100%;
          padding: 3px 5px
        }
        #formLogin div.row a.esqueceu { display: block; float: left; padding: 7px 0 0 20px; color: #C9E1E4; font-size: 10px; }
        #formLogin div.row span.msg { position: relative; clear:both; width: 162px; font-weight:bold; line-height: 100%; margin: 0; padding: 0;}
        #formLogin div.row span.msg label.error { display: block; color: #fc0; }
  
  div#header a.logo {
    position: absolute;
    width: 228px; height: 75px;
    top: 60px; left: 10px;
    background-image: url(http://catalogohospitalar.com.br/images/novo-logo-ch.png);
  }
  
  div#header div.chBan {
    position: absolute;
    width: 728px; height: 90px;
    top: 50px; right: 10px;
  }
  
  div#header form#formBusca {
    position: absolute;
    width: 800px;
    top: 155px; left: 5px;
    overflow: hidden;
  }
  
  div#header div.options { width: 800px; height: 35px; overflow: hidden; }
    div#header div.options a { float: left; height: 35px; }
    div#header div.options a.sel { background-position: 0 -100px; }
      div#header div.options a.hospitalar { width: 77px; background-image: url(../images/menu_busca_produtos.gif); }
      div#header div.options a.fornecedores { width: 114px; background-image: url(../images/menu_busca_fornecedores.gif); }
      div#header div.options a.medicina_e_saude { width: 144px; background-image: url(../images/menu_busca_medicina.gif); margin-right: 5px; }
      
      div#header div.options p.medicina_tipo { padding-top: 13px; color: #fff; font-size: 11px; line-height: 100%; }
      div#header div.options p.medicina_tipo * {  vertical-align: middle; margin: 0; }

  div#header div.boxBusca { position: relative; width: 800px;}
  div#header div.boxBusca a.titAnuncie { position: absolute; display: block; width: 292px; height: 20px; background: url(../images/boxTit_menu_busca_anuncie.gif) no-repeat; top: -25px; left: 390px;}
  div#header div.boxBusca input.entTxt {
    float: left; 
    width: 684px; height: 40px;
    border: 4px solid #abda30;
    margin: 0px 5px 0 0;
    font-size: 18px;
    font-family: "Century Gothic", Geneva, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #666;
    padding-top: 5px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 676px; height: 26px;
  }
      div#header div.boxMedicina input.s2 {
        width: 179px; height: 40px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 171px; height: 26px;
      }
      div#header div.boxMedicina input.s3 {
        width: 30px; height: 40px;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 171px; height: 26px;
      }
    div#header div.boxMedicina div.boxInput {
      float: left; 
      width: 420px; height: 40px;
      border: 4px solid #abda30;
      background-color: #fff;
      margin: 0px 5px 0 0;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 412px; height: 32px;
    }  
      div#header div.boxMedicina div.boxInput select {
        width: 412px; height: 32px;
        padding: 3px 3px 3px 0;
        margin: 0;
        border: none;
        font-size: 18px;
        font-family: "Century Gothic", Geneva, Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #666;
      }
      div#header div.boxMedicina div.boxInput input.entTxt {
        width: 410px; height: 30px;
        border: none;
        margin: 0;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 25px;
      }  
      
    div#header div.boxMedicina div.boxInput.s2 {
      width: 75px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 67px;
    }  
      div#header div.boxMedicina div.boxInput.s2 select { width: 67px; }
    
    div#header div.boxMedicina span {
      display: block;
      position: absolute;
      color: #fff;
    }
      div#header div.boxMedicina span.cidade { top: 42px; left: 425px; }
      div#header div.boxMedicina span.estado { top: 42px; left: 610px; }

  div#header div.boxBusca input.bot {
    float: left;
    width: 100px; height: 40px;
    background: transparent url(../images/bot_buscar.gif);
    border: none;
    margin: 0;
  }
  
  div#boxInfo {
    position: absolute;
    width: 168px; height: 95px;
    top: 155px; right: 25px;
  }
	#boxCotacaoDetails {
            position: absolute;
	    width: 168px; height: 105px;
	    background: url(../images/fundo_balao_cotacao.gif) no-repeat;
	    padding: 10px 10px 0 18px;
	    color: #fff;
            text-align:left;
		voice-family: "\"}\"";
		voice-family: inherit;
	    width: 140px; height: 95px;
	}
		#boxCotacaoDetails strong,#boxCotacaoDetails a {
			color: #abda30;
		}
        
    #flashBan { width: 168px; height: 95px; background: url(../images/balao_busca.png) no-repeat; }

div#content {
  position: relative;
  width: 998px;
  margin: 0 auto;
  padding-left: 25px;
  background: url(../images/fundo_content_body.gif) repeat-y center top;
  text-align:  left;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 973px;
}

div#A {
  float: left;
  width: 228px;
}
  div#A h5 {
    height: 20px;
    background-position: 5px 0;
  }
    div#A h5.hospitalar { background-image: url(../images/boxTit_hospitalar.gif); }
    div#A h5.medicina_e_saude { background-image: url(../images/boxTit_medicina_e_saude.gif); }

  div#A ul.boxMenu {
    width: 208px;
    margin: 0;
    background-color: #E8E8BB;
    list-style: none;
    padding: 7px 10px 10px 10px;
    margin-bottom: 30px;
    font-size: 11px;
    line-height: 130%;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 188px;
  }
    div#A ul.boxMenu li { padding-bottom: 10px; }
    div#A ul.boxMenu li.last { padding-bottom: 0; }
    
      div#A ul.boxMenu li h6 {
      	position: relative;
      	font-size: 11px;
      	line-height: 130%;
      	padding-right: 15px;
      }
		  div#A ul.boxMenu li h6.opened {
		  	margin-bottom: 5px;
		  }

		  div#A ul.boxMenu li h6 a.mais {
		  	position: absolute;
		  	display: block;
		  	width: 10px;
		  	height: 10px;
		  	top: 2px;
		  	right: 0;
		  	background: url(../images/bot_mais_green.gif) no-repeat;
		  }
			  div#A ul.boxMenu li h6.opened a.mais {
				background: url(../images/bot_dot_green.gif) no-repeat;
			  }
		  
		  
      
      div#A ul.boxMenu li a { text-decoration: underline; }
      div#A ul.boxMenu li a:hover { text-decoration: none; }
        div#A ul.boxMenu li a.option { display: block; padding: 3px 0; }
        div#A ul.boxMenu li div.showCatsContainer { display: none; height: 165px; }
        div#A ul.boxMenu li div.showCats {
        	height: 155px;
        }
			div#A ul.boxMenu li div.showCats a { 
				display: block;
				padding-bottom: 5px;
				/* background: url(../images/bullet_round_azul_menu.gif) no-repeat 0 5px; */
			}
      div#A ul.boxMenu li .tit { display: block; font-weight: bold; color: #004851; text-decoration: none; }
      div#A ul.boxMenu li .tit:hover { color: #fff; background-color: #004851; }

      div#A ul.boxMenu.verde li .tit { color: #4D6312; }
      div#A ul.boxMenu.verde li .tit:hover { color: #fff; background-color: #4D6312; }

      div#A .ultimas_noticias { width: 208px; margin-bottom: 20px; }
      div#A .ultimas_noticias a {
          display: block;
          padding-bottom: 10px;
          border-bottom: 1px solid #ccc;
          margin-bottom: 10px;
          font-size: 11px;
      }
          div#A .ultimas_noticias a strong {
              display: block;
              color: #004851;
          }

div#B {
  float: left;
  width: 560px;
}

  div#B .titLine { width: 540px; }

  div#B ul.prodPainel {
    margin: 0;
    padding: 0;
    list-style: none;
  }

    div#B ul.prodPainel li {
      float: left;
      width: 138px;
      margin: 0;
      padding: 0 12px 0 0;
      font-size: 11px;
      line-height: 150%;
      color: #004851;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 126px;
    }
      div#B ul.prodPainel li.last { width: 126px; padding: 0; }
      div#B ul.prodPainel li.clearFull { float: none; width: 540px; padding: 0; }
      div#B ul.prodPainel li.close { float: none; width: 540px; height: 44px; padding: 8px 0 0 0; border-top: 2px solid #ABDA30; }
        div#B ul.prodPainel li.close a.lnkBox{ float: right; }
    
      div#B ul.prodPainel li strong { display: block; padding-bottom: 8px;}
      div#B ul.prodPainel li a.img {
        display: block;
        width: 126px; height: 94px;
        border: 2px solid #007784;
        background-repeat: no-repeat;
        background-position: center center;
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 122px; height: 90px;
      }

a#contentBan { display: block; height: 70px; }

div#B dl.top10 dd {
  float: left;
  width: 280px;
}
  div#B dl.top10 dd.last { width: 260px; }
  div#B dl.top10 dd.clearFull { float: none; width: 540px; padding: 0; }
  div#B dl.top10 h3 { width: 260px; }
  .top10 ol {
    font-size: 14px;
    font-family: "Century Gothic", Geneva, Arial, Verdana, Helvetica, sans-serif;
    font-weight: bold;
    color: #799C1D;
    padding-left: 10px;
    margin-left: 20px;
  }
    .top10 ol li { padding-bottom: 2px; }
      .top10 ol a {
        font-size: 11px;
        line-height: 150%;
        font-family: Arial, Geneva,  Verdana, Helvetica, sans-serif;
        font-weight: normal;
        color: #333;
      }
      
  div#B a.updCotQtd {
  	text-decoration: underline;
  	color: #007784;
  }
  
  div#B div.tags { width: 540px; text-align: center; padding-bottom: 30px; }
  div#B div.tags a { color: #007784; }
    div#B div.tags a:hover { color: #abda30; }
    div#B div.tags a.t1 { font-size: 16px; line-height: 100%; }
    div#B div.tags a.t2 { font-size: 24px; line-height: 100%; }
    div#B div.tags a.t3 { font-size: 30px; line-height: 100%; }
  
div#C {
  float: left;
  width: 160px;
}

  div#C div.banVertical { height: 630px; }
  div#C .slide_ban { width: 160px; height: 1500px; margin: 0; padding: 0; }
  div#C .slide_ban li { list-style: none; margin: 0; padding: 0; }
  div#C a.miniBan { display: block; height: 60px; }

div#rodapeA {
  position: relative;
  width: 998px; height: 140px;
  margin: 0 auto;
  text-align: left;
  background: url(../images/fundo_content_bottom.gif) no-repeat;
}
  div#rodapeA div.veja_mais {
    position: absolute;
    width: 208px; height: 105px;
    top: 35px; left: 25px;
    background: url(../images/fundo_rodape_destaque.jpg) no-repeat;
    padding: 15px 10px 0 10px;
    font-size: 11px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 188px; height: 95px;
  }
  
    div#rodapeA div.veja_mais h5 {
      height: 20px;
      background-image: url(../images/boxTit_veja_mais.gif);
      text-align: left;
    }
  
    div#rodapeA div.veja_mais ul {
      margin: 0;
      padding-left: 15px;
      list-style-image: url(../images/bullet_amarelo.gif);
    }
      div#rodapeA div.veja_mais ul a { color:#fff; }
  
  div#rodapeA div.ban {
    position: absolute;
    top: 40px; left: 263px;
    width: 728px; height: 90px;
  }
  
div#rodapeB {
  text-align: left;
  height: 110px;
  background-color: #00282D;
}

  div#rodapeB div.cont {
    position: relative;
    width: 998px; height: 110px;
    margin: 0 auto;
    background: url(../images/fundo_rodape_destaque_close.gif) no-repeat 25px 0;
  }
  
    div#rodapeB div.cont a.logo {
      position: absolute;
      top: 25px; left: 25px;
      width: 208px; height: 65px;
      background-image: url(../images/logo_rodape.gif?v=2);
    }
      
    div#rodapeB div.cont a.logo_c7 {
      position: absolute;
      top: 22px; right: 5px;
      width: 173px; height: 67px;
      background-image: url(../images/logo_citrus7.gif);
    }
  
    div#rodapeB div.cont div.menu { position: absolute; }
    
    div#rodapeB div.cont div.institucional {
      width: 160px;
      top: 10px; left: 263px;
    } 
  
    div#rodapeB div.cont div.recursos {
      width: 140px;
      top: 10px; left: 443px;
    } 
  
  div#rodapeB div.cont div.menu a {
    display: block;
    font-size: 11px;
    line-height: 100%;
    color: #fff;
    padding: 8px 0 10px 0;
    background: url(../images/dot_blue.gif) repeat-x bottom;
  }
  
  div#rodapeB div.cont form {
    position: absolute;
    width: 200px; height: 100px;
    top: 10px; left: 603px;
    color: #fff;
  }
  
    div#rodapeB div.cont form h5 {
      height: 20px;
      background: url(../images/boxTit_newsletter.gif) no-repeat;
    }
      div#rodapeB div.cont form p { padding-bottom: 5px; }
    
    div#rodapeB div.cont form input.entTxt {
      float: left;
      width: 160px; height: 24px;
      border: 2px solid #abda30;
      padding: 0;
      margin-right: 3px;
      voice-family: "\"}\"";
      voice-family: inherit;
      width: 156px; height: 20px;
    }
    
    div#rodapeB div.cont form input.bot {
      float: left;
      width: 27px; height: 24px;
      background: transparent url(../images/bot_ok.gif) no-repeat;
      border: none;
    }


#rodape_itm{
  text-align: left;
  background-color: #ffffff;
  padding: 20px 0;
  font-family: "Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
  font-size: 11px
}
    #rodape_itm div {
        width: 966px;
        margin: 0 auto;
    }
    #rodape_itm div h6{
        font-size: 12px;
        padding-bottom: 10px;
        color: #666;
    }
    #rodape_itm div strong {
        padding-bottom: 15px;
        color: #000;
        text-transform: uppercase;
    }
    #rodape_itm div .link_cinza {
        color: #666;
    }

    #rodape_itm div dl { height: 40px; }
        #rodape_itm div dl dd { float: left; width: 33.3%; }
        #rodape_itm div dl dd a { height: 36px; background-position: center; }
        #rodape_itm div dl dd .logo_rodape_itmidia { background-image: url(../images/sbw/footer/itmidia.gif); }
        #rodape_itm div dl dd .logo_rodape_peabirus { background-image: url(../images/sbw/footer/peabirus.jpg); }
        #rodape_itm div dl dd .logo_rodape_twitter { background-image: url(../images/sbw/footer/twitter.jpg); }

/* inicio scrollPane*/
  .jScrollPaneContainer {
  	position: relative;
  	overflow: hidden;
  	z-index: 1;
  	margin: 0 auto;
  } 
  
  .jScrollPaneTrack {
  	position: absolute;
  	cursor: pointer;
  	right: 0;
  	top: 0;
  	height: 100%;
  	background: url(../images/fundo_scroll.gif) repeat-y center;
  }
  .jScrollPaneDrag {
  	position: absolute;
  	background: url(../images/scrollDrag.gif);
  	cursor: pointer;
  	overflow: hidden;
  }
  .jScrollPaneDragTop {
  	position: absolute;
  	top: 0;
  	left: 0;
  	overflow: hidden;
  	background-color: #ABDA30;
  	height: 3px;
  }
  .jScrollPaneDragBottom {
  	position: absolute;
  	bottom: 0;
  	left: 0;
  	overflow: hidden;
  	background-color: #ABDA30;
  	height: 3px;
  }
  a.jScrollArrowUp {
  	display: block;
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	right: 0;
  	text-indent: -2000px;
  	overflow: hidden;
  	background: url(../images/scrollArrowUp.gif);
  	height: 10px;
  	width: 10px;
    }
  a.jScrollArrowUp:hover {
  	/*background-color: #f60;*/
  }
  
  a.jScrollArrowDown {
  	display: block;
  	position: absolute;
  	z-index: 1;
  	bottom: 0;
  	right: 0;
  	text-indent: -2000px;
  	overflow: hidden;
  	background: url(../images/scrollArrowDown.gif);
  	height: 10px;
  	width: 10px;
  }
  a.jScrollArrowDown:hover {
  	/*background-color: #f60;*/
  }
  a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
  	/*background-color: #f00;*/
  }
/* fim scrollPane*/

.clearFull { display: block; clear: both; height: 1px; margin-top: -1px; overflow: hidden; }
  .div10 { height: 10px; }
  .div20 { height: 20px; }
  .div30 { height: 30px; }

  .divTraco { background: url(../images/fundo_traco.gif) repeat-x  center center }