* {margin:0; padding:0}
html, body, #preview {height: 100%;}
body {font-size:8pt; font-family: "Trebuchet MS", sans-serif; background:#006699 url(../images/background.jpg) center top no-repeat; background-attachment: fixed; margin:0px; padding:0px;}
body.manager {font-size:8pt; font-family: "Trebuchet MS", sans-serif; background:#fff; margin:0px; padding:0px;}

/*----------------------------------------DASHBOARD------------------------------------------------*/

#preview {margin:auto; width:100%; min-width:770px; max-width:770px; height: auto; min-height: 100%;  }
#preview-manager {margin:auto; width:100%; min-width:770px; max-width:770px; height: auto; min-height: 100%;  background:#fff;}
#main {position:relative; padding-bottom: 105px; }
#header {width:100%; color:#FFF; height:160px; line-height:40px; background:#000; margin:0 0 0px; clear:both; border:0px solid #000; }
#man-header {width:100%; color:#FFF; height:137px; line-height:40px; margin:0 0 0px; clear:both; background:url(../images/background-topMan.jpg); }
#footer {position: relative; margin-top: -100px; clear:both; margin-bottom:3px; color:#FFF; text-align:center; height:100px; }
.footer-left {background:url(../images/back-footer-left.png) left top no-repeat;}
.footer-content {background:url(../images/back-footer-content.png) left top;}
.footer-right {background:url(../images/back-footer-right.png) right top no-repeat;}


/*------------------------------------------FORMS--------------------------------------------------*/

#frm { font: 1.1em "Trebuchet MS", sans-serif; line-height:25px; width:100%; text-align:left; margin:auto;  }
#frm label {width:150px; color:#333; font-weight:bold;   display:inline-block; text-align:right; padding:0px 5px; cursor:pointer; }
#frm span.exp {  color:#333; font-size: .9em }
#frm input.field {border:1px solid #CCC;  }
#frm input.btn { font:1em "Trebuchet MS", sans-serif; width:150px;   }
#frm textarea { color:#333; font-size:8pt; font:1em "Trebuchet MS", sans-serif;}
#frm select.cap {border:1px solid #CCC; font-size:1em; color:#333; text-transform:capitalize;}

#frm-login { font: 1.1em "Trebuchet MS", sans-serif; line-height:25px; width:100%; text-align:left; margin:auto;  }
#frm-login label {width:150px; color:#333; font-weight:bold;   display:inline-block; text-align:right; padding:0px 5px; cursor:pointer; }
#frm-login span.exp {  color:#333; font-size: .9em }
#frm-login input.field {border:1px solid #CCC;  }
#frm-login input.btn { font:1em "Trebuchet MS", sans-serif; width:150px;   }
#frm-login textarea {border:1px solid #CCC; color:#333; font-size:8pt; font:1em "Trebuchet MS", sans-serif;}
#frm-login select.cap {border:1px solid #CCC; font-size:1em; color:#333; text-transform:capitalize;}

/*------------------------------------------DATAGRID-----------------------------------------------*/

table.datagrid {border-left:1px solid #ccc; margin:auto;}
table.datagrid thead th {background:url(../images/fhbg.gif) center; height:24px; font-size:.9em; color:#000; font-weight:normal; cursor:pointer; text-align:center; border-right:1px solid #CCC;}
table.datagrid td.action {width:100px; text-align:center; vertical-align:middle;}
table.datagrid td.action img {cursor:pointer; padding:0px 5px; }
table.datagrid tbody td { color: #3D3D3D; font-weight:normal; padding:4px; vertical-align: top; border-right:1px solid #CCC;  }
table.datagrid tbody tr td.tdaction {text-align:center; border-right:0px; }
table.datagrid tbody tr.odd td {background-color:#F0F0F6; }
table.datagrid input.pagedisplay { background-color:#FFF; font-size:.9em; border:1px solid #CCC; color:#0066CC; text-align:center;}
table.datagrid select.pagesize {  background-color:#FFF; font-size:.9em; border:1px solid #CCC; font-size:.9em; color:#0066CC;}
table.datagrid tfoot th {background:url(../images/wbg.gif) top; height:30px; font-size:.9em; color:#000; font-weight:normal;}

.btn-openw {width:98%; margin:auto; text-align:right; margin-bottom:10px;}

#load {position:absolute; left:50%; margin-left:-100px; width:200px; height:40px; text-align:center; line-height:40px; vertical-align:middle; font-size:10px; }


/*------------------------------------------MENU DROPDOWN--------------------------------------------------*/
/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; top:0px; z-index:1000000;  }
  #nav li { display: block; list-style: none; border-right:1px solid #333; border-left:1px solid #000; margin: 0; padding: 0; float: left; position: relative; }
  #nav li.last { display: block; list-style: none; border-right:0px solid #333; border-left:1px solid #000; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 200px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav {  height: 40px;  }
#nav *:hover { background-color: #222; }
#nav a { border: 0px solid #CCCCCC; margin-left:1px; color: #CCCCCC; text-decoration:none; font-size: 1.2em; padding:0px  10px; line-height: 38px;  }
  #nav li.hover a { border-bottom: 1px solid #666; margin-left:1px; color: #FFFFFF; font-size: 1.2em; padding:0px  10px; line-height: 38px;   }
  #nav ul { top: 39px; }
    #nav ul li a { color:#CCCCCC; background-color: #222;   }
      #nav ul a.hover {border-bottom: 1px solid #666; background-color: #000; color:#FFF;  }
   #nav ul a { border-bottom: 1px solid #666; border-right: none; opacity: 0.9; }
 #nav ul a { border-bottom: none; } /* - I also needed this for IE6/7 */ 
 
 
div.painel-nav {height:30px; background:#EEEEEE; padding:0px; line-height:30px; vertical-align:middle; border-bottom:3px solid #CCCCCC; color:#999; font-size:12pt; font-weight:bold; padding-left:10px; }
a.iconsadm h3 {font-weight:bold; font-size:14px; color:#000; }
a.iconsadm:link, a.iconsadm:visited {font-weight:normal; color:#333333; text-decoration:none; }
a.iconsadm:hover, a.iconsadm:active { font-weight:normal; color:#333333; text-decoration:underline; }


#top-content {position:relative; width:100%; min-width:770px; max-width:900px; margin:auto; top:0px; height:160px; }
#top-content .logotipo {border:0px; }
td.chat img {margin-top:20px; }
#top-content .search-box { position:absolute;  right:10px;  top:80px; line-height:24px; vertical-align:middle;}

#mhp { position:absolute; width:100%; height:40px; top:120px; border:0px solid #000; margin-top:0px; background:url(../images/back-mh.png) no-repeat;}
#mhp .content-mhp {width:100%; height:40px; background:url(images/mh-right-corner.png) right no-repeat; }
#mhp ul { list-style:none; padding:0px; margin:auto; text-align:center; line-height:40px; }
#mhp ul li {display:inline; }
#mhp ul li a {color:#ccc; font-size:8pt; text-decoration:none; cursor:pointer; font-weight:bold; padding: 0px 10px;}
#mhp ul li a:hover {color:#FFF; text-decoration:none; font-weight:bold;}

a.toolbar-items {color:#fff; text-decoration:none;}
a.toolbar-items:hover {color:#fff; text-decoration:underline;}


#ad {position:relative; width:730px;  height:220px; margin-bottom:5px; border-bottom:1px solid #eee;}
#ad #image {position:absolute; margin-left:3px; left:0px; width:200px; padding-top:5px;  text-align:center; top:20px; }
#ad #data {margin-left:220px;  padding-top:10px; top:50px;  height:150px; text-align:left;}
#ad #data .price {position:absolute; left:220px; color:#ff6600; font-weight:bold; font-size:14pt; bottom:20px;}
#ad #data a {text-decoration:none;}
#ad #data a.lt {font-size:10pt; color:#fff;}
#ad #data a.lt:hover {text-decoration:underline;}
#ad #data a.l {font-size:8pt; color:#fff;}
#ad #comprar {margin-left:450px; border:0px solid #000; margin-top:10px; height:35px; line-height:35px;}

#adi {position:relative; width:240px; margin-top:2px;  height:200px; margin-bottom:5px; border:0px solid #000; }
#adi #image {position:absolute; left:20px;  border:0px solid #999; background:#000;  width:200px; height:100px; overflow:hidden; line-height:76px; vertical-align:top; padding-top:0px;  text-align:center; top:5px; }
#adi #image img {margin-top:5px;}
#adi #data {position:absolute; left:10px; width:220px;  padding-top:3px;  padding-right:2px; top:110px;  height:80px; text-align:center;}
#adi #data .price {position:absolute; bottom:10px; width:220px; left:10px; color:#DCD60E; font-weight:bold; font-size:12pt;}
#adi #data a {text-decoration:none;}
#adi #data a.lt {font-size:8pt; color:#fff; }
#adi #data a.lt:hover {text-decoration:underline;}
#adi #data a.l {font-size:7pt; color:#555;}

#count-cart {position:absolute; width:210px; height:40px; margin-left:auto; right:0px; color:#333; text-align:center; background:url(../images/back-count-cart.png);}

#load {position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-25px;
  width:200px; height:50px; text-align:center; line-height:50px; vertical-align:middle; font-size:10px;
  background:#fff; padding:0px; border:1px solid #333;
}

a.slide:link, a.slide:visited {color:#ccc; text-decoration:none;}
a.slide:hover, a.slide:active {color:#fff; text-decoration:underline;}