/****************************************

Web Company - Copyright 2010
Cliente: 3M
Autor: Felipe Viscovo

****************************************/

/***************************************

Structure

****************************************/

@import url("reset.css");
@import url("texts.css");
/*@import url("structure.css");
@import url("header.css");
@import url("sidebar.css");
@import url("footer.css");*/

/***************************************

Default Pages

****************************************/

/*@import url("content.css");*/


body {
	background:url(../img/bg-body.jpg) repeat;
	}
	
div#bg-container {
	width:100%;
	height:auto;
	display:block;
	background:url(../img/bg-container.jpg) no-repeat top center;
	}
	
div#container {
	width:990px;
	height:auto;
	display:block;
	margin:0 auto;
	}
	
div#header {
	width:990px;
	height:187px;
	display:block;
	margin:0 auto;
	background:url(../img/header.jpg) no-repeat top center;
	position:relative;
	}

div#header h1 , div#header h2 , div#header p.logo {
	position:absolute;
	text-indent:-99999px;
	}
	
div#header h1 {
	width:400px;
	height:112px;
	top:50px;
	left:370px;
	}
	
div#header h2 {
	width:335px;
	height:190px;
	left:0;
	top:0;
	}
	
body.premio div#header h2 {background:url(../img/tit-premio.jpg) no-repeat 20px top;}
body.participe div#header h2 {background:url(../img/tit-participe.jpg) no-repeat 21px top;}
body.regulamento div#header h2 {background:url(../img/tit-regulamento.jpg) no-repeat 20px top;}	
body.faleconosco div#header h2 {background:url(../img/tit-faleconosco.jpg) no-repeat 31px top;}	
body.finalistas div#header h2 {background:url(../img/tit-finalistas.jpg) no-repeat 20px top;}	
	
div#header p.logo {
	width:147px;
	height:174px;
	right:43px;
	}

div#header h2 a {
	width:80px;
	height:40px;
	float:left;
	text-indent:-99999px;
	margin:0 0 0 240px;
	}

div#menu {
	width:190px;
	height:190px;
	float:right;
	background:url(../img/menu-principal.png) no-repeat;
	padding-top:25px;
	}
	
div#menu ul li {
	display:block;
	}

div#menu ul li a {
	height:30px;
	text-indent:-99999px;
	float:left;
	display:block;
	margin-bottom:8px;
	}
	
div#menu ul li.premio a {
	width:80px;
	margin-left:60px;
	_margin-left:30px;
	}
	
div#menu ul li.participe a {
	width:80px;
	margin-left:60px;
	_margin-left:30px;
	}	
	
div#menu ul li.regulamento a {
	width:110px;
	margin-left:30px;
	_margin-left:15px;
	}
	
div#menu ul li.fale-conosco a {
	width:110px;
	margin-left:30px;
	_margin-left:15px;	
	}		

div#content {
	width:680px;
	padding:75px 60px 40px;
	height:320px;
	float:left;
	background:url(../img/bg-content.gif) no-repeat;
	}

div#finalistas {
	width:680px;
	padding:7px 10px 30px;
	height:706px;
	float:left;
	}
	
div#content p {
	margin-bottom:20px;
	}
	
body.premio div#content h3 {
	width:224px;
	height:65px;
	text-indent:-99999px;
	float:left;
	cursor:pointer;
	background:url(../img/bt-participe.jpg) no-repeat;
	}
	
div#content h3 a {
	width:224px;
	height:65px;
	text-indent:-99999px;
	float:left;
	}
	
div#footer {
	width:990px;
	height:106px;
	display:block;
	margin:0 auto;
	clear:both;
	padding-bottom:60px;
	}
	
div#footer div.links {
	width:750px;
	height:96px;
	padding:10px;
	float:left;
	margin-left:20px;
	background-color:#f7f4e3;
	}
	
div#footer p a , div#footer p strong {
	font-size:11px;
	text-decoration:none;
	}
	
div#footer p a:hover {
	text-decoration:underline;
	}	

div#footer div.links p a {
	font-size:11px;
	}
	
div#footer div.links p.leis {
	width:300px;
	float:left;
	margin-top:30px;
	}

div#footer p.leis a , div#footer p.copyright {
	font-weight:bold;
	margin-top:30px;
	}
	
div#footer div.links p.copyright {
	width:230px;
	float:right;
	font-size:11px;
	}		
	
