@charset "iso-8859-2";
/* CSS Document */

body {
	background: #1e040f url(../img/bg02.jpg) -0px 315px repeat-x;
	}

a, h1, h2, h3, h4, h5, p, div, span, input, textarea, label {
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0px;
	padding: 0px;
}

a .clear {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	}

#header {
	position: relative;
	width: 100%;
	height: 314px;
	background: #551025 url(../img/header.gif) repeat-x;
	padding: 0px;
	}

#logo {
	position: absolute;
	left: 11px;
	top: 98px;
	width:422px;
	height: 157px;
	}

#barra { 
	float: right; 
	text-align: right;
	margin-top: 10px;
	margin-right: 94px;
	height: 35px;
	 }

#barra a {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 10px;
	}

#barra a:hover {
	text-decoration: none;
	color: #fff;
	background-color:#E02673;
	}

/*============================== Login =============================*/

#barra #login_btn {
	position: absolute;
	top: -5px;
	right: 0px;
	background-image:url(../img/login_btn.gif);
	background-position:-0px 0px;
	width:83px;
	height:32px;  
	display:block;
	padding: 0px;
	}

#barra #login_btn.active {
	background-position:-0px -32px;
	}


#signin_menu {
	display: none;
	background: #E0E0E0 url(../img/bottom_shadow.gif) left bottom repeat-x;
	position:absolute;
	width:240px;
	z-index:100;
	border: solid 1px #747373;
	text-align:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	top: 35px; 
	right: 0px; 
	}

#signin_menu .input {
	float: right;
	border: 0px;
	font-weight: bold;
	color: #E02673;
	font-size:13px;
	padding-top:5px;
	width:170px;
	height: 25px;
	background: #fff url(../img/field_bg.gif) left top repeat-x;
	}

#login_text {
	width: 235px;
	height: 30px;
	background: url(../img/login_text.gif) -0px 0px no-repeat;
	margin-bottom: 10px;
	}

#password_text {
	width: 235px;
	height: 30px;
	background: url(../img/login_text.gif) -0px -30px no-repeat;
	}

#signin_menu .logar_btn, #signin_menu .logar_btn:hover {
	float: right;
	width:58px;
	height:32px;  
	display:block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 2px;
	}

#signin_menu .logar_btn {
	background-image:url(../img/logar_btn.gif);
	background-position:-0px 0px;
}

#signin_menu .logar_btn:hover {
	background-image:url(../img/logar_btn.gif);
	background-position:-0px -32px;
	}

#signin_menu .forgot {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #E02673;
	}

/*========================== Publicidade ==========================*/

#banner {
	position: absolute;
	right: 20px;
	top: 130px;
	width: 468px;
	height: 60px;
	background-color: #ccc;
	}

#publicidade {
	width: 300px;
	height: 295px;
	margin-bottom: 10px;
	background-color: #EDEEEF;
	border: solid 1px #ccc;
	}

#ad_125_l, #ad_125_r {
	width: 125px;
	height: 125px;
	border: solid 1px #656565;
	background: #E0E0E0 url(../img/ad.gif) center center no-repeat;
	color: #656565;
	font-size: 12px;
	text-align: center;
	margin: 10px;
}

#ad_125_l { float: left; }
#ad_125_r { float: right; }

/*============================== Menu =============================*/

#nav {
	position: absolute;
	top: 255px;
	left: 0px;
	clear: both;
	list-style: none;
	width: 960px;
	background: #E02673 url(../img/menu_bg.gif) repeat-x;
	}

#nav li { float: left; }
	
#nav li a  {  
	background-image:url(../img/menu.gif);  
	display:block;  
	text-indent: -99999px;
	}  

.item1  { background-position:-0px 0px; width:95px; height:60px; }  
.item2  { background-position:-95px 0px; width:118px; height:60px; } 
.item3  { background-position:-213px 0px; width:114px; height:60px; }  
.item4  { background-position:-327px 0px; width:169px; height:60px; }  
.item5  { background-position:-496px 0px; width:199px; height:60px; } 
.item6  { background-position:-695px 0px; width:139px; height:60px; }  
.item7  { background-position:-834px 0px; width:126px; height:60px; }  

