/* Folha de Estilo Hiphappy */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-attachment: fixed;
	background-color: #EFE4E8;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(imagens/bg_rosa.jpg);
}
#conteudo {
	min-height: 500px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#conteudo_interno {
	min-height: 500px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top:15px;
}

#site {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#topo {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#rodape {
	height: 75px;
	background-image: url(imagens/rodape.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 0px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#dv_news {
	position:absolute;
	width:272;
	height:124;
	z-index:1;
	margin: 0px;
	padding: 0px;
	right: 40px;
	top: 220px;
	visibility: visible;
}
#dv_cadastro {
	position:absolute;
	width:430;
	height:75;
	z-index:1;
	margin: 0px;
	padding: 0px;
	right: 40px;
	visibility: visible;
	top: 10px;
}
#campo_busca {
	font-size: 12px;
	color: #FFFFFF;
}
#form_news {
	margin: 0px;
	padding: 0px;
}
#news_email {
	font-size: 10px;
	color: #57042D;
}
h1 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	height: 27px;
	width: 305px;
	background-image: url(imagens/bg_titulo.png);
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	height: 27px;
	width: 555px;
	background-image: url(imagens/bg_titulo_interna.png);
	background-repeat:no-repeat;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
a {
	text-decoration: none;
	color:#0067CE;
}
a:hover {
	text-decoration: underline;
}
.format_conteudo {
	margin: 10px;
	padding: 10px;
}
.alinha_direita {
	float: right;
	margin-left: 20px;
}
.bg_destaques {
	background-image: url(imagens/bg_destaques.png);
	margin: 0px;
	height: 300px;
	width: 850px;
	padding-top: 11px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: center top;
}
.bg_destaques2 {
	background-image: url(imagens/bg_destaques2.png);
	margin: 0px;
	height: 183px;
	width: 520px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
}
.bg_destaques3 {
	background-image: url(imagens/bg_depoimentos.png);
	height: 198px;
	width: 375px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	background-repeat: no-repeat;
	background-position: center top;
}
.bg_destaques4 {
	background-image: url(imagens/bb_rodape.png);
	height: 160px;
	width: 430px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	float: left;
	margin: 0px;
	background-repeat: no-repeat;
	background-position: center top;
}
.bg_destaques5 {
	height: 160px;
	float: left;
	margin: 0px;
	padding: 5px;
	padding-left:0px;
	background-repeat: no-repeat;
	background-position: center top;
	width: 490px;
}
.clear {
	padding: 2px;
	clear: both;
}
.alinha_destaques {
	margin: 10px;
	padding: 0px;
	float: left;
}
.fonte_branca {
	color: #FFFFFF;
}
.fontemagenta {
	color: #BC1169;
}

.on{display:block;}.off{display:none;}

.clear { clear:both; }
/* CSS Document */

.titulo12b  {
font: bold 12px Arial, Helvetica, sans-serif;
color:#333333;
}

.titulo12b a  {
color:#333333;
text-decoration:none;
}
.titulo12b a:hover  {
color:#333333;
text-decoration: underline;
}

.data11b {
font: bold 11px Arial, Helvetica, sans-serif;
color:#BF0004;
}

.baixaovermais {
font: bold 11px Arial, Helvetica, sans-serif;
color:#BF0004;
text-align:right;
}

.baixaovermais a {
color:#BF0004;
text-decoration:underline;
}

.baixaovermais a:hover {
color:#BF0004;
text-decoration: none;
}

.titulo16ver {
font: bold 16px Arial, Helvetica, sans-serif;
color:#BF0004;
}

.titulo16ver a {
color:#BF0004;
text-decoration:none;
}

.titulo16ver a:hover {
color:#BF0004;
text-decoration: underline;
}

.link12 {
font: bold 12px Arial, Helvetica, sans-serif;
color:#666666;
}

.link12 a {
font: bold 12px Arial, Helvetica, sans-serif;
color: #666666;
text-decoration:none;
}
.link12 a:hover {
font: bold 14px Arial, Helvetica, sans-serif;
color:#CE0000;
text-decoration: none;
}

