@import "fbz.reset.css";

body { font: 100% Arial, Helvetica, sans-serif; font-size: 12px; background: url(../../img/design/body_bg.png) 0 0 repeat-x #FFFFFF; margin: 0; padding: 0; text-align: center; color: #333333; line-height: 120%; }
div { overflow: hidden; _height: 100%; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 0 0 12px 0; }
h1,h2,h3 { line-height: 110%; }

.left { float: left; }
.right { float: right; }
.cinza { color: #666 !important; }
.form label { width:100%; display:block; font-weight:bold; margin: 10px 0 0 0; }
.form input, select, textarea { width:100%; border:#CCC 1px solid; font-weight:100 }

#wrapper { width: auto; margin: 0 auto; background: url(../../img/design/wrapper_bg.png) center 0 no-repeat; }

.pgHome { background-image: url(../../img/design/body_home_bg.png); }
 .pgHome #wrapper { background-image: url(../../img/design/wrapper_home_bg.png); }

#container { width: 994px; margin: 0 auto; text-align: left; }
#container a { color:#09C }
#container p { text-align:justify; }

#header { height: 56px; }
  #header #logo { width: 268px; height: 55px; float: left; }
  #header #menu { display: block; height: 55px; float: right; width: auto; }
    #header #menu li { float: left; display: inline; height: 55px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; padding: 0 0 0 8px; }
      #header #menu li a { display: inline-block; height: 55px; width: auto; line-height: 55px; color: #FFF; padding: 0 0 0 12px; outline: none; }
      #header #menu li a.azul { color: #333366; }
        #header #menu li a span { display: block; line-height: 55px; padding: 0 12px 0 0; }
      #header #menu li a:hover { text-decoration: none; background: url(../../img/design/header_menu_left_bg.png) 0 0 no-repeat; }
        #header #menu li a:hover span { background: url(../../img/design/header_menu_right_bg.png) right 0 no-repeat; }

#mainContent { padding: 0 0 20px 0; }
  
  #mainContent h1, #mainContent h2 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #194B79; font-size: 18px; margin: 0 0 12px 0; }
  
  #mainContent #imoboffice { height: 273px; }
    #mainContent #imoboffice .left { width: 434px; }
      #mainContent #imoboffice .left .logo { height: 146px; }
      #mainContent #imoboffice .left .botoes { padding: 66px 0 0 0; }
        #mainContent #imoboffice .left .botoes a { display: block; overflow: hidden; text-indent: -9999px; width: 193px; height: 40px; background-position: 0 0; background-repeat: no-repeat; float: left; margin: 0 8px; }
        #mainContent #imoboffice .left .botoes a.tour { background-image: url(../../img/design/btn_tour_virtual.png); }
        #mainContent #imoboffice .left .botoes a.precos { background-image: url(../../img/design/btn_preco.png); }
		
    #mainContent #imoboffice .right { width: 549px; }
      #mainContent #imoboffice .right .animacao { width: 549px; height: 272px; }

  #mainContent #homeContent { padding: 35px 0 0 0; }
  #mainContent #homeContent a { color:#666  }
    #mainContent #homeContent .left { width: 673px; margin: 0 0 0 12px; clear: both; _display: inline; }
      #mainContent #homeContent .left .hitem {
	float: left;
	width: 280px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 35px;
}
    #mainContent #homeContent .right {
	width: 288px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
}

	#mainContent #homeContent .right #parceiros { background: url(../../img/design/home_parceiros_bg.png) 0 0 no-repeat; width: 253px; height: 133px; text-align:center; }
        #mainContent #homeContent .right #parceiros img { margin: 30px 0 0 30px;  }
		
    #mainContent #homeContent .linha { height: 20px; border-top: solid 1px #D5DBD8; clear: both; line-height: 10px; margin: 20px 0 0 0; }
    #mainContent #homeContent #twitter { padding: 10px 0 0 46px; width: 540px; background: url(../../img/design/twitter.png) 0 0 no-repeat; }
      #mainContent #homeContent #twitter #posts { }
        #mainContent #homeContent #twitter #posts ul { }
          #mainContent #homeContent #twitter #posts ul li { display: block; padding: 0 0 15px 0; color: #68ABC6; }
            #mainContent #homeContent #twitter #posts ul li a { color: #333; }
    #mainContent #homeContent #newsletter { }
      #mainContent #homeContent #newsletter p { width: 230px; margin: 0 0 12px 0; }
      #mainContent #homeContent #newsletter form { }
        #mainContent #homeContent #newsletter form label { display: block; font-weight: bold; line-height: 130%; }
        #mainContent #homeContent #newsletter form .text { float: left; border: solid 1px #333; border-bottom-color: #CCC; border-right-color: #CCC; padding: 1px; color: #333; margin: 4px 0 0 0; height: 19px; font-size: 14px; width: 170px; }
        #mainContent #homeContent #newsletter form .submit { float: right; }

  #mainContent #contentHeader { height: 113px; background: url(../../img/design/contentheader_logo.png) right 0 no-repeat; }
    #mainContent #contentHeader h1 { display: block; float: left; line-height: 113px; height: 113px; color: #FFF; font-size: 25px; font-weight: bold; width: 235px; padding: 0 0 0 12px; }
    #mainContent #contentHeader h2 { display: block; float: left; line-height: 23px; height: 113px; color: #FFF; font-size: 17px; width: 375px; margin: 30px 0 0 0; }

  #mainContent #baseContent { background: #FFF; }

  #mainContent #leftContent { float: left; clear: both; width: 265px; background: url(../../img/design/leftcontent_bg.png) 0 0 repeat-y; padding: 30px 0 0 0; }
    #mainContent #leftContent ul { display: block; overflow: hidden; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; padding: 0 0 0 0; background: url(../../img/design/leftcontent_menu_base_bg.png) 0 bottom no-repeat; min-height: 550px; _height: 600px; }
      #mainContent #leftContent ul li { display: block; overflow: hidden; padding: 0 0 7px 0; background-position: 12px 0; background-repeat: no-repeat; }
        #mainContent #leftContent ul li a { display: block; overflow: hidden; color: #154674; line-height: 34px; padding: 0 0 0 46px; }
        #mainContent #leftContent ul li a:hover { color: #3C8CAE; text-decoration: none; }
        #mainContent #leftContent ul li a.active { background: url(../../img/design/leftcontent_menu_bg.png) right 0 no-repeat; text-decoration: none; }
        #mainContent #leftContent ul li a.active:hover { color: #154674; }
    #mainContent #leftContent ul.menucinza { }
      #mainContent #leftContent ul.menucinza li { }
        #mainContent #leftContent ul.menucinza li a { color: #666; }
        #mainContent #leftContent ul.menucinza li a.active { background-position: right -34px; color: #666; }
        #mainContent #leftContent ul.menucinza li a:hover { color: #154674; }
        #mainContent #leftContent ul.menucinza li a.active:hover { color: #666; }

  #mainContent #rightContent { float: right; width: 683px; padding: 30px 22px 0 0; }
    #mainContent #rightContent #tourhome { }
      #mainContent #rightContent #tourhome .foto { float: left; }
      #mainContent #rightContent #tourhome h2.cinza { float: left; width: 307px; margin: 0 0 0 12px; line-height: 110%; }
      #mainContent #rightContent #tourhome .itens { clear: both; padding: 10px 0 0 0; }
        #mainContent #rightContent #tourhome .itens .item {
	float: left;
	width: 255px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 35px;
}
        #mainContent #rightContent #tourhome .itens .item2 {
	float: left;
	width: 00px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 12px;
	padding-left: 35px;
}


#footer { background: url(../../img/design/footer_bg.png) 0 0 repeat-x; height: 127px; }
#footerWrapper { background: url(../../img/design/footer_wrapper_bg.png) center 1px no-repeat; height: 127px; text-align: center; }
#footerContent { width: 994px; margin: 0 auto; text-align: left; padding: 20px 0 0 0; font-size: 11px; color: #FFF; }
  #footerContent .left { width: 300px; padding: 25px 0 0 10px; background: url(../../img/design/footer_logo.png) 10px 0 no-repeat; }
  #footerContent .right { width: 540px; padding: 0 10px 0 0; }
    #footerContent .right ul { display: block; overflow: hidden; float: right; }
      #footerContent .right ul li { display: inline; float: left; }
        #footerContent .right ul li a { display: inline-block; color: #FFF; padding: 0 0 0 20px; }
    #footerContent .right .fullbiz { display: block; overflow: hidden; text-indent: -9999px; background: url(../../img/design/footer_fullbiz.png) 0 0 no-repeat; width: 43px; height: 15px; float: right; clear: both; margin: 15px 0 0 0; }