body { background:#ffffff ; color:#000000; font:12px/18px Tahoma, Arial, sans-serif; margin:0; padding:0; text-align:justify; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, div, img, fieldset, legend, label, input, select, textarea, button, span { margin:0; padding:0; }

a img { border:none; }
ul { list-style:none; }

a { color:#0091ca; text-decoration:none; }
a:hover { color:#030303; text-decoration:none;}

.clear { clear:both; height:0; }
.disappear { visibility:hidden; }
.bold { font-weight: bold; }
.italic { font-style: italic; }


/* ________________________________________________ 2. Blocks __________________________________________________________ */

#page-wrapper  { margin:0 auto; padding:0; width:976px; text-align:left;}

div#header { height:97px; margin-bottom:17px; }
div#header div { float:left; height:97px; display:block;	}
#tp2 { background-color:#ed1c23;	}
#tp2 ul { display:block; margin-left:147px; height:31px;	}
#tp2 ul li { float:left; padding:5px; margin-right:5px; color:#fff; font-size:12px; text-transform:uppercase;	}
#tp2 ul li a {color:#FFFFFF; }
#tp2 ul li a:hover { font-weight:bold; }

#contents-wrapper { clear:both; overflow:hidden; }

	#contents { float:left; position:relative; padding:0; width:810px;  z-index:1; float:left }

	#sidebar { float:right; position:relative; width:158px;  margin-left:2px;}
	

/* _______________________________________________ 3. Cols __________________________________________________ */
#mainCol {  clear:both; margin:0; padding:0; width:810px ;  overflow:hiden; }
#colLeft {  width:265px ; height:558px; background: url(../imgs/destaques.png) no-repeat left bottom; float:left; position:relative }
#colPrincipal  {  float:right; position:relative; width:545px ; }
#promo { width:546px; height:173px; background: url(../imgs/promocoes_tit.png) no-repeat left top; float:left; margin-top:5px;  }
#auto { width:538px !important; margin:0; margin-left:-10px; position: relative; top:40px; /*visibility: hidden;*/    left: -5000px; }
#auto ul li { width:170px; height:120px; margin:2px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#000000;  }
#auto ul li img { float: left; }
#newsletter { width:546px; clear:both; /*margin:-90px 0 0 0; padding:0 0 0 180px;*/ text-align:right; }
#itempromo { width:246px; clear:both; margin:2px; padding:2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#000000; border:thin solid #000000;}

#sugestoes { width:546px; height:173px; background: url(../imgs/sugestoes_tit.png) no-repeat left top; float:left; margin-top:5px;  }

.btfail { background:url(../imgs/cruz.png) !important; }
.btok { background:url(../imgs/seta03.png) !important; }
/* _______________________________________________ 4. Navigations bar __________________________________________________ */

div#navigation  { width:158px ; margin-top:10px }
div#pub  { background: url(../imgs/girl.png) no-repeat right bottom; height:245px; margin-left: -100px; z-index:100; }


/*_____________menu principal_________________*/

	ul#nav { margin-top:0px; display:block;}
	
	ul#nav li { text-align:center; font:bold 22px/27px "Trebuchet MS", Times, serif;  text-decoration: none; }
	ul#nav li a { display:block; text-decoration:none; color:#FFFFFF; padding:9px 0 9px 0; width:158px; }
	ul#nav li a:hover { text-decoration:none; }
	
	
	ul#nav li#nav-agricultura a { background-color:#067F45;}
	ul#nav li#nav-jardins a { background-color:#A1CD3D;}
	ul#nav li#nav-construcao a { background-color:#F5821F;}
	ul#nav li#nav-bricolage a { background-color:#8DD8F8;}
	ul#nav li#nav-decoracao a { background-color:#EA276A;}
	ul#nav li#nav-higiene a { background-color:#ED1C23;}
	ul#nav li#nav-pet a { background-color:#FECB09;}
	
	
	ul#nav li#nav-agricultura a:hover { background-color:#FFFFFF; text-decoration:none; color:#067F45;}
	ul#nav li#nav-jardins a:hover { background-color:#FFFFFF; text-decoration:none; color:#A1CD3D;}
	ul#nav li#nav-construcao a:hover { background-color:#FFFFFF; text-decoration:none; color:#F5821F;}
	ul#nav li#nav-bricolage a:hover { background-color:#FFFFFF; text-decoration:none; color:#8DD8F8;}
	ul#nav li#nav-decoracao a:hover  { background-color:#FFFFFF; text-decoration:none; color:#EA276A;}
	ul#nav li#nav-higiene a:hover  { background-color:#FFFFFF; text-decoration:none; color:#ED1C23;}
	ul#nav li#nav-pet a:hover  { background-color:#FFFFFF; text-decoration:none; color:#FECB09;}
	
	ul#nav li ul { display:none; }
	ul#nav li ul li { font-size:14px !important; line-height:17px; text-align:center; /*width:190px !important;*/ }
	ul#nav li ul li a { padding:5px 0 5px 0; }
	/*#nav > li:hover > ul {	display:block;	padding:0; margin:-45px 0 0 -190px;  font-size:14px !important; width:190px !important; 	}
	ul#nav li ul {	border:0 none;	display:none;	float:left;	font-size:14px !important; position:absolute;	text-align:left;	z-index:4; background-color:#fff; width:190px !important;  }
	ul#nav li ul li { display:block; font-size:14px !important; width:190px !important; height:40px !important; }
	ul#nav li ul li a { width:190px !important; }*/
/*_____________produtos _________________*/
div.cProduto { margin:0; padding:0; display:block; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif; width:423px; height:139px; float:left; margin:0 20px 50px 0; }
div.cProduto img { margin-right:18px; width:139px; height:139px; float:left; }
div.cProduto h2 { font-size:18px; color:#000; }
div.cProduto p { font-size:11px; color:#000;  }
div.cProduto p > span { color:#0091ca; margin-bottom:20px; font-weight:bold; }
div.cProduto a { font-size:11px; color:#85c226; text-decoration:none; }
/*_____________noticias _________________*/
div.cNoticia { margin:0; padding:0; display:block; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif; height:139px; margin:0 20px 50px 0; }
div.cNoticia img { margin-right:18px; width:139px; height:139px; float:left; }
div.cNoticia h2 { font-size:18px; color:#000; }
div.cNoticia p { font-size:11px; color:#000; margin-bottom:20px; }
div.cNoticia a { font-size:11px; color:#85c226; text-decoration:none; }
/*_____________mapa do site _________________*/
ul.mapa li ul { margin-left:15px; }
	


/* ____________________________________________ 5. Images __________________________________________________________________________ */

.cartao { padding: 0 0 0 0;}
.destaques { padding: 0 0 0 0;}
.revista { margin:0; padding:91px 0 0 21px;  width:237px; height:234px; display:block; }
.revista {	}

#pdf_ico {float:left; }
/* ____________________________________________ 6. Titles __________________________________________________________________________ */

h1 { text-align:left; font:bold 24px/27px "Trebuchet MS", Times, serif;  color:#ED1C23; padding-left:15px; padding-top:5px; }

h2 { text-align:left; font:bold 16px "Verdana", Times, serif;  text-decoration: none; color: #00000; margin-bottom:-1px}	
h3 { text-align:left; font:bold 15px/27px "Trebuchet MS", Times, serif;  text-decoration: none; color: #000000; }	
p { font-family: "Trebuchet MS", Arial; font-size: 11px; font-weight: normal; color: #076B68; }	
h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #7BC4B7; float:right; margin-top: 10px;}


	
/* _____________________________________________ 7. Form __________________________________________________________________________ */



form ul { list-style:none; margin:0; padding:0;}

form li { padding:3px; }

form label { height:26px; margin-top:-20px; }

form input, 
form textarea { padding:0px;  width:117px; border: #7f9db9 solid 1px; font-size:11px; padding: 5px 0 5px 0; }

#form_cartao input, 
#form_cartao textarea,select { width:100%; }


 width:100%;

form input:focus,
form textarea:focus { border:1px solid #165789; background:#F0F0F0; }


.button { background: url(../imgs/seta01.png) no-repeat left top; width:26px; border: none; cursor:pointer; margin-left:3px; height:26px;  }


/* _____________________________________________ 7. Footer __________________________________________________________________________ */

#footer {margin-bottom:-40px; font:bold 15px/27px "Verdana" ; width:810px; clear:both; height:35px; text-align:right; color:#FFFFFF; background-color:#ED008C;}

#footer ul#navFooter { padding-top:3px; display:block;  float:left; margin-right:0px; }
#footer ul#navFooter li { float:left; text-align:left; text-decoration: none; }
#footer ul#navFooter li a { display:block; text-decoration:none; color:#fff; padding:0 0 0 55px; }
#footer ul#navFooter li a:hover { text-decoration:underline;  }

/* _______________________________________________ 8. Scroll pane ___________________________*/

.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1;}
.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%;	background: #fff;}
.jScrollPaneDrag {	position: absolute;	background: #ed1c23;	cursor: pointer;	overflow: hidden;}
.jScrollPaneDragTop {	position: absolute;	top: 0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {		position: absolute;	bottom: 0;	left: 0;	overflow: hidden;}
a.jScrollArrowUp { width:10px; }
a.jScrollArrowUp:hover { background-position: 0 -15px;}
a.jScrollArrowDown { width:10px; }
a.jScrollArrowDown:hover {	background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	background-position: 0 -30px;}
.holder {	float: left;	margin: 10px; margin-left:15px;}
.scroll-pane {	width: 500px;	height: 400px;	overflow: auto;	float: left;}
#pane1 { height:450px	}
#botao_cartao { clear:both; background:#0062a4; font-size:10px; color:#fff; margin-left:15px; }