.link13 {
font: bold 13px Arial, Helvetica, sans-serif;
color:#CE0000;
}

.link13 a {
font: bold 13px Arial, Helvetica, sans-serif;
color:#CE0000;
text-decoration: none;
}
.link13 a:hover {
font: bold 13px Arial, Helvetica, sans-serif;
color:#333;
text-decoration: underline;
}

.texto10 {
font: normal 10px Arial, Helvetica, sans-serif;
color:#333333;
}

.texto11 {
font: normal 11px Arial, Helvetica, sans-serif;
color:#333333;
}

.texto12 {
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
}
.texto13 {
font: normal 13px Arial, Helvetica, sans-serif;
color:#333333;
}
.texto14{
font: normal 14px Arial, Helvetica, sans-serif;
color:#333333;
}
.texto15{
font: normal 15px Arial, Helvetica, sans-serif;
color:#333333;
}

.titulo20bol {
font: bold 20px Arial, Helvetica, sans-serif;
color:#CE0000;
}
.titulo20bolpre {
font: bold 20px Arial, Helvetica, sans-serif;
color:#000;
}

.titulo16tre {
font:  normal 16px "Trebuchet MS";
color:#333333;
}


.on{display:block;}.off{display:none;}


#produto_foto{
margin-bottom:10px;
margin-top:5px;
border:#CCCCCC 1px solid;
width:180px;
height:200px;
background:#EAEAEA;
}
.produto_foto{
margin-bottom:10px;
margin-top:5px;
border:#CCCCCC 1px solid;
width:180px;
height:150px;
}

.mostragem_produto{
width:60px;
height:89px;
}
.texto_produto{
width:136px;
height:27px;
margin-top:20px;

}
.veja_mais{
top:auto;
margin-top:8px;
width:66px;
height:14px;
float:left;
background:url(imagens/veja_mais.jpg);
}
.comprar{
top:auto;
margin-top:8px;
width:66px;
height:14px;
float: right;
background: url(imagens/comprar.jpg)
}
#promocao{
width:181px;
float: right;
height:536px;
margin-right:10px;
}
.itens_promocao{
width:189px;
height:374px;
margin-right:10px;
background-image:url(imagens/fundo_promocao.jpg);
}
.titulo{
width:181px;
height:30px;
margin-right:10px;
background-image: url(imagens/promocoes3.jpg);    

}
#imagem{
width:150px;
height:155px;
background:#FFFFFF;
margin:0 auto;
}
.foto_promocao{
top:auto;
margin:0 auto;
width:60px;
height:89px;
}

.texto2_promocao{
width:136px;
height:27px;
margin:0 auto;
color:#CCCCCC;
 
}

.veja_mais_promocao{
top:auto;
margin-top:20px;
width:66px;
height:14px;
float:left;
background:url(imagens/veja_mais.jpg);
}

.comprar_promocao{
top:auto;
margin-top:20px;
width:66px;
height:14px;
float: right;
background: url(imagens/comprar.jpg)
}

.banners{
width:200px;
height:156px;
margin:auto;

background: url(imagens/banner_005.jpg) no-repeat; 
}
.rodape{
width:924px;
height:50px;
margin:0 auto;
top:auto;
background:url(imagens/rodape.jpg);
}


   
.fields_busca {
font: bold 12px "Trebuchet MS";
color:#333333;
background:#FFFFFF;
border: #7BC8F5 1px solid;
width:418px;
height:18px;
}
.fields_texto {
font: bold 12px "Trebuchet MS";
color:#333333;
background:#FFFFFF;
border: #7BC8F5 1px solid;
height:18px;
}
.botform {
font: bold 13px "Trebuchet MS";
border: #7BC8F5 1px solid;
background:#F5F5F5;
height:22px;
}


.ari9 {
font: bold 9px Arial, Helvetica, sans-serif;
color:#333333;
}

.titulogrna25 {
font: bold 25px Arial, Helvetica, sans-serif;
color:#000000;
}
.ar12 {
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
}

.ar12 a, .ar12 a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}

.ar12 a:hover {
color:#333333;
text-decoration: underline;
}

