@charset "utf-8";
    body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    	padding: 0;
    	text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
    	color: #000000;
    }
	
	 html {
		background: /*#666666*/ #1F497D url(/images/mimusabackground.png) no-repeat fixed bottom left; /* Asociando el fondo al html (a todo el documento) se evita que, si el body es tan pequeño que no cubre toda la pantalla, no se muestre en blanco desde el footer hasta abajo de todo */
	}

    .oneColFixCtrHdr #container {
    	width: 780px;  /* el uso de 20px menos que un ancho completo de 800px da cabida a los bordes del navegador y evita la aparición de una barra de desplazamiento horizontal */
		background: #FFFFFF;
    	margin: 0 auto; /* los márgenes automáticos (conjuntamente con un ancho) centran la página */
    	border: 1px solid #000000;
    	text-align: left; /* esto anula text-align: center en el elemento body. */
    }
	
	.oneColFixCtrHdr #header {
		background: url(/images/head.png) no-repeat #3C7BC7; 
		width: 780px;
		height: 100px;
	}

    .oneColFixCtrHdr #mainContent {
    	padding: 0 20px; /* recuerde que el relleno es el espacio situado dentro del cuadro div y que el margen es el espacio situado fuera del cuadro div */
    	background: #FFFFFF;
    }
	
    .oneColFixCtrHdr #footer {
		padding: 0 0px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
		background: url(/images/footer.png) no-repeat #3C7BC7;
    }
	
    .oneColFixCtrHdr #footer p {
		margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
		padding: 0px 0; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
    }

/* Encabezamiento de la página */
.header {
	width: 780px;
	height: 100px;
}

.header div {
	float: right;
	padding-right: 14px;
	padding-top: 8px;
	vertical-align: top;
}

.headerup {
	height: 76px;
}

.menu {
	color: #3C7BC7;
	font-size: 10px;
	padding-top: 4px;
	vertical-align: middle;
}

.menu input {
	background: none;
	border: 0px;
	padding-left: 17px;
	padding-right: 2px;
	width: 83px; /*90 perfecto izqda*/
	height: 14px;
	font-size: 10px;
	margin-left: 22px;
}

.menu img {
	float: right;
	padding-right: 6px;
	vertical-align: top;
}

.menu_actual {
	color: #2C5D98;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
}

.menu_vinculo {
	color: #2C5D98;
	font-size: 10px;
}

/* Sección actual en negrita en el menú superior de cada página */
body#index a#index,
body#about a#about,
body#contacto a#contacto,
body#gbook a#gbook,
body#pamlabs a#pamlabs,
body#tonada a#tonada,
body#youtubadas a#youtubadas {
	font-weight: bold;
}

/* Centrar vídeos YouTube en YouTubadas */
body#youtubadas object {
	text-align: center;
}

/* Título de cada página */
h1 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #2C5D98;
	padding: 10px 0 10px 0;
}

h1 img {
	vertical-align: sub;
}