.item1:hover { background-position: -0px -60px; }
.item2:hover { background-position: -95px -60px; }  
.item3:hover { background-position: -213px -60px; }  
.item4:hover { background-position: -327px -60px; }
.item5:hover { background-position: -496px -60px; }  
.item6:hover { background-position: -695px -60px; }  
.item7:hover { background-position: -834px -60px; } 

/*===================== Titulos dos Modulos ========================*/

.titulo_agenda, .titulo_vamosnessatv, .titulo_diversao, .titulo_top10, .titulo_radio, .titulo_parceiros {
	background:url(../img/titulos.gif) 0 0 no-repeat;
	display:block; 
	height:50px;
	text-indent: -99999px;
}

.titulo_vamosnessatv { background-position:-0px -5px; }
.titulo_agenda { background-position:-0px -65px; }
.titulo_diversao { background-position:-0px -125px; }
.titulo_top10 { background-position:-0px -185px; }
.titulo_radio { background-position:-0px -245px; }
.titulo_parceiros { background-position:-0px -305px; }

.titulo_posts {
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	display: block;
	height: 25px;
	padding: 5px;
	color: #fff;
	background-color: #E02673;
	}

/*==================================================================*/

#container {
	width: 960px;
	background: #fff;
	padding: 10px;
	border: 0;
	}

#conteudo {
	float: left;
	width: 640px;
	position: relative;

	}

#destaque {
	position: relative;
	clear: both;
	width: 640px;
	height: 265px;
	background: #ccc;
	margin-bottom: 20px;
	}
	
/*========================== Matérias ==========================*/

#materiasprimeira {
	position: relative;
	float: left;
	width: 340px;
	margin-bottom: 20px;
	background-color: #656565;
	color: #fff;
	}

#materiasprimeira p, #materiasprimeira h2, #materiasprimeira div { margin: 10px; }

#materiasprimeira .caption {
	font-size: 18px;
	top: -10px;
	left: -10px;
	padding: 5px;
	}

#materiasprimeira .data {
	position: absolute;
	bottom: -10px;
	left: -10px;
	padding: 5px;
	color: #fff;
	background-color: #656565;
	}

#materiasprimeira h2 a {
	color: #fff;
	}

#materiasprimeira h2 a:hover {
	background-color: #E02673;
	}

#materiasoutras {
	float: right;
	width: 290px;
	list-style: none;
	margin-bottom: 10px;
	}

#materiasoutras li {
	padding: 5px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
	text-align: justify;
	}

#materiasoutras .img {
	float: left;
	display: block;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	width: 60px;
	height: 60px;
	}

/*========================== Agenda ==========================*/

#agenda {
	float: left;
	width: 340px;
	list-style: none;
	background-color: #EDEEEF;
	margin-bottom: 20px;
	}

#agenda li a {
	text-align: left;
	display: block;
        padding: 10px 5px 10px 5px;
	background-color: #EDEEEF;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	}

#agenda li a:hover {
         background-color: #FEF4B4;
         color: #E02673;
	}

#agenda_lista {
	list-style: none;
	position: relative;
	}

#agenda_lista ul {
	display: block;
	}

#agenda_lista li {
	position: relative;
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	}

#agenda_lista .caption:hover { background-color: #656565; } 
/*========================== TOP 10 ==========================*/

#top10 {
	position: relative;
	float: left;
	width: 290px;
	list-style: none;
	background-color: #656565;
	}

#top10 li {
	display: block;
	height: 70px;
	border-bottom: dotted 1px #fff;
	background: url(../img/top_10_bg.gif) 0 0 no-repeat;
	}

#top10 li .top10_num {
	font-size: 52px;
	color: #fff;
	font-weight: bold;
	line-height: 46px;
	letter-spacing: -1px;
	float: left;
	width: 65px;
	padding-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
	}

#top10 li .top10_desc {
	float: right;
	width: 215px;
	text-align: left;
	}

#top10 li .top10_desc h3 {
	font-size: 24px;
	text-align: left;
	color: #fff;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 10px;
	}

#top10 li .top10_desc a {
	text-align: left;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	letter-spacing: -1px;
	}
	
/*========================== Radio Vamosnessa ==========================*/

#radio {
	float: right;
	width: 330px;
	background: #861745;
	margin-bottom: 20px;
	}

#radiodestaque {
	display: block;
	position: relative;
	height: 180px;
	margin: 5px;
	}

