body {
	background-color: #b2191e; color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	background-image: url(../img/padrao.jpg);
}

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; overflow: visible;
	background-image: url(../img/base.png);
	background-repeat: no-repeat;
}

#body {
	width: 400px; height: 600px; z-index: 100; overflow: hidden;
	position: absolute; right: 25px; top: 28px;
}

.menu {
	position: absolute; top: 0; left: 0; z-index: 100;
	 width: 100%; overflow: visible;
}
.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; }

#lnkVoltar {
	top: 28px; 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: Arial, sans-serif; font-size: 13px;
}
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; }

#Menu {
	background-image: url(../img/menu.png);
	width: 128px; height: 285px;
	position: absolute; top: 274px; left: -121px;
	z-index: 500;
}
#Menu li {
	display: block; position: relative;
	width: 128px; height: 35px; margin-bottom: 8px;
}

#MenuPrincipal { z-index: 999; }
#Regulamento, #Parceiros, #ComoParticipar {
	width: 388px; height: 600px; margin-top: 27px;
	background-repeat: no-repeat;
}
#Regulamento { background-image: url(../img/regulamento.png); }
#Parceiros { background-image: url(../img/parceiros.png); }
#ComoParticipar { background-image: url(../img/comoparticipar.png); }
#Regulamento a,
#ComoParticipar a { display: block; width: 100%; height: 100%; }
#Parceiros a { display: block; width: 100%; height: 100%; }
#ComoParticipar, #Regulamento, #Parceiros  { display: none; top: 35px; left: 0; }
#ComoParticipar a span, #Regulamento a span, #Parceiros a span { display: none }

#lnkMyGuide { left: 88px; top: 34px; width: 183px; height: 67px; }
#lnkBravoPt { left: 110px; top: 106px; width: 150px; height: 47px; }
#lnkCotonete { left: 104px; top: 158px; width: 171px; height: 59px; }
#lnkMusicaTotal { left: 77px; top: 260px; width: 243px; height: 56px; }
#lnkReporterDigital { left: 81px; top: 320px; width: 229px; height: 49px; }

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

#errors {
	background-color: #ffffff; color: #000000; font-size: 11px;
	border: 3px solid #f05d75; padding: 10px;
	position: absolute; top: 50px; left: 0; width: 250px;
	z-index: 9999;
}
.errors li { margin-bottom: 5px; }
input.error, textarea.error { border: 2px solid #ff0000; }

#leftCol {
	position: absolute; left: 0;  top: -6px;
	width: 545px; height: 607px;
	background-image: url(../img/left.png);
	background-repeat: no-repeat;
	z-index: 200;
}
#videoDestaque { display: none; }
#hp #leftCol {
	position: absolute; left: -16px;  top: -5px;
	width: 545px; height: 607px;
	background-image: url(../img/homeLeft.png);
	background-repeat: no-repeat;
}
#hp #videoDestaque {
	display: block;
	position: absolute; left: 174px; top: 302px;
	width: 362px; height: 265px;
	background-image: url(../img/videoDestaque.png);
	background-repeat: no-repeat;
}
#hp #videoDestaque img {
	position: absolute; right: 0; top: 0; z-index: 999;
}
#videoDestaque .video {
	position: relative; margin: 28px 11px 0 11px; z-index: 1;
	width: 340px; height: 205px; overflow: hidden;
	background-color: #ffffff;
}
.video object { position: absolute; z-index: 1; }
#videoDestaque .autor {
	text-align: center; width: 300px; height: 50px; margin: 5px auto;
	font-size: 11px;
}

/***************************************************************************
 * HOMEPAGE
 ***************************************************************************/
#Homepage {
	width: 387px; height: 559px;
	background-image: url(../img/hp.png);
	background-repeat: no-repeat;
}

#lnkHomepage { left: 659px; top: 0; width: 76px; height: 25px; }
#lnkParceiros{ left: 743px; top: 0; width: 84px; height: 25px; }
#lnkYoutube { left: 837px; top: 0; width: 65px; height: 33px; }
#lnkHi5 { left: 910px; top: 0; width: 34px; height: 29px; }

#lnkTransglobal { left: 293px; top: 645px; width: 61px; height: 11px; }
#lnkKatyPerry { left: 804px; top: 645px; width: 147px; height: 12px; }

