*{margin:0; padding:0; list-style:none; border:none; outline:none; font-family:arial;}

html{overflow:hidden;}

html, body{height:100%;}

body{background:#fff7e0;}

.txt-right{text-align:right;}

#global{position:relative; min-width:980px; width:100%; height:100%; background:#fdb337 url(../img/bg.gif) repeat-x 0 center;}
#fix-bg-mel{position:absolute; top:50%; left:0; min-width:980px; width:100%; height:700px; margin:-320px 0 0 0; background:url(../img/mel.jpg) no-repeat center bottom; z-index:50;}
#container{position:absolute; top:50%; left:0; min-width:980px; width:100%; height:700px; margin:-340px 0 0 0; z-index:100;}
#fix-position{position:relative; width:980px; min-height:514px; margin:0 auto;}
#content{position:absolute; left:0; top:50%; width:980px; height:525px; margin:-267px 0 0 0; background:url(../img/base.jpg) no-repeat right 124px;}
* html #content{margin:-10px 0 0 0;}

h1{position:absolute; left:7px; top:50px; width:234px; height:100px; background:url(../img/logo-ccg.png) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
* html h1{background:url(../img/logo-ccg.gif) no-repeat 0 0; left:30px;}
h1 a{float:left; width:100%; height:100%;}
h2.logo-promo{position:absolute; left:12px; top:160px; width:296px; height:51px; background:url(../img/logo-estacao-mel-glossy.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}
h3.link-site-ccg{position:absolute; right:40px; top:110px;}
	h3.link-site-ccg a{color:#eb6e2f; font-size:10px; text-decoration:none; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
	h3.link-site-ccg a:hover{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}
h4{position:absolute; left:33px; top:228px; color:#eb6e2f; font-size:18px; font-weight:normal;}
	h4 strong{font-weight:bold;}
h2.logo-loreal-paris{position:absolute; right:30px; bottom:8px; width:110px; height:43px;}
	h2.logo-loreal-paris a{float:left; width:100%; height:100%; background:url(../img/logo-loreal-paris.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden;}

ul.menu{position:absolute; right:50px; top:141px;}
	ul.menu li{display:inline; float:left; padding:0 0 0 2px;}
	ul.menu li span{display:inline-block; color:#b91100; font-size:10px; padding:0 10px 3px 10px; height:12px; background:#fdedc0 url(../img/bg-menu-on.gif) repeat-x 0 0; border-right:1px solid #bd5f4e; border-bottom:1px solid #bd5f4e;}
	ul.menu li a{text-decoration:none;}
	ul.menu li a span{background:#fdedc0 url(../img/bg-menu-on.gif) repeat-x 0 13px; text-decoration:none; color:#eb6e2f; border-right:1px solid #fdbd30; border-bottom:1px solid #fdbd30;}
	ul.menu li a:hover span{background:#fdedc0 url(../img/bg-menu-on.gif) repeat-x 0 0;}

blockquote.premios{position:absolute; left:467px; top:260px; width:242px; height:223px; background:url(../img/bg-box-premios.jpg) no-repeat 0 0;}
	blockquote.premios p{color:#995219; font-size:14px; padding:38px 0 0 21px;}


/*cordas*/
.corda-esquerda{position:absolute; left:290px; bottom:367px; width:6px; height:3000px; background:url(../img/bg-corda.gif) repeat-y 0 0;}
.corda-direita{position:absolute; left:942px; bottom:367px; width:6px; height:3000px; background:url(../img/bg-corda.gif) repeat-y 0 0;}

* html .corda-esquerda{bottom:406px;}
* html .corda-direita{bottom:406px;}

.modelos{position:absolute; left:-88px; bottom:10px; z-index:200;}
* html .modelos{bottom:50px; left:-89px;}

.info{position:relative; float:right; width:710px; height:565px;}


/* pergunta */
fieldset.fld-pergunta{position:absolute; left:33px; top:280px; width:450px; height:250px; z-index:300;}
	fieldset.fld-pergunta textarea{display:inline-block; width:413px; height:133px; padding:5px; background:url(../img/bg-textarea.jpg) no-repeat 0 0; font-size:11px;}
	fieldset.fld-pergunta label{color:#687478; font-size:11px; display:inline-block;}
	fieldset.fld-pergunta label a{color:#ec773a; text-decoration:none;}
	fieldset.fld-pergunta label a:hover{text-decoration:underline;}
	fieldset.fld-pergunta input{display:inline-block; vertical-align:middle;}
	fieldset.fld-pergunta .btn{position:absolute; right:15px; top:130px; width:117px; height:37px; background:url(../img/btn-continuar-2.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; cursor:pointer; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
	fieldset.fld-pergunta .btn:hover{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

fieldset.fld-pergunta p.msgrestam{font-size:11px; color:#687478; padding:5px 0 0 5px;}


/* cadastro */
h4.gray{color:#636163; font-size:14px; top:214px;}

fieldset.fld-cadastro{position:absolute; left:33px; top:232px; width:660px; height:250px; z-index:300;}

fieldset.fld-cadastro h5{color:#666666; font-size:11px; display:inline-block; width:633px; padding:0 0 3px 0; border-bottom:1px solid #f7ecdb;}
	fieldset.fld-cadastro h5 span{float:right; font-size:9px; color:#9d9992;}
	fieldset.fld-cadastro h5 span strong{font-size:11px; display:inline-block; vertical-align:middle;}

fieldset.fld-cadastro p{line-height:27px;}

fieldset.fld-cadastro p.chk{clear:left; line-height:19px; width:632px; padding:4px 0 0 0;}
	fieldset.fld-cadastro p.chk label{color:#687478; font-size:11px; display:inline-block;}
	fieldset.fld-cadastro p.chk label a{color:#ec773a; text-decoration:none;}
	fieldset.fld-cadastro p.chk label a:hover{text-decoration:underline;}
	fieldset.fld-cadastro p.chk input{display:inline-block; vertical-align:middle;}

fieldset.fld-cadastro p.chk input{border:none !important; background:none !important;}

fieldset.fld-cadastro label{display:inline-block; color:#cc6633; font-size:11px;}

fieldset.fld-cadastro p.col-1{float:left; width:260px; color:#cc6633; font-size:11px; padding:8px 0 0 0;}
fieldset.fld-cadastro p.col-2{float:left; width:380px; color:#cc6633; font-size:11px; padding:8px 0 0 0;}
fieldset.fld-cadastro p.col-3{float:left; width:445px; color:#cc6633; font-size:11px; padding:8px 0 0 0;}

fieldset.fld-cadastro p.col-1 label{width:80px;}
fieldset.fld-cadastro p.col-2 label{width:45px;}
fieldset.fld-cadastro p.col-2 label.fix-lbl{width:auto;}

fieldset.fld-cadastro input{background:#fde9b4; border:1px solid #dcbf9f; font-size:11px; padding:1px 2px; display:inline;}
fieldset.fld-cadastro select{background:#fde9b4; border:1px solid #dcbf9f;}

fieldset.fld-cadastro input#email{width:158px; margin:0 0 0 0;}
fieldset.fld-cadastro input#senha{width:75px; margin:0 0 0 0;}
fieldset.fld-cadastro input#conf_senha{width:75px; margin:0 0 0 0;}
fieldset.fld-cadastro input#nome{width:128px; margin:0 0 0 0;}
fieldset.fld-cadastro input#sobrenome{width:128px; margin:0 0 0 0;}
fieldset.fld-cadastro input#dia{width:18px; margin:0 0 0 29px;}
fieldset.fld-cadastro input#mes{width:18px; margin:0 0 0 0;}
fieldset.fld-cadastro input#ano{width:33px; margin:0 0 0 0;}
fieldset.fld-cadastro input#cpf{width:128px; margin:0 0 0 0;}

fieldset.fld-cadastro input#sexo_f{vertical-align:middle; margin:0 3px 0 0;}
fieldset.fld-cadastro input#sexo_m{vertical-align:middle; margin:0 3px 0 0;}

fieldset.fld-cadastro input#endereco{width:321px; margin:0 0 0 0;}
fieldset.fld-cadastro input#numero{width:47px; margin:0 50px 0 0;}
fieldset.fld-cadastro input#complemento{width:148px; margin:0 0 0 0;}
fieldset.fld-cadastro input#cidade{width:159px; margin:0 19px 0 0;}
fieldset.fld-cadastro input#bairro{width:102px; margin:0 0 0 0;}
fieldset.fld-cadastro input#cep{width:67px; margin:0 19px 0 0;}
fieldset.fld-cadastro input#ddd_cel{width:18px; margin:0 0 0 0;}
fieldset.fld-cadastro input#cel{width:72px; margin:0 37px 0 0;}
fieldset.fld-cadastro input#ddd_tel{width:18px; margin:0 0 0 0;}
fieldset.fld-cadastro input#tel{width:72px; margin:0 0 0 0;}

fieldset.fld-cadastro input#sexo_f{border:none !important; background:none !important;}
fieldset.fld-cadastro input#sexo_m{border:none !important; background:none !important;}

fieldset.fld-cadastro select#uf{width:43px; margin:0 21px 0 0;}
fieldset.fld-cadastro select#como_soube{width:326px; margin:0 0 0 3px;}

fieldset.fld-cadastro label.lbl-info-promo{margin:0 0 0 45px; color:#cc6633 !important; font-size:11px !important;}

fieldset.fld-cadastro .btn{float:right; clear:both; width:96px; height:24px; background:url(../img/btn-continuar.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; border:none; padding:0; display:inline-block; margin:-25px 30px 0 0; cursor:pointer; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
fieldset.fld-cadastro .btn:hover{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

fieldset.fld-indicacao{position:absolute; left:33px; top:265px; width:521px; height:196px; padding:15px 0 0 110px; background:url(../img/bg-fieldset-indicacao.jpg) no-repeat 0 0; z-index:300;}
fieldset.fld-indicacao p{line-height:30px;}
fieldset.fld-indicacao input{background:#fde9b4; border:1px solid #dcbf9f; font-size:11px; padding:1px 2px; display:inline;}
fieldset.fld-indicacao label{display:inline-block; color:#cc6633; font-size:11px;}
fieldset.fld-indicacao .btn{position:absolute; left:363px; top:180px; width:117px; height:37px; background:url(../img/btn-enviar.gif) no-repeat 0 0; text-indent:-6666px; overflow:hidden; cursor:pointer; border:none; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
fieldset.fld-indicacao .btn:hover{opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}

fieldset.fld-indicacao p.big{color:#636163; font-size:18px; padding:40px 0 0 80px}
fieldset.fld-indicacao a.btn-indique-amigas{display:inline-block; width:142px; height:40px; text-indent:-6666px; overflow:hidden; background:url(../img/btn-indique-mais-amigas.gif) no-repeat 0 0;}
fieldset.fld-indicacao a.btn-ir-para-home{display:inline-block; width:104px; height:40px; text-indent:-6666px; overflow:hidden; background:url(../img/btn-ir-para-home.gif) no-repeat 0 0;}
fieldset.fld-indicacao p.btn-area{padding:5px 0 0 81px;}


fieldset.fld-cadastro p.big{color:#636163; font-size:18px; padding:30px 0 0 155px; line-height:20px;}
fieldset.fld-cadastro p.big span{clear:left; display:inline-block; padding:0 0 0 60px;}

fieldset.fld-cadastro p.btn-area{position:relative; margin:5px 0 0 101px; display:inline-block; width:317px; height:43px; background:url(../img/bg-btn-veja-os-premios.gif) no-repeat 0 0;}
fieldset.fld-cadastro p.btn-area a{position:absolute; left:65px; top:7px; width:195px; height:30px; text-indent:-6666px; overflow:hidden;}

blockquote#box-premios-over{position:absolute; right:30px; top:-5px; width:268px; height:210px; background:url(../img/bg-box-premios-over.jpg) no-repeat 0 0; display:none;}
blockquote#box-premios-over h5{float:left; display:inline-block; font-size:18px; color:#636163; padding:10px 0 10px 15px; width:263px;}
blockquote#box-premios-over p{float:left; display:inline-block; font-size:12px; color:#636163; padding:0 0 0 15px; width:253px; clear:both; line-height:13px; font-weight:bold;}


/*Pop Layer*/
#alertArea{display:none;}
#bgGeralAlpha{position:absolute; top:0px; left:0px; width:100%; height:100%; background:#d2b36a; filter: alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.50; opacity: 0.50; z-index:630;}
#bgGeralAlphaSob{position:absolute; top:0px; left:0px; width:100%; height:100%; background:transparent; filter: alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -moz-opacity: 0.0;opacity: 0.0; z-index:627;}

#alertArea .alertLayer{display:block; position:absolute; top:50%; left:50%; width:358px; height:413px; padding:9px 17px 18px 14px; margin:-235px 0px 0px -194px; background:url(img/sombra-regulamento.png) no-repeat 0 0; z-index:635;}
	#alertArea .alertLayer a{position:absolute; right:40px; top:30px; width:30px; height:30px; text-indent:-6666px; overflow:hidden; z-index:636;}
	#alertArea .alertLayer .fix-reg-bg{float:left; clear:left; padding:0; width:356px; height:287px; padding:126px 0 0 0; background:url(../img/base-regulamento.gif) no-repeat 0 0;}
	#alertArea .alertLayer .fix-reg-bg p{float:left; clear:left; width:285px; padding:0 0 12px 0; color:#6684a3; font-size:11px; text-align:left; line-height:18px;}
	#alertArea .alertLayer .txt-area{float:left; width:316px; height:254px; padding:11px 20px 0 20px; background:url(../img/bg-regulamento.jpg) no-repeat 0 0;}
	#alertArea .alertLayer .txt-area .overflow{float:left; width:316px; height:243px; overflow-x:hidden; overflow-y:auto;}
	#alertArea .alertLayer .txt-area p strong.orange{color:#cc6633;}
	/*cordas*/
	#alertArea .alertLayer .corda-esquerda-pop{position:absolute; left:30px; bottom:407px; width:6px; height:3000px; background:url(../img/bg-corda.gif) repeat-y 0 0;}
	#alertArea .alertLayer .corda-direita-pop{position:absolute; left:348px; bottom:405px; width:6px; height:3000px; background:url(../img/bg-corda.gif) repeat-y 0 0;}


#alertArea .alertLayer2{display:block; position:absolute; top:50%; left:50%; width:338px; height:413px; padding:9px 17px 18px 14px; margin:-235px 0px 0px -194px; z-index:635;}
	#alertArea .alertLayer2 a{position:absolute; right:40px; top:30px; width:30px; height:30px; text-indent:-6666px; overflow:hidden; z-index:636;}
	#alertArea .alertLayer2 .fix-reg-bg{float:left; clear:left; padding:0; width:338px; height:287px; padding:126px 0 0 0; background:url(../img/base-vencedoras.gif) no-repeat 0 0;}
	#alertArea .alertLayer2 .fix-reg-bg p{float:left; clear:left; width:285px; padding:0 0 12px 0; color:#7c7c7c; font-size:12px; text-align:left; line-height:24px; font-family:tahoma;}
	#alertArea .alertLayer2 .txt-area{float:left; width:298px; height:254px; overflow:hidden; padding:11px 20px 0 20px; background:url(../img/bg-regulamento.jpg) no-repeat right 0;}
	#alertArea .alertLayer2 .txt-area .overflow{float:left; width:298px; height:255px; overflow-x:hidden; overflow-y:hidden;}
	#alertArea .alertLayer2 .txt-area p strong.orange{color:#cc6633;}
	/*cordas*/
	#alertArea .alertLayer2 .corda-esquerda-pop{position:absolute; left:30px; bottom:407px; width:6px; height:3000px; background:url(../img/bg-corda.gif) repeat-y 0 0;}
	#alertArea .alertLayer2 .corda-direita-pop{position:absolute; left:330px; bottom:407px; width:6px; height:3000px; background:url(../img/bg-corda.gif) repeat-y 0 0;}