div#footer p.logo3M {
	width:150px;
	height:106px;
	float:left;
	background:url(../img/logo-footer-3M.png) no-repeat right bottom;
	text-indent:-99999px;
	}
	
	
/***************************************

Home

****************************************/

body.home div#wrap {
	width:990px;
	height:610px;
	display:block;
	margin:0 auto;
	background:url(../img/bg-home.jpg) no-repeat top center;
	position:relative;
	}
	
body.home div#menu {
	width:190px;
	height:190px;
	float:none;
	background:url(../img/menu-principal.png) no-repeat top right;
	padding-top:25px;
	top:164px;
	right:0;
	}	
	
body.home div#menu , body.home div#wrap h1 , body.home div#wrap h2 , body.home div#wrap p.logo , body.home div#wrap div { position:absolute;}

body.home div#wrap h1 , body.home div#wrap h2 , body.home div#wrap p.logo , body.home div#wrap div h3 , body.home div#wrap div.participe p { 
	text-indent:-99999px;
	}
	
body.home div#wrap h1 {
	width:400px;
	height:110px;
	top:56px;
	left:22px;
	}
	
body.home div#wrap h2 {
	width:400px;
	height:90px;
	top:200px;
	left:22px;
	}		
	
body.home div#wrap div.premiacao p , body.home div#wrap div.premio p {
	font-size:20px;
	line-height:23px;
	color:#373b38;
	}	

body.home div#wrap div.participe {
	width:295px;
	height:317px;
	left:470px;
	}
	
body.home div#wrap div.participe h3 a {
	width:295px;
	height:90px;
	float:left;
	}	
	
body.home div#wrap div.participe p {
	width:295px;
	height:226px;
	}		
	
body.home div#wrap div.premio {
	width:390px;
	height:200px;
	top:350px;
	left:28px;
	}
	
body.home div#wrap div.premio h3 {
	width:360px;
	height:50px;
	}	
	
body.home div#wrap div.premiacao {
	width:340px;
	height:200px;
	top:350px;
	left:450px;
	}
	
body.home div#wrap div.premiacao h3 {
	width:300px;
	height:50px;
	}
	
body.home div#wrap div.premio p {
	margin:27px 35px;
	}	

body.home div#wrap div.premiacao p {
	margin:20px 35px;
	}

div.rede-sociais {
	width:500px;
	height:40px;
	top:564px;
	left:170px;
	text-align:center;
	}
	
div.rede-sociais a {
	margin:0 40px;
	text-align:center;
	float:left;
	}
	
div.rede-sociais a.twitter , div.rede-sociais a.orkut {
	margin-top:5px;
	margin-right:35px;
	}	
/***************************************

Forms

****************************************/

div.linha {
	width:100%;
	float:left;
	height:auto;
	padding-bottom:10px;
	display:block;
	}
	
div.linha div.box {
	float:left;
	padding-right:40px;
	}
	
input , select , textarea {
	width:auto;
	border:1px solid #d4cab0;
	padding:3px;
	}
	
input.sem-borda {
	border:none;
	}	

input[type="radio"] {
    border: none;
}	

/***************************************

Scrrolling Regulamento

****************************************/

.scroll {
	width:690px;
}
	
.boxScroll {
	display:block;
	height:300px;
	overflow:hidden;
	position:relative;
	}
	
.jScrollPaneContainer {
	width:740px!important;
	}
	
.jScrollPaneTrack {
	width:30px!important;
	height:320px!important;
	background:none!important;
	background-image:url(../img/bg-barra-rolagem.jpg)!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	}
	
.jScrollPaneDrag {
	width:30px!important;
	height:40px!important;
	background:none!important;
	background-image:url(../img/barra-rolagem.jpg)!important;
	background-repeat:no-repeat!important;
	background-position:center center!important;
	}
	
a.jScrollArrowUp , a.jScrollArrowDown {display:none!important;}

body.regulamento h3 , body.regulamento h4 {
	font-weight:bold;
	margin-bottom:10px;
	}	

/***************************************

Participe

****************************************/

body.participe div#container { position:relative;}

body.participe div#content {
	width:600px;
	padding:80px 60px 40px;
	height:180px;
	float:left;
	background:none;	
	/*background:url(../img/bg-content-participe.gif) no-repeat bottom left;*/
	margin-bottom:30px;
	}
	
body.participe div.bg-top {
	width:648px;
	height:167px;
	background:url(../img/participe-esgotado.png) no-repeat;
	/*background:url(../img/tit-participe2.gif) no-repeat;*/
	padding-right:42px;
	margin-bottom:30px;
	margin-top:-4px;
	margin-left:20px;
	_margin-left:20px;
	}
	