/* Subtítulo */
h2 {
	color: #3C7BC7;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

/* Subtítulo de segundo orden */
h3 {
	font-size: 12px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	text-align: left;
	color: #3C7BC7;
}

/* Subtítulo módulos portada, ránking de tonadilleros y stop envío vídeos youtubadas */
h4 {
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding: 2px 4px 0 4px;
}

/* Cuerpo principal, en caso de estar la página dividida en dos columnas */
.body_con_columna {
	width: 519px;
	vertical-align: top;
}

/* Montaje página principal */
/* Módulo promocional */
.modulo-carroussel {
	background: url(/images/modulo-carroussel.png) no-repeat #A3C4FF;
	width: 525px;
	height: 226px;
}

.modulo-carroussel iframe {
	width: 519px;
	height: 200px;
	margin: -5px 3px 3px 3px;
	float: left;
	border: 0;
	background-color: transparent;	
}

/* Módulo Google recomienda... */
.modulo-adsense {
	background: url(/images/modulo-adsense.png) no-repeat #A3C4FF;
	width: 206px;
	height: 226px;
	vertical-align: top;
	padding: 0px 0px 0px 0px;
}

.modulo-adsense div {
	width: 200px;
	height: 200px;
	margin: -5px 3px 3px 3px;
	float: left;
	border: 0;
	background-color: transparent;
}

/* Módulo Blog */
.modulo-blog {
	text-align: left;
	background: url(/images/modulo-blog.png) no-repeat #D9CBEE;
	width: 330px;
	vertical-align: top;
}

.modulo-blog h2 {
	margin: 8px 4px 4px 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #8064A2;
}

.modulo-blog p {
	text-align: left;
	margin: 10px 0px 10px 0px;
	font-size: 10px;
	color: #000000;
	padding: 0px 6px 0px 6px;
}

.modulo-blog a {
	color: #5C4776;
}

/* Módulo Secciones */
.modulo-secciones {
	background: url(/images/modulo-secciones.png) no-repeat #E4FDC2;
	width: 330px;
	vertical-align: top;
}

.modulo-secciones h5 {
	margin: 8px 4px 4px 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #9BBB59;
}

.modulo-secciones div {
	/* Altura mínima para que los elementos no se apilen entre sí */
	min-height: 122px;
}

.modulo-secciones p {
	text-align: left;
	margin: 10px 0px 10px 0px;
	font-size: 10px;
	color: #000000;
	padding: 0px 6px 0px 6px;
}

.modulo-secciones a {
	color: #71893F;
}

.modulo-secciones img {
	width: 100px;
	height: 100px;
	padding-right: 8px;
	padding-bottom: 8px;
	float: left;
}

/* Módulo Novedades & noticias */
.modulo-news {
	text-align: left;
	background: url(/images/modulo-news.png) no-repeat #BBEFFF;
	width: 400px;
	vertical-align: top;
}

.modulo-news h5 {
	margin: 8px 4px 4px 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #4BACC6;
}

.modulo-news p {
	text-align: left;
	margin: 10px 0px 10px 0px;
	font-size: 10px;
	color: #000000;
	padding: 0px 6px 0px 6px;
}

.modulo-news a {
	color: #357D91;
}

.modulo-news img {
	padding-right: 5px;
	float: left;
}

/* Módulo Notas generales de la web */
.modulo-auxiliar {
	background: url(/images/modulo-auxiliar.png) no-repeat #FFD0AA;
	width: 400px;
	vertical-align: top;
}

.modulo-auxiliar-text {
	text-align: left;
	padding: 2px 3px 7px 3px;
	display: block;
	font-size: 12px;
	font-weight: bold;
}

.modulo-auxiliar h5 {
	margin: 8px 4px 4px 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color:  #F79646;
}

.modulo-auxiliar p {
	text-align: left;
	margin: 10px 0px 10px 0px;
	font-size: 10px;
	color: #000000;
	padding: 0px 6px 0px 6px;
}

.modulo-auxiliar a {
	color:  #B66D31;
}

.modulo-auxiliar img {
	padding-right: 5px;
	float: left;
}

.modulo-margen-horizontal {
	width: 10px;
	background-color: #FFFFFF;
}

.modulo-margen-vertical {
	height: 10px;
	background-color: #FFFFFF;
}

/* Thumbnails youtubadas, al pasar el ratón por encima sale el play */
.thumbnail {
	float: left;
	margin: 0 5px 0 0;
width: 120px;
height: 90px;
	padding: 0px;
overflow: hidden;
}
img.thumb { 
width: 1024px;
height: 90px;
}

a:hover img.thumb {
width: 120px;
height: 90px;
background: none;
}

/* Ránking tonadilleros */
.ranking_tonadilleros {
	vertical-align: top;
	background: url(/images/columna.png) no-repeat #E1ECFF;
}

.ranking_tonadilleros h5 {
	font-size: 12px;
	font-weight: bold;
	color: #2C5D98;
	text-align: right;
	padding: 2px 2px 2px 0;
	margin: 0;
}

.ranking_tonadilleros h6 {	
	font-size: 11px;
	padding: 6px 10px 0 10px;
	text-align: justify;
	font-weight: bold;
	color: #3C7BC7;
	margin: 0;
}

.ranking_tonadilleros p {
	font-size: 11px;
	padding: 0 10px 0 16px;
	text-align: justify;
	margin: 0;
}

.columna_cuerpo img {
	width: 100px;
	height: 100px;
	padding-right: 5px;
	float: left;
}

.advertencia_titulo {
	color: #660000;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
	background: url(/images/barra3.png) no-repeat #FFA2A1;
	padding: 0 5px 0 0;
	height: 19px;
	vertical-align: middle;
}

.advertencia_descripcion {
	color: #660000;
	font-size: 12px;
	text-align: center;
	background: #FFA2A1
}

/* Cuerpo */
p {
	font-size: 12px;
	text-align: justify;
	padding: 0 10px 0 10px;
}

/* Dando formato a todos los links de la página web */
a {
	color: #2C5D98;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:visited:hover {
	text-decoration: underline;
}

a:visited:active {
	text-decoration: none;
}

/* Libro de visitas */

.footergbook a {
	/* Aqui se pueden poner cosas que se aplicarán en la parte inferior del libro de visitas (Página # de #) */
	color: #FFFFFF; /* Evita que los enlaces de las páginas se muestren en azul como la demás web */
}
.footergbook a:visited {
	/* Aqui se pueden poner cosas que se aplicarán en la parte inferior del libro de visitas (Página # de #) */
	text-decoration: underline; /* Muestra subrayados los enlaces ya visitados, por si hay muchos para que sepa cuales ha visto y cuales no. ESTARIA BIEN PERO NO FUNCIONA :( */
}

.spoiler {
	font-size: 1px;
	text-align: justify;
	color: #FFFFFF;
	padding: 0 10px 0 10px;
}

/* Pie de página */
.footer {
	text-align: right;
	width: 100%;
	height: 35px;
	color: #FFFFFF;
	padding: 0 9px 0 9px;
	font-weight: bold;
	font-size: 9px;
	font-size-adjust: inherit;
}

/* Imagen Creative Commons del pie de página */
.footer img {
	vertical-align: middle;
}

.centrado {
	text-align: center;
}

.cuerpo_sin_bordes {
	font-size: 12px
}

/* Todas las listas con el texto de tamaño 12 */
li {
	font-size: 12px
}

/* Todas las imágenes sin bordes */
img {
	border: 0; 
}

/* Imagen de "Acerca de..."*/
.img_about {
	padding: 0 10px 0 0;
	float: left;
}

/* Imagen centrada */
.img_centrada {
	display: block;
	margin: auto;
}

/* Imágenes de resultado de formulario (correcto/error) */
.img_form {
	width: 128px;
	height: 128px;
	padding: 0 10px 0 0;
	float: left;
}

input {
	font-family: Verdana;
	font-size: 12px;
}

select {
	font-family: Verdana;
	font-size: 12px;
}

textarea {
	font-family: Verdana;
	font-size: 12px;
}

/* Botones de colores dededede el editor xml*/

input.buttonblue {
	border: #385D8A solid 2px;
	background-color:#4F81BD;
	color: #FFF;
	height:30px;
}
input.buttongreen {
	border: #71893F solid 2px; background-color:#9BBB59; color: #FFF; height:30px;
}
input.buttonorange {
	border: #B66D31 solid 2px; background-color:#F79646; color: #FFF; height:30px;
}
input.buttonred {
	border: #8C3836 solid 2px; background-color:#C0504D; color: #FFF; height:30px;
}