/* Reset
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i {	margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1}
:focus {outline: 0}
ol, ul {list-style: none}
table {border-collapse: collapse;border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
input, textarea {margin: 0;padding: 0}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}
img {border-width:0;}

/* Estilos globales 
*/
html,body {height:100%; line-height:1.5em;}
body {font-family:Verdana, Tamoha, Geneva, Arial, Helvetica, sans-serif;font-size:11px; text-align:center;}

/* Contenedor */
.Contenedor {
	width:75%;
	min-width:770px;
	margin:0 auto;
}

/* Encima del encabezado*/
#BarraArriba{
	top:0;
	width:100%;
	height:36px;
	background-color:#3366CC;
	color:#FFF;
}
#BarraArriba_Size{
	width:75%;
	min-width:770px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
}
#BarraArriba_Texto{text-align:left;vertical-align:bottom; float:left; padding:1%;}
img.flotarDerecha {}
/* Encabezado */
.Encabezado {
	min-width:770px;
	height:125px;
	z-index:3;
	width:100px;
	background:url(../graficos/encabezado_canciones_1.png) no-repeat top right;
	width:100%;
}
.FloatLeft{float:left; padding:3px; vertical-align:top;}
.Padding{padding:6px 2px 6px 2px;}
.Titulo_Encabezado {
	font-family:Lucida Console,Verdana;
	font-weight:bolder;
	padding-top:15px;
	text-align:left;
	color:#36C;
	font-size:2.3em;
	line-height:.8em;
}
.Subtitulo_Encabezado{
	font-size:1.4em;
	letter-spacing:0.3em;
	color:#5588CC;
}
/* Contenido */
.s_contenido {
	width:100%;
	min-width:770px;
	margin-top:10px;
	background:#FFF;
	float:left;
	text-align:left;
	z-index:2;
}
.container_contenido {
	float:right;
	width:75%;
}
#DivError{
	width:40%;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.columna_derecha {
	float:left;
	width:23%;
	padding-right:4px;
	padding-left:2px;
	margin-top:10px;
}
.s_pie_de_pagina {
	background:url(../graficos/pie.png) no-repeat bottom left;
	color:#666;
	height:130px;
	min-width:770px;
	margin:0 auto;
	width:75%;
	text-align:right;
	clear:both;
	height:150px;
}
.link_anade_tu_frase_general{
	text-align:center;
	margin:15px 0px 5px 5px;
	padding:5px;
	clear:both;
	border:1px solid #DDD;
	background-color:#EEE;
}
.link_anade_tu_frase_general a{font-weight:bold;}
h1{
	font-size:1.5em;
	padding:3px;
	font-weight:bold;
	font-family:Verdana, Tahoma;
	margin:10px 0 3px 0px;
	width:100%;
	color: #1247B2;
	border-bottom:1px #1247B2 solid;
	letter-spacing:0.2em;
	clear:both;
}
/**************/
/** Listados **/
/**************/
/*
Listados de enlaces
*/
.menuv {
	width:100%;
	font:1em Verdana, Arial, Helvetica, sans-serif;
}
.menuv ul,li {
	list-style-type:none;
}
.menuv ul {
	margin-bottom:17px;
	border-width:1px 1px 0;
}
.menuv a {
	margin-left:3px;
	font-weight:700;
}

.menuv li{
	/*margin: 0;
	width:100%;
	*/
}
.menuv li a{
	width:100%;
}

html>.menuv li a {width:100%;}

