@charset "utf-8";
/* http://www.seriebspain.com 
Códigos de Color: (kuler)
#600 granate #660000,
#C00 rojo #CC0000,
#F60 naranja #FF6600,
#FF6 amarillo #FFFF66,
#FFF blanco,
#000 negro,
#666 gris
*/

* {border:0; margin:0; padding:0;}
:focus{outline:0;}

body {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color: #600;}
h1, h2, h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	margin-bottom:10px;}
h1 {
	font-size:36px;
	letter-spacing:10px;
	font-variant:small-caps;
	text-align:center;}
h2 {
	font-size:24px;
	text-transform: uppercase;
	font-weight:bold;
	color:#F60;}
h3 { font-size:18px;}
h4 { font-size:16px;}
h5 { font-size:14px;}
h6 { font-size:12px;}
p { text-align:left;}
pre {}
blockquote { font-style:italic;}
hr { 
	border:0;
	height:3px;
	color: #FFF;
	background-color: #FFF;
	margin-top:10px;
	margin-bottom:10px;}
ul { list-style:circle;}
ul li { margin-left:30px;}
ol {}
ol li { margin-left:30px;}
a, a:link, a:visited { color:#C00; text-decoration:none; cursor:pointer;}
a:hover, a:active { color:#FF6; text-decoration:underline;}
a img { border:0; cursor:pointer;}
#cabecera a, #cabecera a:link, #cabecera a:visited {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	color:#600;
	text-decoration:none;
	cursor:pointer;}
#cabecera a:hover, #cabecera a:active { color:#000; text-decoration:underline;}
#pie a, #pie a:link, #pie a:visited { color: #FFF; text-decoration:none;}
#pie a:hover, #pie a:active { color: #000; text-decoration:underline;}
#lateral a, #lateral a:link, #lateral a:visited { color: #F60; text-decoration:none;}
#lateral a:hover, #lateral a:active { color: #FF6; text-decoration:underline;}
#creditosweb a, #creditosweb a:link, #creditosweb a:visited {
	color: #FFF; text-decoration:none;}
#creditosweb a:hover, #creditosweb a:active {
	color: #000; text-decoration:underline;}
#mapasitio a, #mapasitio a:link, #mapasitio a:visited {
	color: #FFF; text-decoration:none;}
#mapasitio a:hover, #mapasitio a:active {
	color: #000; text-decoration:underline;}

.negritas {font-weight:bold;}
.cursivas {font-style:italic;}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.alignright {text-align:right;}
.oculto{ display:none}
a.icono32 { display:block; width:32px; height:32px; cursor:pointer; margin:0 7px 10px 6px;}
.floatleft { float:left}
.floatright { float:right}
.manita{cursor:pointer}
.separador{clear:both;}
.imagenfondonoticias{
	background-image: url(../img/fondos/cuerpo/cuerpo_microfono.png);}
.imagenfondodiscografia{
	background-image: url(../img/fondos/cuerpo/cuerpo_strato.png);}
.imagenfondogaleria{
	background-image: url(../img/fondos/cuerpo/cuerpo_bajo.png);}
.imagenfondovideos{
	background-image: url(../img/fondos/cuerpo/cuerpo_tele.png);}
.imagenfondobiografia{
	background-image: url(../img/fondos/cuerpo/cuerpo_montesa.png);;}
.imagenfondoprensa{
	background-image: url(../img/fondos/cuerpo/cuerpo_bateria.png);}
.imagenfondotienda{
	background-image: url(../img/fondos/cuerpo/cuerpo_acustica.png);}
.imagenfondocontacto{
	background-image: url(../img/fondos/cuerpo/cuerpo_lespaul.png)}

#wrapper {
	clear:both;
	width:960px;
	height:auto;
	margin:auto;}
#cabecera {
	clear:both;
	position:relative;
	width:960px;
	height:340px;
	margin:auto;
	background-image: url(../img/fondos/cabecera_redonda.png);
	background-repeat:no-repeat;
	color:#000;}
#logo {
	position:absolute;
	top:7px;
	left:56px;
	width:264px;
	height:262px;
	z-index:1;
	background-image:url(../img/logo_bienvenida/logo.png);
	background-repeat:no-repeat;}
#bienvenida {
	position:absolute;
	top:269px;
	left:38px;
	width:305px;
	height:59px;
	z-index:1;
	background-image:url(../img/logo_bienvenida/bienvenida.png);
	background-repeat:no-repeat;}