.ar16bol {
font: bold 16px Arial, Helvetica, sans-serif;
color:#333333;
}
.ar13bolaz {
font: bold 13px arial,helvetica,clean,sans-serif;
color:#00169C;
}
.ar13bolaz a, .ar13bolaz a:visited  {
font: bold 13px arial,helvetica,clean,sans-serif;
color:#00169C;
text-decoration:none;
}
.ar13bolaz a:hover{
color:#00169C;
text-decoration: underline;
}
.tarho10 {
font: normal  10px "Tahoma";
color:#333333;
}
.ar13bolbre {
font: bold 13px Arial, Helvetica, sans-serif;
color:#333333;
}
.ar12pre {
font: bold 12px arial,helvetica,clean,sans-serif;
color:#000000;
}
.ar18pre {
font: bold 18px arial,helvetica,clean,sans-serif;
color:#0030A0;
}
.ar18pre a, .ar18pre a:visited {
font: normal 18px arial,helvetica,clean,sans-serif;
color:#0030A0;
text-decoration:none;
}

.ar18pre a:hover {
color:#0030A0;
text-decoration: underline;
}

.ar15az {
font: bold 15px arial,helvetica,clean,sans-serif;
color:#2840A6;

}



.ar25pre {
font: bold 25px arial,helvetica,clean,sans-serif;
color:#0030A0;
}

.ar15az a, .ar15az a:visited {
font: bold 15px arial,helvetica,clean,sans-serif;
color:#2840A6;
text-decoration:none;
}
.ar15az a:hover {
color:#2840A6;
text-decoration: underline;
}
.cloudtags {
font-family: "Tahoma";
color:#000000;
}

.cloudtags a {
font-family: "Tahoma";
color:#000000;
}
.cloudtags a:hover {
font-family: "Tahoma";
color:#000000;
text-decoration:underline;
}


.ar11oragen {
font: bold 12px "Trebuchet MS";
color: #003366;
}
.ar11oragen a, .ar11oragen a:visited  {
font: bold 12px "Trebuchet MS";
color:#003366;
text-decoration:none;
}
.ar11oragen a:hover {
font: bold 12px "Trebuchet MS";
color:#003366;
text-decoration: underline;
}
.ar11pre {
font: bold 11px Arial, Helvetica, sans-serif;
color:#333;
}

.ar11pre a, .ar11pre a:visited  {
font: bold 11px Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
}
.ar11pre a:hover{
font: bold 11px Arial, Helvetica, sans-serif;
color:#333;
text-decoration: underline;
}
.artitulo18 {
font: bold 18px Arial, Helvetica, sans-serif;
color:#333333;
}
.textoar11 {
font: normal 11px Arial, Helvetica, sans-serif;
color:#333333;
}

