body { background: transparent; }
#shadow {
  width: 780px;
  height: 420px;
  background: #fff;
  overflow: hidden;
}

#shadow.page1 { background: #fff url(../images/shadowbox/pag1-2.gif) center 380px no-repeat; }
#shadow.page2 { background: #fff url(../images/shadowbox/pag2-2.gif) center 380px no-repeat; }

#shadow.clients.page1 { background: #fff url(../images/shadowbox/pag1-3.gif) center 380px no-repeat; }
#shadow.clients.page2 { background: #fff url(../images/shadowbox/pag2-3.gif) center 380px no-repeat; }
#shadow.clients.page3 { background: #fff url(../images/shadowbox/pag3-3.gif) center 380px no-repeat; }


#left-bottom-corner, #right-bottom-corner {
  position:relative;
} 

#left-top-corner, #left-bottom-corner { 
  float: left;
  width: 20px;
  height: 20px;
  margin: 0 0 17px 0;
}


#right-top-corner, #right-bottom-corner { 
  float: right;
  width: 20px;
  height: 20px;
}

#left-top-corner { background: url(../images/shadowbox/corners/l1.png) no-repeat 0 0; }
#left-bottom-corner { background: url(../images/shadowbox/corners/l2.png) no-repeat 0 0; }
#right-top-corner { background: url(../images/shadowbox/corners/r1.png) no-repeat 0 0; }
#right-bottom-corner { background: url(../images/shadowbox/corners/r2.png) no-repeat 0 0; }

#sb-nav-close { 
  width: 77px;
  height: 24px;
  margin: 10px -10px 0 0;
  display: block;
  background: url(../images/shadowbox/close.gif) no-repeat 0 0;
  float: right;
  z-index: 300;
}

#shadow.partners h1, #shadow.clients h1, #shadow.contact #left h1 {
  margin: 0 0 24px 50px;
  height: 53px;
  text-indent: -9999px;
  clear: both;
}

#shadow.contact #left h1 { margin: 0 0 24px 115px; }

#shadow.partners h1 { background: url(../images/shadowbox/partners/partners.gif) 0 0 no-repeat; }
#shadow.clients h1  { background: url(../images/shadowbox/clients/clients.gif) 0 0 no-repeat; }
#shadow.contact #left h1  { background: url(../images/shadowbox/contact/contact.gif) 0 0 no-repeat; height: 77px; margin-top: 22px;}
#shadow.localizacao #left h1  { 
  background: url(../images/shadowbox/localization/localization.gif) 0 0 no-repeat; 
  margin: 8px 0 24px 30px; 
  width: 227px;
  height: 54px;
}
#shadow.localizacao #left img {
  margin: 0 0 24px 30px;
  border: 1px solid #babec1;
}


#shadow.partners a.next, #shadow.partners a.back,
#shadow.clients a.next, #shadow.clients a.back {
  float: right;
  text-indent: -9999px;
  display: block;
  background: url(../images/shadowbox/next.gif) no-repeat 0 0;
  height: 28px;
  width: 93px;
  margin: 0 50px 0 0;
}

#shadow.partners a.back, #shadow.clients a.back {
  float: left;
  background: url(../images/shadowbox/back.gif) no-repeat 0 0;
  margin: 0 0 0 50px;
}

#shadow.partners table, #shadow.clients table {
  border-spacing: 0;
  margin: 0 0 60px 0;
}

#shadow.clients table {
  margin: 10px 0 0 0 ;
}

#shadow.partners table tr td, #shadow.clients table tr td {
  width: 183px;
  padding: 0 12px 0 50px;
  vertical-align: top;
}

#shadow.clients table tr td { padding: 0 39px 45px 50px; }

#shadow.partners table tr td p { text-align: center; font-weight: bold; margin: 10px 0 0 0;}

#shadow.partners table tr td img, #shadow.clients table tr td img {
  border: 1px solid #8fc8e6;
}

