@import "fbz.reset.css";
@import "lightbox.css";

body { font: 100% "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; background: #EFEFF4; margin: 0; padding: 0; text-align: center; color: #333; line-height: 120%; }
div { overflow: hidden; _height: 100%; }
ul { overflow: hidden; display: block; }
p, li, td, label { line-height: 120%; }

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }

.left { float: left; }
.right { float: right; }
.h { display: none; }

#container { width: 988px; margin: 0 auto; text-align: left; padding-bottom: 20px; }

#header { }
  #header #menu { display: block; height: 31px; float: right; margin: 10px 0 18px 0; }
    #header #menu li { float: left; display: inline; height: 31px; }
      #header #menu li a { display: inline-block; height: 31px; width: auto; line-height: 31px; text-transform: uppercase; color: #000; padding: 0 23px; outline: none; }
      #header #menu li a:hover { text-decoration: none; color: #999; }
      #header #menu li a.active { font-weight: bold; }
  #header #logo { clear: both; height: auto; margin: 0 0 40px 0; }

#mainContent { clear: both; }

#leftContent { float: left; width: 200px; }
  #leftContent #lmenu { display: block; overflow: hidden; height: 300px; }
    #leftContent #lmenu li { display: block; height: 18px; }
      #leftContent #lmenu li a { line-height: 18px; display: block; padding: 0 0 0 18px; background: url(../../img/design/lmenu_bullet.png) 8px 9px no-repeat; outline: none; }
      #leftContent #lmenu li a.active { font-weight: bold; }
  #leftContent .assinatura { height: 12px; line-height: 12px; font-size: 11px; margin: 138px 0 0 0; color: #AAA; display: none; }
    #leftContent .assinatura a { color: #AAA; }

