/* ----------- GENERAL ----------- */

body {
	background: #000;
	overflow-x:hidden;
}

#fill {
	height:30px;
}
#body {
	overflow:hidden;
}

.wrapper {
	text-align: center;
	width: 100%;
}
img {
	border: 0;
}
.bg {
	position:relative;
	left:50%;
	margin-left:-512px;
	background-image: url(../bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 649px;
	width: 1024px;
}
.main {
	background-image: url(../marco_principal2.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: auto;
	height: 648px;
	width: 690px;

}
.general {
	text-align: left;
	float: left;
	padding-top: 142px;
	width: 450px;
}

#scroll {
/*	border: 1px solid red;*/
	float:right;
	margin: 120px 5px 0 0;
	width:15px;
}

#scroll ul {
	margin:0;
	padding:0;
	list-style:none;
}
.contenido {
/*	border: 1px solid white; */
	height: 330px;
	width: 335px;
	margin-left: 85px;
	font-family: Arial;
	font-size: 12px;
	color:#EEE;
	overflow:hidden;
}

#header {
/*	border: 1px solid blue;*/
	width: 299px;
	height: 29px;
	margin-top:25px;
	margin-left: 95px;
	margin-bottom: 5px;
}

#btnUp
{
	background: url(../images/scroll-up.png) no-repeat top left;
	width: 15px;
	height: 62px;
	margin-bottom: 5px;
}
#btnDown
{
	margin-top: 5px;
	background: url(../images/scroll-down.png)	no-repeat top left;
	width: 15px;
	height: 62px;
}

#easyscroll{ 
/*	border: 1px solid green; */
}	


#myContent{
/*	border: 1px solid green; */
	width: 335px;
}


.logos {
	margin-left: 95px; 
	float: left;
	background-image: url(../images/fondo-logos.png);
	width: 320px;
	background-repeat: no-repeat;
	text-align: left;
}

.logos ul li {
	display: inline;
	list-style-type: none;
}

li.ms {
	margin-right:-2px;
}

li.fot {
	margin-right: -2px;
}

li.yt {
	margin-right: -2px;
}

a:link, a:visited {
	color: #EC6D37;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:focus, a:active {
	border:none;
	outline:none;
}

.center {
	text-align:center;
}

.left {
	text-align:left;
}

.pright {
	text-align:right;
}

.input, .boton {
	font-family:Arial;
	font-size:12px;
	color: #eeeeee;
	border: 1px solid #aaaaaa;
	background: #444444;
}

.boton {
	padding: 0 15px;
}


.logo_pulmonar {
	width:120px;
	height:59px;
	position:absolute;
	top:520px;
	left:60px;
}

.logo_avanzart {
	width:75px;
	height:29px;
	position:absolute;
	top:600px;
	left:80px;
}


/* ----------- ENTRADA ----------- */

.entrada {
	background: url(../images/bg-entrada.jpg) no-repeat center center;
	margin-left: auto;
	margin-right:auto;
	width: 100%;
	height:100%;
}

/* ----------- POP UP ----------- */

.lyrics {
/*	border: 1px solid white; */
	font-family: Arial;
	font-size: 12px;
	color:#EEE;
	margin:10px;
}

.cover {
/*	border: 1px solid white; */
	width:500px;
	margin: 0 auto;
}



/* ----------- COLUMNA DERECHA ----------- */


.gif {
	height: 226px;
	width: 206px;
	padding-bottom: 5px;
	text-align: center;
}
.reproductor {
	height: 35px;
	width: 206px;
	margin-left: 2px;

}
.boton-puzzle {
	height: 112px;
	width: 206px;
	text-align: left;
	margin-left: 5px;
}
.right {
	float: right;
	width: 208px;
	padding-top: 100px;

}
.shows {
	height: 127px;
	width: 206px;
}

.shows a:hover {
	text-decoration:underline;
}

.shows .shows-top {
	margin:20px 0 0 0;
	height:15px;
}

.shows-top p {
	float:left;
	font-family: Arial;
	font-size: 11px;
	color:#FFF;
	text-transform: uppercase;
	font-weight:bold;
	margin:0 0 0 18px;
}

.shows-top a {
	float:right;
	font-family: Arial;
	font-size: 11px;
	color:#FFF;
	text-decoration:none;
	margin:0 33px 0 0;
}

.shows-top span {
	float:right;
	font-family: Arial;
	font-size: 11px;
	color:#444;
	text-decoration: line-through;
	margin:0 33px 0 0;
}

.shows .next-shows {
	margin: 2px 0 0 0;
	height:50px;
	text-align:left;
}

.next-shows p {
	font-family: Arial;
	font-size: 13px;
	color: #F19269;
	letter-spacing:-0.7px;
	margin: 10px 0 0 8px;
}

.next-shows .siguiente {
	color: #E85615;
}

.shows .bottom {
display:none;
	height: 20px;
}

.bottom a {
	font-family: Arial;
	font-size: 11px;
	color:#FFF;
	text-decoration:none;
}

.bottom span {
	font-family: Arial;
	font-size: 11px;
	color:#444;
	text-decoration: line-through;
}

.bottom .mapa {
	float:left;
	margin: 0 0 0 18px;
	letter-spacing:-0.5px;
}

.bottom .como-llegar {
	float:right;
	margin: 0 28px 0 0;
	letter-spacing:-0.5px;
}

/* ----------- INFO SHOWS ----------- */