#lnkComoParticipar { left: 208px; top: 251px; width: 138px; height: 21px; }
#lnkRegulamento { left: 208px; top: 270px; width: 153px; height: 21px; }

#lnkParticipar { left: 14px; top: 331px; width: 356px; height: 57px; }
#lnkEnviar { left: 14px; top: 389px; width: 356px; height: 82px; }
#lnkMelhores { left: 8px; top: 493px; width: 364px; height: 57px; }
#lnkExemplos { left: 36px; top: 241px; width: 91px; height: 83px; }

/***************************************************************************
 * 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: 157px; top: 119px; width: 203px; }
#content-enviar #input-email { left: 157px; top: 157px; width: 203px; height: 26px; }
#content-enviar #input-msg { left: 157px; top: 196px; width: 203px; height: 63px; }
#content-enviar #input-msg textarea { width: 192px; height: 60px; }
#content-enviar #input-emails { left: 28px; top: 312px; width: 337px; 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; }

#Enviado {
	background-image: url(../img/enviado.png);
	width: 388px; height: 297px;
	position: absolute; left: 0; top: 55px;
}

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

#content-participar {
	width: 387px; height: 559px; margin-top: 25px; position: relative;
	background-image: url(../img/participacao.png);
	background-repeat: no-repeat;
}
#content-participar #input-nome1 { left: 160px; top: 112px; width: 185px; height: 26px; }
#content-participar #input-email { left: 160px; top: 152px; width: 200px; height: 26px; }
#content-participar #input-url { left: 160px; top: 192px; width: 200px; height: 23px; }
#content-participar #input-oque { left: 266px; top: 223px; width: 93px; height: 14px; }
#content-participar #input-button { left: 159px; top: 308px; width: 88px; height: 31px; }

/***************************************************************************
 * MELHORES
 ***************************************************************************/
.tabs { height: 18px; }
.tabs li {
	float: left; width: 83px; margin-right: 3px; height: 18px;
	background-image: url(../img/sepVermelho.gif);
	text-align: center;
}
.tabs li.selected { background-image: url(../img/sepBranco.gif); }
.tabs li a {
	font-size: 10px; font-weight: bold; color: #ffffff;
	text-align: center; vertical-align: middle;
	display: block; line-height: 18px;
}
.tabs li.selected a { color: #c02031; }

.tabs li#lnkParticipar {
	float: right; width: 113px; margin: 0; height: 18px;
	color: #fbc86e; text-transform: uppercase;
	background-image: url(../img/sepCastanho.png);
}
.tabs li#lnkParticipar a { color: #fbc86e; text-transform: uppercase; }

#content-melhores {
	width: 395px; height: 559px; position: relative;
	background-repeat: no-repeat;
}
#content-melhores h1 {
	position: relative; top: 0; width: 350Fpx; height: 35px; left: 30px;
	background-image: url(../img/h1Melhores.png);
	background-repeat: no-repeat;
}
#video {
	margin-top: 8px; padding: 5px 0; text-align: center;
	overflow: hidden;
	background-image: url(../img/video_in.png);
}
#video-inf {
	width: 395px; padding-bottom: 6px; margin-bottom: 6px;
	background-image: url(../img/videos_ul_top.png);
	color: #c02031; font-size: 11px;
	background-position: bottom left;
	background-repeat: no-repeat;
	overflow: hidden;
}
#video-inf .val { font-weight: bold; }
#video-inf .author, #video-inf .views-num { margin: 0 10px; overflow: hidden; height: 13px; }
#video-inf .author { float: left; width: 190px; }
#video-inf .views-num { text-align: right; float: right; width: 135px; }
#videos-lst {
	background-image: url(../img/videos_in.png);
	background-color: #ffffff;
	background-position: bottom left;
	width: 396px; height: 242px; overflow: hidden;
}
#videos-lst ul { margin-top: 5px; width: 390px; height: 210px; 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: #c02031; text-decoration: none; }
#videos-lst .author a { color: #925646; }
#videos-lst h3 a { color: #c02031; font-weight: bold; }
#videos-lst h3 { font-size: 11px; width: 200px; color: #c02031; }