body {
	text-align: center;
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family:Arial;
	background-image: url(img/bggeral.png);
	background-repeat: repeat-x;
}

.oneColFixCtrHdr #menularge{
	width: 1024px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 222px;
}
.oneColFixCtrHdr #container {
	width: 900px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	min-height:790px;	
	background-color:#fff;
}

.oneColFixCtrHdr #logo {
	height: 100px;
	width: 100%;
	background-color:#ffffff;
	margin: 10px auto;
	padding-top:10px;
	padding-bottom:10px;
}
.oneColFixCtrHdr #container #imgcentro {
	float: left;
	height: 359px;
	width: 600px;
	margin-top: 50px;
	margin-left: 50px;
	position: relative;
}
.oneColFixCtrHdr  #container  #mainhome  {
	padding: 0px;
	clear:both;
	width: 525px;
	position: relative;
	top:170px;
	padding: 10px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

h1 
{
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #1a1a1a;
	text-decoration: none;
}


.oneColFixCtrHdr #container #colright {
	float: right;
	width: 194px;
	margin-left: 14px;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	margin-top: 54px;
	text-align:center;
}
.oneColFixCtrHdr #container #colright #promocoes {
	float: left;
	position: relative;
	width: 184px;
	background-color: #FFFFFF;
	margin-bottom: 18px;
	padding-right: 5px;
	padding-left: 5px;
}

.oneColFixCtrHdr #container #colright #promocoes  #promo{
	float: left;
	position: relative;
	width: 170px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align:left;
	border: 1px solid #cccccc;
}

.oneColFixCtrHdr #container #colright #promocoes  #promo h1{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #3f3c74;
	text-decoration: none;
}

.oneColFixCtrHdr #container #colright #promocoes  #promo a {
	font-family: Verdana;
	font-size: 12px;
	color: #3f3c74;
	text-decoration: none;
}


.oneColFixCtrHdr #container #colright #newsletter {
	float: left;
	width: 184px;
	position: relative;
	min-height:342px;
	background-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	font-size:11px;
}

.oneColFixCtrHdr  #container  #main  a:link {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #725A2C;
	text-decoration: none;
}
.oneColFixCtrHdr  #container  #main  a:hover {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #725A2C;
	text-decoration: underline;
}
.oneColFixCtrHdr  #container  #main  a:visited {
	font-family: Trebuchet MS;
	font-size: 12px;
	color: #725A2C;
	text-decoration: underline;
}

.oneColFixCtrHdr #container span    {
	font-family: Arial;
	font-size: 18px;
	font-weight: normal;
	float: left;
	position: relative;
}
.oneColFixCtrHdr #footer {
	float: left;
	height: 12px;
	position: relative;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align:center;
	color: #000000;
	font-size: 12px;
}
.oneColFixCtrHdr #footer a:link {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #1a1a1a;
	text-decoration: none;
		text-align:center;
}
.oneColFixCtrHdr  #footer a:hover {
	font-family: arial;
	font-size:12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: underline;
	color: #990000;
		text-align:center;
}
.oneColFixCtrHdr #footer a:visited {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
		text-align:center;
}

.oneColFixCtrHdr #footer .table {
display:table; 
margin:0 auto;
}


.categorias
{
width:300px;
display:table; 
margin:0 auto;
background-color:#237bfe;
margin-bottom:10px;
}

.categorias a
{
text-align:center;
padding:20px;
font-size:20px;
color:#ffffff;
display:table; 
margin:0 auto;
text-decoration:none;
}

.categorias a:hover
{
text-align:center;
width:100%;
padding-top: 20px;
padding-bottom: 20px;
padding-left:0px;
padding-right:0px;
font-size:20px;
color:#000000;
display:table; 
margin:0 auto;
background-color:#b7d4ff;
}

.categorias a:visited
{
text-align:center;
width:100%;
padding-top: 20px;
padding-bottom: 20px;
padding-left:0px;
padding-right:0px;
font-size:20px;
color:#ffffff;
display:table; 
margin:0 auto;
}