#NoAplicarA a{display:inline;}
.DisplayInline{display:inline; color:#333;}
.MensajeUser{height:10px;clear:both; margin-top:5px; display:inline;}

.mapa{
	font-weight:bold;
}
/*
Listados columna derecha
*/
.correo_rss{
	padding:1%;
	text-align:right;
	vertical-align:baseline;
	float:right;
	width:250px;
}
.correo_rss img{
	vertical-align:middle;
}

.Gris{background: url(../graficos/sound_13.png) #EEE no-repeat; background-position:98% 50%;}
/*
Listado de los cantantes con mas frases (Nombre + Núm. de frases) Actualmente no lo uso, pero quién sabe.
*/
.l_listado_top_artistas {
	display:block;
	border-bottom:1px #CCC solid;
	padding:1px;
	display:block;
	margin-bottom:2px;
	height:15px;
}
.l_listado_top_artistas_izq{
	display:inline;
	text-align:left;
	float:left;
}
.l_listado_top_artistas_der{
	display:inline;
	float:right;
	text-align:right;
}
/*
Listados general.php (los tres mejor y peor valorados y los 3 que más frases tienen)
*/
.l_listado_artistas {
	display:block;
	padding:1px;
	margin-bottom:2px;
	font-size:0.9em;
}
.l_listado_leyenda_web{
	font-size:0.9em;
	display:block;
	padding:2px;
	margin-bottom:2px;
	height:15px;
	vertical-align:middle;
	color:#999;
}
.l_listado_estadisticas, .l_listado_conciertos{
	font-size:0.9em;
	display:block;
	padding:1px;
	margin-bottom:2px;
	height:15px;
	vertical-align:middle;
	color:#999;
}
.menuv_titulo_top_artistas{
	padding:4px;
	background:#69E;
	color:#FFF;
	margin-bottom:6px;
}
.l_listado_top_artistas a{
	font-weight:normal;
}
/*************************/
/***** Instrucciones *****/
/* (alta, observaciones) */
/*************************/
.grisInstrucciones {
	margin:4px 0 2px;
	color:#999;
}
.grisInstruccionesAlta {
	margin:10px 0 5px;
	color:#777;
}
.verdeInstruccionesAlta{
	margin:10px 0 5px;
	color:green;
}
/***********************/
/* Paginaciones/vistas */
/***********************/
.paginaciones {
	clear:both;
	margin:15px 0 10px;
	text-align:right;
}
.dif_tops {
	clear:both;
	margin:15px 0 5px;
	text-align:right;
}
.paginaciones_texto_pagina {
	color:#36C;
	border:1px #36C solid;
	padding:3px;
}
.quiero_mas{
	border:1px #DDD solid;
	background-color:#EEE;
	font-weight:bold;
	float:left; 
	margin-left:10px;
}
/***************/
/* Formularios */
/***************/
.formulario_alta {
	width:90%;
}
.formBusquedaIndex {
	margin:2px 5px 15px;
	padding:0 15px 0 10px;
	float:left;
	vertical-align:middle;
}
.con_lupa {
	vertical-align:middle;
	padding:4px 4px 4px 20px;
	background:url(../graficos/lupa.png) #FFF no-repeat 2% 50%;
	font-size:1.0em;
	color:#888888;
}
.inputalta {
	font:1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:3px;
}
.submit_bus {
	background:#FFF;
	vertical-align:middle;
	padding:3px;
}
form input {
	margin-top:5px;
	border:1px solid #CCC;
	padding:3px;
	font:1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#444;
}
form textarea {
	margin-top:4px;
	border:1px solid #CCC;
	width:97%;
	font:1.0em Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow:hidden;
	padding:3px;
	color:#444;
}
.botonSubmitAnadir {
	margin-top:20px;
	background-color:#fff;
	font-size:1.2em;
	font-weight:700;
	border:1px solid black;
}
#busqueda_no_encontrado {
	padding:5px 5px 5px 20px;
	line-height:1.9em;
	color:#333;
}
/*********/
/* Links */
/*********/
a,a:link,a:visited,a:hover{
	color:#36C;
	text-decoration:none;
	outline-style:none;
	cursor:pointer;
}
a.pagina_actual:link,a.pagina_actual:visited,a.pagina_actual:active,a.pagina_actual:hover{
	font-weight:700;
	background:#36C;
	color:#FFF;
	padding:4px 5px;
}
a.pagina_actual_noactiva:link,a.pagina_actual_noactiva:visited,a.pagina_actual_noactiva:active,a.pagina_actual_noactiva:hover{
	font-weight:700;
	background:#EEF2F7;
	padding:4px 5px;
}
.link_grande_anade_tu_frase{
	font-size:1.0em;
	text-align:center;
	background-color:#F6F6F6;
	border:1px solid #EEEEEE;
	margin:15px 20px 5px 20px;
	padding:5px;
}
.link_grande_anade_tu_frase  a,.link_grande_anade_tu_frase  a:hover, .link_grande_anade_tu_frase  a:visited, .link_grande_anade_tu_frase  a:link{
	color:#333;
	font-weight:bold;
}
/****************************/
/* Mensaje error o correcto */
/****************************/
#alta_error {
	margin:5px 0px;
	color:red;
}
#alta_error_principal {
	margin:5px 0 5px 10px;
	padding:5px;
	color:red;
	border:1px solid red;
}
#alta_correcta {
	width:100%;
	padding-left:15px;
}
.ColorRojo{color:red;}
.ColorVerde{color:green;}
.ColorGris{color:#666;}
/***************/
/* Capas XAJAX */
/***************/
#escoge_autor {
	padding:20px 5px 0;
	width:90%;
}
#navi {
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	margin:6px 5px 6px 0;
	padding:0;
	float:left;
}
#navi li a {
	display:block;
	width:147px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:1em;
	color:#111;
	border:1px #999 solid;
}
#navi li a:hover {
	background:#36C;
	color:#fff;
}
/******************/
/* Formato frases */
/******************/
.s_fieldset_contenido_frase {
	width:100%;
	border:none;
	padding:.5em;
}
.s_frase {
	min-height:15px;
	height:auto!important;
	height:30px;
	color:#555;
	padding:8px 5px 0 18px;
	font-weight:600;
}
.s_frase p {
	margin:0 60px 0 10px;
}
.s_observaciones {
	padding-left:25px;
	margin-top:5px;
	float:left;
}
.cajaarriba {
	background-image:url("../graficos/comillas_arriba.jpg");
	background-position:top left;
	background-repeat:no-repeat;
}
.cajaabajo {}
/****************/
/**** Extras ****/
/****************/
.no_visibility {visibility:hidden;}
.no_display {display:none;}
.voto_puntero_sinnegrita {cursor:pointer;}
.vota_la_frase {margin-top:5px;}


