/*
#main
{
  width: 750px;
}
*/

/**************************************
  Cabeçalho da página
**************************************/
#page_header
{
  position: relative;
  width: 750px;
  height: 217px;
}
#page_header_logo
{
  text-decoration: none;
  position: absolute;
  top: 15px;
  left: 39px;
  width: 143px;
  height: 59px;
  background-image: url(images/logo_qualityit.gif);
}
#page_header_squares
{
  position: absolute;
  top: 97px;
  left: 0px;
  width: 236px;
  height: 100px;
  background-image: url(images/topbar_squares.gif);
}
#page_header_buttons
{
  position: absolute;
  top: 67px;
  left: 235px;
  width: 515px;
  height: 30px;
  background-image: url(images/topbar_buttons.gif);
}
#page_header_btn_1, #page_header_btn_2, #page_header_btn_3,
#page_header_btn_4, #page_header_btn_5, #page_header_btn_6
{
  text-decoration: none;
  position: absolute;
  top: 7px;
  font-family: Trebuchet MS;
  font-size: 12px;
  font-weight: bold;
  color: #999999;
}
#page_header_btn_1_2, #page_header_btn_2_3, #page_header_btn_3_4,
#page_header_btn_4_5, #page_header_btn_5_6
{
  position: absolute;
  top: 0px;
  width: 2px;
  height: 30px;
  background-image: url(images/topbar_btn_separator.gif);
}
#page_header_btn_1  { left: 52px; }
#page_header_btn_1_2{ left: 116px; }
#page_header_btn_2  { left: 133px; }
#page_header_btn_2_3{ left: 198px; }
#page_header_btn_3  { left: 216px; }
#page_header_btn_3_4{ left: 278px; }
#page_header_btn_4  { left: 296px; }
#page_header_btn_4_5{ left: 356px; }
#page_header_btn_5  { left: 374px; }
#page_header_btn_5_6{ left: 435px; }
#page_header_btn_6  { left: 455px; }

#page_header_blue
{
  position: absolute;
  top: 97px;
  left: 236px;
  width: 515px;
  height: 100px;
  background-image: url(images/topbar_blue.gif);
}
#page_header_shadow
{
  position: absolute;
  top: 197px;
  left: 0px;
  width: 750px;
  height: 20px;
  background-image: url(images/topbar_shadow.gif);
}
.page_header_rotator
{
  display: none;
}
.page_header_img1
{
  position: absolute;
  top: 66px;
  left: 155px;
  width: 139px;
  height: 139px;
  background-image: url(images/topbar_img1.gif);
}
.page_header_img2
{
  position: absolute;
  top: 44px;
  left: 178px;
  width: 113px;
  height: 153px;
  background-image: url(images/topbar_img2.gif);
}
.page_header_img3
{
  position: absolute;
  top: 50px;
  left: 194px;
  width: 83px;
  height: 164px;
  background-image: url(images/topbar_img3.gif);
}
.page_header_img4
{
  position: absolute;
  top: 54px;
  left: 171px;
  width: 101px;
  height: 143px;
  background-image: url(images/topbar_img4.gif);
}
.page_header_img5
{
  position: absolute;
  top: 97px;
  left: 176px;
  width: 236px;
  height: 100px;
  background-image: url(images/topbar_img5.gif);
}
.page_header_img6
{
  position: absolute;
  top: 82px;
  left: 129px;
  width: 176px;
  height: 115px;
  background-image: url(images/topbar_img6.gif);
}
.page_header_img7
{
  position: absolute;
  top: 97px;
  left: 49px;
  width: 236px;
  height: 112px;
  background-image: url(images/topbar_img7.gif);
}
.page_header_img8
{
  position: absolute;
  top: 108px;
  left: 198px;
  width: 110px;
  height: 105px;
  background-image: url(images/topbar_img8.gif);
}
.page_header_img9
{
  position: absolute;
  top: 84px;
  left: 147px;
  width: 163px;
  height: 112px;
  background-image: url(images/topbar_img9.gif);
}
.page_header_img10
{
  position: absolute;
  top: 94px;
  left: 92px;
  width: 143px;
  height: 103px;
  background-image: url(images/topbar_img10.gif);
}
#page_header_content
{
  position: absolute;
  top: 108px;
  left: 320px;
  width: 395px;
  height: 64px;
  font-family: Trebuchet MS;
  font-size: 11px;
  color: #ffffff;
}
#page_header_content .page_header_title
{
  display: block;
  font-weight: bold;
  font-size: 20px;
}
#page_header_content .page_header_text
{
  display: block;
}