.fechas {
/*	border: 1px solid grey;*/
/*	height: 355px;*/
	width: 299px;
	margin-left: 10px;
}


.fechas p {
	margin: 10px 0;
}

.fechas .sep_shows {
	height: 29px;
}

.fechas .sep_shows_fecha {
	height: 20px;
	margin: 5px 0;
	padding:2px;
	background: #444;
	border: 1px solid #999;
}

.fechas .sep_shows_info {
	height: auto;
	clear:both;
}

.info_shows {
	font-size: 13px;
	font-weight:bold;
}

/* ----------- HOME ----------- */

.the-home {
	width: 299px;
	margin-left: 10px;
}

.the-home p {
	margin: 10px 0;
}

.the-home .newsletter {
	border:1px solid #808080;
	background: #282828;
	padding:2px;
	margin-top:4px
}

.the-home .newsletter .texto_newsletter{
	line-height:18px;
}



/* ----------- BANDA ----------- */

.band {
/*	border: 1px solid grey;*/
/*	height: 355px;*/
	width: 299px;
	margin-left: 10px;
}


.band p {
	margin: 10px 0;
}

.band h1 {
	text-transform: uppercase;
	font-family: Arial;
	font-size: 16px;
	margin:10px 0;
}

.band .tapa {
	float:left;
	text-align:center;
	margin-bottom:10px;
}

.band .tapa a {
	FONT-SIZE:10PX;
}

.band .tracklist {
	float:left;
	margin-left: 10px;
	margin-bottom:10px;
	width:185px;
/*	border:1px solid white;*/
}

.band ul {
/*	margin:10px;*/
	list-style:none;
	font-size:11px;
}

.band .info {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}

/* ----------- NOTICIAS ----------- */

.news {
/*	border: 1px solid grey;*/
	width: 299px;
	margin-left: 10px;
}

.news p {
	margin: 10px 0;
}


/* ----------- CONTACTOS ----------- */

.contact {
	width: 299px;
	margin-left: 10px;
}

.contact p {
	margin: 10px 0;
}

.contact td {
	font-family: Arial;
	font-size: 12px;
	color: #EEE;
}

.contact_alert {
	padding: 8px;
	border:1px solid #EC6D37;
	background:#444444;
}

.error_alert {
	color: #EC6D37;
	text-transform:uppercase;
	font-weight:bold;
}

.success_alert {
	color: #F19269;	
}

/* ----------- ROMPECABEZAS ----------- */

.puzzle {
	height: 410px;
	width:auto;
	background: url(../images/bg-puzzle.png) no-repeat top left;
	margin-left:50px;
	margin-top:20px;
}

.muy-pronto {
	text-transform: uppercase;
	float:left;
	margin: 123px 0 0 125px;
	font-size:9;
}

.texto {
	text-align:center;
	float:left;
	margin: 0 0 10px 35px;
	font-size:12px;
	width: 330px;
}

.columnas {
	clear:both;
	background:black;
	font-family: Arial;
	font-size:10px;
	text-transform:uppercase;
	margin-left:20px;
	color:#F19269;
	width:381px;
	padding: 4px 0;	
}
.rompecabezas {
	float:left;
	margin-left:55px;
	width:381px;
	margin-left:2px;
	margin-top:2px;
}
.filas {
	float:left;
	width: 10px;
	height:272px;
	background:black;
	color:#F19269;
	font-family:Arial;
	font-size:10px;
	margin-top:2px;
	padding: 0 4px;
}

.columnas .a {
	margin-left: 23px;
}
.columnas .b {
	margin-left: 43px;
}

.columnas .c {
	margin-left: 43px;
}

.columnas .d {
	margin-left: 46px;
}

.columnas .e {
	margin-left: 43px;
}

.columnas .f {
	margin-left: 47px;
}

.columnas .g {
	margin-left: 45px;
}

.filas .n1 {
	margin-top: 23px;
}	

.filas .n2 {
	margin-top: 40px;
}	
.filas .n3 {
	margin-top: 40px;
}
.filas .n4 {
	margin-top: 43px;
}
.filas .n5 {
	margin-top: 38px;
}

/* ------------------- PROCESO/LISTADO --------------- */

.newpuzzle {
/*	border: 1px solid white; */
	font-family: Arial;
	font-size: 12px;
	color:#EEE;
	padding-left:15px;
	background: url(../images/bg-puzzle.png) no-repeat top left;
	height: 399px;
}

.newpuzzle .obligatorio {
	color: #E85615;
}

.newpuzzle .opcional {
	color: #F19269;
}

.newpuzzle h1 {
	font-size: 16px;
}

.newpuzzle p, .newpuzzle .email, .newpuzzle .h1, .newpuzzle .newsletter, .newpuzzle .sexo, .newpuzzle .nombre, newpuzzle .web, .newpuzzle .pais, .newpuzzle .ciudad, .newpuzzle .submit {
	margin: 10px 0;
}

.newpuzzle .email em {
	font-size: 10px;
	color: #eee;
}


.newpuzzle .tabla_listado {
	width: 800px;
	background: #444;
	color:#000;
	font-size: 12px;
	font-weight: bold;
}

.newpuzzle .tr_listado {
	background: #999;
}

.newpuzzle .td_listado {
	padding:4px;
}

.newpuzzle .tr_resultados {
	background: #000;
	color:#eee;
	font-weight: normal;
}