.gracias_por_votar {
	margin-top:15px;
	color:green;
	font-weight:700;
}
.p_justificado {
	padding:20px;
	line-height:1.7;
}
.LineaHorizontal{
	height: 1px;
	background-color: #BBB;
	width: 50%;
	margin:15px;
	margin-right:auto;
	margin-left:auto;
}
.enc_general{
	padding:8px;
	width:100%;
}
/**/
.artistas_con_mas_etc{
	width:30%;
	float:left;
	margin:0px 10px 15px 0px;
}
.ListadoCol li{
	padding:3px 4px 3px 6px;
	margin-bottom:6px;
}
.ListadoCol li a{
	font-weight:lighter;
}
.cabListado{
	padding-left:4px;
	font-weight:bold;
	border-bottom:1px solid #EEF2F7;
	color:#3366CC;
	letter-spacing:0.2em;
}
#estadisticas_datos_web {
	margin:10px;
	padding:12px;
	background-color:#EEF2F7;
	color:#888;
	font-size:0.8em;
}
.numeros_listado {
	color:#CCC;
	height:3px;
}
.content_navi_ul {
	margin:8px 0;
	background-color:#EEE;
	padding:6px;
}
.cantidad_resultados{
	text-align:right;
	color:#666;
}
/*************/
/* Error 404 */
/*************/
.centrado_error404 {
	text-align:center;
	font-family:Lucida Console,Verdana;
	line-height:1.6;
	margin:20px;
}
.texto_error404 {
	margin-left:15px;
	line-height:1.5;
}

#frase_acercade{
	width:60%;
	font-family: Courier New;
	font-weight:bold;
	font-size:1.2em;
	margin:auto;
	text-align:center;
	clear:both;
}
/*************/
/** Mandame **/
/*************/
#mandame{
	width:50%;
	margin:20px auto auto auto;
	padding:10px;
	background-color:#FFFFFF;
}
.imagen_autor{
	float:left;
	margin-right:10px;
	padding:3px;
	border: 3px solid #DDD;
}
#subencabezado_autor_derecha{width:100%; padding:10px;}
.cantidad_resultados_autor{
	text-align:left;
	color:#666;
}
.dif_tops_autor {
	margin:5px 0 5px;
	text-align:left;
}
.infoGrupo{margin-bottom:10px; color:#444; font-style:italic;}
.cantidad_resultados_autor_grupo{
	clear:both;
	text-align:left;
	color:#999;
	margin-left:5px;
	font-weight:bold;
}
.dif_tops_autor_grupo{
	clear:both;
	padding-top:8px;
	text-align:left;
}
#conciertos{
	width:100%;
	padding:10px 20px;
}
#conciertos .cabecera{
	font-weight:bold;
}
#conciertos .notienedemomento{
	text-align:center;
}
#conciertos .gris{
	color:#888;
}
.conciertos_artista{
	font-size:1.0em;
	text-align:center;
	font-weight:bold;
	background-color:#DDD;
	margin:15px 20px 0px 20px;
	color:#555;
	padding:5px;
}
#proximos_conciertos_en{
	padding:10px;
	clear:both;
}
#table_conciertos{
	margin-top:40px;
	width:100%;
	border-collapse: collapse;
	color:#444;
}
#table_conciertos tr.conciertos_cabecera{
	font-weight:bold;
	text-align:center;
	line-height:20px;
}
#table_conciertos tr.conciertos_datos td{
	border-top:1px solid #999;
	padding: 0.4em;
	text-align:center;
}
#table_conciertos td.align_left{
	text-align:left;
	width:29%;
}
#div_busca_concierto{
	width:100%;
}
#float_derecha{
	float:right;
}
.float_derecha_gris{
	float:right;
	clear:both;
	margin:3px;
	color:#999;
}
.margen_listas{
	margin:-10px 0 30px 0;
}
/*
Por si quiero poner algún día otra vez la imagen
#imagen_esquina{background-attachment:scroll;display:scroll;position:fixed;bottom:1%;right:1%;}
*/
.Negrita{font-weight:bold;}
.Cursiva{font-style:italic;}
#EsBuscandoEsto{
	padding:8px;
	margin:10px 0 10px 10px;
	background:#EEE;
	border:1px solid #DDD;
	color:#555;
}
.VerticalMid{vertical-align:middle;}
#return_top{display:block; background:url(../graficos/volver_arriba.png) no-repeat left top;}
				

