/* Fix a bug */
.yui-u {width:20%;}

body {
  background:#637e89;
  color:#ffffff;
  font-family: Arial, Baekmuk Dotum;
}
#bd {
}
#docbg {
  background:#8ea3a9;
  padding-bottom:2em;
}
.yui-u {  /* margem superior em todos os blocos */
  padding-top:2em;
}
.vui-doc { /* mantém o conteúdo centralizado */
  width:57.69em;
  *width:56.3em; /* IE */
  min-width:750px;
  margin:auto;
  text-align:left;
  padding-top:.2em;
}
#hd, #ft {
  height:1.2em;
}
#hd {
  margin-top:0px;
  margin-bottom:0px;
}
#ft {
  border-top:1px solid #a1a1a1;
  padding-top:.5em;
}
#ft p {
  text-transform:uppercase;
  font-size:77%;
}

/* All site */
h1, h2, h3, h4 {
  text-transform:uppercase;
  font-weight:normal;
}
a, a:link, a:visited {
  color:#ffffff;
}
a:hover, a.current {
  color:#ffffff;
}

/* Header Styles */
h1.logo {
  color:#ffffff;
  width:40%;
  font-size:64%;
  margin-top:.0em;
  margin-bottom:0em;
  margin-left:16.5em;
}
h1.logo a  {
  color:#ffffff;
  text-decoration:none;
}
.main_menu {
  background:#bdd0d6 url('../images/main_menu_bg.png') repeat-x;
  padding-top:.5em;
  padding-bottom:.2em;
}
ul.menu {
  float:right;
  margin-top:.25em;
  text-transform:uppercase;
}
ul.menu li {
  color:#274c5b;
  display: inline;
  list-style-type: none;
  font-size:77%;
  font-weight:bold;
}
ul.menu a {
  color:#274c5b;
  margin-right:1em;
  margin-left:1em;
  text-decoration:none;
}
ul.menu a:link, ul.menu a:visited {
  color:#274c5b;
}
ul.menu a:hover {
  color:#ffffff;
}
ul.menu a.current, ul.menu a.current:visited {
  color:#ffffff;
}

/* Banner */
#banner {
  background:#88a8b5;
  padding:.6em;
  border:3px solid #cbdadf;
  text-align:center;
}
#banner img {
  border:2px solid #dddee0;
  width:720px;
  height:175px;
}
#banner h1 {
  font-size:77%;
  text-align:right;
  padding-top:1em;
  padding-bottom:1.25em;

}

/* bd_footer */
#bd_footer {
  margin-top:2em;
  background:#bacad0;
  height:7em;
}
#bd_footer h1 {
  color:#6191a6;
  text-align:right;
  text-transform:uppercase;
  font-size:77%;
  margin-right:1em;
  margin-top:1em;
  margin-bottom:0px;
}
#bd_footer h2 {
  color:#ffffff;
  text-align:right;
  text-transform:none;
  font-size:77%;
  margin-right:1em;
  margin-top:0em;
  margin-bottom:0px;
}
#bd_footer ul {
  margin-top:0px;
}

/* Box */
.box {
  background:url('../images/bg_box.png') repeat-x;
  padding-top:1em;
  padding-left:1em;
  padding-right:1em;
  border-top:3px solid #dddee0;
  color:#e2f8ff;
}
.box_body {
  height:13em;
}
.box h1 {
  color:#ddfaff;
  text-align:left;
  text-transform:none;
  font-size:107%;
  font-weight:bold;
  margin-bottom:1em;
}
.box ul {
  margin-top:2em;
  font-size:85%;
}
.box li, .box li a {
  color:#ffffff;
  text-decoration:none;
}
.box li.alt, .box li.alt a  {
  color:#c4edfa;
}
.box p {
  font-size:85%;
  color:#c4edfa;
}
.box img {
  border:2px solid #ddfaff;
  margin:.15em;
}
.box img.flow_right {
  margin-left:1em;
  float:right;
}
.box img.flow_left {
  float:left;
  margin-right:1em;
}

