/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Verdana,Arial,sans-serif;
	color: #494949;
	font-size: 12px;
	text-align: center;
	line-height: 160%;
	margin: 0;
	background-color: #FFFFFF;
}

#menuinsttop{
	text-align: right;
	padding: 0;
	width:770px;
	margin-bottom:5px;
	margin-top:0px;
}

#menuinsttop a{
	padding: 0;
	display: inline;
	font-size: 11px;
	color: #000;
}

#top{
	text-align: left;
	top: 0;
	width: 778px;
	margin: auto;
	height: 200px;
	background-color: #FFFFFF;
	padding: 0 9px;
}

#conteudo{
	text-align: left;
	top: -15px;
	width:778px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 0 9px;
	position: relative;
}

#toplogo{
	text-align: center;
	float: left;
	width:150px;
}

#topmenu{
	text-align: left;
	margin: 30px 0 0 40px;
	width: 560px;
	float: left;
}

#topmenulinks{
	text-align: left;
	margin-right: 20px;
	float: left;
	display: block;
}

#leftmenu{
	text-align: left;
	width: 150px;
	float: left;
	padding: 0;
	background-image: url(../imagens/menu_bg_madeira.jpg);
	background-repeat: repeat;
}

#fotomainhome {
	text-align: center;
	width: 570px;
	margin-top: 30px;
}

#busca{
	text-align: left;
	width: 555px;
	background-image: url(../imagens/busca_bg.gif);
	font-size: 15px;
	padding: 15px 0 0 15px;
}

#texto{
	text-align: left;
	margin-left: 190px;
	width: 580px;
}

#rodape{
	clear: both;
	border-top: 2px solid #e7e7e7;
	color: #888888;
	padding: 15px 15px;
	font-size: 10px;
	margin-top: 30px;
	text-align: left;
	background-color:#FFFFFF;
	width: 750px;
}

#frasedestaque {
	background-color:#FFFFFF;
	color: #000;
	font-size: 22px;
	padding: 5px;
	font-weight: normal;
	width: 557px;
	text-align: center;
}

#textodestaque {
	border-left: solid 5px #efefef;
	padding-left: 25px;
	margin-left: 10px;
}

#rodapevoltar {
	width: 100%;
	padding: 15px 0 0 0;
	text-align: right;
	font-size: 11px;
}
#numeracaoprod {
	background-color: #f4f4f4;
	border-top: #e7e7e7 solid 3px;
	width: 568px;
	height: 20px;
	padding: 2px 6px;
	text-align: left;
	font-size: 11px;
	color: #666;
	margin-top: 10px;
}
#proxpag {
	float: right;
	margin: 0 5px;
}

#proxpag2 {
	float: left;
	margin: 0 5px;
}

.lista_simples li { margin-bottom: 0px; }

li {
	margin-bottom: 15px;
}


/***********************************************/
/* images                         */
/***********************************************/

img.left {
	float: left;
	margin: 0 15px 15px 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

img.imgtop {
 	top: 0;
	position: absolute;
}

/***********************************************/
/* general links                         */
/***********************************************/

a {
	color: #0036d0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.buscaresultados {
	font-size: 16px;
	font-weight: bold;
}

a.active:buscaresultados {
	font-size: 16px;
	font-weight: bold;
}


/***********************************************/
/* links menu left                          */
/***********************************************/

#linksleftmenu{
	padding: 2px 12px 2px 15px;
	font-size: 15px;
	font-weight: bold;
}

#linksleftmenu a:link, #linksleftmenu a:visited {
	display: block;
	border-bottom: solid 1px #ccb292;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px;
}

#linksleftmenu a:hover, #linksleftmenu a:active{
	background-color: #d3300d;
	color: #FFF;
}

#titlesleftmenu{
	padding: 0 12px 8px 15px;
}

#imgleft {
	top: 0;
	left: 0;
	bottom: 0;
	width: 150px;
	height: 16px;
	padding: 0;
	margin: 0;
}