.voltar a
{
font-size:14px;
color:#237bfe;
display:table; 
margin:0 auto;
margin-top:20px;
}

.voltar a:hover
{
font-size:14px;
color:#000000;
display:table; 
margin:0 auto;
margin-top:20px;
}

.voltar a:visited
{
font-size:14px;
color:#237bfe;
display:table; 
margin:0 auto;
margin-top:20px;
}


.oneColFixCtrHdr #container_dentro{
	width: 730px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.oneColFixCtrHdr  #container_dentro  #mainhome  {
	float: left;
	width: 730px;
	position: relative;
	margin-top: 0px;
	min-height:700px;
	padding: 10px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color:#ffffff;
}

.oneColFixCtrHdr  #container_dentro  #mainhome h2  {
	font-family: Verdana;
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	border-bottom:5px solid #3f3c74;
	margin-bottom:10px;
}


.oneColFixCtrHdr  #container_dentro  #mainhome  #produto{
	float: center;
	width: 710px;
	position: relative;
	margin-top: 0px;
	margin-bottom:20px;
	height:120px;
	border-bottom:1px solid #1a1a1a;
	border-top:1px solid #1a1a1a;
	padding: 10px;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.oneColFixCtrHdr  #container_dentro  #mainhome  #produto #titulo {
	float: left;
	min-height:120px;
	border-right:1px solid #1a1a1a;
	margin-right:20px;
	padding-right:20px;
	position:relative;
	width:140px;
}

.oneColFixCtrHdr  #container_dentro  #mainhome  #produto #titulo a{
	font-family: Verdana;
	font-size: 18px;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}

.oneColFixCtrHdr  #container_dentro  #mainhome  #produto img {
	float: left;
	margin-right:20px;
	position:relative;
	position:relative;
	margin-left:20px;
	min-height:120px;
}

.oneColFixCtrHdr  #container_dentro  #mainhome  #produto #resumo {
	float: left;
	border-right:1px solid #1a1a1a;
	margin-right:20px;
	position:relative;
	padding-right:20px;
	min-height:120px;
	width:280px;
}
	
.oneColFixCtrHdr  #container_dentro  #mainhome  #produto #resumo a {
	font-size: 13px;
	color: #000000;
	font-weight:normal;
	text-decoration: none;
}



/* Hide from IE5-mac. Only IE-win sees this. Este é o Holly Bergevin hack para  o 3 pixel bug do IE6< \*/

*html #content {
	height: 1%;
 	margin-left: 194px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
font: bold 13px arial;
padding: 8px 0;
left:100px;
width: 100%;
text-align: left; /*set value to "right" for example to align menu to the right of page*/

}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
border: 2px solid #FFF2BF;
background-color: #FFffff;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}



.oneColFixCtrHdr  #imgcentro #imageSlideshowHolder{
	/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 500px;	/* IE 5.x */
	width/* */:/**/500px;	/* Other browsers */
	width: /**/500px;
	/* CSS HACK */
		height: 4202px;	/* IE 5.x */
	height/* */:/**/199px;	/* Other browsers */
	height: /**/199px;
	/* Never change this value */
	right: 0px;
	margin-top: 0px;
	padding: 0px;
	margin-bottom: 0px;
	position:relative;
	float: left;
	}
	.imageInGallery{
	width:600px;
	height:359px;
	/* Never change these 3 value */
		left:0px;
	top:0px;
	position:absolute;
	}
	
.oneColFixCtrHdr  #imgcentro #imageSlideshowHolder img{
	height: 359px;
	width: 600px;
	position: relative;
	}

.menu{
	border:none;
	border:0px;
	margin-bottom:15px;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	position:relative;
	}
	
	.menu .table {
display:table; 
margin:0 auto;
}

	
.menu ul{
	background:#333333;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:#333333 url("images/seperator.gif") bottom right no-repeat;
		color:#cccccc;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #2580a2 url("images/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}