@import "home.css";
@import "noticias.css";
@import "blog.css";
@import "comunicados.css";
@import "imagebank.css";
@import "grandes_premios.css";
@import "palmares.css";
@import "form.css";
@import "galeria.css";
@import "galeria_detalle.css";
@import "tooltip.css";
@import "temporada.css";
@import "sonoteca.css";

body{
	background:#010613;
	margin:0;
	padding:0;
	color:#FFFFFF;
}

a{
	outline:none;
}

img{
	border:none;
}

.content{
	width:915px;
}

/* PLAYER I IDIOMES */
#superior{
	width:100%;
	height:42px;
	background:#000000;
	position:relative;
	top:0;
	left:0;
}

#player_idiomes{
	height:42px;
	margin:0 auto;
}

#player_idiomes .player{
	float:right;
	margin:11px 7px 11px 0;
}

.idiomes{
	width:915px;
	height:19px;
	margin:12px auto 0;
}

.idioma{
	float:right;
	width:19px;
	height:19px;
	margin-left:4px;
}

/* FONS */
#fons{
	left:0;
	position:fixed;
	/*top:42px;*/
	top:0;
	width:100%;
	z-index:-1;
}

#fons img{
	width:100%;
}

/* MENU */
#menu{
	width:915px;
	height:41px;
	margin:11px auto 0;
	background:url(/img/arquitectura/menu_back.png) no-repeat;
	font:bold 14px Arial;
	color:#dcdcdc;
	text-transform:uppercase;
	text-shadow:0 1px 1px #000000;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu ul li{
	margin:0;
	float:left;
	background:url(/img/arquitectura/separador_menu.png) no-repeat 0 4px;
	text-align:center;
	position:relative;
}

#menu ul li a{
	display:block;
	color:#dcdcdc;
	text-decoration:none;
	padding:11px 0 14px;
}

#menu ul li a:hover,
#menu ul li:hover a,
#menu ul li a.on{
	background:url(/img/arquitectura/menu_on.jpg) repeat-x;
	color:#000000;
	text-shadow:0 1px 1px #dcdcdc;
}

#menu ul li#menu_item_1{
	background:none;
	width:90px;
}

#menu ul li#menu_item_1 a:hover,
#menu ul li#menu_item_1 a.on{
	background:url(/img/arquitectura/menu_primero_on.png) no-repeat;
}

#menu ul li#menu_item_2{
	width:124px;
}

#menu ul li#menu_item_3{
	width:165px;
}

#menu ul li#menu_item_4{
	width:171px;
}

#menu ul li#menu_item_5{
	width:107px;
}

#menu ul li#menu_item_6{
	width:87px;
}

#menu ul li#menu_item_7{
	float:right;
	width:170px
}

#menu ul li#menu_item_7 a:hover,
#menu ul li#menu_item_7 a.on{
	background:url(/img/arquitectura/menu_ultimo_on.png) no-repeat;
}

/* MENU EMERGENT */
#menu ul li ul{
	display:none;
	position:absolute;
	left:0;
	top:41px;
	width:210px;
	list-style:none;
	/*border:1px solid #000000;	*/
}

#menu ul li ul li{
	width:100%;
	background:#010613;
	font:bold 13px 'Arial Narrow', Arial;
	text-align:left;
}

#menu ul li ul li a{
	color:#dcdcdc;
	text-shadow:none;
	padding-left:12px;
	background:url(/img/arquitectura/submenu_back.jpg) repeat-x;
}

#menu ul li:hover ul li a{
	background:url(/img/arquitectura/submenu_back.jpg) repeat-x;
	color:#dcdcdc;
	text-shadow:none;
}

#menu ul li ul li.submenu_primero a{
	background:url(/img/arquitectura/submenu_back_primero.jpg) repeat-x;
}

#menu ul li ul li a:hover{
	color:#dcdcdc;
	text-shadow:none;
	background:#052740 url(/img/arquitectura/submenu_back_on.jpg) repeat-x;
}

/* MENU EMERGENT 2 */
#menu ul li ul li ul li{
	left:210px;
}

/* WRAPPER */
#wrapper{
	margin:0 auto;
	/*height:1200px;*/
}

/* DETALL */

#logo,
#logo_ca{
	float:left;
	width:905px;
	height:134px;
	background:url(/img/arquitectura/logo.png) top left no-repeat;
	margin-top:40px;
	margin-left:10px;
}

#logo_ca{
	background:url(/img/arquitectura/logo_ca.png) top left no-repeat;
}
#logo_sonoteca,
#logo_sonoteca_ca,
#logo_sonoteca_en{
	float:left;
	width:369px;
	height:328px;
	background:url(/img/arquitectura/logo_sonoteca_es.png) top left no-repeat;
	margin-top:10px;
	margin-left:50px;
	border:#F00 0px solid;
}

#logo_sonoteca_ca{
	background:url(/img/arquitectura/logo_sonoteca_ca.png) top left no-repeat;
}

#logo_sonoteca_en{
	background:url(/img/arquitectura/logo_sonoteca_en.png) top left no-repeat;
}


#jaime_sonoteca{
	float:left;
	width:396px;
	height:358px;
	background:url(/img/arquitectura/jaime_sonoteca.png) top left no-repeat;
	margin-top:10px;
	margin-left:0px;
	border:#F00 0px solid;
}


