/* ESTILOS GENERALES ##################################################### */

html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	padding: 0 0 1000px 0;
	margin: 0;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
}

a
{
	text-decoration: underline;
	color: #8cba00;
}

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

p, li
{
	line-height: 1.5em;
}

ul
{
	margin: 0;
	padding-left: 1.5em;
}

h1
{
	margin: 0 0 40px 0;
	font-size: 50pt;
	font-weight: normal;
	color: #e52222;
}

h2
{
	font-size: 14pt;
	font-weight: normal;
	color: #e52222;
}

div.clear
{
	clear: both;
}

.link_facebook {background: url(../img/ico_facebook.gif) no-repeat; padding: 0 0 0 20px; color: #3b5998;}
.link_facebook:hover {background-color: #3b5998; color: #fff;}

/* FONDOS ##################################################### */

div#extra_1,
div#extra_2
{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

div.home_1
{
	background: url(../img/bg_home_top.jpg) top left no-repeat;
}

div.home_2
{
	background: url(../img/bg_home_bottom.jpg) bottom right no-repeat;
}

div.members_1
{
	background: url(../img/bg_members_top.jpg) top left no-repeat;
}

div.members_2
{
	background: url(../img/bg_members_bottom.jpg) bottom left no-repeat;
}

div.agenda_1
{
	background: url(../img/bg_agenda_bottom.jpg) bottom right no-repeat;
}

div.premsa_1
{
	background: url(../img/bg_premsa_top.jpg) top left no-repeat;
}

div.images_1
{
	background: url(../img/bg_images_top.jpg) top right no-repeat;
}

div.images_2
{
	background: url(../img/bg_images_bottom.jpg) bottom left no-repeat;
}

div.media_1
{
	background: url(../img/bg_musica_top.jpg) top right no-repeat;
}

div.contacte_1
{
	background: url(../img/bg_contacte_top.jpg) top right no-repeat;
}

/* TOP ##################################################### */

div#logo
{
	position: absolute;
}

div#menu_wrapper,
div#menu_background,
div#menu
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 3;
}

div#menu_background
{
	background-color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

div#menu ul
{
	list-style: none;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 0;
}

div#menu ul li
{
	display: inline;
	margin: 0 15px 0 15px;
}

div#menu ul li a
{
	font-size: 13pt;
	text-decoration: none;
}

div#menu ul li.selected a
{
	color: #666;
}

div#menu ul li.selected a:hover
{
	color: #666;
	background: none;
}

div#menu a.link_facebook {background-position: 0px 3px;}
div#menu a.link_facebook:hover {background-color: #fff; text-decoration: underline; color: #3b5998;}

/* CONTENIDOS ##################################################### */

div#error, div#message
{
	padding: 3px 5px 3px 5px;
}

div#error p, div#message p
{
	padding: 0;
	margin: 0;
	text-align: center;
}

div#error
{
	border: 1px solid #9e0000;
	/*background: #ffd0d0;*/
	color: #9e0000;
	font-weight: bold;
}

div#message
{
	border: 2px solid #13b48e;
	/*background: #d6ddf2;*/
	color: #13b48e;
	font-weight: bold;
}

div#content
{
	position: relative;
	width: 860px;
	padding: 100px 80px 30px 80px;
	margin: auto;
	z-index: 2;
	background: url(../img/degr_alpha_fons.png) repeat-y;
}

div#footer
{
	position: relative;
	width: 1020px;
	height: 250px;
	margin: 0 auto 0 auto;
	z-index: 4;
	background: url(../img/degr_alpha_footer.png) no-repeat;
}

div.content_block
{
	margin: 0 0 30px 0;
}

/* LISTADOS DESPLEGABLES */

div#index
{
	margin: 20px 0 30px 0;
}

div#index table
{
	width: 100%;
	border-collapse: collapse;
}

div#index table td
{
	padding: 2px;
	border-bottom: 1px dotted #666;
}

div#index table.table_header td
{
	color: #fff;
	font-weight: bold;
	background: #333;
}

div#index div.index_row
{
	cursor: pointer;
}

div#index div.index_row:hover td
{
	color: #fff;
	background: #8cba00;
}

div#index div.even
{
}

div#index div.index_expanded_row
{
	border-bottom: 1px dotted #666;
}

div#index div.index_expanded_row table
{
	width: auto;
}

div#index div.index_expanded_row table td
{
	font-size: 11px;
	padding: 0 5px 5px 0;
	border: 0;
}

div#index div.index_expanded_row table td.field_name
{
	font-weight: bold;
	vertical-align: top;
}

div#index div.index_expanded_row table td.field_name
{
	font-weight: bold;
	vertical-align: top;
}

div#index div.index_expanded_row table td.field_value table.file_list
{
	margin: 0;
	padding: 0;
}

div#index div.index_expanded_row table td.collapse
{
	display: none;
}

div#index div.index_expanded_row table td.collapse a
{
}

/* CONCIERTOS */

div#index td.concert_date
{
	width: 30%;
	font-weight: bold;
}

div#index td.concert_city
{
	width: 35%;
}

div#index td.concert_place
{
	width: 35%;
}

/* NOTAS DE PRENSA */

div#index td.post_date
{
	width: 25%;
	font-weight: bold;
}

div#index td.post_subject
{
	width: 75%;
}

/* MIEMBROS */

span.member_name
{
	font-weight: bold;
	color: #8cba00;
}

/* FORMULARIOS */

form
{
	margin: 0;
	padding: 0;
}

form input.text_field,
form textarea.text_field
{
	border: 2px solid #ddd;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

form input.form_button
{
	display: block;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
	font-weight: bold;
}

form input.text_field,
form textarea.text_field
{
	display: block;
	margin: 0 0 10px 0;
}

form input.form_error,
form textarea.form_error
{
	border: 2px solid #f00;
}

/* CONTACTO */

div#contact_form form input.text_field,
div#contact_form form textarea.text_field
{
	width: 800px;
}

div#contact_form form textarea.text_field
{
	height: 300px;
}

/* MEDIA */

div.video_block
{
	margin: 0 0 40px 0;
}

div.video_block div.video_content
{
	float: left;
	margin: 0 40px 0 0;
}

table#media_downloads
{
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 0 0;
}
table#media_downloads td,
table#media_downloads th
{
	padding: 2px;
	border-bottom: 1px dotted #666;
	vertical-align: middle;
	text-align: left;
}
table#media_downloads td img
{
	float: left;
	margin: 0 5px 0 0;
}
div#photos
{
	margin: 30px 0 0 0;
	text-align: center;
}
div#photos img
{
	margin: 3px;
	border: 0;
}
div#photos a:hover
{
	background-color: transparent;
}

/* ANUNCI DISC */

div#anunci_disc
{
	height: 150px;
}

div#anunci_disc img
{
	float: left;
	margin: 0 20px 0 0;
	border: 2px solid #000;
}

/* NEWSLETTER ##################################################### */

#newsletter
{
	width: 379px;
	height: 150px;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1001;
}

#newsletter #bg_newsletter
{
	z-index: 1002;
	position: absolute;
}

#newsletter #form_newsletter
{
	z-index: 1003;
	position: absolute;
	top: 20px;
	left: 170px;
}

#newsletter #newsletter_loader
{
	z-index: 1003;
	position: absolute;
	top: 55px;
	left: 246px;
}

#newsletter h1
{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#newsletter #close_link
{
	position: absolute;
	bottom: 30px;
	right: 30px;
	z-index: 1003;
}

#newsletter #close_link a
{
	font-size: 8pt;
	text-decoration: none;
}

#newsletter form input.text_field
{
	border: 2px solid #ddd;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 4px 0;
	width: 175px;
}

/* BONUS SHIT! ##################################################### */

#flash_stuff
{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2;
}