/***********************************************/
/* links menu top                          */
/***********************************************/

ul.menutop {
	padding: 1px 10px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	border-left: 4px solid #eae9e6;
	margin: 0;
}

ul.menutop li {
	display: block;
	margin: 2px 0;
	padding: 0;
	list-style: none;
}

ul.menutop li a:link, ul.menutop li a:visited {
	text-decoration: none;
	color: #000;
}

ul.menutop li.especial a {
	text-decoration: none;
	color: #C00;
}
ul.menutop li a:hover, ul.menutop li a:active {
	text-decoration: underline;
}



/***********************************************/
/* forms                       */
/***********************************************/

form {
	padding: 0;
	margin: 0;
}

input, select, textarea {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
}

/***********************************************/
/* textos                       */
/***********************************************/

h1 {
	font-size: 22px;
	color: #ff1414;
	padding: 15px 0;
	font-weight: normal;
	line-height: normal;
}

h2 {
	font-size: 17px;
	color: #302f2f;
	font-weight: normal;
}

h2.menuleft {
	font-size: 15px;
	color: #828282;
	padding: 0;
	margin: 0;
}

h2.titulos {
	font-size: 17px;
	color: #302f2f;
	padding: 0;
	margin: 0;
}

h2.lojistas {
	font-size: 17px;
	color: #302f2f;
	padding: 20px 0 5px 0;
	border-bottom: 1px #d1d1c5 dotted;
}

h2.compras {
	font-size: 17px;
	color: #302f2f;
	padding: 20px 0 15px 0;
}

h2.pedidos {
	font-size: 30px;
	color: #000;
	padding: 0;
	margin: 0;
}

h2.produtos {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	margin: 20px 0;
}

h3 {
	font-size: 15px;
	color: #000000;
}

h4 {
	font-size: 13px;
	color: #e20000;
	line-height: normal;
	padding: 0;
	margin: 0;
}

.txtvermelho {
	color: #e20000;
}

.txtpreto {
	color: #000;
}

.txtbranco {
	color: #FFF;
}

.txtcinza {
	color: #bbb;
}

.txt11px {
	font-size: 11px;
}

.txt10px {
	font-size: 10px;
}

.txtdestaque {
	padding: 25px;
	border-right: 2px #CCCCCC solid;
	border-bottom: 2px #CCCCCC solid;
	margin: 20px;
	background-color: #e8e8d9;
}

/***********************************************/
/* produtos                       */
/***********************************************/

.produtohomedestaque {
	border-top: #e7e7e7 solid 1px;
	width: 580px;
	padding: 15px 0;
}

.produtohomefoto {
	width: 135px;
	text-align: center;
	float: left;
}

.produtohometexto {
	width: 400px;
	text-align: left;
	margin-left: 160px;
}

#produtodestaque {
	width: 578px;
	padding: 20px 0;
}
	
#produtofoto {
	width: 250px;
	text-align: center;
	float: left;
}

#produtotexto {
	width: 300px;
	margin-left: 275px;
}


#produtopreco {
	border: 3px solid #e7e7e7;
	padding: 20px;
	width: 200px;
	font-size: 16px;
	line-height: 15px;
	float:none;
}

#produtodepoimento {
	border-top: 1px dashed #e7e7e7;
	border-bottom: 1px dashed #e7e7e7;
	padding: 15px 0 0 0;
}

#boxopiniao {
	border: 2px solid #e7e7e7;
	padding: 20px;
	margin: 20px 0;
}

#linhafoto {
	width: 200px;
	text-align: center;
	float: left;
}

#linhatexto {
	width: 300px;
	text-align: left;
	float: left;
	margin-left: 25px;
}

#layercapa {
	position: absolute;
	text-align: left;
	left: 270px;
	top: 150px;
	width: 265px;
	height: 150px;
	padding: 20px;
	border: 3px solid #e7e7e7;
	z-index:1;
	background-color: #FFF;
	visibility: hidden;
}