/**************************************
  Barra lateral
   --( div.sidebar )-----------------
  |  --( div.panel )---------------  |
  | |  --( div.title )-----------  | |
  | | |  --( div.title_text )--  | | |
  | | | |  Título do painel    | | | |
  | | |  ----------------------  | | |
  | |  --------------------------  | |
  | |  --( div.content )---------  | |
  | | |  --( div.title_text )--  | | |
  | | | |  Subtítulo           | | | |
  | | |  ----------------------  | | |
  | |  --------------------------  | |
  | |  --( p )-------------------  | |
  | | | Texto dentro do painel   | | |
  | |  --------------------------  | |
  |  ------------------------------  |
   ----------------------------------

**************************************/

/**************************************
  Elementos especificos dentro
  da barra lateral
**************************************/
#LeftPane .screen_shots
{
  text-align: center;
}
#LeftPane .screen_shots img
{
  border-style: dotted;
  border-width: 1px;
  border-color: #8c98af;
  padding: 1px;
}
#LeftPane .demo_btn
{
  background-image: url(product_btn_demo.gif);
  background-repeat: no-repeat;
  background-position: center;
  height: 29px;
  text-align: center;
  line-height: 27px;
  color: #ffffff;
}

.blue_list, .modules
{
  color: #406599;
}
.blue_doc_list
{
  list-style-image: url(images/icon_doc_b.gif);
  color: #406599;
}
.blue_check_list
{
  list-style-image: url(images/icon_check.gif);
  color: #406599;
}
.blue_check_list a
{
  text-decoration: none;
  color: #406599;
}
.blue_check_list a:hover
{
  text-decoration: underline;
}
#LeftPane .specs
{
  color: #000000;
}
#LeftPane .platform
{
  text-align: center;
}
/**************************************
  Area principal
**************************************/
.ModuleContents
{
  /*margin-left: 255px;
  margin-right: 24px;*/

}
#path
{
  font-size: 10px;
}
#path .path
{
  color: #000000;
}
#path .path_product
{
  color: #406599;
}
#main_area .product
{
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
}
#main_area .product_logo
{
  float: left;
}
#main_area .float_left
{
  float: left;
  margin-right: 16px;
}
#main_area .float_right
{
  float: right;
  margin-left: 16px;
}
#main_area a.zoom
{
  text-decoration: none;
  background-image: url(images/icon_magnifier.gif);
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 18px;
  padding-left: 20px;
  display: block;
  color: #406599;
  font-size: 10px;
}
#main_area a.new_window
{
  text-decoration: none;
  background-image: url(images/icon_new_window.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #406599;
}
#main_area a.download
{
  text-decoration: none;
  background-image: url(images/icon_download.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #406599;
}
#main_area a.pdf
{
  text-decoration: none;
  background-image: url(images/icon_pdf.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  color: #406599;
}
#main_area a.doc_w
{
  text-decoration: none;
  background-image: url(images/icon_doc_w.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 16px;
  color: #ffffff;
}
#main_area a.doc_b
{
  text-decoration: none;
  background-image: url(images/icon_doc_b.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 16px;
  color: #000000;
}
#main_area a.doc_bold_b
{
  text-decoration: none;
  background-image: url(images/icon_doc_b.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 16px;
  color: #406599;
  font-weight: bold;
  font-size: 13px;
}
#main_area a.demo
{
  text-decoration: none;
  background-image: url(images/icon_demo.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 18px;
  color: #ffffff;
}
#main_area a.zoom:hover,
#main_area a.new_window:hover,
#main_area a.download:hover,
#main_area a.pdf:hover,
#main_area a.doc_w:hover,
#main_area a.doc_b:hover,
#main_area a.doc_bold_b:hover,
#main_area a.demo:hover
{
  text-decoration: underline;
}
#main_area .action_failed
{
  line-height: 14px;
  font-size: 12px;
  color: #B13B40;
}
.ModuleContents .action_succeed
{
  line-height: 14px;
  font-size: 12px;
  color: #407D33;
}
.ModuleContents .error_summary
{
  line-height: 14px;
  font-size: 12px;
  color: #B13B40!Important;
}
.ModuleContents .action_failed img
{
  vertical-align: middle;
}
.ModuleContents .check_list_thin
{
  list-style-image: url(images/icon_check.gif);
}
.ModuleContents #main_area ul
{
  list-style-image: url(images/icon_check.gif);
}
.ModuleContents .check_list
{
  list-style-image: url(images/icon_check.gif);
  color: #406599;
  font-weight: bold;
}
.ModuleContents .check_list p
{
  margin-top: 4px;
  font-weight: normal;
  color: #000000;
}
.ModuleContents h3
{
  color: #406599;
  font-size: 15px;
}
.ModuleContents h4
{
  color: #406599;
  font-size: 12px;
}
.ModuleContents hr
{
  height: 1px;
  border-color: #406599;
  background-color: #406599;
  border-style: solid;
  border-width: 1px;
  clear: right;
}
#main_area .info_float
{
  float: right;
  font-size: 11px;
  padding-bottom: 8px;
}
#main_area .info
{
  font-size: 11px;
  padding-bottom: 8px;
}
#main_area .blue
{
  color: #406599;
}
#empty_area
{
  clear: right;
  height: 40px;
}
.ModuleContents .autor
{
  text-align: right;
  color: #406599;
  font-size: 10px;
  font-weight: bold;
}
.ModuleContents p.note
{
  font-size: 10px;
}

.ModuleContents form label
{
  /*color: #666666;*/
  /*font-weight: bold;*/
  display: block;
  margin-top: 8px;
  margin-bottom: -2px;
  font-size: 11px;
}
.ModuleContents label.required, .ModuleContents span.required
{
	color: #ff0000;
}
.ModuleContents label.required_notice
{
	margin-bottom: 10px;
}
.ModuleContents .input
{
  width: 390px;
  height: 17px;
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 1px;
}
.ModuleContents .textarea
{
  width: 390px;
  height: 110px;
  border-style: solid;
  border-color: #d6d6d6;
  border-width: 1px;
}

/*
.ModuleContents table
{
  font-size: 12px;
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
  border-collapse: collapse;
}
*/

/*
.ModuleContents table td, .ModuleContents table th
{
  border-width: 1px;
  border-color: #000000;
  border-style: solid;
}
*/

.product_box
{
  position: relative;
  width: 230px;
  height: 255px;
  background-color: #989898;
  background-image: url(images/box_g.gif);
  font-family: Trebuchet MS;
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
}
.product_box .description
{
  position: absolute;
  top: 66px;
  left: 10px;
  width: 210px;
}
.product_box .doc_w
{
  position: absolute;
  top: 190px;
  left: 10px;
  line-height: 14px;
  font-weight: bold;
}
.product_box .demo
{
  position: absolute;
  top: 190px;
  left: 120px;
  line-height: 14px;
  font-weight: bold;
}
.product_box .logo
{
  position: absolute;
  top: 2px;
  width: 106px;
  height: 54px;
}
.product_box .btn
{
  position: absolute;
  top: 218px;
  left: 35px;
  width: 161px;
  height: 29px;
  text-align: center;
  line-height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  text-decoration: none;
}
.product_precos, .product_precos th, .product_precos td
{
	/*border-color: #d6d6d6!Important; 	*/
	font-size: 11px;
	line-height: 15px;
   border-width: 1px;
   border-color: #D6D6D6;
   border-style: solid;
   border-collapse: collapse;
}
.product_precos td
{
	padding-left: 4px;
}
.product_precos tr th
{
	background-color: #e6e5ea;	
}
.product_ul
{
	list-style-image: url(images/icon_check.gif);	
}

#product_1
{
  float: left;
}
#product_1 .logo
{
  left: 78px;
}
#product_1 .btn
{
  position: absolute;
  background-image: url(images/box_g_btn_blue.gif);
}
#product_2
{
  float: right;
}
#product_2 .logo
{
  left: 64px;
}
#product_2 .btn
{
  background-image: url(images/box_g_btn_orange.gif);
}

/**************************************
  Rodape da pagina
**************************************/
#page_footer
{
  width: 751px;
  height: 50px;
  background-color: #525252;
  background-image: url(images/footer.gif);
  clear: both;
  font-family: Trebuchet MS;
}
#navbar
{
  float: left;
  width: 372px;
  color: #999999;
  font-size: 10px;
  padding-left: 24px;
  padding-top: 10px;
}
#navbar a
{
  color: #999999;
  text-decoration: none;
}
#navbar .hr
{
  height: 1px;
  width: 346px;
  font-size: 1px;
  background-image: url(images/hr_dotted.gif);
}
#contact
{
  float: right;
  color: #ffffff;
  font-size: 12px;
  padding-right: 24px;
  padding-top: 12px;
  line-height: 13px;
}