#radiooutros {
	display: block;
	position: relative;
	margin: 5px;
	list-style: none;
	}

#radiooutros li {
	float: left;
	}

#radio_btn_bandas, #radio_btn_djs, #radio_btn_grade, #radio_btn_player, #radio_btn_participe {
	display: block;
	background-image: url(../img/radio_btn.gif);
	}

#radio_btn_bandas, #radio_btn_djs, #radio_btn_grade {
	height: 55px;
	}

#radio_btn_bandas { width: 109px; background-position: -0px -0px; }
#radio_btn_djs { width: 103px; background-position: -109px -0px; }
#radio_btn_grade { width: 108px; background-position: -212px -0px; }

#radio_btn_bandas:hover { background-position: -0px -55px; }
#radio_btn_djs:hover { background-position: -109px -55px; }
#radio_btn_grade:hover { background-position: -212px -55px; }

#radio_btn_player, #radio_btn_participe {
	height: 96px;
	margin-top: 10px;
	margin-bottom: 10px;
	}

#radio_btn_player { width: 208px; background-position: -0px -110px; }
#radio_btn_participe { width: 112px; background-position: -208px -110px; }

#radio_btn_player:hover { background-position: -0px -206px; }
#radio_btn_participe:hover { background-position: -208px -206px; }

#player_btn, #player_btn:hover {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 40px;
	width: 150px;
	display: block;
	background-image: url(../img/player_btn.gif);
	}

#player_btn:hover { background-position: -0px -40px; }

/*=========================================================================*/

#sidebar {
	float: right;
	width: 300px;
	}
	
/*========================== Vamosnessa.TV ==========================*/

#vamosnessatv {
	width: 300px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #EDEEEF;
	}

#vamosnessatv li {
	display: block;
	border-bottom: dotted 1px #ccc;
	}

#vamosnessatv li a {
	text-align: left;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
	}

#vamosnessatv .more {
	margin-top: 10px;
	display: block;
	text-align: center;
	}

#video_lista {
	list-style: none;
	}

#video_lista ul {
	display: block;
	position: relative;
	clear: both;
	}

#video_lista {
	display: block;
	margin: 20 0px 10px 0;
	}

#video_lista a{
	padding: 5px;
	margin: 5px;
	background-color: #EDEEEF;
	border: solid 1px #ccc;
	width: 140px;
	height: 180px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 14px;
}

#video_lista a:hover {
	color: #fff;
	background-color: #E02673;
}
}
/*========================== Diversao ==========================*/

#diversao {
	display: block;
	position: relative;
	width: 300px;
	height: 340px;
	margin-bottom: 20px;
	}

#diversao_prev, #diversao_next, #diversao_prev:hover, #diversao_next:hover { 
	background: url(../img/divers_prev_next.gif) -0px -0px no-repeat;
	position: absolute;
	width: 32px;
	height: 35px;
	display: block;
	top: 5px;
	}

#diversao_prev { right: 32px; background-position: -0px -0px; }
#diversao_next { right: 0px; background-position: -32px -0px; }

#diversao_prev:hover { right: 32px; background-position: -0px -35px; }
#diversao_next:hover { right: 0px; background-position: -32px -35px; }

#jogos {
	list-style: none;
	position: relative;
}

#jogos li {
	float: left;
	margin-right: 10px;
}

#jogos li a{
	padding: 10px;
	background-color: #EDEEEF;
	border: solid 1px #ccc;
	width: 250px;
	height: 150px;
	display: block;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}

#jogos li a:hover {
	color: #fff;
	background-color: #E02673;
}

/*========================== Parceiros ==========================*/

#parceiros {
	width: 300px;
	margin-bottom: 20px;
	}
	
/*========================== Apoie ==========================*/
	
#apoie {
	display: block;
	list-style: none;
	}
	
#apoie li { float: left; }

.apoie_01, .apoie_02, .apoie_03, .apoie_04, .apoie_05, .apoie_01:hover, .apoie_02:hover, .apoie_03:hover, .apoie_04:hover, .apoie_05:hover {
	height: 60px;
	display: block;
	background-image: url(../img/apoie.gif);
	}

.apoie_01 { width: 56px; background-position: -0px -0px; }
.apoie_02 { width: 47px; background-position: -56px -0px; }
.apoie_03 { width: 53px; background-position: -103px -0px; }
.apoie_04 { width: 52px; background-position: -156px -0px; }
.apoie_05 { width: 92px; background-position: -208px -0px; }

