body {
	background-color: #0bd2e6; color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
}

body * { border: none; text-decoration: none; background-repeat: no-repeat; }
a { text-decoration: none; border: none; }

#wrap {
	width: 959px; height: 673px;
	margin: 32px auto; text-align: left;
	position: relative;
	background-image: url(../img/base.png);
	background-repeat: no-repeat;
}

#body {
	width: 387px; heigth: 559px; z-index: 100;
	position: absolute; right: 34px; top: 32px;
	border: none;
}

.menu {
	position: absolute; top: 0; left: 0; z-index: 100;
	 width: 100%; height: 100px;
}
.menu li { position: absolute; }
.menu li a { display: block; width: 100%; height: 100%; border: none; }
.menu li a span { visibility: hidden; }
h1 span { display: none; }

#main-menu li { position: absolute; top: 8px; }
#menui-website { right: 135px; }
#menui-youtube { right: 53px; }
#menui-hi5 { right: 16px; }
li#menui-voltar {
	display: none;
	top: 31px; right: 352px; width: 68px; height: 18px;
	background-image: url(../img/voltar.png);
	z-index: 999;
}

input, textarea {
	background-color: transparent; border: none;
	width: 197px; margin: 2px 0; padding: 1px 4px; height: 21px;
	font-family: Verdana, Arial, sans-serif; font-size: 12px;
}
textarea { width: 195px; }
input.submit { display: block; width: 100%; height: 100%; }

h1, .menu, input { padding: 1px; }
input { color: #000000; }
.menu li a, h1, .submit { color: transparent; border: none; }

#regulamento {
	width: 388px; height: 600px; position: relative;
	background-image: url(../img/regulamento.png);
	background-repeat: no-repeat;
}
#regulamento a.fechar {
	width: 94px; height: 34px;
	position: absolute; left: 147px; top: 486px;
}

#comoparticipar {
	width: 388px; height: 600px; position: relative;
	background-image: url(../img/comoparticipar.png);
	background-repeat: no-repeat;
}
#comoparticipar a.fechar {
	width: 94px; height: 34px;
	position: absolute; left: 147px; top: 486px;
}
#comoparticipar, #regulamento  { display: none; top: 35px; left: 0; }
#comoparticipar a span, #regulamento a span { display: none }

#oque {
	background-image: url(../img/oquee.png);
	width: 666px; height: 463px;
}

.errors {
	background-color: #ffffff; color: #000000; font-size: 9px;
	border: 3px solid #f05d75; padding: 10px;
	position: absolute; top: 70px; left: 20px; width: 320px;
	z-index: 999;
}
.errors li { margin-bottom: 5px; }
input.error, textarea.error { border: 2px solid #ff0000; }

/***************************************************************************
 * HOMEPAGE
 ***************************************************************************/
#content-hp {
	width: 387px; height: 559px;
	background-image: url(../img/hp.png);
	background-repeat: no-repeat;
}
#menui-exemplos { left: 36px; top: 243px; width: 91px; height: 80px; }
#menui-participar { left: 210px; top: 252px; width: 137px; height: 17px; }
#menui-regulamento { left: 210px; top: 272px; width: 151px; height: 17px; }
#menui-participa { left: 13px; top: 332px; width: 196px; height: 27px; }
#menui-envia { left: 13px; top: 413px; width: 281px; height: 27px; }
#menui-melhores { left: 13px; top: 492px; width: 281px; height: 27px; }

/***************************************************************************
 * ENVIAR
 ***************************************************************************/

#content-enviar {
	width: 387px; height: 559px; margin-top: 25px; position: relative;
	background-image: url(../img/enviar_aos_amigos.png);
	background-repeat: no-repeat;
}
#content-enviar #input-nome { left: 154px; top: 115px; width: 203px; }
#content-enviar #input-email { left: 154px; top: 154px; width: 203px; height: 26px; }
#content-enviar #input-msg { left: 154px; top: 193px; width: 203px; height: 63px; }
#content-enviar #input-msg textarea { width: 192px; height: 60px; }
#content-enviar #input-emails { left: 25px; top: 308px; width: 340px; height: 154px; overflow: hidden; }
#content-enviar #input-emails input { width: 159px; margin-bottom: 5px; margin-right: 4px; }
#content-enviar #input-button { left: 161px; top: 489px; width: 84px; height: 27px; }