#panel_hilo{
	float:left;
	width:915px;
	height:22px;
	margin-top:40px;
	padding-top:6px;
	background:url(/img/arquitectura/barra_hilo.png) no-repeat;
}

#panel_hilo .hilo{
	float:left;
	font:bold 12px Arial;
	color:#00eeff;
	margin-left:15px;
}

#panel_hilo .hilo a{
	color:#00eeff;
	text-decoration:none;
}

#panel_hilo a.volver{
	float:right;
	font:bold 11px 'Trebuchet MS';
	color:#ffffff;
	background:url(/img/arquitectura/volver.png) no-repeat;
	width:62px;
	margin-right:15px;
	display:block;
	text-align:right;
	text-transform:uppercase;
	text-decoration:none;
}
#detalle_top{
	float:left;
	width:915px;
	height:9px;
	margin-top:10px;
	background:url(/img/arquitectura/detalle_top.png) no-repeat;
}

#detalle_back{
	float:left;
	width:885px;
	padding:6px 15px;
	background:url(/img/arquitectura/detalle_back.png) repeat-y;
}

#detalle_back_nopadding{
	float:left;
	width:915px;
	background:url(/img/arquitectura/detalle_back.png) repeat-y;
}

#detalle_bottom{
	float:left;
	width:915px;
	height:9px;
	background:url(/img/arquitectura/detalle_bottom.png) no-repeat;
}



/* PIE */
#pie{
	float:left;
	height:243px;
	width:100%;
	margin-top:20px;
	background:url(/img/arquitectura/pie_back.png) repeat-x;
	/* #013250*/
}

#pie #contenido_pie{
	margin:0 auto;
}

#pie #contenido_pie .enlaces_pie{
	float:left;
	width:500px;
	margin-top:10px;

}

#pie #contenido_pie .enlaces_pie .enlace{
	float:left;
	font:12px Arial;
	color:#b5b5b5;
	border-left:1px solid #07849a;
	padding:0 7px;

}

#pie #contenido_pie .enlaces_pie .primero{
	border:none;
}

#pie #contenido_pie .enlaces_pie .enlace a{
	color:#b5b5b5;
	text-decoration:none;

}

#pie #contenido_pie .enlaces_pie .enlace a:hover{
	color:#ffffff;
}

#pie #contenido_pie .copy{
	float:right;
	width:415px;
	margin-top:10px;
	font:11px 'Trebuchet MS';
	color:#4c86a5;
	text-align:right;
	text-transform:uppercase;
}

#pie #contenido_pie .copy .rights{
	font:italic 11px Georgia;
	text-transform:none;
}

#pie #contenido_pie .panel_pie{
	float:left;
	width:915px;
	height:100px;
	margin-top:5px;
	background:url(/img/arquitectura/pie_panel.png) no-repeat;
}

#pie #contenido_pie .panel_pie .titulo{
	font:bold 18px 'Trebuchet MS';
	color:#00c1ec;
	margin-left:6px;
	text-transform:uppercase;
}

#pie #contenido_pie .panel_pie .titulo a{
	color:#00c1ec;
	text-decoration:none;
}

#pie #contenido_pie .panel_pie .titulo_mid{
	font-size:16px;
	line-height:10px;
}

#pie #contenido_pie .panel_pie .titulo_small{
	font-size:14px;
}

#pie #contenido_pie .panel_pie .newsletter{
	float:left;
	margin:19px 0 0 12px;
	width:209px;
}
#pie #contenido_pie .panel_pie .newsletter .message{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	padding-left:5px;
	
}

#pie #contenido_pie .panel_pie .newsletter form{
	margin:0;
	padding:0;
}

#pie #contenido_pie .panel_pie .newsletter #email_newsletter{
	float:left;
	width:171px;
	height:14px;
	background:url(/img/arquitectura/newsletter_input.png) no-repeat;
	border:none;
	font:italic 12px Georgia;
	color:#cdcdcd;
	margin:0;
	padding:5px 7px;
}

#pie #contenido_pie .panel_pie .newsletter #boton_newsletter{
	float:left;
	width:24px;
	height:24px;
	background:url(/img/arquitectura/newsletter_button.png) no-repeat;
	cursor:pointer;
}

#pie #contenido_pie .panel_pie .contacto{
	float:left;
	margin:40px 0 0 53px;
	padding:6px 0 6px 47px;
	background:url(/img/arquitectura/logo_email.png) no-repeat top left;
}


#pie #contenido_pie .panel_pie .unete{
	float:left;
	margin:19px 0 0 25px;
}

#pie #contenido_pie .panel_pie .unete .enlaces{
	float:left;
	clear:left;
	margin:5px 0 0 10px;
}

#pie #contenido_pie .panel_pie .unete .enlaces .enlace{
	float:left;
	margin-left:2px;
	/*margin-left:35px;*/
}

#pie #contenido_pie .patrocinador{
	float:left;
	margin-left:25px;
	margin-top:30px;
}

#contenido_texto_legal{
	font:12px 'Trebuchet MS';
	color:#333333;
	margin:10px 20px;
}

/*#pie #contenido_pie .patros{
	float:left;
	width:895px;
	margin-top:25px;
	margin-left:20px;
}

#pie #contenido_pie .patros .patrocinador{
	float:left;
	margin-right:70px;
}*/