@charset "UTF-8";
/* CSS Document */
body {background:url(images/bg.gif) no-repeat fixed #000000;padding-top:0px;margin-top:0px;}
#header {width:830px;padding-bottom:10px;background: url(images/bg_header.gif) no-repeat #222222;margin:auto;}
#logo {background:url(images/header_logo.gif) no-repeat;width:785px;height:107px;margin:auto;}
#menu {background:url(images/boton.gif) left top;width:785px;height:42px;margin: 12px auto;}
#featured {margin: 18px auto;height:251px;width:785px;}
#footer {background:url(images/logo_footer.gif) no-repeat #171717;width:830px;height:63px;margin:auto;margin-bottom:72px;}
#container {width:830px;height:auto;background:#1e1e1e;margin:auto;padding-top:15px;padding-bottom:20px;}
#wrapper {width:785px;margin:auto;height:auto;}
#release {height:183px;width:254px;float:left;margin-right:12px;cursor:pointer; /*background:url(images/bg_tabs.gif) left 31px;*/ }
#release .reltabbg {background: url(images/tabs_titulos.gif) no-repeat;height:31px;width:254px;}
#artists {height:183px;width:254px;/*background:url(images/bg_tabs.gif) left 31px;*/float:left;cursor:pointer;}
#artists .reltabbg {background: url(images/tabs_titulos.gif) left -32px;height:31px;width:254px;}
#videos {height:183px;width:254px;background:url(images/bg_tabs.gif) left 31px;float:left;margin-right:12px;margin-top:15px;cursor:pointer;}
#videos .reltabbg {background: url(images/tabs_titulos.gif) left -64px;height:31px;width:254px;}
#images {height:183px;width:254px;background:url(images/bg_tabs.gif) left 31px;float:left;margin-top:15px;cursor:pointer;}
#images .reltabbg {background: url(images/tabs_titulos.gif) left -96px;height:31px;width:254px;}
#news {	width:254px;/*height:380px;*/float:right;background:#2f2f2f;position: relative; padding-bottom:5px;}
#news .reltabbg {background: url(images/tabs_titulos.gif) left -128px;height:31px;width:254px;}
#news ul {list-style-type:none;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size: 12px;padding-left:13px;margin-bottom:10px;}
#news ul li ul {	color:#999;	padding-left:0px;}
.clear {clear:both;}
/* TITULOS SECCIONES */
#bgartists {height:41px;width:785px;margin:auto;background:url(images/artists_bg.gif);}
#bgreleases {height:41px;width:785px;margin:auto;background:url(images/releases_bg.gif);}
#bglinks {height:41px;width:785px;margin:auto;background:url(images/links_bg.gif);}
#bgcontact {height:41px;width:785px;margin:auto;background:url(images/contact_bg.gif);}
#bgmedia {height:41px;width:785px;margin:auto;background:url(images/media_bg.gif);}
/* NAVIGATION */
button { border:0; cursor:pointer; font-weight:bold; padding:0 20px 0 0; text-align:center; float: left; width: auto; }
button span { position:relative; display:block; white-space:nowrap; padding:0 0 0 20px; }
button.submitBtn { background:url(images/boton_h.gif) right no-repeat; font-size:0.75em; font-weight: bold; }
button.submitBtn span { height:39px; line-height:40px; text-transform:uppercase; background:url(images/boton.gif) left no-repeat;color:#fff; }
button.submitBtn a { color:#fff; text-decoration:none; cursor:pointer; }
button.submitBtn:hover span { color: #0099FF; }
/**************** RELEASES *******************/
#side_r { float:left; width:180px; font-size: 0.75em; color:#fff; font-family:Arial, Helvetica, sans-serif;}
#side_r .pic img { margin: 0 10px 0px 0; }
#side_r .pic span { color: #999999; }
#info_r {float:right;width:553px; font-family:Arial, Helvetica, sans-serif; color:#CCCCCC; font-size:0.75em;}
#info_r span {color:#FFFFFF; font-size:1.3em; font-weight:bold;}
#info_r .text {color:#CCCCCC; font-size:0.9em; line-height:1.5em;}
/**************** LINKS *******************/
.links { font-family:Arial, Helvetica, sans-serif; color:#fff; }
.links h2 {font-size:1.0em; margin-top:0px; margin-bottom:5px;}
.links a { color:#999; text-decoration:none; font-size:0.8em;}
.links a:hover {color:#FFFFFF;}
#col { float:left; width:250px}
/***************** BIO *****************/
#bio {float:right;width:553px;}
#bio .biotext {color:#CCCCCC;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:0.7em; text-align:justify}
#side {float:left;width:180px;}
#side .pic img {margin: 0 10px 0px 0;}
#side .pic h2 {font-size: 1.2em;color: #ffffff;margin-bottom:0px;font-family:Arial, Helvetica, sans-serif;margin-bottom:2px;}
#side .pic span {font-size: 0.7em;color: #999999;font-family:Arial, Helvetica, sans-serif;}
#side .pic p {font-family:Arial, Helvetica, sans-serif;color:#8ce5ff;font:bold;margin-bottom:-5px;margin-top:-1px;}
#side .pic a {font-size: 0.7em;color: #999999;text-transform:lowercase;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#side .pics {padding-top:30px;}
#side .pics span {font-size: 1.0em;color: #ccc;font-family:Arial, Helvetica, sans-serif;}
#side .pics img {margin: 5px 0px 0px 0px;}
/* COLUMNAS RELEASES */
#releases .l {width: 175px;padding: 10px 20px 0px 0px;float:left;}
#releases .l .post {font-size: 0.75em;color:#FFF;font-family:Arial, Helvetica, sans-serif;}
#releases .l .post h2 {font-size: 1.3em;margin-bottom:-13px;}
#releases .l .post h2 a {color: #ffffff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#releases .l .post span {color: #626262;font-family:Arial, Helvetica, sans-serif;}
#releases .l .post p {font-family:Arial, Helvetica, sans-serif;color:#999;font:bold;font-size:1.1em;margin-bottom:1px;}
#releases .l .post img {margin: 0 0px 0px 0;}
/***************** COLUMNAS ARTISTAS *****************/
#content .l {width: 380px;float: left;padding: 0 10px 10px 0;}
#content .l .post {font-size: 1.0em;/*padding-top: 10px;*/}
#content .l .post h2 {font-size: 0.9em;color: #ffffff;margin-bottom:-18px;}
#content .l .post h2 a {color: #ffffff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#content .l .post h3 {font-size: 0.7em;width: 100%;}
#content .l .post h3 a {color: #999999;text-decoration:none;text-transform:lowercase;font-family:Arial, Helvetica, sans-serif;}
#content .l .post p {font-family:Arial, Helvetica, sans-serif;color:#8ce5ff;font:bold;margin-bottom:-15px;}
#content .l .post img {float: left;margin: 0 10px 5px 0;/*width: 100px;*/opacity:0.4;filter:alpha(opacity=60)}
#content .r {width: 380px;float: right;padding: 0 10px 10px 0;}
#content .r .post {font-size: 1.0em;}
#content .r .post h2 {font-size: 0.9em;color: #ffffff;margin-bottom:-18px;}
#content .r .post h2 a {color: #ffffff;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
#content .r .post h3 {font-size: 0.7em;width: 100%;}
#content .r .post h3 a {color: #999999;text-decoration:none;text-transform:lowercase;font-family:Arial, Helvetica, sans-serif;}
#content .r .post p {font-family:Arial, Helvetica, sans-serif;color:#8ce5ff;font:bold;margin-bottom:-15px;}
#content .r .post img {float: left;margin: 0 10px 5px 0;/*width: 100px;*/opacity:0.4;filter:alpha(opacity=60)}
/*****************  ESTILOS PARA EL SLIDES *****************/
#slider {height:251px;width:785px;position: relative;overflow: hidden;}
#sliderContent {width: 785px;position: absolute;top: 0;margin-left: 0;}
.sliderImage {float: left;position: relative;display: none;}
.sliderImage span {position: absolute;font: 10px/15px Arial, Helvetica, sans-serif;padding: 10px 13px;width: 785px;background-color: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;}
.clear {clear: both;}
.sliderImage span strong {font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}
ul { list-style-type: none;}
/*****************  ESTILOS PARA CONTACTO *****************/
#contacto { }
#contacto .info { width:350px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; color:#ccc; line-height:15px; }
#contacto .info a { font-size:1.2em; color:#FFFFFF; text-decoration:none; line-height:18px; }
#contacto .info a:hover { color:#666666; text-decoration:none }
#contacto .form { float:left  }
#contacto .form a { text-decoration:none; color:#ccc }
#contacto .form a:hover { text-decoration:none; color:#fff }
#contacto label{float:left;width:120px;text-align:right;font-weight:bold;margin-right:10px;margin-top:3px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif}
#contacto input.field{width:256px;padding:4px;}
#contacto select.select{width:263px;padding:4px;}
.button{background-image:url('images/round-btn.gif');width:115px;height:32px;border:0;color:#666;font-size:14px;margin-left:3px; float:left;}
.button:hover{background-image:url('images/round-btn-hover.gif');color:#444;}
/*****************  ESTILOS PARA LA GALERIA *****************/
.gal { width:181px; float:left; margin-right:10px; margin-bottom:10px; background:#292929; padding:5px; }
.gal h2 { color:#FFF; margin:5px 0px 2px 0px; font: normal normal 12px/12px Arial, Helvetica, sans-serif }
.gal span { color:#FC0; font:normal normal 12px/12px Arial, Helvetica, sans-serif }
.pp_description,.ppt,.currentTextHolder {font-family:Arial, Helvetica, sans-serif }

.gal a{
		background-image:url('images/fx.png');
		background-position:0px 0px;
		background-repeat:no-repeat;
		display:block;
		width:181px;
		height:106px;
	}