/***************************************************************************
 * PARTICIPAR
 ***************************************************************************/

#content-participar {
	width: 387px; height: 559px; margin-top: 25px; position: relative;
	background-image: url(../img/participar.png);
	background-repeat: no-repeat;
}
#content-participar #input-nome1 { left: 137px; top: 140px; width: 200px; height: 24px; }
#content-participar #input-email { left: 137px; top: 180px; width: 200px; height: 26px; }
#content-participar #input-url { display: none; left: 155px; top: 188px; width: 200px; height: 23px; }
#content-participar #input-oque { display: none; left: 266px; top: 223px; width: 93px; height: 14px; }
#content-participar #input-button { left: 112px; top: 310px; width: 179px; height: 30px; }

/***************************************************************************
 * MELHORES
 ***************************************************************************/

#content-melhores {
	width: 387px; height: 559px; position: relative;
	background-repeat: no-repeat;
}
#content-melhores h1 {
	position: absolute; top: 0; right: 140px; width: 94px; height: 33px;
	background-image: url(../img/videos_h1.png);
	background-repeat: no-repeat;
}
#video { position: relative; top: 35px; margin-bottom: 5px; width: 385px; min-height: 240px; }
#video-inf {
	position: relative; top: 35px; width: 386px; height: 28px;
	background-image: url(../img/videos_ul_top.png);
	color: #ffffff; font-size: 11px;
}
#video-inf .val { font-weight: bold; }
#video-inf .author, #video-inf .views-num { margin: 8px 10px; }
#video-inf .author { float: left; width: 195px; }
#video-inf .views-num { text-align: right; float: right; width: 150px; }
#videos-lst {
	position: relative; top: 35px;
	background-image: url(../img/videos_in.png);
	width: 386px; height: 271px; 
}
#videos-lst ul { height: 238px; overflow: auto; }
#videos-lst li {
	margin: 9px 0 0 30px; width: 330px; height: 75px; overflow: hidden;
}
#videos-lst .thumb { width: 100px; height: 70px; float: left; }
#videos-lst .thumb a img {
	display: block; border: 1px solid #999999; padding: 1px;
	width: 94px; height: 60px;
}
#videos-lst .inf {
	margin-left: 8px; float: left; width: 200px;
	color: #999999; font-size: 11px; line-height: 14px;
}
#videos-lst .inf a { color: #00bdd0; text-decoration: none; }
#videos-lst .author a { color: #f86782; }
#videos-lst h3 a { color: #00bdd0; font-weight: bold; }
#videos-lst h3 { font-size: 11px; width: 200px; color: #00bdd0; }

/*************************************************************
 * QUESTIONARIO
 *************************************************************/
#contentQuestionario {
	background-image: url(../img/pergunta1.png);
	background-repeat: no-repeat;
	width: 390px; height: 390px; position: relative; top: 32px;
}
#contentQuestionario.num2 { background-image: url(../img/pergunta2.png); }
#contentQuestionario.num3 { background-image: url(../img/pergunta3.png); }
#contentQuestionario.num4 { background-image: url(../img/pergunta4.png); }
#contentQuestionario.num5 { background-image: url(../img/pergunta5.png); }
#contentQuestionario.num6 { background-image: url(../img/pergunta6.png); }
#contentQuestionario #pergunta {
	position: absolute; left: 29px; top: 70px;
	width: 348px; height: 107px; 
	font-weight: bold; line-height: 1.3em;
}
#contentQuestionario #opcoes {
	position: absolute; left: 59px; top: 176px;
	width: 322px; height: 135px;
}
#contentQuestionario #opcoes .opcao {
	padding-bottom: 12px;
}