#corpeq{
	text-align: center;
	width: 50px;
	float: left;
}

/***********************************************/
/* notcias home                       */
/***********************************************/

ul.noticias {
	padding: 0;
	margin: 0;
}

ul.noticias li {
	width: 255px;
	height: 260px;
	margin: 0 35px 0 0;
	padding: 0;
	list-style: none;
	display: block;
	float: left;
}

ul.noticias li a:link, ul.noticias li a:visited {
	text-decoration: none;
}

ul.noticias li a:hover, ul.noticias li a:active {
	text-decoration: underline;
}

ul.noticias h2 {
	padding: 0;
	margin: 0;
	font-size: 15px;
	border-bottom: 2px #efefef solid;
	color: #281670;
}

ul.noticias p {
	margin: 10px 0 10px 0;
}


/***********************************************/
/* compras                       */
/***********************************************/

tr.bgcolor1 {
	background-color: #eaeaea;
	font-size: 11px;
	font-weight: bold;
}

tr.bgcolor2 {
	background-color: #c4c4c4;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

#boxcompras {
	width: 730px;
	float: inherit;
	margin: 0 20px;
}


#boxleft {
	width: 360px;
	float: left;
}

#boxright {
	width: 370px;
	margin-left: 375px;
	
}

#boxpedido {
	background-color:#ff8a00;
	color: #FFFFFF;
	width: 200px;
	padding: 10px;
	margin: 5px;
	text-align: center;
	float: left;
}

#boxpedido2 {
	width: 460px;
	padding: 15px;
	margin-left: 240px;
}

/***********************************************/
/* cuidados                       */
/***********************************************/

#cuidados1{
	text-align: left;
	width: 170px;
	float: left;
	margin-right: 20px;
}

#cuidados2{
	text-align: center;
	margin-left: 20px;
	width: 90px;
	float: left;
}


/***********************************************/
/* lightbox                       */
/***********************************************/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../imagens/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../imagens/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imagens/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/***********************************************/
/* transparncia                       */
/***********************************************/
.transp {
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	opacity:.95;
}

/***********************************************/
/* outros                       */
/***********************************************/

/* clear do Grid System 960 */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

div.clearambos {
	clear: both;
	height:1px;
}


/***********************************************/
/* notcias                       */
/***********************************************/

.margem20px {
	margin: 0 20px;
}


/* atualizacoes 01/06/09 */