.tre15bol {
font: bold 15px "Trebuchet MS";
color:#25156E;
}
.ft1 { font-family: arial; font-size: 12px; color: #333333;}
.ft1 a { font-family: arial; font-size: 12px; color: #333333;}

.ft2 {  font-family: arial; font-size: 14px; color: #333333; }
.ft2 a{  font-family: arial; font-size: 14px; color: #333333; }

.ft3 {  font-family: arial; font-size: 18px;  color: #333333;}
.ft3 a{  font-family: arial; font-size: 18px;  color: #333333;}

.ft4 {  font-family: arial; font-size: 20px;  color: #333333;}
.ft4 a{  font-family: arial; font-size: 20px;  color: #333333;}



.texto10 {
font: normal 10px "Trebuchet MS";
color:#333333;
}

.texto11 {
font: normal 11px "Trebuchet MS";
color:#333333;
}
.texto12 {
font: normal 12px "Trebuchet MS";
color:#333333;
}
.texto13 {
font: normal 13px "Trebuchet MS";
color:#333333;
}
.texto14 {
font: normal 14px "Trebuchet MS";
color:#333333;
}
.texto15 {
font: normal 15px "Trebuchet MS";
color:#333333;
}
.texto16 {
font: normal 16px "Trebuchet MS";
color:#333333;
}
.texto17 {
font: normal 17px "Trebuchet MS";
color:#333333;
}
.texto18 {
font: normal 18px "Trebuchet MS";
color:#333333;
}
.texto19 {
font: normal 19px "Trebuchet MS";
color:#333333;
}
.texto20 {
font: normal 20px "Trebuchet MS";
color:#333333;
}

.texto20ver {
font: normal 20px "Trebuchet MS";
color: #840000;
}

.texto10b {
font: bold 10px "Trebuchet MS";
color:#333333;
}

.texto11b {
font: bold 11px "Trebuchet MS";
color:#333333;
}
.texto12b {
font: bold 12px "Trebuchet MS";
color:#333333;
}
.texto13b {
font: bold 13px "Trebuchet MS";
color:#333333;
}
.texto14b {
font: bold 14px "Trebuchet MS";
color:#333333;
}
.texto15b {
font: bold 15px "Trebuchet MS";
color:#333333;
}
.texto16b {
font: bold 16px "Trebuchet MS";
color:#333333;
}
.texto17b {
font: bold 17px "Trebuchet MS";
color:#333333;
}
.texto18b {
font: bold 18px "Trebuchet MS";
color:#333333;
}
.texto19b {
font: bold 19px "Trebuchet MS";
color:#333333;
}
.texto20b {
font: bold 20px "Trebuchet MS";
color:#333333;
}

.paginacao {
font:  bold 14px "Trebuchet MS";
color:#333333;
border:#008CDE 1px solid;
padding:3px;
background:#F7F7F7;
margin:5px;
}

.paginacao2 {
font:  bold 14px "Trebuchet MS";
color:#666;
border:#CCCCCC 1px solid;
padding:3px;
background:#F7F7F7;
margin:5px;
}
#post {
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
}
#post img {
margin:3px;
border:none;
}
.texto13blu {
font: normal 13px "Trebuchet MS";
color:#0030A0;
}
.texto13blu a, .texto13blu a:visited {
font: normal 13px "Trebuchet MS";
color:#0030A0;
text-decoration:none;
}

.texto13blu a:hover{
font: bold 13px "Trebuchet MS";
color:#0030A0;
text-decoration: underline;
}

.titulomenu {
font: bold 20px Arial, Helvetica, sans-serif;
color:#333;
}

.descricao11norm {
font: normal 11px "Trebuchet MS";
color:#0080C0;
}

.thumbjorn {
border: #CCCCCC 3px double;
background:#FFFFFF;
padding:3px;
}

.text_preco {
font: bold 11px Arial, Helvetica, sans-serif;
color:#CA0000;
}

#lista_imagens {
width: 260px;
text-align:center;
}

#lista_imagens .lista_fotos {
width:100px;
margin:10px;
float:left;
}
.lista_fotos img {
border:#E8E8E8 1px solid;
}
.clear {
clear:both;
}


.titulo12bran, .titulo12bran a {
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
}


.titulo12bran a:hover {
font: bold 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:underline;
}


.titulo14bran, .titulo14bran a {
font: bold 14px Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration:none;
}


.titulo14bran a:hover {
color: #FFFFFF;
text-decoration:underline;
}

table.bordasimples {border-collapse: collapse;}

table.bordasimples tr td {border:1px solid #E2E2E2;}




.erro_msg {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#333333;
padding:10px;
border: #CC0000 1px dotted;
background:#FFE8E8;
}


.sub {
width:208px;
}

.sub ul {
margin:0px;
padding:0px;
list-style:none;
margin-left:20px;
margin:0px;
}

.sub ul li {
list-style:none;
margin:0px;
}

.sub li a {
display:block;
font: bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-bottom:5px;
text-decoration:none;
padding:3px 3px 3px 15px;
}

.sub li a:hover {
background:#BC1169;
}

.tpagina {
font: bold 18px Arial, Helvetica, sans-serif;
color:#FFF;
padding-left:20px;
line-height:34px;
height:34px;
background:url(imagens/bg_titulopagina.jpg) repeat-x;
border:#EA1C88 1px solid;
}
.conteudo_titulo {
background: #FFFFFF url(imagens/bg_conteudotitulo.png) top left repeat-x;
border: #FACFE6 1px dotted;
border-top:none;
padding:3px;
padding-top:10px;
}

.lista_voltar {
font: bold 14px Arial, Helvetica, sans-serif;
color:#0067CE;
margin-bottom:10px;
}

.lista_voltar a {
font: bold 14px Arial, Helvetica, sans-serif;
color:#0067CE;
text-decoration:none;
}

.lista_voltar a:hover {
font: bold 14px Arial, Helvetica, sans-serif;
color:#0067CE;
text-decoration: underline;
}


.galeria_borda {
background:#FFCCFF;
width:112px;
height:77px;
float:left;
margin:1px;
padding:4px;
}


.tooltip {
	display:none;
	background:transparent url(js/tooltip/white_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#333;	
}


#makeMeScrollable {
width:803px;
}

#wrapper {
    width: 800px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 790px;
    margin: 0 auto;
    position: relative;
}

.scroll {
width:790px;
	overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
}


.inside {
	padding: 10px;
	border: 1px solid #999;
}


.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}


.scrollButtons {
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
}

.scrollButtons.right {
}

.hide {
    display: none;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	width:199px;
	height:111px;
	text-align:center;
	background:url(imagens/tooltip.png) no-repeat;
	padding:10px;
	opacity: 0.85;
	padding-right:10px;
}
#tooltip h3, #tooltip div { margin: 0; }


/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/    
.menu-hv, .menu-vv { position: relative; margin: 0; padding: 0; display: block; zoom: 1;}
	.menu-hv * ,    .menu-vv * { margin: 0; padding: 0 ; list-style: none}
	.menu-hv li ,   .menu-vv li { position: relative; line-height: 1.2em; vertical-align: top }
	.menu-hv a { display: block; zoom: 1; line-height: 1.2em }
	.menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden  }
	.menu-hv li:hover ul,  .menu-vv li:hover ul,
	.menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible }
	.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
	.menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
	.menu-hv li li:hover ul,  .menu-vv li li:hover ul,
	.menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible }
	.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
	.menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden }
	.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
	.menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible }
	/* características horizontal-vertical */
	.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
	.menu-hv li { float: left; }		
	.menu-hv li ul li { float: none; }
	.menu-hv li ul li ul { position: absolute; left: 100%; top: 0; }
	/* características vertical-vertical */
	.menu-vv { float: left; }	
	.menu-vv li ul { background:#EE469E; left: 100%; top: 0; }
	/* ****************************************
	  ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
	  ou apague as linhas se for definir em outro lugar
	*/
	.menu-hv li { width: 100px; background-color: yellow }
	.menu-vv li { width: 208px;  }
	.menu-hv li ul li a:hover { background:#BC1169; }
	.menu-hv li a:hover, .active { background:#BC1169; }
	.menu-vv li a { 
display:block;
font: bold 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-bottom:5px;
text-decoration:none;
padding:3px 3px 3px 15px;
}
	.menu-vv li a:hover { background:#BC1169; }
.lista_conteudo {
font: normal 12px Arial, Helvetica, sans-serif;
color:#333333;
margin-bottom:15px;
padding-bottom:5px;
}

.lista_conteudo span {
font: bold 16px Arial, Helvetica, sans-serif;
color:#333333;
}

.lista_conteudo span a {
font: bold 16px Arial, Helvetica, sans-serif;
color: #0099CC;
text-decoration: none;
}

.lista_conteudo span a:hover {
font: bold 16px Arial, Helvetica, sans-serif;
color:#333;
text-decoration: underline;
}
.lista_conteudo a {
font: normal 12px Arial, Helvetica, sans-serif;
color: #333;
text-decoration:none;
}
.lista_conteudo a:hover {
color: #333;
text-decoration: underline;
}

.clear {
clear: both;
}


h3 {
font: bold 25px Arial, Helvetica, sans-serif;
color:#333333;
}

#noticia {
font:  normal 14px Arial, Helvetica, sans-serif;
color:#333333;
}
.bot {
width:95%;
margin: 0 auto;
margin:10px;
font: bold 18px Arial, Helvetica, sans-serif;
}