﻿* { 
	margin: 0; 
	outline: none; 
}


body { 
	color: #333; 
	font:normal 14px/1.5em verdana, arial, helvetica, sans-serif; 
	background-color: #fff; 
	background-position: top center; 
	background-attachment: scroll; 
	background-repeat: repeat-y;
	margin: 0; 
	padding: 0;
}


#header h1 { 
	color: #fff; 
}

ul#navcontainer { 
	width: 200px; 
}


/*#navcontainer ul { 
	margin: 0 0 1em 0; 
	padding-left: 0; 
	list-style-type: none; 
	font-size: 0.75em; 
	
}*/
/* eu alterei*/

ul#navlist, ul#navlist li ul { 
	/*margin: 0 0 1em 0; */
	margin:0;
	/*padding-left: 0; */
	padding:0;
	list-style-type: none; 
	font-size: 10px; /*0.75em; */
	
}	
ul#navlist li
{
	position: relative;
	
}

ul#navlist li ul
{
	position:absolute;
	left:166px;
	top:0;
	display:none;
}

ul#navlist li a, ul#navlist ul li a { 
	display: block; 
	padding: 3px; 
	width: 160px; 
	background-color: #62ba86; /*#079545;*/
	border-bottom: 1px solid #eee; 
}

ul#navlist li.submenu
{
/*border:1px solid #000000;*/
/*font: bold 1.00em verdana, arial, helvetica, sans-serif; */
display: block; 
padding: 3px; 
width: 160px; 
color: #ffffff;
border-bottom: 1px solid #eee; 
background: #62ba86/*#819464*/ url('../imagens/seta.gif') no-repeat right 50%  ;
}

ul#navlist li:hover ul, ul#navlist li.over ul{display:block;}



/*#navcontainer a { 
	display: block; 
	padding: 3px; 
	width: 160px; 
	background-color: #819464; 
	border-bottom: 1px solid #eee; 
}*/


#navcontainer a:link, #navlist a:visited { 
	color: #ffffff;
	text-decoration: none; 
}


#navcontainer a:hover { 
	background-color: #ccc; 
	color: #000; 
}



.glossymenu { 
	position: relative; 
	padding: 0; 
	margin: -15px auto 0 auto; 
	background: url('../imagens/menub_bg.gif') repeat-x; 
	height: 46px; 
	list-style: none; 
}


.glossymenu li { 
	float:left; 
}


.glossymenu li a { 
	float: left; 
	display: block; 
	color:#000; 
	text-decoration: none; 
	font-family: sans-serif; 
	font-size: 0.75em; 
	font-weight: bold; 
	padding:0 0 0 16px; 
	height: 46px; 
	line-height: 46px; 
	text-align: center; 
	cursor: pointer; 
}


.glossymenu li a b { 
	float: left; 
	display: block; 
	padding: 0 24px 0 8px; 
}


.glossymenu li.current a, .glossymenu li a:hover { 
	color: #fff;
	background: url('../imagens/menub_hover_left.gif') no-repeat left 50%; 
	}


.glossymenu li.current a b, .glossymenu li a:hover b { 
	color: #FF0000;/*#fff;*/ 
	background: url('../imagens/menub_hover_right.gif') no-repeat right top;
}


a,a:link,a:active,a:visited { 
	color: #045c97; 
	font-weight: bold; 
	text-decoration: underline; 
}


a:hover { 
	text-decoration: none; 
}


h1,h2,h3,h4 { 
	letter-spacing: 1px; 
}


h1 { 
	font-size: 2.5em; 
	font-weight: normal; 
	color: #fff; 
	padding: 18px; 
}


h2 { 
	font-size: 1.3em; 
	font-weight: normal; 
	color: #666; 
	margin: 18px 0 0 0; 
}


#leftcol h2 { 
	margin: 18px 0 9px 0; 
}


h3 { 
	font-size: 1em; 
	font-weight: bold; 
	color: #666; 
	margin: 0; 
	text-align: left; 
}

.belohorizonte { 
	font-size:10px; /*1em;*/ 
	font-weight: bold; 
	color: #666; 
	margin: 0; 
	text-align:center;
	margin-left:20px;
	/*padding: 20px;*/
}

.juizdefora { 
	font-size:10px; /*1em;*/
	font-weight: bold; 
	color: #666; 
	margin: 0;
	text-align: center;
	margin-right:10px;
	/*padding: 20px;*/
}

.patosminas { 
	font-size:10px; /*1em;*/
	font-weight: bold; 
	color: #666; 
	margin: 0;
	text-align: center;
	margin-right:5px;
	/*padding: 20px;*/
}

