/*
Cliente: Merck
Projeto: Novas Landing Pages
*/

/*
  --------------
    PALETA DE CORES
  --------------
  
  
  -- CORES DAS SECOES --
  Home - #009999
  Alergologia - #cc0066
  Cardiologia - #ff9900
  Endocrinologia - #330066
  Ginecologia - #660099
  Infectologia - #33cc66
  Oftalmologia - #ff6666
  Oncologia - #999900
  Ortopedia - #33ff00
  Pediatria - #ff3300
  Pneumologia - #00cccc
  Reumatologia - #990000
  Clinica Geral - #6666ff
  Cirurgia - #ff6600
  Neurologia - #389b96
  Dermatologia - #bf5f5f
  Otorrinolaringologia - #9900ff
  Saude mental - #cc9900
  Urologia - #cb3333
  Root ingles - #036301
  ----------------------
  
  link: #000
  texto: #636361
  titulo cinza: #797979
  verde merck: #009999 
    
  
*/

/*
  --------------
    ELEMENTOS e CLASSES
  --------------
*/

  /* ------- GERAL ------- */
  * { margin: 0; padding: 0; z-index: 1; } /* reseta todas as margens, paddings e define o nível das camadas do site */
  html { font-size: 100%; }
  html body { font: .68em Verdana, sans-serif;  }
  #limites { width: 772px; padding: 22px 36px 50px; border-width: 0 0 0 0; border-style: solid; }

  .direita { float: right; }
  .esquerda { float: left; }
  p.direita, p.esquerda { float: none; }
  p.direita { text-align: right; }
  p.esquerda { text-align: left; }
  .centro { text-align: center; }

  /* contendo float */
  .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .contemfloat { display: inline-block; }
  /* Hides from IE-mac \*/
  * .contemfloat { height: 1%; }
  .contemfloat { display: block; }
  /* End hide from IE-mac */
  
  a { color: #000; }
  a.mais { padding-left: 8px; background: url(../imagens/mais_bg.png) left no-repeat; font-size: .9em; }
  a img { border: 0; }
  p { color: ##636361; }
  ul, ol { list-style: none; }
  
  /* TOPO */
  #limites .topo { margin-bottom: 35px; padding-bottom: 7px; border-bottom: 1px #dbdbdb solid; }
  #limites .topo h1 { height: 33px; background: url(../imagens/titulos_principais.gif) no-repeat; text-indent: -999em; overflow: hidden; }
  #limites .topo form { float: right; }
  #limites .topo form .button { width: 90px; height: 19px; background: url(../imagens/botao_verde.gif) no-repeat; line-height: 20px; text-align: center; text-decoration: none; font-weight: bold; font-size: 0.83em; border: 0; color: #fff; }
  /* CONTEUDO */
  #limites #conteudo .coluna1 { float: left; width: 166px; }
  #limites #conteudo .coluna2 { width: 560px; margin-left: 210px; }
  * html #limites #conteudo .coluna2 { margin-left: 180px; }
  
    /*-- coluna1 --*/
    #conteudo .coluna1 .caixa { margin-bottom: 30px; background: url(../imagens/coluna1_caixa_topo.jpg) center top no-repeat; }
      #conteudo .coluna1 .caixa.profissionais_saude { background-position: left top; }
      #conteudo .coluna1 .caixa.pacientes { background-position: left -59px; }
    #conteudo .coluna1 .caixa dt { display: block; height: 46px; padding-left: 70px; color: #737c82; }
      #conteudo .coluna1 .caixa.profissionais_saude dt { padding: 13px 0 0 70px; }
      #conteudo .coluna1 .caixa.pacientes dt { height: 39px; padding: 20px 0 0 90px; }
    #conteudo .coluna1 .caixa dd { padding: 15px 10px; background: url(../imagens/coluna1_caixa_base.jpg) center bottom no-repeat; color: #797979; font-size: 0.9em; }
    #conteudo .coluna1 .caixa dd a.botao { display: block; width: 90px; height: 20px; margin: 20px auto 0; background: url(../imagens/botao_verde.gif) no-repeat; line-height: 20px; text-align: center; text-decoration: none; color: #fff; }
    /* menu */
    #conteudo .coluna1 .menu li { width: 166px; height: 38px; margin-bottom: 15px; padding-left: 10px; background: url(../imagens/coluna1_menu_bg.png) no-repeat; line-height: 38px; }
      #conteudo .coluna1 .menu li.sobre { padding-left: 29px; background-position: left top; }
      #conteudo .coluna1 .menu li.produtos { background-position: left -55px; }
      #conteudo .coluna1 .menu li.imprensa { padding-left: 22px; background-position: left -110px; }
      /* #conteudo .coluna1 .menu li.enquete { padding: 5px 0 0 40px; background-position: left -165px; }
      #conteudo .coluna1 .menu li.enquete a { width: 78px; line-height: 1em; text-align: right; } */
      #conteudo .coluna1 .menu li.news { padding: 5px 0 0 18px; background-position: left -165px; }
      #conteudo .coluna1 .menu li.news a { width: 105px; line-height: 1em; text-align: right; }
      #conteudo .coluna1 .menu li.atendimento { padding: 5px 0 0 30px; background-position: left -220px; }
      #conteudo .coluna1 .menu li.atendimento a { width: 90px; line-height: 1em; text-align: right; }
      /* #conteudo .coluna1 .menu li.pesquisa { padding: 5px 0 0 30px; background-position: left -330px; }
      #conteudo .coluna1 .menu li.pesquisa a { width: 90px; line-height: 1em; text-align: right; } */
    #conteudo .coluna1 .menu li a { display: block; text-decoration: none; color: #666666; }
    /* banner skycraper */
    #conteudo .coluna1 .banner { padding: 2px; border: 1px #dfdfdf solid; }
    
    /*-- coluna2 --*/
    #conteudo .coluna2 h3 { padding-bottom: 10px; text-transform: uppercase; font: bold 1.45em Arial, sans-serif; border-bottom: 2px #cb3332 solid; color: #cb3332; }
    /* em destaque */
    #conteudo .coluna2 .em_destaque ul { list-style: none; }
    #conteudo .coluna2 .em_destaque ul li { display: block; padding: 10px; border: 1px #DDDDDD solid; }
    #conteudo .coluna2 .em_destaque ul li a.titulo { display: block; margin-bottom: 10px; }
    #conteudo .coluna2 .em_destaque ul.visual { position: relative; height: 201px; margin-bottom: 35px; background: #fafafa; border-width: 0 1px 1px 1px; border-color: #dddddd; border-style: solid; }
    #conteudo .coluna2 .em_destaque ul.visual li { border: 0; padding: 0; }
    #conteudo .coluna2 .em_destaque ul.visual li strong { font-weight: normal; }
    #conteudo .coluna2 .em_destaque ul.visual li.ativo strong { font-weight: bold; }
    #conteudo .coluna2 .em_destaque ul.visual li a.titulo { display: inline-block; width: 225px; height: 33px; margin: 0; line-height: 30px; background: url(../imagens/em_destaque_titulo_bg.png) #f2f2f2 repeat-x; text-align: center; text-decoration: none; border-width: 0 1px 1px 0; border-color: #dedede; border-style: solid; color: #636361; outline: 0; }
    #conteudo .coluna2 .em_destaque ul.visual li.ultimo a.titulo { border-bottom: 1px #ddd solid; height: 31px; }
    #conteudo .coluna2 .em_destaque ul.visual li.ativo a.titulo, #conteudo .coluna2 .em_destaque ul.visual li a.titulo:hover { border-right: 0; background: #fafafa; }
    #conteudo .coluna2 .em_destaque ul.visual li.ativo a.titulo { font-weight: bold; }
    #conteudo .coluna2 .em_destaque ul.visual li .chamada { position: absolute; z-index: 10; left: 256px; top: 11px; width: 290px; }
    /* #conteudo .coluna2 .em_destaque ul.visual li.ativo .chamada { display: block; } */
    #conteudo .coluna2 .em_destaque ul.visual li .chamada p { margin-bottom: 10px; }
    #conteudo .coluna2 .em_destaque ul.visual li .chamada p a { position: relative; text-decoration: none; color: #636361; }
    #conteudo .coluna2 .em_destaque ul.visual li .chamada p.direita { margin-bottom: 0; }
    #conteudo .coluna2 .em_destaque ul.visual li .chamada p a.mais { text-decoration: underline; color: #000; }
    #conteudo .coluna2 .modulo { overflow: auto; display: inline-block; margin-bottom: 25px; padding: 20px; background: url(../imagens/coluna2_modulo_bg.png) #fff repeat-x; border: 1px #e3e3e3 solid; } 
    #conteudo .coluna2 .modulo img { float: left; }
    #conteudo .coluna2 .modulo .texto { margin: 0 0 0 75px; color: #797979; }
      /* conteudo sem imagem */
      #conteudo .coluna2 .modulo .texto.sem_img { margin: 0; }
    #conteudo .coluna2 .modulo .texto h4 a { font-size: 1em; color: #797979; text-decoration: none; }
    #conteudo .coluna2 .modulo .mais_conteudo { padding-top: 14px; margin-top: 14px; background: url(../imagens/coluna2_modulo_borda_bg.png) top no-repeat; } 
    #conteudo .coluna2 .modulo .mais_conteudo p strong { display: block; margin-bottom: 15px; text-transform: uppercase; color: #797979; font-size: 0.9em; }
    #conteudo .coluna2 .modulo .mais_conteudo ul { margin-left: 5px; }
    #conteudo .coluna2 .modulo .mais_conteudo ul li { margin-bottom: 10px; }
      /* mais conteudo em 2 colunas */
      #conteudo .coluna2 .modulo .mais_conteudo ul.duascolunas { width: 400px; overflow: hidden; }
      #conteudo .coluna2 .modulo .mais_conteudo ul.duascolunas li { width: 200px; float: left; }
    /* mais servicos */
    #conteudo .coluna2 .modulo.servicos .chamada { width: 240px; margin-left: 275px; color: #797979; }
    #conteudo .coluna2 .modulo.servicos .chamada.primeira { float: left; margin: 0; padding-right: 20px; border-right: 1px #dedfde solid; }
    #conteudo .coluna2 .modulo.servicos .chamada h4 a { display: block; color: #797979; font-size: 1em; text-decoration: none; }
    #conteudo .coluna2 .modulo.servicos .chamada p { margin-bottom: 15px; }
    #conteudo .coluna2 .modulo.servicos .chamada p.direita { margin: 0; }
    /* para seus pacientes */
    #conteudo .coluna2 .para_pacientes ul li { margin-bottom: 25px; padding: 20px; background: url(../imagens/coluna2_modulo_bg.png) #fff repeat-x; border: 1px #e3e3e3 solid; }
    #conteudo .coluna2 .para_pacientes ul li img { float: left; }
    #conteudo .coluna2 .para_pacientes ul li .texto { margin-left: 70px; color: #797979; }
    #conteudo .coluna2 .para_pacientes ul li .texto.sem_img { margin: 0; }
    #conteudo .coluna2 .para_pacientes ul li .texto p strong { display: block; margin-bottom: 10px; }
    #conteudo .coluna2 .para_pacientes ul li .texto p strong a { text-decoration: none; color: #797979; }
    
    
    /* banner central */
    #conteudo .coluna2 .banner_central { display: block; width: 466px; height: 58px; margin: 0 auto 25px; padding: 2px; border: 1px #dfdfdf solid; } 
  
  /*--- MODELO #cor ---*/
  #modelo #limites { border-color: #cor; }
  #modelo #limites h1 { background-position: left TOP; }
  #modelo #limites .coluna2 h3 { border-bottom: 2px solid #cor; color: #cor; }
  
  
  /*--- CARDIOLOGIA #ff9900 ---*/
  #cardiologia #limites { border-color: #ff9900; }
  #cardiologia #limites h1 { background-position: left -45px; }
  #cardiologia #limites .coluna2 h3 { border-bottom: 2px solid #ff9900; color: #ff9900; }
  
  /*--- Alergologia #cc0066 ---*/
  #alergologia #limites { border-color: #cc0066; }
  #alergologia #limites h1 { background-position: left top; }
  #alergologia #limites .coluna2 h3 { border-bottom: 2px solid #cc0066; color: #cc0066; }
  
  /*--- Cirurgia #ff6600 ---*/
  #cirurgia #limites { border-color: #ff6600; }
  #cirurgia #limites h1 { background-position: left -612px; }
  #cirurgia #limites .coluna2 h3 { border-bottom: 2px solid #ff6600; color: #ff6600; }
  
  /*--- clinica_geral #6666ff ---*/
  #clinica_geral #limites { border-color: #6666ff; }
  #clinica_geral #limites h1 { background-position: left -561px; }
  #clinica_geral #limites .coluna2 h3 { border-bottom: 2px solid #6666ff; color: #6666ff; }
  
  /*--- dermatologia #bf5f5f ---*/
  #dermatologia #limites { border-color: #bf5f5f; }
  #dermatologia #limites h1 { background-position: left -716px; }
  #dermatologia #limites .coluna2 h3 { border-bottom: 2px solid #bf5f5f; color: #bf5f5f; }
  
  /*--- endocrinologia #330066 ---*/
  #endocrinologia #limites { border-color: #330066; }
  #endocrinologia #limites h1 { background-position: left -99px; }
  #endocrinologia #limites .coluna2 h3 { border-bottom: 2px solid #330066; color: #330066; }  
  
  /*--- ginecologia #660099 ---*/
  #ginecologia #limites { border-color: #660099; }
  #ginecologia #limites h1 { background-position: left -151px; }
  #ginecologia #limites .coluna2 h3 { border-bottom: 2px solid #660099; color: #660099; }
  
  /*--- infectologia #33cc66 ---*/
  #infectologia #limites { border-color: #33cc66; }
  #infectologia #limites h1 { background-position: left -204px; }
  #infectologia #limites .coluna2 h3 { border-bottom: 2px solid #33cc66; color: #33cc66; }
  
  /*--- neurologia #389b96 ---*/
  #neurologia #limites { border-color: #389b96; }
  #neurologia #limites h1 { background-position: left -665px; }
  #neurologia #limites .coluna2 h3 { border-bottom: 2px solid #389b96; color: #389b96; }
  
  /*--- oftalmologia #ff6666 ---*/
  #oftalmologia #limites { border-color: #ff6666; }
  #oftalmologia #limites h1 { background-position: left -257px; }
  #oftalmologia #limites .coluna2 h3 { border-bottom: 2px solid #ff6666; color: #ff6666; }
  
  /*--- oncologia #999900 ---*/
  #oncologia #limites { border-color: #999900; }
  #oncologia #limites h1 { background-position: left -311px; }
  #oncologia #limites .coluna2 h3 { border-bottom: 2px solid #999900; color: #999900; }
  
  /*--- ortopedia #33ff00 ---*/
  #ortopedia #limites { border-color: #33ff00; }
  #ortopedia #limites h1 { background-position: left -358px; }
  #ortopedia #limites .coluna2 h3 { border-bottom: 2px solid #33ff00; color: #33ff00; }
  
  /*--- otorrinolaringologia #9900ff ---*/
  #otorrinolaringologia #limites { border-color: #9900ff; }
  #otorrinolaringologia #limites h1 { background-position: left -769px; }
  #otorrinolaringologia #limites .coluna2 h3 { border-bottom: 2px solid #9900ff; color: #9900ff; }
  
  /*--- pediatria #ff3300 ---*/
  #pediatria #limites { border-color: #ff3300; }
  #pediatria #limites h1 { background-position: left -411px; }
  #pediatria #limites .coluna2 h3 { border-bottom: 2px solid #ff3300; color: #ff3300; }
  
  /*--- pneumologia #00cccc ---*/
  #pneumologia #limites { border-color: #00cccc; }
  #pneumologia #limites h1 { background-position: left -463px; }
  #pneumologia #limites .coluna2 h3 { border-bottom: 2px solid #00cccc; color: #00cccc; }
  
  /*--- reumatologia #990000 ---*/
  #reumatologia #limites { border-color: #990000; }
  #reumatologia #limites h1 { background-position: left -515px; }
  #reumatologia #limites .coluna2 h3 { border-bottom: 2px solid #990000; color: #990000; }
  
  /*--- saude_mental #cc9900 ---*/
  #saude_mental #limites { border-color: #cc9900; }
  #saude_mental #limites h1 { background-position: left -817px; }
  #saude_mental #limites .coluna2 h3 { border-bottom: 2px solid #cc9900; color: #cc9900; }
  
  /*--- urologia #cb3333 ---*/
  #urologia #limites { border-color: #cb3333; }
  #urologia #limites h1 { background-position: left -868px; }
  #urologia #limites .coluna2 h3 { border-bottom: 2px solid #cb3333; color: #cb3333; }
  
  /*--- gastroentereologia #036301 ---*/
  #gastroentereologia #limites { border-color: #036301; }
  #gastroentereologia #limites h1 { background-position: left -913px; }
  #gastroentereologia #limites .coluna2 h3 { border-bottom: 2px solid #036301; color: #036301; }