/* 
    Document   : main
    Created on : 12/Fev/2010, 14:46:27
    Author     : xavierbarbosa
    Description:
        Purpose of the stylesheet follows.
*/


/*
  Imports
*/
@import url('store_module.css');
@import url('news_module.css');
@import url('newsletter_module.css');
@import url('navigation.css');
@import url('fonts.css');
/*
@import url('news_module.css');
*/


/*
  css reset
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
        font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
        font-size: 11px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




/*
 * General
*/


.clear { clear: both; }
.float-left { float:left; }
.float-right { float:right; }
.strong { font-weight: bold; }


/*
 *  Containers
*/


#DWMain { text-align: center; }


#Toolbar {
  background-color: #383838;
  color:#fff;
  height: 37px;
  text-align: center;
  overflow: hidden;
}
  .ToolbarContent {
    font-size: 11px;
    width:991px;
    height: 37px;
    line-height: 37px;
    margin:0 auto;
  }
    .ToolbarContent .float-left img {
      float:left;
    }
    .top-menu {
      float:left;
      padding-left:10px;
    }
#DwHeader{
  position:relative;
  background-color: #C2C2C2;
  height: 465px;
  
}
  .header-bg {
    position: absolute;
    bottom:20px;
    left:0;    
    width: 100%;
    height: 258px;    
    background-repeat: repeat-x;
  }
  #DwTopGraphic {
    width:991px;
    margin:0 auto;
    text-align: center;
    height: 445px;
    overflow: hidden;
  }
  .header-grad {
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 20px;
    background-image: url(../layout/header-grad.jpg);
  }
  .main-menu-switch {
    position: absolute;
    width: 100%;
    top:315px;
    left:0;
    height:20px;
  }
  .main-menu-holder {
    position: absolute;
    top:335px;
    width: 100%;
    left:0;
    text-align: left;
    z-index:9998;
  }
  .main-menu {
    margin:0 auto;
    padding:0 20px;
    text-align:left;
    width:951px;
  }
  .menu-grad {
    position: absolute;
    width: 100%;
    top:368px;
    left:0;
    height: 18px;
    background: url(../layout/menu-grad.png) center;
    background-repeat: no-repeat;
    z-index:9999;
  }
  .top-logo-holder {
    position: absolute;
    width: 100%;
    text-align: center;
    top:74px;
    left:0;
  }
  .logo {
    padding: 0 40px;
    margin: 0 auto;
    text-align: left;
    width: 911px;
  }
#DwBody {
  text-align: center;
}
  #DwContent {
    padding: 0 20px;
    text-align: left;
    width: 951px;
    margin:0 auto;
  }
  .sub-menu {
    padding-bottom: 15px;
    background-image: url(../layout/sub-menu-bg.gif);
    background-position: 8px 15px;
    background-repeat: no-repeat;
    position: relative;
    height: 30px;
  }
#DwFooter {
  text-align: left;
  font-family: Tahoma, serifSansSerifMonospace;
  font-size: 11px;
  width: 965px;
  height: 25px;
  line-height: 25px;
  padding:0 13px;
  margin: 15px auto;
  border-top:1px solid #CCCCCC;
}
  #DwFooter a, #DwFooter a:visited {
    color:#000;
    font-weight: bold;
    text-decoration: none;
  }
  #DwFooter a:hover {
    color:#373737;
  }
  #DwFooter small {
    line-height: 25px;
  }


  /*
    Flash Modal
  */


  .flash-modal {
	background-color:#fff;
	display:none;
	width:750px;
        height: 500px;
  }
  .generic-modal {
        background-image: url(../layout/modal-background-color.png);
        background-repeat:repeat-x;
        background-position: 0 0;
	background-color: #fff;
	display:none;
	width:750px;
        height: 500px;
        position: relative;
        overflow: hidden;
  }
  .generic-modal-close {
        background-image: url(../layout/close-button.png);
        background-repeat:no-repeat;
	display:block;
	width:9px;
        height:9px;
        position: absolute;
        top:5px;
        right: 5px;
        cursor: pointer;
  }
  .generic-modal .m-content {
    position:relative;
  }
  .generic-modal .m-pdf {
    background-image:url(../layout/pdf-icon.png);
    background-repeat:no-repeat;
    position:absolute;
    bottom:0;
    left:32px;
    
    height:46px;
    padding-left:50px;
    padding-top:34px;


  }
  .generic-modal .m-title {
    overflow: hidden;
    height: 57px;
  }


  .generic-modal .m-title-left {
    color:#fff;
    font-size:22px;
    float:left;
    padding:25px;
  }
  .generic-modal .m-title-right {
    color:#fff;
    font-size:19px;
    float:right;
    padding:25px 10px;
  }
  .generic-modal .m-title p {
    color:#fff;
  }
  .generic-modal  .m-right-col .wrapper {
    padding-right:25px;
  }
  .generic-modal  .m-left-col {
    position:relative;
    width:325px;
    padding: 25px;
    float:left;
    height:380px;
    overflow:hidden;
  }
  .generic-modal  .m-right-col {
    position:relative;
    width:375px;
    padding: 25px 0;
    float:left;
    height:380px;
    overflow:hidden;
  }
/*
  paragraphs
*/
.right-border-column {
  position: relative;
  float:left;
  height: 280px;
  overflow: hidden;
  background-image: url(../layout/list-border.jpg);
  background-position: 100% 0;
  background-repeat: no-repeat;
}
.right-border-column .wrapper {
  padding-right:40px;
}
/* destaque paragraph setup */


.destaque {
  float:left;
  width: 280px;
  padding:0 18px 10px 18px;
}
.destaque .first {
  padding-left:0;
}
.destaque .last {
  padding-right:0;
}
.destaque .ps-content {
  padding-bottom:5px;
}
.destaque .ps-media {
  position:relative;
  width: 280px;
  height: 176px;
}
.destaque .ps-mask {
  position:absolute;
  top:0;
  left:0;
  width:276px;
  height:187px;
  background-image: url(../layout/lcd-mask.png);
}


.services-list li {
  padding:6px 2px;
  font-size:12px;
}


.destaque h1, .destaque .h1 { font-size: 20px; }
.destaque h2, .destaque .h2 { font-size: 16px; font-family: Tahoma, Arial; }
.destaque .first h1, .destaque .first .h1 {color: #EC008B;}
.destaque  h1, .destaque .h1 { color: #652C90; }
.destaque .last h1, .destaque .last .h1 { color:#B3061B; }
.header-bg{
 z-index: 870 !important;
}