#rightContent { float: right; width: 780px; }

  #rightContent #home { border: solid 1px #777; width: 765px; height: 448px; }
    #rightContent #home .foto img { width: 765px; height: 448px; }
    #rightContent #home .texto { text-align: center; }
      #rightContent #home .texto p { line-height: 43px; font-size: 14px; text-align: center; margin: 122px 0 0 0; width: 776px; color: #444; }
	  
  #rightContent #empresa { width: 765px; text-align: center; }
    #rightContent #empresa .texto { text-align: center; }
      #rightContent #empresa .texto p { line-height: 22px; text-align: center; width: 660px; color: #444; margin: 0 auto 8px auto; }
    #rightContent #empresa .foto { width: 660px; text-align: left; margin: 15px auto 0 auto; }
      #rightContent #empresa .foto img { width: 652px; height: 312px; border: solid 4px #A8A9AD; }
	  
  #rightContent #downloads { padding: 0 0 0 226px; font-size: 14px; }
    #rightContent #downloads h2 { margin: 0 0 28px 0; }
    #rightContent #downloads h3 { text-transform: uppercase; text-decoration: underline; color: #555; font-size: 14px; }
    #rightContent #downloads ul { margin: 0 0 28px 0; }
    #rightContent #downloads li { line-height: 26px; }
	
  #rightContent #contato { width: 735px; }
    #rightContent #contato form { }
      #rightContent #contato form .linha { height: 21px; margin: 0 0 9px 0; clear: both; }
        #rightContent #contato form .linha div.left { *width: 285px; }
        #rightContent #contato form .linha div.right { *width: 385px; }
      #rightContent #contato form label { display: block; height: 21px; line-height: 21px; font-size: 14px; width: 130px; float: left; }
        #rightContent #contato form label sup { color: #999; }
      #rightContent #contato form .text { border: solid 1px #333; padding: 1px; float: right; width: 600px; }
      #rightContent #contato form textarea.text { height: 110px; }
      #rightContent #contato form .submit { float: right; border: solid 1px #333; font-size: 14px; padding: 1px 6px; background: #FFF; cursor: pointer; }
      #rightContent #contato form .obrigatorio { display: block; line-height: 21px; color: #AAA; font-size: 11px; float: left; width: 200px; margin: 0 0 0 130px; }
    #rightContent #contato .texto { width: 600px; margin: 20px 0 0 130px; }
      #rightContent #contato .texto p { width: 600px; text-align: center; font-size: 14px; line-height: 16px; margin: 0 0 14px; }
        #rightContent #contato .texto p a { color: #32479D; text-decoration: underline; }

  #rightContent #galeria { padding: 0 0 0 5px; }
    #rightContent #galeria ul { }
      #rightContent #galeria ul li { display: block; width: 125px; height: 125px; float: left; text-align: center; }
        #rightContent #galeria ul li a { }
          #rightContent #galeria ul li a img { border: solid 3px #A8A9AD; }
        #rightContent #galeria ul li a:hover { }
          #rightContent #galeria ul li a:hover img { border-color: #EEE; }

  #rightContent #cabines { }
    #rightContent #cabines .left { width: 335px; }
      #rightContent #cabines .left h2 { line-height: 24px; margin: 0 0 21px 0; text-align: center; }
      #rightContent #cabines .left p { line-height: 24px; margin: 0 0 15px 0; text-align: justify; }
      #rightContent #cabines .left li { line-height: 24px; }
    #rightContent #cabines .right { width: 400px; height: 513px; }
      #rightContent #cabines .right img { width: 392px; border: solid 4px #A8A9AD; height: 505px; }

  #rightContent #cabine { }
    #rightContent #cabine .left { width: 333px; padding: 0 0 0 3px; }
      #rightContent #cabine .left .foto { }
        #rightContent #cabine .left .foto img { max-width: 325px; border: solid 4px #A8A9AD; }
      #rightContent #cabine .left .mais { padding: 10px 0 0 0; }
        #rightContent #cabine .left .mais ul { }
          #rightContent #cabine .left .mais ul li { float: left; margin: 0 4px 0 0; }
          #rightContent #cabine .left .mais ul li.quebra { margin-right: 0 !important; }
            #rightContent #cabine .left .mais ul li a { }
              #rightContent #cabine .left .mais ul li a img { border: solid 4px #A8A9AD; width: 36px; height: 43px; }
      #rightContent #cabine .left a:hover img { border-color: #CCC !important; }
    #rightContent #cabine .right { width: 400px; font-size: 14px; }
      #rightContent #cabine .right #selo-garantia { width: 65px; position: absolute; margin-left: 335px; }
      #rightContent #cabine .right h1 { font-weight: bold; margin: 0 0 10px 0; }
      #rightContent #cabine .right p { line-height: 23px; }

  #rightContent #cabine.horizontal { }
    #rightContent #cabine.horizontal .left { text-align: center; width: auto !important; float: none !important; clear: both; }
      #rightContent #cabine.horizontal .left .mais { margin-left: 84px; }
      #rightContent #cabine.horizontal .left .foto { }
        #rightContent #cabine.horizontal .left .foto img { width: 600px !important; max-width: none !important; height: auto; }
    #rightContent #cabine.horizontal .right { float: none; clear: both; width: auto; padding-top: 15px; }


#footer { display: none; }
  #footer .lucas { display: none; }

#tooltip { padding: 5px; color: #333; font-size: 14px; line-height: 20px; border: solid 3px #A8A9AD; position: absolute; background: #F4F4F4; text-align: left; width: 300px; z-index: 5000; }
* html div#tooltip { _width: expression( document.body.clientWidth > 300 ? "300px" : "auto" ); }
  #tooltip h3 { font-size: 14px; margin: 0; padding: 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-transform: none; }
  #tooltip div { }

#tooltip.cabine { width: auto !important; max-width: 300px; border-width: 1px; line-height: 110%; }
  #tooltip.cabine h3 { font-weight: normal !important; line-height: 110%; }