.box_footer a {
  display:block;
  color:#ffffff;
  background:#99b4c7 url('../images/bg_box_footer.gif') no-repeat .2em .4em;
  padding:.3em 2em;
  line-height:1.3em;
  width:10em;
  text-decoration:none;
  height:1.5em;
  margin-top:2em;
}
.box p.box_footer {
}

.box_dest {
  background:#a3c2db;
  padding:.1em;
  height:6em;
  margin-bottom:1em;
}
.box_dest img {
  float:right;
  margin:.5em;
}
.box_dest ul {
  background:#a3c2db;
  margin:1em;
}
.box_dest p {
  margin:1em;
}

/* Contact */
#address {
  margin-top:70px;
}
p.tel {
  font-weight:bold;
}
p.email {
  color:#ffffff;
  margin-top:.5em;
}

/* Thumbnails - Produtos e Cases */
#thumb_list img {
  border:2px solid #ddfaff;
  margin-right:2em;
  margin-bottom:2em;
}
#thumb_list h1 {
  color:#ddfaff;
  text-align:left;
  text-transform:none;
  font-size:122%;
  font-weight:bold;
  margin-bottom:1em;
}

#thumb_list .box {
  padding-right:0em;
}

#thumb_list .option_text {
  font-weight:normal;
  font-size:85%;
  color:#ffffff;
}

/* A Empresa */
#empresa, #thumb_list {
  min-height:30em;
}
#empresa p {
  margin-bottom:1em;
}
#empresa h1 {
  color:#ddfaff;
  text-align:left;
  text-transform:none;
  font-size:122%;
  font-weight:bold;
  margin-bottom:1em;
}
#empresa .box .box_body {
  height:19em;
}
#empresa ul {
  margin-top:1em;
  margin-bottom:1em;
  list-style-type:disc;
  list-style-position:inside;
}

/* Clientes */
.see_all {
  float:right;
  font-size:85%;
}
.client_logo {
  background:#ffffff;
  float:left;
  width:110px;
  height:100px;
  margin-right:6px;
  margin-bottom:5px;
  text-align:center;
}
.client_logo img {
  border:0px;
}



/* Paginator */
.paginator {
  float:right;
  font-size:77%;
}
.paginator a, .paginator .current {
  display:block;
  width:1.5em;
  height:1.5em;
  line-height:1.5em;
  text-align:center;
  float:left;
  margin-right:3px;
}
.paginator a {
  border:1px solid #dddee0;
  background:#99b4c7;
  text-decoration:none;
}
.paginator .current {
  color:#ffffff;
}

/* formulários */
.blur {
  background-color: #efefef;
}

.form {
}

form { margin:0 auto;}
form fieldset {background:#88a8b5; display:block; border:2px solid #cbdadf; padding:1em; margin-bottom:0.5em; line-height:1.5em;}
form legend {color:#274c5b; font-weight:normal; text-transform:uppercase; border:1px solid #cccccc; margin-bottom:5px; padding:5px 20px; width:20em; background:#cbdadf;}
form label {clear:left; display:block; float:left; width:10em; text-align:right; padding-right:10px; color:#274c5b; margin-bottom:1em;}
form input {width:20em;border:1px solid #ffffff; background:#f9f9f9; padding-left:0.5em; margin-bottom:0.6em;}
form select {margin-left:0.5em;margin-bottom:0.5em;}
form textarea {width:20em; height:9em; border:1px solid #ffffff; padding:0.5em; overflow:auto; background:#f9f9f9;}
form option {background:#ddeeff; width:15em;}
form optgroup {background:#efefef;}
form optgroup option {background:#99aaaa; color:#ffffff;}
form input.button {color:#cc0000; padding-right:0.5em; cursor:pointer; width:8em; margin-left:8px;}
form input.button:hover {background-position:center left; color:#000000;}
form p.formControls {
  text-align:center;
}

#imageData #caption { 
  font-weight: normal; 
}
#imageData #caption h1 { 
  font-weight: bold; 
}