@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
}

body{
	width:100%;
	height:100%;
	min-width:1024px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
s {
	text-decoration: underline;	
}
sn {
	text-decoration: underline;
	font-weight: normal;
}
.n {
	font-weight: normal;
	line-height: 18px;
	margin: 0px;
}
.eventosinf {
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
}
.nd {
	font-weight: bold;
	line-height: 18px;
	margin: 0px;
}
input:focus {
	border: 0px;
	outline: none;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 910px;
	height: 101px;
	background-image: url(../images/layout/fundo_quadrado.jpg);
	background-repeat: repeat;
}

.grooves_logo {
	width: 201px;
	height: 100px;
	margin-right: 1px;
	margin-top: 1px;
	margin-left: 1px;
	float: left;
	background-image: url(../images/layout/grooves_logo.jpg);
}

/* Cores de fundo e texto dos quadrados */
.l05 {
	background-color: #FF4171;
}
.l02 {
	background-color: #67FFB3;
}
.l03 {
	background-color: #968AFC;
}
.l04 {
	background-color: #00FFF8;
}
.l01 {
	background-color: #FF38D1;
}
.l06 {
	background-color: #E6FFA1;
}
.l07 {
	background-color: #1BBEE3;
}
.bl05 {
	color: #FF4171;
}
.bl02 {
	color: #67FFB3;
}
.bl03 {
	color: #968AFC;
}
.bl04 {
	color: #00FFF8;
}
.bl01 {
	color: #FF38D1;
}
.bl06 {
	color: #E6FFA1;
}
.bl07 {
	color: #1BBEE3;
}
/* ---- */
/* FONTS dos quadrados */
.t_1 {
	font-weight: bold;
	font-size: 14px;
}
.t_2 {
	font-weight: bold;
	font-size: 36px;
}
.t_3 {
	font-weight: bold;
	font-size: 18px;
}
.t_3 p {
	margin-bottom: 5px;
}
/* ---- */
.quadrado_link a, .quadrado_link a:hover, .quadrado_link a:visited, .quadrado_link a:active {
	color: #000;
	text-decoration: none;
}
.artistas_lista a, .artistas_lista a:hover, .artistas_lista a:visited, .artistas_lista a:active {
	text-decoration: none;
}

#header a, #header a:hover, #header a:visited, #header a:active {
	color: #000;
	text-decoration: none;
}
.contactos a, .contactos a:hover, .contactos a:visited, .contactos a:active {
	color: #000;
	text-decoration: none;
}


#fundo_blur {
	position: absolute;
	top:0px;
	background-color: #000;
	opacity:0.7;
	filter:alpha(opacity=70);
	display: none;
	z-index: 5;
}
#fundo_blur_b, #fundo_blur_c {
	position: absolute;
	top:0px;
	background-color: #000;
	opacity:0.85;
	filter:alpha(opacity=85);
	display: none;
	z-index: 5;
}

#contentMask{
	position:relative;
	top:0px;
	float:left;
	z-index:-1;
}


#contentHolder{
	float:left;
	background-color: #000;
	width: 7000px;
	height: 6000px;
	background-image: url(../images/layout/fundo_quadrado.png);
	background-repeat: repeat;
}

.screen{
	float:left;
	width: 100px;
	height: 100px;
	background-color: #000;
	border: 1px solid #CCC;
}

#textPos{
	float:left;
	width:150px;
	height:30px;
	background-color:#0CC;
}

/*heper classes*/
.clearFix{
	clear:both;
}

/* AREAS */
.newsletter_box {
	width: 181px;
	height: 80px;
	background-color: #E6FFA1;
	float: left;
	padding: 10px;
}
.cordelogin {
	background-color: #00FFF8;
}

