/* @charset "utf-8"; */
/* CSS Document */

BODY  {
  margin: 0 0;
  background: #cccccc;
}

.body_table {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  border-left: 4px solid #fff500;
  border-right: 4px solid #fff500;
  border-top: 4px solid #004280;
}
.body_table td {
  width: 100%;
}
.body_header {
  height: 90px;
  vertical-align: top;
  background-color: #004b92;
}
.body_middle {
  height: 800px;
  background: #ffffff url(../images/bg_middle.jpg) no-repeat bottom left;
}
.body_bottom {  height: 129px;  }
td.body_bottom {
  border-top: 4px solid #00366a;
  background: url(../images/bg_bottom.jpg) repeat-x;
}
div.body_bottom {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FFFFFF;
}
div.body_bottom a, div.body_bottom a:visited {
  color: #FFCC00;
  text-decoration: none;
}
div.body_bottom a:hover {
  text-decoration: underline;
}


/* header */
.body_header table { width: 100%; }
.header_left { width: 550px; text-align: center; vertical-align: top }
#header_left {
  margin-left: 25px;
  padding-top: 20px;
}
#header_left img {
  border: 0px;
}
#menu_top {
  margin-left: 50px;
  margin-right: 200px;
  width: 300px;
  height: 75px;
  background: url(../images/menu_top_bg.png) no-repeat;
  z-index: 9999;
}
#menu_top img {
  cursor: pointer;
  border: 0px;
}
#menu_top_box {
  margin-left: 50px;
  margin-right: 200px;
  width: 300px;
  height: 200px;
  background: url(../images/menu_top_box_bg.png) repeat-y;
  z-index: 9999;
}
#menu_top_login_link {
  position: relative;
  bottom: 10px;
  left: 0px;
}
.header_right { width: 350px; }


/* middle */
#middle_left { 
  width: 400px;
  height: 800px;
}
#middle_left_area1 {
  width: 400px;
  height: 370px;
  text-align: center;
  padding: 20px;
}
.middle_colmenu1 {
  width: 332px;
  height: 370px;
}
#middle_menu1 {
  width: 332px;
  height: 340px;
  text-align: center;
  overflow: hidden;
}

#menu1_scroller_up, #menu1_scroller_down {
  width: 332px;
  height: 15px;
  text-align: center;
}

#menu1_cam {
  width: 320px;
  height: 240px;
}

.middle_colmenu2 {
  width: 68px;
  text-align: center;
  vertical-align: top;
  height: 370px;
}

#middle_menu2 {
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  line-height: 0px;
  padding-right: 7px;
  padding-top: 30px;
}
#middle_menu2 img {
  width: 67px;
  height: 70px;
  border: 0px;
}

#middle_left_hand {
  width: 400px;
  height: 430px;
}

#middle_right {
  width: 500px;
}
#middle_right_area0 {
  position: absolute;
  display: none;
  top: 120px;
  width: 485px;
  height: 690px;
}
#middle_right_area1 {
  width: 500px;
  height: 50px;
    
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;  

}
#middle_right_area2 {
  overflow: auto;
  width: 485px;
  height: 415px;
  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: justify;
}
#middle_right_area2 img {
  border: 0px;
  cursor: pointer;
}
#mapa_endereco {
  background-color: #004b92;
  color: #ffffff;
  padding-left: 5px;
}
.middle_title {
  font-size: 14px;
  font-weight: bold;
}

#loader_area2 {
  position:absolute;
  width: 485px;
  height: 440px;
  font-family: verdana;
  text-align: center;
  top: 130px;
  background-color: #ffffff;
  display: none;
  z-index: 9000;
}
#loader_area2 img { margin-top: 180px; }

#loader_area0 {
  position:absolute;
  width: 500px;
  height: 790px;
  font-family: verdana;
  text-align: center;
  top: 100px;
  background-color: #ffffff;
  display: none;
  z-index: 9001;
}
#loader_area0 img { margin-top: 350px; }


#middle_right_area3 {
  width: 370px;
  height: 60px;
  padding-left: 130px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #666666;
  text-align: right;
}

#middle_right_area3 img {
  border: 0px;
}

#middle_right_area4 {
  position: relative;
  left: -30px;
  width: 500px;
  height: 245px;
  overflow: hidden;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
#middle_right_area4 div { color: #004b92; text-decoration: underline; cursor: pointer; font-weight: normal; }
#middle_right_area4 div:hover { font-weight: bold; }
#middle_right_area4 a { color: #004b92; text-decoration: underline; }
#middle_right_area4 a:hover { font-weight: bold; }

#area4_scroller_up, #area4_scroller_down {
  position: relative;
  left: -30px;
  width: 500px;
  height: 15px;
  text-align: center;
}

#middle_right_area0 select {
  width: 320px;
}


#middle_right_area5 {
  width: 500px;
  height: 100%;
  
  overflow: auto;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  display:none;
}

#area5_scroller_up, #area5_scroller_down {
  display:none;
  width: 500px;
  height: 20px;
  text-align: center;
}

/* SPRY CONTAINER */

div.produto_container br { /* espaçamento entre as DIVS */
line-height: 10px;
}
div.produto_container div.tab {
  width: 460px;
  height: 75px;
  background-color: #ffffff;
  border: 1px dotted #cccccc;
  padding: 5px;
  display: none;
}

span.produto_dialog { text-decoration: none; color: #000000; cursor: pointer }
a.produto_dialog img { border: 5px solid #eeeeee }
div.produto_container div.tab div.tab_bottom { width: 100%; text-align: right; padding-right: 5px; }
div.produto_container div.tab div.tab_bottom img { border: 0px; }
div.produto_container table {
  width: 460px;
  height: 75px;
}
div.produto_container td {
  padding: 5px;
}
div.produto_container td.produto_foto {
  width: 80px;
}
div.produto_container td.produto_foto img {
  width: 70px;
  height: 50px;
}
div.produto_container td.produto_desc {
  width: 400px;
  text-align: left;
}

img.normal_thumb {
  width: 280px;
  height: 200px;
  border: 0px;
}
img.small_thumb {
  width: 70px;
  height: 50px;
}

/* UI DIALOG */
div.dialog {
  position: absolute;
}
.ui-dialog-container {
  background-color: #FFFFFF;
}
.ui-dialog-content {
  overflow: auto; 
}
.ui-dialog-titlebar {
  height: 30px;
  padding: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color:#FFFFFF;
  background-color: #004b92;
  cursor: move;
}
.ui-dialog-title { float:left; }
.ui-dialog-titlebar-close {
  float: right;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  border: 0px;
  text-decoration: none;
}
.ui-dialog-buttonpane {
  width: 100%;
}
.ui-dialog-buttonpane button {
  width: 380px;
  height: 40px;
  background-color: #F2F2F2;
  border: 1px solid #DEDEDE;
}
.ui-dialog-buttonpane button:hover {
  background-color: #DEDEDE;
}