/*
  Name: MTO HTML5 STYLE
  Date: March 2010
  Description: main css file.
  Version: 1.0
  Author: Santiago Carmo
  Autor Email: santiagocca@gmail.com
*/

/* geral */

* {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
}

body {
  font: normal normal normal 12px 'Arial Narrow', Arial, Helvetica, sans-serif;
  color: #666;
  background: url(../images/header/top-bg.gif) 0 0 repeat-x;
}

p { margin: 20px 0; padding: 0; }
p strong { font-weight: bold;}
.font16 { font-size: 16px;}
.font14 { font-size: 14px;}

/* structure */
#general { height: 509px; _height: 500px; width: 100%; background: #0081C6 url(../images/header/top-bg.gif) 0 0 repeat-x;}

#wrapper, #container { width: 1000px; }

#wrapper {
  float: left;
  position: relative;
  left: 50%;
  z-index: 23;
  margin-left: -500px;
}

#container {
  float: left;
  position: relative;
  z-index: 23;
}

#top {
  text-align: center;
  height: 136px;
}

/* header */
#header {
  position: relative;
  left: 50%;
  width: 1000px;
  height: 136px;
  margin: 0 0 0 -500px;
  padding: 51px 0 0 0;
/*  border: 1px solid #000;*/
}

#header h1 a {
  position: absolute;
  left: 39px;
  text-indent: -9999px;
  background: url(../images/global/logo.gif) no-repeat;
  width: 191px;
  height: 67px;
  display: block;
}

/* main menu */
#header ul.nav {
  position: relative;
  left: 515px;
  width: 445px;
}

#header ul.nav li {
  float: left;
}

#header ul.nav li a span {
  display: block;
  height: 85px;
  text-indent: -9999px;
  background: url(../images/global/menu-bg.gif) no-repeat 0 0;
}

li.who-we-are { width: 145px; }
li.what-we-do a span { width: 150px; background-position: -145px 0 !important; }
li.contact-us a span { width: 150px; background-position: -295px 0 !important; }
  
/* submenu */
#header ul.nav li ul { position: absolute; margin: 10px 0 0 -178px; z-index: 2000; width: 445px;}
#header ul.nav li ul li a { 
  text-indent: -9999px;
  height: 28px;
  display: block;
  margin: 0 0 0 10px;
  background: url('../images/global/submenu.png') no-repeat;
}

.show-up { display: block; }
.hidden { display: none; }

#header ul.nav li ul li a.prints { width: 138px; background-position: 0 0; }
#header ul.nav li ul li a.bags { width: 146px; background-position: -150px 0; }
#header ul.nav li ul li a.design { width: 118px; background-position: -311px 0; }
#header ul.nav li ul li a.prints.active, #header ul.nav li ul li a.prints:hover { width: 138px; background-position: 0 -28px; }
#header ul.nav li ul li a.bags.active, #header ul.nav li ul li a.bags:hover { width: 146px; background-position: -150px -28px; }
#header ul.nav li ul li a.design.active, #header ul.nav li ul li a.design:hover { width: 118px; background-position: -311px -28px; }


#content {
  clear:both;
  margin: 69px 0 61px 0;
  z-index: 23;
/*  border: 1px solid #000;*/
}

#content .internal-content h2, #content .pages h2 {
  height: 41px;
  text-indent: -9999px;
  margin-left: 0;
  margin-top: 0;
}

p.first { margin-top: 10px;}
#content p { margin-left: 50px; }
#content.home p { margin-left: 295px; margin-right: 50px;}
#content .internal-content p, #content .pages p { margin-left: 5px;}
#content .internal-content p { margin-right: 0;}
#content h2 { margin: 50px 0 0 50px; text-indent: -9999px; height: 25px; }
#content img { float: left; margin: 0 50px 0 50px; padding-bottom: 50px; }
#content img.home-side-bar { padding-bottom: 0; position: absolute;}
#content a img.home-side-bar { margin-top: 15px; position: absolute;}


h2.special-prints  { background: url(../images/content/special-prints.gif) no-repeat 0 0;  cursor: pointer;}
h2.bags-packagings { background: url(../images/content/bags-packagings.gif) no-repeat 0 0; cursor: pointer; }
h2.criation-design { background: url(../images/content/criation-design.gif) no-repeat 0 0; cursor: pointer; }
h2.special-prints.active  { background: url(../images/content/special-prints.gif) no-repeat 0 -40px; }
h2.bags-packagings.active { background: url(../images/content/bags-packagings.gif) no-repeat 0 -40px; }
h2.criation-design.active { background: url(../images/content/criation-design.gif) no-repeat 0 -42px; }

#content h2.struct { background: url(../images/content/history/struct.gif) no-repeat 0 0; height: 25px; margin: 0;}
#content h2.techinology    { background: url(../images/content/history/techinology.gif) no-repeat 0 0; height: 25px; margin: 0;}
#content h2.history        { background: url(../images/content/history/history.gif) no-repeat 0 0; }
#content h2.responsability { background: url(../images/content/history/sa-responsabilities.gif) no-repeat 0 0; }
#content h2.home-responsability { background: url(../images/content/history/sa-responsabilities.gif) no-repeat 104px 0; height: 25px;}
#content h2.clients { background: url(../images/home/clients.gif) no-repeat 0 0; height: 25px; margin: 0;}