.logout_box {
	width: 100px;
	height: 100px;
	float: left;
}
.newsletter_frente {
	position: absolute;
	width: 303px;
	top: 102px;
	left: 1px;
	display: none;
	z-index: 100;
}
.login_frente {
	position: absolute;
	width: 303px;
	top: 102px;
	left: 1px;
	display: none;
	z-index: 100;
}
.email_field {
	width: 171px;
	border: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 11px;
	color: #CCC;
	background-color: #000;
	margin-top: 16px;
}
.login_field {
	width: 171px;
	border: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 11px;
	color: #CCC;
	background-color: #000;
	margin-top: 5px;
}
.email_enviar {
	background-color: #E6FFA1;
	border: none;
	font-weight: bold;
}
.login_enviar {
	background-color: #00FFF8;
	border: none;
	font-weight: bold;
	font-size: 14px;
	margin-top: 0px;
	font-smooth:always;
	-webkit-font-smoothing: antialiased;
	font-family: Arial, Helvetica, sans-serif;
}
#results, #results1, #results2, #results3, #results4, #resultslog1 {
	margin-top: 7px;
	font-size: 11px;
}
#resultslog1 {
	margin-top: 0px;
}

/* HOME */
.home {
	width: 909px;
	height: 909px;
	position: absolute;
	top: 2020px;
	left: 1818px;
	margin-top: 1px;
	margin-left: 1px;
}
.liga_home {
	width: 100px;
	height: 100px;
	background-color: #67FFB3;
	margin-left: 102px;
	float: left;
	clear: right;
}
.home_proximos_eventos {
	width: 484px;
	height: 90px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #67FFB3;
	float: left;
	clear: both;
	margin-top: 1px;
	margin-right: 101px;
}
.home_noticias {
	width: 181px;
	height: 90px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #67FFB3;
	float: left;
	margin-top: 1px;
	margin-left: 1px;
}
.eventos {
	width: 505px;
	float: left;
	margin-top: 1px;
}
.evento {
	width: 504px;
	float: left;
}
.evento_nome {
	width: 181px;
	height: 80px;
	padding: 10px;
	margin-right: 1px;
	float: left;
}
.evento_artistas {
	width: 80px;
	height: 84px;
	float: left;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 24px;
}
.eventos_imagem {
	width: 201px;
	height: 201px;
	float: right;
}
.evento_inf {
	width: 80px;
	height: 84px;
	margin-top: 1px;
	margin-right: 1px;
	float: left;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 24px;
	overflow: hidden;
}
.evento_info {
	width: 484px;
	height: 0px;
	margin-top: 1px;
	float: left;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
}
/* noticias */

.noticias {
	width: 303px;
	float: left;
	margin-left: 101px;
}
.noticia {
	width: 302px;
	float: left;
	margin-top: 1px;
}
.noticia_data {
	width: 80px;
	height: 80px;
	padding: 10px;
	margin-right: 1px;
	float: left;
}
.noticia_img {
	width: 100px;
	height: 100px;
	margin-right: 1px;
	margin-top: 1px;
	float: left;
}
.noticia_txt {
	width: 181px;
	height: 181px;
	padding: 10px;
	float: right;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	overflow: hidden;
	word-wrap: break-word;
}

.noticia_txt { position: relative; }
.testebottom {
	position: absolute;
	bottom: 0;
	background-color:#000;
	height: 15px;
	width: 191px;
	margin-top: -15px;
	margin-left: -10px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
}

.noticia_txt a, .noticia_txt a:active, .noticia_txt a:visited, .noticia_txt a:link {
	color: #FFF;
}
.noticia_titulo {
	margin-bottom: 5px;
}
.noticia_txt p {
	font-weight: normal;
	color: #FFF;
	line-height: 18px;
}
.noticia_txt p a {
	color: #FFF;
}
/* ACABA HOME */