#dial {
	position:absolute;
	top:27px;
	right:120px;
	width:309px;
	height:300px;
	background-image:url(../img/menu_dial/fondo_dial.png);
	background-repeat:no-repeat;}
#dialcentro {
	position:absolute;
	left:74px;
	top:68px;
	width:160px;
	height:160px;
	z-index:1;
	background-repeat:no-repeat;}
#dialcentro.not { background-image:url(../img/menu_dial/noticias.png);}
#dialcentro.dis { background-image:url(../img/menu_dial/discografia.png);}
#dialcentro.gal { background-image:url(../img/menu_dial/galeria.png);}
#dialcentro.vid { background-image:url(../img/menu_dial/videos.png);}
#dialcentro.bio { background-image:url(../img/menu_dial/biografia.png);}
#dialcentro.pre { background-image:url(../img/menu_dial/prensa.png);}
#dialcentro.tie { background-image:url(../img/menu_dial/tienda.png);}
#dialcentro.con { background-image:url(../img/menu_dial/contacto.png);}

a.menu {
	position:absolute;
	width:120px;
	height:25px;
	line-height:25px;
	padding-top:50px;
	text-align:center;
	z-index:1;
	background-position:top center;
	background-repeat:no-repeat;
	overflow:hidden;
	cursor:pointer;}	
a.menu#boton1 { top:20px; left:404px;
	background-image:url(../img/botones/boton1_noticias.png);}
a.menu#boton2 { top:97px; left:404px;
	background-image:url(../img/botones/boton2_discografia.png);}
a.menu#boton3 { top:173px; left:404px;
	background-image:url(../img/botones/boton3_galeria.png);}
a.menu#boton4 { top:250px; left:397px;
	background-image:url(../img/botones/boton4_videos.png);}
a.menu#boton5 { top:20px; left:847px;
	background-image:url(../img/botones/boton5_biografia.png);}
a.menu#boton6 { top:97px; left:846px;
	background-image:url(../img/botones/boton6_prensa.png);}
a.menu#boton7 { top:173px; left:844px;
	background-image:url(../img/botones/boton7_tienda.png);}
a.menu#boton8 { top:250px; left:846px;
	background-image:url(../img/botones/boton8_contacto.png);}

#cuerpo  {
	clear:both;
	margin-top:-30px;
	width:960px;
	background-repeat:repeat-y;}
#principal {
	float:left;
	width:500px;
	min-height:500px;
	margin-left:80px;
	margin-top:50px;
	margin-bottom:20px;
	text-align:justify;}
#principalsuperior {
	clear:both;
	width:500px;
	height:20px;
	background-image:url(../img/principal_lateral/principal_superior.png);
	background-repeat:no-repeat;}
#principalcentro {
	clear:both;
	width:460px;
	padding-left:20px;
	padding-right:20px;
	background-image: url(../img/principal_lateral/principal_centro.png);
	background-repeat:repeat-y;}
#principalinferior {
	clear:both;
	width:500px;
	height:20px;
	background-image:url(../img/principal_lateral/principal_inferior.png);
	background-repeat:no-repeat;}
#lateral {
	float:right;
	width:220px;
	margin-right:80px;
	margin-top:50px;
	margin-bottom:20px;
	text-align:center;}
#lateralsuperior {
	clear:both;
	width:220px;
	height:20px;
	background-image:url(../img/principal_lateral/lateral_superior.png);
	background-repeat:no-repeat;}
#lateralcentro {
	clear:both;
	width:180px;
	padding-left:20px;
	padding-right:20px;
	background-image: url(../img/principal_lateral/lateral_centro.png);
	background-repeat:repeat-y;}
#lateralinferior {
	clear:both;
	width:220px;
	height:20px;
	background-image:url(../img/principal_lateral/lateral_inferior.png);
	background-repeat:no-repeat;}
#menuinferior {
	clear:both;
	width:960px;
	min-width:960px;
	height:125px;
	background-image:url(../img/fondos/menuinferior.png);
	background-repeat:no-repeat;}
#menuinferior a.navinf, #menuinferior a.navinf:link, #menuinferior a.navinf:visited{
	display:block;
	float:left;
	width:120px;
	height:25px;
	line-height:25px;
	padding-top:100px;
	overflow:hidden;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 10px;}