.MenuNavegacion{
	clear:both;
	padding:1% 0% 1% 1%;
	text-align:left;
	background:url(../graficos/ima_ul.png) no-repeat left center #EEF2F7;
	height:12px;
	width:100%;
}
.AzulClaro{
	border-bottom: 1px solid #DEE7FA;
}

#MenuNav ul{width:1%; float:left;}
#MenuNav li{
	display:block;
	padding-left:14px;
	display:inline;
	font-weight:700;
	margin-right:2%;
}
#MenuNav .MenuNav_titulo{color:#3366CC; padding:5px;margin-right:55px}
#MenuNav li a{font-weight:bold;}
#MenuNav .home{background:url(../graficos/_home-small.png) no-repeat left center;}
#MenuNav .anade_frase{background:url(../graficos/_plus-small.png) no-repeat center left;}
#MenuNav .contact_{background:url(../graficos/balloon-small-left.png) no-repeat center left;}
#MenuNav .enlaces{background:url(../graficos/chain-small.png) no-repeat center left;}
#MenuNav .acerca_de{background:url(../graficos/picture-small.png) no-repeat center left;}
#MenuNav .conciertos{background:url(../graficos/sticky-note-small.png) no-repeat center left;}
#MenuNav .mapa_del_sitio{background:url(../graficos/information-small.png) no-repeat center left;}
#MenuNav .en_tu_web{background:url(../graficos/web.png) no-repeat left center;}
#MenuNav .noticias{background:url(../graficos/news.png) no-repeat left center}

#Noticias{margin:10px 0 0 12px; width:100%;}
.StyleNoticia{float:left; width:48%;}
#BarraArriba_abajo{
	bottom:0;
	width:100%;
	background-color:#3366CC;
	clear:both;
	color:#FFF;
}
#BarraArriba_Size_abajo{
	width:75%;
	padding:0.3%;
	text-align:right;
	min-width:770px;
	height:100%;
	margin:0 auto;
}
#BarraArriba_Size_abajo a{color:white;}
#BarraArriba_Size_abajo img{vertical-align:middle;}

.fondoNoticia0,.fondoNoticia1{padding:4px; height:50px;}
.fondoNoticia0{background-color:#EEF2F7;}
.fondoNoticia1{background-color:#F8F8F8;}
.TituloNoticia{}
.NoticiaLink{display:block; font-weight:bold;}
.EncNoticia{padding:5px; background-color:#77AAEE; font-weight:bold; color:white;}
.l_listado_tops img{width:25px; height:25px}

.TablaGrisInstrucciones{width:95%;color:#999;font-size:0.9em;}
.TablaGrisInstrucciones td{padding:5px 5px 5px 0px;}
.TextAlignRight{text-align:right;}

.Clickable li{border:1px solid #FFF; margin-bottom:6px;}
.Clickable li a {display: block;padding:4px;font-weight:lighter;}
.Clickable li:hover{border:1px solid #A5B6D9; background-position:98% 50%;}
#CancionSelec{border:1px solid #A5B6D9;background: url(../graficos/cancion_selec.png) #EEF2F7 no-repeat; background-position:98% 50%;}
#tituloListadoCanciones{color:#3366CC;letter-spacing:0.2em;padding-left:4px;font-weight:bold;border-bottom:1px solid #EEF2F7;padding:3px 4px 3px 6px}
#tituloListadoCanciones:hover{border:1px solid white;border-bottom:1px solid #EEF2F7;}
#NoHayFrases{
	width:80%;
	margin:20px auto;
	text-align:center;
	color:#888;
}
.inicio_mitad_izq{
width:48%;
float:left;
margin-right:3px;
}
.inicio_mitad_izq img{float:right; margin:10px;}
.inicio_mitad_der{
width:48%;
float:right;
margin-left:3px;
}
.pGeneral{
	padding:5px;
	margin-bottom:20px;
	color:#666;
}
.pGeneral p{
margin:5px 0;
}
.Cita{font-style:italic;clear:both;text-align:center;}

.Italic{font-style:italic}