@charset "utf-8";
/* CSS Document */

@font-face {font-family: 'HelveticaNeue'; src: url('HelveticaNeueLTStd-Lt-0.eot') format('eot'), url('HelveticaNeueLTStd-Lt.woff') format('woff'), url('HelveticaNeueLTStd-Lt.ttf')  format('truetype');}
@font-face {font-family: 'HelveticaNeue'; font-weight: bold; src: url('HelveticaNeue-Medium-0.eot') format('eot'), url('HelveticaNeue-Medium.ttf') format('woff'), url('HelveticaNeue-Medium.woff')  format('truetype');}	

body { margin:0; background:#efefef; font:normal 13px/16px Tahoma, Geneva, sans-serif;}
img {border:none}
a {outline:none}
.fale-conosco .termo { color: #105B3D; }

#menu { position: fixed; top:22px; left:50%; margin-left:-490px; z-index:5; width:171px;}
#menu h1 { display:inline;}
#menu h1 a { display:block; width:177px; height:209px; margin:0 0 15px -5px; background:url(../img/logo.png) no-repeat; overflow:hidden; text-indent:-9999px;}
#menu ul { list-style:none; padding:5px 18px; margin:0; background:url(../img/menu-bg.gif) repeat-x #165d2f; border:2px solid #bdd1cb; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#menu ul li { padding:10px 0; margin:0; border-bottom:1px solid #34684d; border-top:1px solid #50866a;}
#menu ul li.start { border-top:none;}
#menu ul li.end { border-bottom:none;}
#menu ul li a { display:block; margin-left:-17px; padding-left:17px; color:#fff; text-decoration:none; text-shadow:-1px -1px 0 #1f4330; font:normal 16px Arial, Helvetica, sans-serif;}
#menu ul li a:hover {color:#faff00; }
#menu ul li.active a { color:#faff00; background:url(../img/menu-ico-active.gif) no-repeat left center;}
#menu #conheca { display:block; margin-top:10px; padding:5px; text-align:center; color:#005030; text-decoration:none; background:#fff; filter: alpha(opacity=80); text-shadow:1px 1px 0 #f0f2f1; background:#cdd5d1;  font:normal 16px Arial, Helvetica, sans-serif;}
#menu #conheca:hover {background:#bac8bb;}

div.page {  min-width:978px; margin:0 auto; height:800px; position:relative;}
div.page .wrapper { width:978px;  margin:0 auto; height:800px; position:relative;}
div.page .container { width:780px; float:right; padding-top:32px;}

.breadcrumb { font-size:11px; color:#2b9365; font-family:Tahoma, Geneva, sans-serif; padding-bottom:48px;}
.breadcrumb strong { font-weight:normal; color:#034934;}

#pagina-inicial { background:url(../img/pagina-inicial-bg.jpg) no-repeat center top #294634;}
#pagina-inicial #img-produto { position:absolute; bottom:-65px; left:50%; margin-left:-50%; width:100%; height:674px; background:url(../img/pagina-inicial-produto.png) no-repeat top center;}
#pagina-inicial #gotas-grupo-1 { position:absolute; width: 57px; height:104px; background:url(../img/gotas-grupo1.png) no-repeat; top:10px; left:490px; z-index:99}
#pagina-inicial #gotas-grupo-2 { position:absolute; width: 696px; height:161px; background:url(../img/gotas-grupo2.png) no-repeat; top:175px; left:160px; z-index:99}
#pagina-inicial #gotas-grupo-3 { position:absolute; width: 901px; height:310px; background:url(../img/gotas-grupo3.png) no-repeat; top: 523px; left:130px; z-index:99}
#pagina-inicial .box-title { position:absolute; z-index:2; top:100px; right:-130px; font: normal 32px/34px HelveticaNeue, Arial, sans-serif; color:#37721e; background:url(../img/pagina-inicial-bg-titulo.png) repeat-y; padding:10px 340px 10px 15px;}
#pagina-inicial .box-apresentacao { position:absolute; z-index:120; top:340px; left:615px; }
#pagina-inicial .box-apresentacao h1 { display:block; width:337px; height:146px; background:url(../img/pagina-inicial-nome-produto.png) no-repeat; text-indent:-999px; overflow:hidden; margin:0 0 30px 0;}
#pagina-inicial .box-apresentacao ul { list-style:none; display:block; margin:0; padding:0;}
#pagina-inicial .box-apresentacao ul li {width:167px; float:left; margin-right:20px; text-transform:uppercase; color:#faff00; font:normal 14px HelveticaNeue, Arial, sans-serif;}
#pagina-inicial .box-apresentacao ul li a { font:bold 11px HelveticaNeue, Arial, sans-serif; color:white; text-decoration:none; text-transform:uppercase; display:block; padding:5px; border:1px solid white; text-align:center; margin-top:10px }
#pagina-inicial .box-apresentacao ul li a:hover { color:#faff00; border-color:#fbff00}
#pagina-inicial .texto-legal { color:#a3a3a3; font-size:9px; margin-top:30px; line-height:normal; padding-right:50px;}
#pagina-inicial .addthis_toolbox { position:absolute; top:30px; right:0; width:280px;}
#pagina-inicial .addthis_toolbox span.compartilhe {display:block; width:85px; float:left; color:#ADC9AB;}
#pagina-inicial .addthis_toolbox a { display:inline-block; float:left; margin-right:10px;}

#produtos { }
/*#produtos .bg-bottom {height:800px; background:url(../img/produtos-bg-bottom.jpg) no-repeat center bottom;}*/
#produtos .list-produto { width:230px; float:left; margin:0 30px 30px 0;}
#produtos .list-produto h3 { margin:-10px 0 0 0; text-transform:uppercase; color:#2b9365; font:bold 11px HelveticaNeue, Arial, sans-serif;}
#produtos .list-produto h2 { margin:0; text-transform:uppercase; color:#2b9365; font:bold 17px HelveticaNeue, Arial, sans-serif;}
#produtos .list-produto p { color:#666; margin:5px 0; width:200px;}
#produtos .list-produto .saiba-mais { display:inline-block; margin-top:10px; border:1px solid #2b9365; padding:5px; text-decoration:none; font:bold 12px/12px HelveticaNeue, Arial, sans-serif; color:#2b9365; text-transform:uppercase;}
#produtos .list-produto .saiba-mais:hover { border-color:#00512d; color:#00512d}
#produtos #chamada-formula { position:relative; height:320px;}
#produtos #chamada-formula h2 { text-transform:none; color:#044934; font-size:32px; line-height:37px; font-weight:normal; margin-top:20px;}
#produtos #chamada-formula .saiba-mais { color:#71adc5; border-color:#71adc5; margin-top:20px; position:relative; z-index:2;}
#produtos #chamada-formula .saiba-mais:hover { border-color:#00512d; color:#00512d}
#produtos #chamada-formula img { position:absolute; bottom:0; left:-30px;}

#empresa { background:url(../img/hidra-fix-bg.jpg) no-repeat center bottom #eee; color:#fff; font-family: Tahoma, Arial, sans-serif;}
#empresa #wrapper {}
#empresa h2 { font:normal 40px/44px HelveticaNeue, Arial, sans-serif; color:#044934; margin:10px 0;}
#empresa .os-cientistas { font-size:18px; line-height:26px; margin-top:30px; border-bottom:1px solid #fff; padding-bottom:15px;}
#empresa .por-que { font-size:16px; margin-bottom:10px;}
#empresa ul { list-style:none; font-size:16px; line-height:24px; margin:0; padding:0;}
#empresa ul li { padding-left:20px; }
#empresa .player-video { position:absolute; top:473px; left:210px; text-align:center; font:bold 16px/18px Tahoma, Arial, sans-serif; z-index:4}
#empresa .probiotico { height:165px; width:230px; background:url(../img/probiotico.png) no-repeat; position:absolute; right:70px; top:482px; padding-top:70px; padding-left:170px; font-family:Tahoma, Geneva, sans-serif; z-index:4}
#empresa .probiotico strong { font-size:15px;}
#empresa #grid { width:832px; height:273px; background:url(../img/grid.png); position:absolute; z-index:2; top:450px; left:130px;}
#empresa .texto-legal { position:absolute; right:0px; bottom:30px; color:#e6f1e6; font-size:9px; font-family:Tahoma, Geneva, sans-serif;}

#mineracao { background:url(../img/mineracao-bg.jpg) no-repeat center top #045625; border-top:1px solid #f0f0f0;}
#mineracao h2 { font:normal 40px/44px HelveticaNeue, Arial, sans-serif; color:#fff; margin:10px 0; border-bottom:1px solid #fff; padding-bottom:15px;}
#mineracao p.desc {font-size:18px; line-height:26px; color:#fff; width:325px; margin:30px 0 50px;}
#mineracao .camp-mulher {background:url(../img/img-camp-mulher.png) no-repeat; width:562px; height:495px; position:absolute; right:-118px; bottom:-15px; z-index:1;}
#mineracao .item {float:left; margin-right:35px; text-align:center;}
#mineracao .item a {display:block; text-align:center; margin-bottom:20px;}
#mineracao .item a.btn { display:inline; border:1px solid #d0d4d1; padding:5px; text-decoration:none; font:bold 12px/12px HelveticaNeue, Arial, sans-serif; color:#d0d4d1; text-transform:uppercase;}
#mineracao .item a.btn:hover { border-color:#fff; color:#fff;}

.fale-conosco { background:url(../img/fale-conosco-bg.gif); border-top:1px solid #efefef;}
.fale-conosco .bg-top { height:800px; background:url(../img/fale-conosco-bg-top.gif) repeat-x;}
.fale-conosco h2 { text-transform:uppercase; font:normal 40px HelveticaNeue, Arial, sans-serif; color:#005030; margin:10px 0 0 0;}
.fale-conosco .texto { font:normal 16px/26px Tahoma, Arial, sans-serif; margin:0; color:#666;}
.fale-conosco .texto span { font-size:14px; color:#999;}
.fale-conosco #packshot { position:absolute; top:90px; right:0;}
.fale-conosco form { display:block; border-top:1px solid #d8d8d8; margin-top:60px;}
.fale-conosco form label { display:block; color:#7d7d7d; font-family:Tahoma, Geneva, sans-serif; font-size:15px; padding:15px 0 5px 0;}
.fale-conosco hr { border:none; height:1px; border-top:1px solid #d8d8d8; color:#d8d8d8; margin:20px 0 10px 0;}
.fale-conosco .enviar { border:1px solid #bad0c6; color:#00512f; padding:5px; text-decoration:none; float:right; background:url(../img/bg-btn-enviar.gif) repeat-x; text-shadow:1px 1px 0 #eef4ec;}
.fale-conosco .enviar:hover { text-shadow:none; background:url(../img/bg-btn-enviar-hover.gif) repeat-x}
.fale-conosco .input { border:1px solid #bcce78; padding:5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:352px; color:#005030; font-size:15px; font-family:Tahoma, Geneva, sans-serif;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(239,244,237)),
		color-stop(0.5, rgb(252,253,252))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(239,244,237) 0%,
		rgb(252,253,252) 50%
	);
}
.fale-conosco .col1 .input { width:162px;}
.fale-conosco .col2 .input { width:162px;}
.fale-conosco textarea { width:324px !important; height:100px;}
.fale-conosco form span { color:#105b3d;}
.fale-conosco .input:focus { background:#fff; border-color:#005030; outline-width:0;}
.fale-conosco .input.error {background:#fff; border:1px solid #e31936;}
.fale-conosco .labelError { color:#F00}
.fale-conosco #msg-error.error, .fale-conosco #msg-error-cadastro.error { color:#e31936; font-weight:bold;}
.fale-conosco .msg { position:absolute; left:198px; width:660px; top:624px; color:#666;}

#footer { height:80px; background:url(../img/footer-bg.jpg) no-repeat top center #357931; color:#adc9ab; position:relative; z-index:99;}
#footer .wrapper {width:978px;  margin:0 auto; padding:30px 0; position:relative;}
#footer a { color:#adc9ab; text-decoration:none;}
#footer a:hover {text-decoration:underline}
#footer .logo-rodape { width:102px; height:38px; background:url(../img/logo-radape.png) no-repeat; overflow:hidden; text-indent:-9999px; position:absolute; top:20px; right:0;}
#footer .addthis_toolbox { position:absolute; top:28px; left:50%; margin-left:-140px; width:280px;}
#footer .addthis_toolbox span.compartilhe {display:block; width:85px; float:left;}
#footer .addthis_toolbox a { display:inline-block; float:left; margin-right:10px;}

div#conteudo-lightbox { width:738px; height:406px; padding:11px; overflow:hidden; background:url(../img/produtos/bg-lightbox.jpg) no-repeat; position:relative;}
div#conteudo-lightbox img { position:absolute; top:30px; left:60px;}
div#conteudo-lightbox .container { position:absolute; top:60px; left:380px; width:350px;}
div#conteudo-lightbox h3 { text-transform:uppercase; margin:0 0 3px 0; font:normal 30px/30px HelveticaNeue, Arial, sans-serif;}
div#conteudo-lightbox h4 { color:#2b9365; text-transform:uppercase; font:normal 16px Arial, sans-serif; margin:0 0 20px 0;}
div#conteudo-lightbox .container ul { list-style:none; padding:0; margin:0;}
div#conteudo-lightbox .container ul li { margin-bottom:20px; font:normal 15px/19px Tahoma, Arial, sans-serif; color:#666; padding-left:12px; background:url(img/bullet-escuro.png) no-repeat 0 4px;}
div#conteudo-lightbox #navega { list-style:none; margin:0; padding:0; display:inline; position:absolute; bottom:22px; left:310px;}
div#conteudo-lightbox #navega li { display:inline; position:relative; display:inline-block; width:11px; height:11px;  margin:7px;  }
div#conteudo-lightbox #navega li a { display:block; width:11px; height:11px; background: url(img/bullet-navegacao.png) no-repeat; overflow:hidden; text-indent:-999px;}
div#conteudo-lightbox #navega li.active a { background-position: -11px 0;}
div#conteudo-lightbox #navega li div { width:70px; height:85px; background:url(../img/produtos/tooltip.png); position:absolute; top:-90px; left:-30px; display:none;}
div#conteudo-lightbox #navega .manga { background-position: -70px 0;}
div#conteudo-lightbox #navega .cacau { background-position: -140px 0;}
div#conteudo-lightbox #navega .mel { background-position: -210px 0;}
div#conteudo-lightbox #navega .aloevera { background-position: -280px 0;}

#termos-lightbox { width:700px; height:378px; background:url(../img/bg-termos.jpg) no-repeat; padding:35px;}
#termos-lightbox h3 { text-transform:uppercase; margin:0 0 15px 0; font:normal 30px HelveticaNeue, Arial, sans-serif; color:#105B3D;}
#termos-lightbox .scroll { margin:0 15px 20px 0; padding-right:15px; overflow:scroll; overflow-y:auto; overflow-x:hidden; height:320px;}
#termos-lightbox a { color:#105B3D;}

div#hidrafix-lightbox { width:640px; height:308px; padding:60px; overflow:hidden; background:url(../img/produtos/bg-lightbox.jpg) no-repeat; position:relative;}
div#hidrafix-lightbox h3 { text-transform:uppercase; margin:0 0 20px 0; font:normal 34px HelveticaNeue, Arial, sans-serif;}
div#hidrafix-lightbox .container ul { list-style:none; padding:0; margin:0 0 0 30px;}
div#hidrafix-lightbox .container ul li { margin-bottom:10px; font:normal 15px/19px Tahoma, Arial, sans-serif; color:#666; padding-left:12px; background:url(../img/bullet-escuro.png) no-repeat 0 4px;}

#campanha-lightbox { width:700px; height:408px; background:url(../img/bg-termos.jpg) no-repeat; padding:20px 35px; text-align:center;}

/*classes gerais*/
.radius {-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.at15t_orkut { width:105px !important; height:20px !important; background:url(../img/orkut.gif) no-repeat !important; float:left}
.at15t_twitter { width:55px !important; height:20px !important; background:url(../img/twitter.gif) no-repeat !important; float:left}
.addthis_button_facebook_like{float:left; display:block; width:50px;}
.clearfloat { clear:both;}
.side-left { width:366px; float:left;}
.side-left .col1 { width:176px; float:left;}
.side-left .col2 { width:176px; float:right;}
.side-right { width:365px; float:right;}
.side-right .col1 { width:176px; float:left;}
.side-right .col2 { width:176px; float:right;}
/* Localized */