span.hr {
  background: url(../images/content/history/bg.gif) repeat-x 0 0;
  height: 80px;
  display: block;
  margin: 50px 0 0 0;
}
span.hr.home { margin-top: 105px; }

#content .internal-content  {
  float: left;
  margin: 0 0 30px 50px;
  width: 420px;
  color: #666;
}

#content .pages {
  float: left;
  width: 270px;
  margin: 40px 0 51px 50px;
  color: #cdcdcd;
}

#content .active { color: #666; }

div.pages.prints, div.pages.bags, div.pages.design { font-size: 15px; }

/* footer */
#footer {
  float: left;
  position: relative;
  top: 0;
  width: 100%;
  height: 354px;
  margin: 9px 0 0 0;
  z-index: 1;
  background: #0081c6 url(../images/footer/bg.gif) no-repeat center center;
/*  border: 1px solid #000;*/
}

#footer .navigation {
  position: relative;
  left: 50%;
  width: 1000px;
  margin: 0 0 0 -500px;
  padding: 56px 0 0 0;
}

#footer .navigation p {
  margin: 0 0 0 28px;
  padding: 0 0 0 30px;
  font: normal normal normal 11px arial, sans-serif;
  line-height: 39px;
  color: #fff;
  background: url(../images/global/copyright-bg.gif) no-repeat center left;
  clear: both;
}

#footer dl dt {
  height: 39px;
  text-indent: -9999px;
}

#footer .navigation dl.who-we-are,
#footer .navigation dl.what-we-do,
#footer .navigation dl.contact-us,
#footer dl.address {
  float: left;
  margin: 0 0 70px 50px;
  *margin: 0 0 40px 50px;
/*  border: 1px solid #000;*/
}

#footer .navigation dl dd {
  width: 100%;
  height: 30px;
  font: normal normal normal 11px arial, sans-serif;
  background: url(../images/global/footer-menu-bg.gif) no-repeat center left;
}

#footer .navigation dl dd a:link, #footer .navigation dl dd a:visited {
  padding: 0 0 0 30px;
  color: #fff;
  line-height: 30px;
  text-decoration: none;
}

#footer dl.address { text-align: right; }
#footer dl.address dd {
  height: 15px;
  color: #fff;
  background: none;
}

#footer dl.address dd a:visited, #footer dl.address dd a:link {
  line-height: 15px;
  text-decoration: underline;
}

#footer dl.who-we-are dt { width: 218px; background: url(../images/footer/who-we-are.gif) no-repeat 0 0; }
#footer dl.what-we-do dt { width: 183px; background: url(../images/footer/what-we-do.gif) no-repeat 0 0; }
#footer dl.contact-us dt { width: 171px; background: url(../images/footer/contact-us.gif) no-repeat 0 0; }
#footer dl.address dt    { width: 170px; margin: 0 0 10px 0; background: url(../images/footer/mto-logo.gif) no-repeat 5px 0; }

#footer dl dd.localization { height: 20px; margin: 12px 8px;}

/* images to slide show */
#slide-container { overflow: hidden;}
#slideshow2.bags, #slideshow.prints {
  display: none;
}

#slideshow, #slideshow2, #slideshow3 {
  width: 1680px !important;
  height: 373px !important;
  left: 50%;
  margin: 0 0 0 -840px;
}

#slideshow.history-slide #navigator {
  width: 111px;
  height: 38px;
  background: transparent url('../images/banner/menu/bg_historia.png') no-repeat 0 0;
  
}

#slideshow.what-we-do-slide #navigator, 
#slideshow2.what-we-do-slide #navigator, 
#slideshow3 #navigator {
  width: 90px;
  height: 38px;
  background: transparent url('../images/banner/menu/bg.png') no-repeat 0 0;
}

#slideshow.prints #navigator, #slideshow2.bags #navigator {
  width: 130px;
  background: transparent url('../images/banner/menu/bg_prints.png') no-repeat 0 0;
}

#navigator a {
  width: 10px;
  height: 10px;
  margin: 3px 0 0 8px;
  margin-left/*\**/: 5px\9;
  background: url('../images/banner/menu/initial.png') no-repeat 0 0;
}

#navigator a.selected {
  background: url('../images/banner/menu/active.png')  no-repeat 0 0;
}

#slideshow.prints #navigator a, #slideshow2.bags #navigator a {
  margin: 5px 0 0 9px;
}

.cria-design-4 { background: url(../images/banner/design/cria_design_4.jpg) center top repeat-x; }

/*-- --*/
.clearfix { clear: both;}
#content img.selo { padding-bottom: 90px;}
#content img.no-margin { margin-left: 0; }
#content img.no-margin-all { margin: 0; }
#content img.margin-top { margin: 18px 0 0 0; padding: 0; }
#content.no-margin-top { margin-top: 0; }

#content.history {font-size: 14px;}

/*--- home banner link to shadowbox ---*/
#slide-container { position: relative; }
#slide-container a.budget {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 309px;
  height: 127px;
  margin: -74px 0 0 146px;
  z-index: 2900;
}

#slide-container a.budget.what {
  margin-top: -56px;
}