#contentPerguntaFinal {
	background-image: url(../img/pergunta_final.png);
	background-repeat: no-repeat;
	width: 390px; height: 390px; position: relative; left: 0; top: 32px;
}
#caracteresNum {
	position: absolute; left: 150px; top: 249px;
	text-align: right;
	width: 200px; height: 30px; font-size: 12px;
	color: #ffffff;
}
#perguntaFinal {
	position: absolute; left: 45px; top: 112px;
	width: 290px; height: 112px; overflow: auto;
	color: #00bdd0;
}

#contentPerguntaFinal #submitResponder,
#contentQuestionario #submitResponder {
	position: absolute; left: 144px; top: 309px;
	width: 111px; height: 26px;
}

/*************************************************************
 * RESPOSTA
 *************************************************************/
#contentResultado {
	background-image: url(../img/resultado.png);
	background-repeat: no-repeat;
	width: 390px; height: 600px; position: relative; left: 0; top: 32px;
}
#contentResultado .pontos {
	position: absolute; left: 137px; top: 42px; width: 122px; height: 34px;
	text-align: center; color: #00bdd0; font-weight: bold; font-size: 30px;
}
#contentResultado .nome {
	position: absolute; left: 186px; top: 152px; width: 173px; height: 27px;
	overflow: hidden; text-align: left;
	text-align: center; color: #00bdd0; font-weight: bold; font-size: 15px;
}
#contentResultado .resposta {
	position: absolute; left: 140px; top: 227px; width: 222px; height: 207px;
	color: #ffffff; overflow: hidden; line-height: 1.2em;
}
#contentResultado #submitEnviar {
	position: absolute; left: 0; top: 0; width: 390px; height: 600px;
}

#contentAmigo {
	background-image: url(../img/amigo.png);
	background-repeat: no-repeat;
	width: 393px; height: 600px; position: relative; left: 0; top: 32px;
}
#contentAmigo #contentResultado { background-image: none; }
#contentAmigo #content-hp { background-image: none; }
#contentAmigo #contentResultado .nome { top: 20px; }
#contentAmigo #contentResultado .resposta { top: 98px; }
#contentAmigo #menui-participa { top: 389px; }
#contentAmigo #menui-melhores { top: 467px; }

/*************************************************************
 * MELHORES
 *************************************************************/
#content-melhores {
	background-image: url(../img/melhores.png);
	background-repeat: no-repeat;
	position: relative; top: 32px;
}
#content-melhores .respostas {
	position: absolute; top: 65px; left: 33px; width: 320px; height: 421px;
	overflow: auto; font-size: 10px;
}
#content-melhores .user { border-bottom: 1px dashed #73c400; }
#content-melhores .nome { font-weight: bold; color: #f86782; line-height: 2.2em; }
#content-melhores .resposta { color: #0395a4; padding-bottom: 10px;   }

/*************************************************************
 * TOP10
 *************************************************************/
#contentTop10 {
	background-image: url(../img/top10.png);
	background-repeat: no-repeat;
	position: relative; top: 32px;
	width: 527px; height: 600px;
}

#top10 li {
	position: absolute; width: 207px; height: 22px; left: 102px;
	text-align: center; vertical-align: middle;
	overflow: hidden;
}
#top10 .num1 { top: 103px; }
#top10 .num2 { top: 131px; }
#top10 .num3 { top: 162px; }
#top10 .num4 { top: 191px; }
#top10 .num5 { top: 220px; }
#top10 .num6 { top: 247px; }
#top10 .num7 { top: 270px; }
#top10 .num8 { top: 292px; }
#top10 .num9 { top: 315px; }
#top10 .num10 { top: 339px; }
#top10 .num1, #top10 .num2, #top10 .num3,
#top10 .num4, #top10 .num5 { color: #ffffff; font-size: 16px; font-weight: bold; margin-top: 2px; }
#top10 .num6, #top10 .num7, #top10 .num8,
#top10 .num9, #top10 .num10 { color: #9496ca; font-size: 12px; margin-top: 5px; }
#inputEmail {
	position: absolute; left: 57px; top: 439px; width: 227px; height: 25px;
}
#submitPontos {
	position: absolute; left: 287px; top: 439px; width: 41px; height: 27px;
}
#verificaPontos #submitFechar {
	position: absolute; left: 149px; top: 483px; width: 93px; height: 27px;
}