*{margin:0; padding:0;}

html {overflow-y: scroll;}
body {color:#000; height:100%;}
body, input, textarea {font-family: 'PlutoCondRegular', Arial, Helvetica, sans-serif; font-size:12px;}
img {border:0; vertical-align:top;}
a {color:inherit; text-decoration:none;}
a:hover {text-decoration:none;}
:focus {outline:0;}

html, #wrapper {height:100%;}

body > #wrapper {height:auto; min-height:100%; margin:0;}

/* CLEAR FIX*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.show{display: block;}
.hide{display: none;}

.ui-tabs-hide {display:none;}

h1,h2,h3,h4,h5,h6 {font-weight:300; color:#000;}
p {color:#57356d;}

ul, li {list-style:none;} fieldset {border:0;} textarea {resize:none;}

h1, h2 {color:#000;}
h1 {font-size:20px;}
h2 {font-size:16px;}

@font-face {
	font-family: 'PlutoCondRegular';
	src: url('../fonts/plutocondregular.eot');
	src: url('../fonts/plutocondregular.eot') format('embedded-opentype'),
		 url('../fonts/plutocondregular.woff') format('woff'),
		 url('../fonts/plutocondregular.ttf') format('truetype'),
		 url('../fonts/plutocondregular.svg#PlutoCondRegular') format('svg');
}

@font-face {
	font-family: 'PlutoLight';
	src: url('../fonts/plutolight.eot');
	src: url('../fonts/plutolight.eot') format('embedded-opentype'),
		 url('../fonts/plutolight.woff') format('woff'),
		 url('../fonts/plutolight.ttf') format('truetype'),
		 url('../fonts/plutolight.svg#PlutoLight') format('svg');
}

@font-face {
	font-family: 'PopulaireMedium';
	src: url('../fonts/populaire.eot');
	src: url('../fonts/populaire.eot') format('embedded-opentype'),
		 url('../fonts/populaire.woff') format('woff'),
		 url('../fonts/populaire.ttf') format('truetype'),
		 url('../fonts/populaire.svg#PopulaireMedium') format('svg');
}

@font-face {
	font-family: 'PlutoCondBold';
	src: url('../fonts/plutocondbold.eot');
	src: url('../fonts/plutocondbold.eot') format('embedded-opentype'),
		 url('../fonts/plutocondbold.woff') format('woff'),
		 url('../fonts/plutocondbold.ttf') format('truetype'),
		 url('../fonts/plutocondbold.svg#PlutoCondBold') format('svg');
}

	
#wrapper {padding: 0;}

.wrap {width: 940px; margin: 160px auto 0; padding: 1px 0 0; position: relative;z-index: 3}

.header {width: 940px; height: 95px; position: fixed; top:40px; left:50%; margin: 0 0 0 -470px;}
.header .logoGlow {background: url(../images/logoGlow.png) 0 0 no-repeat; width: 409px; height: 235px; position: absolute; top:-60px; left:-95px; z-index: 3;}
.header .logo {background: url(../images/logo.png) top center no-repeat; width: 174px; height: 94px; position:relative; display: block; float:left; z-index: 4;}
.header .menu {font-size:22px; color:#57356d; float:right; margin: 35px 0 0; height: 25px; line-height: 25px; position:relative; z-index: 4;}
.header .menu li {float:left; display: block; width: 115px; text-align: center;}
.header .menu li a:hover, .header .menu li a.hover {font-weight: bold;}
.header .menu.verao {height: 50px; margin: 20px 0 0;}
.header .menu.verao li {font-size:16px; width: 130px; height: 50px;}
.header .menu.verao li a {width: 130px; height: 50px; display: table-cell; vertical-align:middle;}
.header.verao {position: absolute; z-index: 1;}

.logWindow {background: url(../images/bgLogWindow.png) top center no-repeat; width: 217px; height: 230px; position: absolute; top:5px; right:0; z-index: 9; display: none;}
.logWindow h3 {font-size:16px; text-align: center; color:#fff;}
.logWindow.l1 {right: 40px;}
.logWindow.l1 h3 {float:left; margin: 19px 0 0 18px;}
.logWindow.l2 h3 {float:right; margin: 30px 23px 0 0;}
.logWindow .close {float:right; position: absolute; top:10px; right:10px; font-size:25px; line-height: 25px;}
.logWindow form {padding: 110px 0 0 25px; width: 160px;}
.logWindow form input {background: none; border:0; width: 160px; height: 20px;}
.logWindow form #cnpj {display: block; width: 100%; height: 20px;}
.logWindow form #entrar {display: block; width: 70px; margin: 25px 45px; height: 37px; cursor: pointer;}

.wrapHome, .wrapPromocao, .wrapOrange {background: url(../images/bgLaranja.jpg) top center no-repeat fixed; width: 100%; min-height: 1080px;}
.wrapDicas, .wrapProdutos {background: #fff; width: 100%; height: 1080px;}
.wrapContato {background: url(../images/bgAzul.jpg) top center no-repeat; width: 100%; height: 940px;}
.wrapVerao {width: 100%; background: #f6f3e1; min-height: 938px;}

.home, .promocao, .dicas, .produtos, .contato {width: 100%; height: 1079px; padding: 1px 0 0;}
.home {background-image: url(../images/home.png); background-repeat: no-repeat; background-position: center 18px;}

.promocao {text-align: center;}
.promocao img {margin: 180px 0 0;}
.promocao p {}

.dicas {background: url(../images/dica1.jpg) center 180px no-repeat;}
.dicas .msg {width: 550px; margin: 200px 0 0 100px; line-height: 30px; }
.dicas .msg p {color: #575756; font-family: 'PlutoLight'; font-size: 15px; padding: 0 0 0 16px; width: 490px;}
/*.dicas .msg p {font-size:20px; font-family: 'PlutoLight'; color:#575756; padding: 0 0 0 16px;}*/
.dicas .msg b {float:left; display: block; width: 15px; font-size: 27px; line-height: 22px;}

.produtos {}
.produtos h1 {color:#00b4cb; font-size:21px;}
.produtos h2 {background: #01B5CA; color: #FFFFFF; font-size: 15px; height: 30px; line-height: 32px; padding: 0 20px;}
.produtos p {font-size:14px; color:#575756; margin: 0 0 10px; }
.produtos .f16 {font-size:13px;}
.produtos .f17 {font-size:14px;}
.produtos .textBox {margin: 15px;}

.contato {height: 939px;}
.contato form {}
.contato form label {font-family: 'PlutoLight'; float:left; display: block; height: 40px; line-height: 40px; clear:both; font-size:20px; color:#fff; margin: 5px 0 0 0}
.contato form input,
.contato form textarea {font-family: 'PlutoLight'; float:left; display: block; height: 30px; line-height: 40px; clear:both; font-size:20px; border:2px #9c9690 solid; padding: 0 15px;}
.contato form textarea {height: 120px; margin: 0 0 20px}
.contato label.error {float:left; clear:none; height:20px; line-height:20px; font-size:12px; font-weight:700; border:2px #f16048 solid; padding:10px; background-color:#faebe7; color:#df280a; margin: 0 0 0 10px;}
.contato form #nome {width: 680px;}
.contato form #email {width: 350px;}
.contato form textarea {width: 410px;}
.contato #enviar, .contato #limpar {background:none; background-image: url(../images/btnContato.png); border:none; width: 98px; height: 54px; float:left; clear:none; cursor:pointer; margin: 0 40px 0 0;}
.contato #enviar {background-position: top left;}
.contato #limpar {background-position: top right;}

.wrapVerao .verao {width: 850px; padding: 160px 0 0; margin: auto;}
.wrapVerao .verao img {margin: 0 0 20px;}
.wrapVerao .verao p {font-size:16px; color:#575756;}
.wrapVerao .verao #formCnpj {background: url(../images/bgFormCnpj.png) top center no-repeat; width: 450px; height: 57px; margin: 20px auto;}
.wrapVerao .verao #formCnpj #cnpj {background: none; border:0; margin: 25px 0 0 105px; width: 275px; height: 30px;}
.wrapVerao .verao #formCnpj #ok {background: none; border:0; float:right; width: 45px; height: 40px; margin: 16px 2px 0 0; cursor: pointer;}
.wrapVerao .verao #formCnpj label.error {color:#df280a; display: block; margin: 3px 0 0 100px;}

.drogaria {}
.drogaria label {display: block; float:left; clear:left; color:#ee7a22; font-size:20px; margin: 20px 0 0;}
.drogaria input, .drogaria select {display: block; float:left; clear:left; height: 28px; width: 30%; margin: 0 3% 0 0;}
.drogaria select {padding: 5px; width: 100%;}
.drogaria .blk {float:left; width: 32%; margin: 0 3% 0 0;}
.drogaria .blk input {width: 100%; margin: 0;}
.drogaria .blk.last {margin: 0; width: 30%;}
.drogaria .front {clear:none;}
.drogaria #drogaria {width: 50%;}
.drogaria .endereco {width: 67%;}
.drogaria label.error {color:#df280a; display: block; margin: 3px 0 0 0; font-size:14px;}
.drogaria #enviar {background: url(../images/btnEnviarOrange.png) top center no-repeat; border:none; cursor:pointer; width: 146px; height: 76px; margin: 20px 0 0; float:right; clear:none;}

/*#inline1,#inline2, #inline3, #inline4, #inline5, #inline6, #inline7 {display: none;}*/

.descricao {width:620px; display:none;}
.descricao h4,
.descricao h5 {margin:25px 0 0 0; line-height:1em; color:#5e1e79;}
.descricao p {max-width:97%;}

.indent {width: 940px; margin: auto; padding: 190px 0 0; color:#57356d;}
.indent .title {clear:both; overflow: hidden;}
.indent .title img {float:left; margin: 10px 30px 0 0;}
.indent .title h1 {float:left; font-family: 'PopulaireMedium'; font-size:80px; line-height: 80px; color:#57356d; letter-spacing:1px;}
.indent .title p {float:left; font-size:14px;}
.indent h2 {font-size:47px; font-family: 'PopulaireMedium'; color:#57356d; margin: 20px 0 10px;}
.indent form {margin: 30px 0 0; overflow: hidden;}
.indent form label, .indent form input {font-family: 'PlutoLight'; float:left; display: block; height: 30px; line-height: 30px; clear:both; font-size:20px; color:#57356d;}
.indent form label {font-family: 'PlutoCondBold';}
.indent form input {margin: 0 0 15px; border:2px #9c9690 solid; padding: 0 5px; width: 98%;}
.indent form #enviar {background: url(../images/btnContato.png) top left no-repeat; width: 98px; height: 60px; border:0; margin: 0; float:right; padding: 0; clear:none;}
.indent form .error {border:2px #f16048 solid; background-color:#faebe7; color:#df280a;}
.indent form label.error {border:none; background: none; margin: -15px 0 0;}

.newRepresentante {font-size:16px; float:left; display: block; margin: 30px 0 0; text-decoration: underline;}
.newRepresentante:hover {text-decoration: none;}

.cusOverlay {width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 9998; display: none; cursor:pointer;}
.cusDialog {width: 740px; height: 240px; z-index: 9999; background: #09b1ef; position: absolute; top:50%; left:50%; margin: -120px 0 0 -370px; display: none; font-family: 'PopulaireMedium';}
.cusDialog p {width: 740px; height: 240px; display:table-cell; text-align: center; color:#fff; font-size: 55px; vertical-align: middle;}
.cusDialog .closeDialog {background: url(../images/closeDialog.png) top center no-repeat; width: 35px; height: 35px; position: absolute; top:-17px; right:-17px;}

.pro {width: 660px; height: 270px; margin: 0 auto;}


#dialog_premiado{background: url(../images/bg_dialog.jpg) center center; width: 700px; height: 530px; display: none}
#dialog_premiado .titulo{margin: 25px 0 25px 30px; float: left}
#dialog_premiado .titulo .fechar{float: right; margin: 0 0 0 185px; border: 0; cursor: pointer;}
#dialog_premiado .video{margin: 0 0 0 30px; float: left}

.noTitleStuff .ui-dialog-titlebar {display:none}