html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: arial, helvetica, sans-serif;
 font-size: 10pt;
} 

h2{
 margin:0;
 margin-bottom: 10px; 
 padding:0;
 font-family: arial, helvetica, sans-serif;
 font-size: 18pt;
 font-weight: bold;
}

h3 {
	font-size: 14pt;
	font-weight: bold;
	color: #000;
}

#pagewidth{ 
 width:985px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
  background-color: #FFF;
} 
 
#header{
 background-image: url(../img_site/layout_1/top.png);
 position:relative; 
 height:150px; 
 width:100%;
 font-family: arial;
} 
 
#leftcol{
 width:185px;
 padding-top: 10px; 
 float:left; 
 position:relative; 
 background-color:#FFFFFF; 
 }
 
#maincol{
 background-color: #FFFFFF;  
 padding-top: 10px;
 padding-left: 10px;
 float: right; 
 display:inline; 
 position: relative;
  width:765px; 
 }
 
#footer{
 height:30px; 
 background-color:#FFFFFF; 
 clear:both;
 text-align:center;
 padding-top: 5px;
 } 

#leftcol a {
	text-decoration: none;
	border-bottom: 1.5px dashed #CCC;
}

#mainprod td{
	border-right: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


/*** MENU ***/

.menu{
margin-left:0px;
padding-left:0px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
cursor: pointer;
}

.menu_on{
margin-left:0px;
padding-left:0px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
cursor: pointer;
}

.submenu{
display: block;
height: 19px;
margin-left: 15px;
padding-top: 3px;
padding-left: 7px;
color: #333333;
}

.hide{
display: none;
}

.show{
display: block;
}

.busca{
 border:none;
 background-color: transparent;
 background-image: url(../img_site/layout_1/campo.gif);
 background-repeat: no-repeat;
 
 height: 22px;
 
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
}

.barralateral{
	font-weight: bold;
	background-image: url(../img_site/layout_1/barra_menu.png); 
	background-repeat: no-repeat;
	height: 26px; 
	padding-left: 10px;
}

#search_box {
    width: 201px;
    height: 31px;
	margin-top: 3px;
    margin-left:15px;
    background: url(../img_site/layout_1/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 2;
    margin: 6px 0 0 6px;
	*margin: 7px 0 0 -6px;
    border: 0;
    width: 159px;
	*width: 150px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}

.meuCarrinho{
	background-image: url(../img_site/layout_1/carrinho.png); 
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #888;
}

/* MENU SUPERIOR*/

.menu_superior{
	padding-left: 23px; 
	padding-top: 10px;
	width:725px; 
	color:#FFF;
}

.menu_link{
	font-family: arial, helvetica, sans-serif;
 	font-size: 10pt;
 	font-weight:bold;
 	color: #FFF; 
}


.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
width: 100%;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(../img_site/layout_1/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../img_site/layout_1/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}