.contato { 
	font-size: 1em; 
	font-weight: bold; 
	color: #666; 
	margin: 0; 
	text-align: center; 
}



p { 
	font-size: 0.75em; 
	text-align: justify;
	/*text-align:left;*/
}


#contain { 
	margin: 0 auto; 
	width: 750px; 
	border-right: 2px solid #000; 
	border-left: 2px solid #000; 
	background: #fff; 
}


#header { 
	background: #fff url('../imagens/topo_site2.gif') no-repeat right 50%; 
	width: 750px; 
	height: 158px; 
	border-bottom: 1px solid #ccc; 
	text-align: right; 
	color: #fff; 
}


#leftcol { 
	width: 170px; 
	float: left; 
	padding: 0 0 0 18px; 
	margin: 0; 
}

#leftcolafter
{
	height:25px;
}

#leftcol p { 
	padding: 18px 0 18px 0; 
	margin: 0; 
}


#contentgeral { 
	/*margin-left: 50px; */
	margin:0 auto;
	padding-top:10px;
	width: 620px;
	display:table;
}

#contentindex
{
	width: 700px;
	margin-left:20px;
	display:table;
}

#content { 
	margin-left: 210px; 
	width: 500px ;
}

#contentprodutos { 
	margin-left: 210px; 
	width: 500px;
	height:450px;
}


#content p { 
	margin: 18px 18px 18px 0; 
}


#footer { 
	font-size: 0.75em; 
	width: 750px; 
	border-top:1px solid #000; 
	border-bottom:1px solid #000; 
	background: #62ba86; 
	padding: 6px 0 6px 0; 
	color: #fff; 
	margin-top: 10px; 
	text-align:center; 
}


#footer a,#footer a:link,#footer a:active,#footer a:visited { 
	color: #fff; 
	font-weight: bold; 
	text-decoration: underline; 
}


#footer a:hover { 
	text-decoration: none; 
}


.leftImg {
	/*float:left;*/
	margin: 6px 6px 6px 0;
	/*margin:0 auto;
	text-align:center;*/
	
}

.homenews {
	/*float:center;*/
	margin: 6px 6px 6px 0;
	margin:0 auto;
	padding-left:150px;
	/*text-align:center;*/
	
	
}



a.boldbuttons{
	background: url('imagens/roundedge-gray-left.gif') no-repeat left top;
	display: block;
	float: right;
	/* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equalheight of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
	color: white; /*button text color*/
}

a.boldbuttons span{
	background: url('../imagens/roundedge-gray-right.gif') no-repeat right top;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
	text-decoration: none;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.curlycontainer{
	border: 2px solid #b8b8b8;
	margin-bottom: 1em;
	width: 160px;
	font: normal 13px Arial;
}

.curlycontainer .innerdiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}

/* aqui começa os títulos dos produtos no link Produtos*/

.produtos
{
	
	/*border:thin black solid;*/
	height:auto;
	display:table;
}
.produtos .lavanderiacontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	width: 235px;
	font: normal 13px Arial;
}

.lavanderiacontainer .centrodiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position: relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}

.produtos .cozinhacontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	margin-left:10px;
	width: 235px;
	font: normal 13px Arial;

}

.cozinhacontainer .cozinhadiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}


.produtos .limpezacontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	width: 235px;
	font: normal 13px Arial;

}

.limpezacontainer .limpezadiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}


.produtos .pisoscontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	margin-left:10px;
	width: 235px;
	font: normal 13px Arial;

}

.pisoscontainer .pisosdiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}

.produtos .automotivacontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	width: 235px;
	font: normal 13px Arial;
}

.automotivacontainer .automotivadiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}


.produtos .maoscontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	margin-left:10px;
	width: 235px;
	font: normal 13px Arial;


}

.maoscontainer .maosdiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}


.produtos .papeiscontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	width: 235px;
	font: normal 13px Arial;

}

.papeiscontainer .papeisdiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}


.produtos .equipamentoscontainer{
	float:left;
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	margin-left:10px;
	width: 235px;
	font: normal 13px Arial;

}

.equipamentoscontainer .equipamentosdiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}


.fibrascontainer{
	border-width:2px 1px 1px 2px;
	border-style:solid;
	border-color:#ff0000;
	margin-bottom: 1em;
	width:480px;
	font: normal 13px Arial;

}

.fibrascontainer .fibrasdiv{
	background: url('../imagens/brcorner.gif') no-repeat right bottom;
	position:relative;
	left: 2px;
	top: 2px;
	padding: 1px 4px 15px 5px;
	text-align:center;
}