.apoie_01:hover { background-position: -0px -59px; }
.apoie_02:hover { background-position: -56px -59px; }
.apoie_03:hover { background-position: -103px -59px; }
.apoie_04:hover { background-position: -156px -59px; }
.apoie_05:hover { background-position: -208px -59px; }

/*========================== Visitas ==========================*/

#visitas {
	width: 300px;
	}

/*=============================================================*/

#footer {
	clear: both;
	bottom: 0px;
	width: 100%;
	padding-top: 10px;
	background: #444444 url(../img/bg.jpg) 0 0 repeat;
	position: relative;
	}

/*========================== Contato ==========================*/

#contato {
	float: left;
	width: 360px;
	margin-left:10px;
	margin-bottom: 10px;	
	}

#contato_titulo, #news_titulo, #navegue_titulo, #conecte_titulo {
	background: url(../img/rodape_titulos.gif) 0 0 no-repeat;
	display:block; 
	height:35px;
}

#contato_titulo { background-position:-0px -0px; }
#news_titulo { background-position:-0px -36px; }
#navegue_titulo { background-position:-0px -70px; }
#conecte_titulo { background-position:-0px -105px; }

#contato_nome, #contato_email, #contato_assunto {
	background: url(../img/contato.gif) 0 0 no-repeat;
	width:85px; 
	height:35px;
	float: left;
	margin-bottom:10px;
	}

#contato_nome { background-position:-0px -0px; }
#contato_email { background-position:-0px -35px; }
#contato_assunto { background-position:-0px -70px; }

.input, .textfield {
	border: 0px;
	font-weight: bold;
	color: #E02673;
	font-size:16px;
	margin-bottom:10px;
	background: #fff url(../img/field_bg.gif) left top repeat-x;
	}
	
#contato_btn, #contato_btn:hover {
	background: url(../img/contato_btn.gif) 0 0 no-repeat;
	width:72px; 
	height:35px;
	text-indent: -99999px;
	}

#contato_btn:hover { background-position:-0px -35px; }

/*=================================================================*/

#twitter {
	float: left;
	width: 280px;
	margin-left: 20px;
	margin-bottom: 10px;
	}

/*========================== Links ==========================*/

#links {
	float: left;
	width: 280px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style: none;
	}

#links ul { float: left; margin: 5px; }

#links li {
	display: block;
	border-bottom: dotted 1px #ccc;
	}

#links li a {
	width: 130px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	color: #fff;
	font-weight: normal;
	}

#twitter_btn, #youtube_btn, #twitter_btn:hover, #youtube_btn:hover {
	background: url(../img/conecte_btn.gif) 0 0 no-repeat;
	height:50px;
	}

#twitter_btn { width: 151px; background-position: -0px -0px; }
#youtube_btn { width: 129px; background-position: -151px -0px; }
#twitter_btn:hover { background-position: -0px -50px; }
#youtube_btn:hover { background-position: -151px -50px; }

/*========================== Apoio ==========================*/

#apoio {
	clear: both;
	width: 960px;
	list-style: none;
	background: #ccc;
	}

#apoio li { float: left; }

#apoio_titulo {
	display: block;
	height: 35px;
	background: #E02673 url(../img/apoio_titulo.gif) center center no-repeat;
	}

#apoio_01, #apoio_02, #apoio_03, #apoio_04, #apoio_05, #apoio_06, #apoio_07, #apoio_08 {
	height: 110px;
	display: block;
	background: url(../img/apoio.jpg) 0 0 no-repeat;
	}

#apoio_01 { width: 121px; background-position: -0px -0px; }
#apoio_02 { width: 79px; background-position: -121px -0px; }
#apoio_03 { width: 152px; background-position: -200px -0px; }
#apoio_04 { width: 80px; background-position: -352px -0px; }
#apoio_05 { width: 144px; background-position: -432px -0px; }
#apoio_06 { width: 149px; background-position: -576px -0px; }
#apoio_07 { width: 115px; background-position: -725px -0px; }
#apoio_08 { width: 120px; background-position: -840px -0px; }

/*===================================================================*/

#copyrights {
	clear: both;
	width: 960px;
	color: #E02673;
	font-size: 10px;
	padding-top: 10px; 
	padding-bottom: 20px;
	}