/* SOBRE NOS */
.sobre {
	width: 909px;
	height: 606px;
	position: absolute;
	top: 404px;
	left: 1616px;
	margin-top: 1px;
	margin-left: 1px;
}
.download_logo {
	width: 100px;
	height: 100px;
	background-color: #968AFC;
	float: left;
}
.liga_sobre {
	width: 100px;
	height: 100px;
	background-color: #968AFC;
	margin-left: 303px;
	float: left;
	clear: right;
}
.sobre_grooves {
	width: 585px;
	height: 90px;
	background-color: #968AFC;
	float: left;
	margin-top: 1px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.sobre_premios {
	width: 181px;
	height: 90px;
	background-color: #968AFC;
	float: left;
	margin-top: 1px;
	margin-left: 1px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.sobre_img_txt {
	width: 504px;
	height: 403px;
	float: left;
	line-height: 16px;
}
.sobre_img_txt p {
	margin-bottom: 5px;
}
.sobre_img {
	width: 302px;
	height: 201px;
	margin-left: 202px;
	margin-top: 1px;
	float: left;
	background-repeat: no-repeat;
}
#sobre_txt {
	width: 282px;
	height: 191px;
	margin-top: 1px;
	margin-left: 202px;
	float: left;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.sobre_premios_lista {
	width: 302px;
	height: 403px;
	margin-left: 102px;
	float: left;
}
.liga_premios {
	width: 100px;
	height: 100px;
	background-color: #968AFC;
	margin-top: 1px;
	float: left;
}
.premio {
	width: 181px;
	height: 84px;
	margin-top: 1px;
	margin-left: 1px;
	float: left;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 24px;
}
.premio_fonte {
	font-size: 12px;
	line-height: 14px;
	color: #FFF;
	font-weight: normal;
	margin-top: 3px;
}
/* ACABA SOBRE NOS */


/* ARTISTAS */
.artistas {
	width: 1717px;
	height: 909px;
	position: absolute;
	top: 1818px;
	left: 3535px;
	margin-top: 1px;
	margin-left: 1px;
}
.liga_artistas {
	width: 100px;
	height: 100px;
	background-color: #00FFF8;
	margin-left: 505px;
}
.artistas_filtro {
	width: 80px;
	height: 80px;
	padding: 10px;
	background-color: #00FFF8;
	margin-top: 1px;
	float: left;
	cursor: pointer;
}
.filtro_letra {
	float: left;
	margin-right: 4px;
}
.filtro_letra:hover {
	float: left;
	margin-right: 4px;
	text-decoration: underline;
}

.select_l {
	float: left;
	margin-right: 4px;
	text-decoration: underline;
}

.artistas_lista {
	width: 1616px;
	height: 1616px;
	float: left;
	margin-top: -1px;
}
.artistas_artista {
	width: 201px;
	height: 201px;
	float: left;
	margin-left: 1px;
	margin-top: 1px;
}


.ver_video_artista {
	background-color: #F00;
}
.artistas_video {
	width: 505px;
	height: 403px;
	position: absolute;
	z-index: 10;
	display: none;
	top: 203px;
	left: 203px;
}
.video_fechar {
	margin-left: 303px;
	margin-top: -1px;
	float: left;
}
.video_proximo {
	float: right;
}
.video_player {
	width: 403px;
	height: 302px;
	margin-top: 1px;
	float: left;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
}
.video_artista {
	width: 201px;
	height: 202px;
	float: left;
	margin-left: 1px;
	margin-top: 1px;
	position: absolute;
	top: 303px;
	left: 0px;
	display: none;
	background-image: url(../images/layout/fundo_quadrado.jpg);
	background-repeat: repeat;
}
.video_nome {
	width: 181px;
	height: 80px;
	background-color: #00FFF8;
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	z-index: 100;
	position: relative;
}
.video_p {
	width: 80px;
	height: 80px;
	padding: 10px;
	margin-top: 1px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	float: left;
	font-size: 14px;
	font-weight: bold;
}
/* ACABA ARTISTAS */


/* LINKS */
.links {
	width: 606px;
	height: 505px;
	position: absolute;
	top: 2222px;
	left: 606px;
	margin-top: 1px;
	margin-left: 1px;
}
.liga_links {
	width: 100px;
	height: 100px;
	background-color: #FF4171;
	margin-left: 404px;
	float: left;
	clear: right;
}
.links_links {
	width: 484px;
	height: 90px;
	background-color: #FF4171;
	float: left;
	margin-top: 1px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.links a, .links a:hover, .links a:visited, .links a:active {
	color: #000;
	text-decoration: none;
}
/* ACABA LINKS */


/* CONTACTOS */
.contactos {
	width: 909px;
	height: 707px;
	position: absolute;
	top: 3030px;
	left: 101px;
	margin-top: 1px;
	margin-left: 1px;
}
.liga_contactos {
	width: 100px;
	height: 100px;
	background-color: #E6FFA1;
	margin-left: 506px;
	float: left;
	clear: right;
}
.contactos_contactos {
	width: 686px;
	height: 90px;
	background-color: #E6FFA1;
	float: left;
	margin-top: 1px;
	margin-left: 101px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.contactos_formulario {
	width: 181px;
	height: 282px;
	margin-top: 1px;
	margin-left: 101px;
	padding: 10px;
	background-color: #E6FFA1;
	float: left;
}
.contactos_formulario_frente {
	position: absolute;
	width: 404px;
	top: 303px;
	left: 1px;
	display: none;
	z-index: 100;
}
.contactos_dados {
	width: 504px;
	height: 504px;
	margin-left: 102px;
	float: left;
}
.contactos_dados_t {
	width: 80px;
	height: 80px;
	margin-top: 1px;
	background-color: #E6FFA1;
	float: left;
	padding: 10px;
}
.contactos_dados_d2 {
	width: 181px;
	height: 80px;
	margin-top: 1px;
	margin-left: 1px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	float: left;
	padding: 10px;
}
.contactos_dados_d4 {
	width: 383px;
	height: 80px;
	margin-top: 1px;
	margin-left: 1px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	float: left;
	padding: 10px;
}
.contactos_dados_d4a {
	width: 383px;
	height: 80px;
	margin-top: 1px;
	margin-left: 101px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	float: left;
	padding: 10px;
}

.contactos_field {
	width: 171px;
	border: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 11px;
	color: #CCC;
	background-color: #000;
	margin-top: 14px;
}
.contactos_field_mensagem {
	width: 171px;
	height: 126px;
	max-width: 171px;
	max-height: 126px;
	border: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 11px;
	color: #CCC;
	background-color: #000;
	margin-top: 14px;
}
.contactos_field_mensagem:focus {
	border: 0px;
	outline: none;
}
/* ACABA CONTACTOS */

/* BROWSER */
.browser {
	width: 506px;
	height: 304px;
	position: absolute;
	top: 202px;
	z-index: 100;
}
.explain {
	width: 506px;
	height: 304px;
	position: absolute;
	top: 202px;
	z-index: 100;
	display: none;
}
.browser_cnt {
	width: 405px;
	height: 304px;
	background-image: url(../images/layout/fundo_quadrado.jpg);
	background-repeat: repeat;
	float: left;
}
.browser_msg1 {
	float: left;
	width: 383px;
	height: 80px;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
}
.browser_msg1 p {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	margin-top: 5px;
	line-height: 16px;
}
.browser_msg2 {
	float: left;
	width: 383px;
	height: 80px;
	margin-top: 1px;
	margin-left: 1px;
	padding: 10px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
}
.explain_img {
	float: left;
	width: 403px;
	height: 201px;
	margin-top: 1px;
	margin-left: 1px;
	background-image: url(../images/layout/quadrado_fundo.jpg);
	background-repeat: repeat;
	overflow: hidden;
}
.browser_msg2 p {
	font-size: 11px;
	color: #FFF;
	font-weight: normal;
	margin-top: 0px;
	line-height: 16px;
}
.browser_icon {
	float: left;
	width: 100px;
	height: 100px;
	margin-top: 1px;
	margin-left: 1px;
}
.browser_fechar {
	width: 80px;
	height: 80px;
	margin-top: 1px;
	padding: 10px;
	float: left;
	cursor: pointer;
}
/* BROWSER */

#hoverleft {
	position: fixed;
	height: 100%;
	width: 100px;
	top: 0;
}
#hoverright {
	position: fixed;
	height: 100%;
	width: 100px;
	top: 0;
	right: 0;
}
#hovertop {
	position: fixed;
	height: 130px;
	width: 100%;
	top: 0;
}
#hoverbottom {
	position: fixed;
	height: 100px;
	width: 100%;
	bottom: 0;
}

#hovertopleft {
	position: fixed;
	height: 130px;
	width: 100px;
	top: 0;
}
#hovertopright {
	position: fixed;
	height: 130px;
	width: 100px;
	top: 0;
	right: 0;
}
#hoverbottomleft {
	position: fixed;
	height: 100px;
	width: 100px;
	bottom: 0;
}
#hoverbottomright{
	position: fixed;
	height: 100px;
	width: 100px;
	bottom: 0;
	right: 0;
}