body.participe div.bg-top h3 , body.participe div.bg-top p {
	height:0;
	text-indent:-9999px;
	}
	
body.participe div.bg-top a {
	width:30px;
	height:30px;
	margin-top:110px;
	_margin-top:74px;
	margin-left:7px;
	float:right;
	}	
	
body.participe div.bg-step2 {
	height:690px!important;
	background:url(../img/bg-content-participe-step2ie.gif) no-repeat bottom left!important;
	}

body.participe div.bg-step3 {
	height:890px!important;
	background:url(../img/bg-content-participe-step3.gif) no-repeat bottom left!important;
	}
	
body.participe div#content h3 {
	margin:30px 0 60px;
	font-size:23px;
	}
	
ul.menu-participe {
	width:295px;
	height:336px;
	position:absolute;
	display:none;
	background:url(../img/menu-participe.png) no-repeat;
	right:50px;
	top:454px;
	}
	
/*ul.menu-participe {
	width:295px;
	height:336px;
	position:absolute;
	display:block;
	background:url(../img/menu-participe.jpg) no-repeat;
	right:70px;
	top:216px;
	}*/
	
ul.menu-participe li {
	width:295px;
	float:left;
	display:block;
	padding-bottom:26px;
	}

ul.menu-participe li.msg {
	height:100px;
	text-indent:-99999px;
	padding-bottom:0px;
	}
	
ul.menu-participe li a {
	width:295px;
	float:left;
	display:block;
	height:53px;
	text-indent:-99999px;
	}
	
ul.menu-participe li.dados-pessoais a {
	width:250px;
	}
	
ul.menu-participe li.material-inscrito a {
	width:280px;
	}
	
div#participantes input {
	width:100px!important;
	padding-right:15px!important;
	border:none!important;
	background:none!important;
	}			
	
/*****************

Step 1

*****************/
	
body.participe div#content div#step1 h4 {
	width:234px;
	height:32px;
	margin-bottom:10px;
	font-weight:normal;
	background:url(../img/tit-dados-pessoais.gif) no-repeat;
	text-indent:-99999px;
	}		
	
body.participe div#content p {
	margin-bottom:15px;
	}
	
body.participe div.linha {
	width:100%;
	float:left;
	height:auto;
	padding-bottom:10px;
	display:block;
	}
	
body.participe div.linha div.box {
	padding-right:20px;
	}

body.participe div.linha div.box-maior {
	width:370px;
	padding-right:0px;
	}	
	
body.participe div#step1 input.bt-submit {
	width:93px;
	height:35px;
	border:none;
	margin:10px 0;
	text-indent:-99999px;
	*text-indent:0px;
	*line-height:99999px;
	background:url(../img/bt-submit-dados-pessoais.gif) no-repeat;
	cursor:pointer;
	}
	
/*****************

Step 2

*****************/
	
body.participe div#content div#step2 h4 {
	width:256px;
	height:32px;
	margin-bottom:10px;
	font-weight:normal;
	background:url(../img/tit-desenvolvimento.gif) no-repeat;
	text-indent:-99999px;
	}		
	
body.participe div#content p {
	margin-bottom:15px;
	}
	
body.participe div#step2 div#participantes {
	min-height:280px;
	height:auto !important;
	height:280px;
	}
	
body.participe div#step2 input.nomeParticipante	{
	width:100% !important;
	font-weight:bold!important;
	}
	
body.participe div#step2 div#participantes input#partNOME	{
	width:342px !important;
	}	
	
body.participe div#step2 input.bt-adicionar-participante {
	width:170px;
	height:35px;
	border:none;
	margin:10px 0;
	text-indent:-99999px;
	*text-indent:0px;
	*line-height:99999px;
	background:url(../img/bt-adicionar-participante.gif) no-repeat;
	cursor:pointer;
	}

body.participe div#step2 input.bt-submit {
	width:93px;
	height:35px;
	border:none;
	margin:10px 0;
	text-indent:-99999px;
	*text-indent:0px;
	*line-height:99999px;
	background:url(../img/bt-submit-desenvolvimento.gif) no-repeat;
	cursor:pointer;
	}
	
/*****************

Step 3

*****************/
	
body.participe div#content div#step3 h4 {
	width:366px;
	height:32px;
	margin-bottom:10px;
	font-weight:normal;
	background:url(../img/tit-dados-material.gif) no-repeat;
	text-indent:-99999px;
	}		
	