/*============================= Fontes =============================*/

h1,h2, h3, h4 {
	font-weight: bold;
	color: #E02673;
	letter-spacing: -1px;
	text-align: left;
}

h1 {
	font-size: 32px;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
}

h2 {
	font-size: 24px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	font-size: 18px;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
}

h4 {
	font-size: 16px;
	line-height: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}

h5 {
	font-size: 12px;
	text-decoration: none;
	color: #656565;
	text-align: left;
}

p, #gallery {
	font-size: 12px;
	line-height: 16px;
	text-align: justify;
}

.slider_caption, .caption {
	position: absolute;
	text-decoration: none;
	letter-spacing: -1px;
	color: #fff;
	font-weight: bold;
	background-color: #e02673;
	text-align:left;
	}

.slider_caption {
	font-size: 22px;
	bottom: 10px;
	padding: 10px;
	text-align: left;
	}

.slider_caption:hover { background-color: #656565; } 

.data {
	font-size: 14px;
	text-decoration: none;
	letter-spacing: -1px;
	color: #656565;
	font-weight: bold;
	text-align: left;
}

/*============================= Links ==============================*/
a { 
	text-decoration: none;
	color: #E02673;
	}

a:hover { 
	text-decoration: none;
	color: #fff;
	background-color: #E02673;
	}

.more { 
	text-decoration: none;
	background-color: #E02673;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	}

.more:hover { 
	text-decoration: none;
	color: #fff;
	background-color: #656565;
	}


/*============================ Outros ==============================*/

.coment fieldset {
	display: block;
	padding: 10px;
	background-color: #EDEEEF;
	border: solid 1px #ccc;
	font-size: 24px;
	font-weight: bold;
	color: #E02673;
	letter-spacing: -1px;
	text-align: left;
	}

.coment_label {
	text-align: left;
	font-size: 16px;
	line-height: 14px;
	margin: 20px 0 5px 0;
	color: #656565;
	display: block;
	clear: both;
	letter-spacing: 0px;
	}

.comentario {
	display: block;
	list-style: none;
	}

.comentario li {
	clear: both;
	}

.comentario .img {
	display:  block;
	background-color: #EDEEEF;
	border: solid 1px #ccc;
	padding: 5px;
	}

.c_texto, .agenda_info {
	position: relative;
	display: block;
	padding: 10px;
	background-color: #EDEEEF;
	border: solid 1px #ccc;
	text-align: left;
	margin-bottom: 20px;
	}

.c_texto {
	min-height: 150px;
	height:auto !important;
	}

.agenda_info {
	min-height: 50px;
	height:auto !important;
	}

.lado {
	position: absolute;
	width: 19px;
	height: 20px;
	background: url(../img/comentario_lado.gif) 0 0 no-repeat;
	top: 20px;
	left: -19px;
	}

a .thumb {
	border: solid 5px #EDEEEF;
	}

a .thumb:hover {
	border: solid 5px #E02673;
	}

.modulo {
	margin: 20px 0 20px 0;
	list-style: none;
	letter-spacing: -1px;
	}

.modulo li {
	display: block;
	margin: 0px;
	}

.modulo .titulo {
	text-align: left;
	display: block;
	font-size: 20px;
	font-weight: bold;
	background-color: #E02673;
	color: #fff;
	padding: 10px;
	}

.modulo li a, .modulo li.voto {
	text-align: left;
	display: block;
        padding: 10px 5px 10px 5px;
	background-color: #EDEEEF;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #fff;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px;
	}

.modulo li a:hover {
         background-color: #FEF4B4;
         color: #E02673;
	}

.modulo .submit{
	font-size: 16px;
	font-weight: bold;
	background-color: #E02673;
	color: #fff;
	border: 0px;
	padding: 5px 10px 5px 10px;
	}
.modulo .submit:hover {
	background-color: #656565;
	}

.listar {
	clear: both;
	position: relative;
	margin: 0;
	border-bottom: solid 1px #ccc;
	display: block;
	padding-bottom: 6px;
	}

.listar a {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	font-size: 12px;
	text-align: center;
	border: solid 1px #ccc;
	background-color: #EDEEEF;
	margin: 0 2px 5px 2px;
	padding: 2px 2px 4px 2px;
	}