#menuinferior a.navinf:hover,#menuinferior a.navinf:active{}
#menuinferior a.navinf#fotonoticias {
	background-image: url(../img/menu_inferior/bloque1_noticias.png);}
#menuinferior a.navinf#fotodiscografia {
	background-image:url(../img/menu_inferior/bloque2_discografia.png);}	
#menuinferior a.navinf#fotogaleria {
	background-image:url(../img/menu_inferior/bloque3_galeria.png);}
#menuinferior a.navinf#fotovideos {
	background-image:url(../img/menu_inferior/bloque4_videos.png);}
#menuinferior a.navinf#fotobiografia {
	background-image:url(../img/menu_inferior/bloque5_biografia.png);}
#menuinferior a.navinf#fotoprensa {
	background-image:url(../img/menu_inferior/bloque6_prensa.png);}
#menuinferior a.navinf#fototienda {
	background-image:url(../img/menu_inferior/bloque7_tienda.png);}
#menuinferior a.navinf#fotocontacto {
	background-image:url(../img/menu_inferior/bloque8_contacto.png);}
#pie {
	clear:both;
	width:960px;
	height:25px;
	line-height:25px;
	background-image:url(../img/fondos/pie.png);
	text-align:center;
	color:#000;}
#pantalla {
	clear:both;
	width:460px;
	height:401px;
	background-image:url(../img/galeria/contacto001.jpg);
	background-repeat:no-repeat;}
#pruebacontactos {
	clear:both;
	width:158px;
	height:478px;
	padding:11px;
	background-color: #000;
	overflow:auto;}
#pruebacontactos a {
	display:block;
	width:143px;
	height:124px;
	margin-bottom:11px;}
#pruebacontactos a img {	
	width:139px;
	height:120px;
	border:2px solid #600;}
#pruebacontactos a:hover img, #pruebacontactos a:active img{
	border:2px solid #FFF;}
#swansong {
	clear:both;	
	width:460px;
	height:401px;
	z-index:1;}
#credheaven {
	position:absolute;
	left:30px;
	top:30px;
	width:350px;
	height:420px;
	z-index:1;}
#credelectri {
	position:absolute;
	left:30px;
	top:30px;
	width:340px;
	height:300px;
	z-index:1;}
#animacionindex {
	position:absolute;
	left:50%;
	top:50%;
	width:960px;
	height:700px;
	margin-top:-350px;
	margin-left:-480px;
	z-index:1;
	cursor:pointer;}
#creditosweb {
	float:left;
	width:300px;
	height:300px;
	margin-top:210px;
	margin-left:70px;
	padding:20px;
	border:3px solid #FFF;}
#mapasitio {
	float:right;
	width:480px;
	height:680px;
	margin-top:40px;
	margin-bottom:20px;}	
#bsonoticias { position:absolute;left:1px;top:1px;width:1px;height:1px;z-index:1; }
#bsodiscografia { position:absolute;left:1px;top:1px;width:1px;height:1px;z-index:1; }
#bsogaleria { position:absolute; left:1px; top:1px; width:1px; height:1px; z-index:1; }
#bsobiografia { position:absolute; left:1px; top:1px; width:1px; height:1px; z-index:1; }
#bsoprensa { position:absolute; left:1px; top:1px; width:1px; height:1px; z-index:1; }
#bsotienda { position:absolute; left:1px; top:1px; width:1px; height:1px; z-index:1; }
#bsocontacto { position:absolute; left:1px; top:1px; width:1px; height:1px; z-index:1; }
form { margin-top:20px;}
fieldset { border:1px solid #000000;}
legend { font-weight:bold; color:#966;}
label { cursor:pointer;font-weight:bold;font-style:italic;}
input[type=text], input[type=password], input[type=file], textarea, select {
	border:2px solid #FFF;
	background-color: #FFC;
	width:300px;
	height:30px;}
textarea { width:300px; height:150px;}
input[type=checkbox], input[type=radio] {}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, textarea:hover, select:hover { background-color: #600;}
input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, textarea:focus, select:focus { background-color:#FFF;}
input[type=submit], input[type=reset] {
	margin-top:20px;
	cursor:pointer;
	color: #FFF;
	background-color:#600;
	border:2px solid #FFF;
	padding:2px;
	-moz-border-radius: 8px;}
input[type=submit]:hover, input[type=reset]:hover { color: #FF0;}