.linhasepara { border-bottom:#efefef solid 2px; margin:10px 0px; }
.txtlaranja { color: #ff5a00; }
.icone-cor { margin:0px 10px 5px 0px; }
.alinha-esquerda { float:left; }
.boxcinza { background-color:#e7e7e7; margin:10px 0;} 
.fotoamplia { border:#FFFFFF solid 4px; margin:0 3px; }
a:hover .fotoamplia { border-color:#FF9900; }
#boxcor { width:245px; margin-left:50px; }

/* atualizacoes 05/06/09 */

#home-novidades { width:550px; background:#5dba78; padding: 10px; height:230px; }
#home-novidades p { margin:0; padding: 0; }
#home-novidades img.foto { border:4px solid #85de9f; background-color: #FFF; padding: 3px; }
#home-novidades ul { width: 286px; margin: 0; padding: 0; }
#home-novidades ul li {	display: block;	list-style: none; margin: 0; border-bottom:#85de9f solid 1px; }
#home-novidades ul li a { color: #FFF;}
#home-novidades ul li p, #home-novidades ul li h3 { margin: 0; padding: 10px;}
#home-novidades ul li h3 { color: #0c0f62;}
#home-novidades ul li:hover { background-color: #85de9f; }
#home-novidades ul li img { float: left;}
#home-novidades ul li:hover a {	color: #FFF; text-decoration:none; }

.floatright { float: right; }

#conceito { background:url(../fotos/home_conceito.jpg) no-repeat; width:569px; height:362px; }
.conceito-bg-roxo { background:#b54482; width:410px; margin-bottom:15px; padding:10px; color:#FFFFFF; font-size:15px; float:right; }
.conceito-bg-branco { background:#FFF; width:410px; padding:10px; color:#494949; text-align:left; float:right; }
.espaco { height:200px; }

.txtcinzadata { color:#a4a4a4; font-size:11px; margin-right:15px; }
h3.tit-noticias { margin:0; }
.foto-noticia { margin-left:25px; border:#CCCCCC solid 1px; }
p.noticias-lista { margin-left:79px; margin-top:0px; }

/* atualizacoes 17/06/09 */

.novidade-produto { border-top: #e7e7e7 solid 1px; width: 500px; padding: 15px 0; }
.novidade-produto-texto { width: 350px;	text-align: left; margin-left: 160px; }
.novidade-box {	border: 2px solid #e7e7e7; padding: 20px; margin: 20px 0; }
.novidade-box ul li { line-height:18px; }

/* atualizacoes 19/06/09 */

#menuinsttop .ico-cadastro { float: right; width: 112px; height: 29px; background: url(../imagens/ico_cadastro.gif) no-repeat; }
#menuinsttop .ico-cadastro a { float: right; text-indent: -9999em; overflow: hidden; }
#menuinsttop .ico-cadastro a.link_cadastro { width: 75px; height: 29px; margin: 4px 10px 0 0;  }

#menuinsttop .ico-home { float: right; width: 102px; height: 29px; background: url(../imagens/ico_home.gif) no-repeat; }
#menuinsttop .ico-home a { float: right; text-indent: -9999em; overflow: hidden; }
#menuinsttop .ico-home a.link_home { width: 75px; height: 29px; margin: 4px 20px 0 0;  }

#menuinsttop .ico-contato { margin:0 10px; float: right; width: 102px; height: 29px; background: url(../imagens/ico_contato.gif) no-repeat; }
#menuinsttop .ico-contato a { float: right; text-indent: -9999em; overflow: hidden; }
#menuinsttop .ico-contato a.link_contato { width: 75px; height: 28px; margin: 4px 12px 0 0;  }

#menuinsttop a.link_es { float:right; width:16px; height:11px; background:url(../imagens/flag_es.png) no-repeat; margin:8px 10px 0 10px; text-indent: -9999px; display: block; }

#menuinsttop a.link_us { float:right; width:16px; height:11px; background:url(../imagens/flag_us.png) no-repeat; margin:8px 0 0 40px; text-indent: -9999px; display: block; }

/* faq */

ul.menu, ul.menu ul { list-style-type:none; margin:10px 0; padding:0; width:550px;}
ul.menu a { display: block; text-decoration: none; padding: 2px; }
ul.menu li { margin-top: 10px; }
ul.menu li a { font-size:12px; }
ul.menu li a:hover { color: #d3300d; }
ul.menu li ul li a { color: #d3300d; }
ul.menu li ul li p { padding-left:20px; }
ul.menu li ul li h2, ul.menu li ul li h3 { padding-left:20px; }


/***********************************************/
/* Fom na mídia                                */
/***********************************************/

div.box_clipping {padding:0; margin:0; height:250px;}
div.box_clipping div.imagem_clipping { float:left; margin: 0 25px 0 0; width: 200px; text-align:center}
	div.box_clipping div.imagem_clipping img.fotoamplia {border:#e5e5e2 4px solid; margin:auto }
	div.box_clipping div.imagem_clipping a:hover img.fotoamplia {border:#FF9900 4px solid }
div.box_clipping div.texto_clipping { float: left; width: 340px;}
	div.box_clipping div.texto_clipping h2 { margin: 0 0 8px 0; padding:0}
	div.box_clipping div.texto_clipping p { margin: 12px 0; padding:0}