#shadow.partners table tr td a {
  display: block;
  text-indent: -9999px;
  height: 23px;
  background: url(../images/shadowbox/partners/visit.gif) no-repeat 0 0;
}
#shadow.partners table tr td h2 { text-indent: -9999px; margin-top: 14px; height: 31px; }
#shadow.partners table tr td h2.abigraf  { background: url(../images/shadowbox/partners/abigraf.gif) no-repeat 0 0; }
#shadow.partners table tr td h2.druck    { background: url(../images/shadowbox/partners/duck.gif) no-repeat 0 0; }
#shadow.partners table tr td h2.molotov  { background: url(../images/shadowbox/partners/molotov.gif) no-repeat 0 0; }
#shadow.partners table tr td h2.sindgraf { background: url(../images/shadowbox/partners/sindgraf.gif) no-repeat 0 0; }
#shadow.partners table tr td h2.abtg     { background: url(../images/shadowbox/partners/abtg.gif) no-repeat 0 0; }

#shadow.localizacao #right h2 { 
  width: 192px;
  height: 27px;
  text-indent: -9999px;
  background: url(../images/shadowbox/localization/mto-ge.gif) no-repeat 0 0;
}

#right, #left { float: left; margin-top: 21px;}
#right.orcamentos { margin: 21px 0 15px 0;}
#left { width: 267px; /*border: 1px solid #000;*/ }
#shadow.contact #left { width: 320px; }
#shadow.contact #right { margin-top: 0; }

#shadow.localizacao #left { width: 480px; height: 379px;}
#shadow.localizacao #right { margin: 192px 0 0 30px; }


/* left menu */
#left ul {
  margin: 113px 37px 0 0;
}

#left ul li a { 
  display: block;
  text-indent: -9999px;
  height: 27px;
}

#left ul li a.active { height: 34px; }

a.asks    { background: url('../images/shadowbox/contact/asks.gif') no-repeat top right; }
a.budgets { background: url('../images/shadowbox/contact/budgets.gif') no-repeat top right; }
a.work    { background: url('../images/shadowbox/contact/work.gif') no-repeat top right; }
a.asks.active    { background: url('../images/shadowbox/contact/asks-active.gif') no-repeat top right; }
a.budgets.active { background: url('../images/shadowbox/contact/budgets-active.gif') no-repeat top right; }
a.work.active    { background: url('../images/shadowbox/contact/work-active.gif') no-repeat top right; }

/* forms */
fieldset { width: 405px; }
fieldset.asks { margin: 0 0 17px 0;}
fieldset.work { margin: 0 0 82px 0;}

input {
  height: 25px;
}

input, textarea {
  width: 404px;
  border: 1px solid #b0b0b0;
}

textarea { height: 152px; }
textarea.orcamentos { height: 92px;}


#send {
  height: 36px;
  width: 122px;
  margin: 15px 0 0 -3px;
  border: none;
}

label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin: 12px 0 0;
  color: #b0b0b0;
}

/* --- */
.file_input_textbox {
  float: left;
  width: 303px;
  margin-right: 2px;
}

.file_input_div {
  position: relative; 
  height: 33px; 
  overflow: hidden;
}

.file_input_button {
  width: 102px; 
  height: 31px;
  margin: -2px 0 0 0;
  border: none;
  background: url('../images/shadowbox/contact/search.gif') no-repeat 0 0;
}

.file_input_hidden {
  font-size: 45px; 
  position: absolute; 
  right: 0px; 
  top: 0px; 
  opacity: 0; 
  filter: alpha(opacity=0); 
  -ms-filter: "alpha(opacity=0)"; 
  -khtml-opacity: 0; 
  -moz-opacity: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #shadow.partners a.next, #shadow.partners a.back,
  #shadow.clients a.next, #shadow.clients a.back {
    height: 31px;
  }
  #shadow.clients table { margin: 31px 0 0 0; }
  fieldset.work { margin: 0 0 86px 0;}
  textarea.orcamentos { height: 93px;}
}