body.participe div#content p {
	margin-bottom:15px;
	}
	
body.participe div#step2 div#participantes {
	min-height:280px;
	height:auto !important;
	height:280px;
	}

body.participe div#step3 input.enviar-arquiv {
	width:174px;
	height:39px;
	border:none;
	margin:10px 0;
	text-indent:-99999px;
	*text-indent:0px;
	*line-height:99999px;
	background:url(../img/bt-enviar-arquivo.gif) no-repeat;
	cursor:pointer;
	}

body.participe div#step3 input.bt-submit {
	width:177px;
	height:40px;
	border:none;
	margin:10px 0;
	text-indent:-99999px;
	*text-indent:0px;
	*line-height:99999px;
	background:url(../img/bt-submit-finaliza-cadastro.gif) no-repeat;
	cursor:pointer;
	}		

/***************************************

Fale Conosco

****************************************/

body.faleconosco div#content {
	width:600px;
	padding:0px 60px 40px;
	height:630px;
	float:left;
	background:url(../img/bg-content-faleconosco.gif) no-repeat bottom left;
	margin-bottom:30px;
	}
	
#btnAdicionar {visibility:hidden;}
	
	
	
body.faleconosco div#content h3 {
	margin-bottom:60px;
	font-weight:normal;
	}
	
body.obrigado div#content h3 {
	margin:200px 0 6px;
	font-size:25px;
	}	
	
body.faleconosco div#content p {
	margin-bottom:15px;
	}	
	
body.faleconosco input.bt-submit {
	width:93px;
	height:39px;
	border:none;
	text-indent:-99999px;
	*text-indent:0px;
	*line-height:99999px;
	background:url(../img/bt-submit-faleconosco.gif) no-repeat;
	cursor:pointer;
	}
	
/***************************************

RA - Thickbox

****************************************/	

div.bt-ra {
	width:210px;
	height:80px;
	position:absolute;
	top:290px;
	right:8px;
	}
	
div.bt-ra a {
	width:210px;
	height:80px;
	text-indent:-99999px;
	float:left;
	}
	
#TB_window  {
	background:none!important;
	border:none!important;
	}
	
.TB_overlayBG {
	background-color:#FFF!important;
	opacity:0.4!important;
	}
	
#TB_title {display:none;}

.opaca {
	background-color:#FFF;
	filter: alpha(opacity=40);
	opacity:0.40;
	-moz-opacity: 0.40;
	-khtml-opacity: 0.4;
	position:fixed;	
	margin:0 auto;
	width:100%;
	height:100%;
	left:0px;	
	top:0px;
	overflow:hidden;
}

* html .opaca {
	background:url(../img/bg-ra2-ie.png) repeat;
	filter: alpha(opacity=40);
	opacity:0.40;
	-moz-opacity: 0.40;
	-khtml-opacity: 0.4;
	position:absolute;	
	margin:0 auto;
	width:100%;
	height:786px;
	float:left;
	left:0px;	
	top:0px;
	overflow:hidden;
	z-index:100;
}

* + html .opaca {
	background:url(../img/bg-ra2-ie.png) repeat;
	filter: alpha(opacity=40);
	opacity:0.40;
	-moz-opacity: 0.40;
	-khtml-opacity: 0.4;
	position:absolute;	
	margin:0 auto;
	width:100%;
	height:786px;
	float:left;
	left:0px;	
	top:0px;
	overflow:hidden;
	z-index:100;
}

.ra-3d {
	position:absolute;
	top:50%;
	left:50%;
	width:450px;
	height:400px;	
	margin-top:-200px;
	margin-left:-225px;
	background:url(../img/floater.png) no-repeat top center;
	z-index:100000;	
	overflow:hidden;	
}

div.box-left {
	width:480px;
	height:400px;
	float:left;
	}
#realidade {
	margin:35px 0 0 45px;
}
	
div.box-right {
	width:300px;
	height:470px;
	float:right;
	position:relative;
	}
	
span.bt-allow a {
	width:100px;
	height:40px;
	top:110px;
	right:110px;
	position:absolute;
	text-indent:-99999px;
}

span.bt-fechar a {
	width:80px;
	height:20px;
	float:right;
	text-indent:-99999px;
	margin:20px 20px 0 0;
}
span.bt-finalistas a {
	width:310px;
	height:120px;
	float:right;
	text-indent:-99999px;
	margin:130px 70px 0 0;
}