/*                          )`·.             )\  '
       )`·.             .·´   ..:).·´(_  .·´   `· .
        \::`·._)`·.  (::::....   .. .:\(      .:::)
  .·´(   )::. ..:::).·´;·::  ´ ´\::.    ::....:·´  '
  ):..\(;;::--  ´ ´               '\:::::::..::)
 (::...:/\                          ¯¯¯¯¯¯ /·.
   `·:/::::\...:´/        ___________'/..::)
      \::::/::::/        /::::::::::::·-  ´ ´\/    '
        \/;::-'/        /;;::·-  ´ ´         _\
             /                      .,.,·:::::'/
   )`·.    '/         _ .,., ·:::::::::::::::/
 (::..:(.·/         /::::::::::::::::--  ´ ´
  `·:...'/         /:::::::: · ´                   '
     ):/         /··  ´
     '/         /                                  '
   '/,...:::· ´/                    '
  /::::::::::/OLIOServer
'/;:: ·   ´                  
	(c) 2009 Folioserver
	Todos los derechos reservados
	All rights reserved

*/


/*----------------------------------------------------[templates/periodico/folioestilo.css]----------------------------------------------------*/
/* * * NO MODIFICAR: RESET DE ESTILOS QUE DIFIEREN ENTRE NAVEGADORES. NO TOCAR! * * */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td,blockquote {
	padding: 0;
	margin: 0;
	margin-top: 0px;
}
/* table { border-collapse: collapse; border-spacing: 0; } */
table { border-collapse: separate; }


fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { padding-left: 20px; margin-top: 5px; margin-bottom: 5px; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
/* ^ fin de reset ^ */



/*	=GLOBAL
	Estilos "globales" - selectores afectan a tags */
/* obligamos al body a ocupar toda la ventana */
html, body {
    height: 100%;
}
body {
	color: #585858;
	font: normal 14px Arial,Helvetica,Tahoma,Verdana,sans-serif;
	text-align: center;
	background: #F7F7F7;
    background-image:url(images/fondo_sombra.png);
    background-repeat: repeat-y;
    background-position: center top;
}
/* enlaces */
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #666;
	text-decoration: none;
}
img {
	vertical-align: middle;
}
h1 {font-size: 2em}
h2 {font-size: 1.66em}
h3, h3 a {font-size: 1.33em}
h4 {font-size: 0.75em}
h5 {font-size: 0.5em}
h6 {font-size: 0.25em}
/* por defecto eliminamos los balazos de las listas */
ul {
	list-style:none;
}
button {
	border: 1px solid #aaa;
	border-left-color: #ccc;
	border-top-color: #ccc;
	height: 22px;
	padding-top: 0px;
	background: url(images/boton.png);
	cursor: pointer;
	margin: 1px;
}
	button img {
		vertical-align: bottom;
	}
    button:hover {
        color: #555;
    }
    button[disabled] {
        cursor: default;
    }
        button[disabled]:hover {
            text-decoration: line-through;
        }
hr, div.hr {
    display: block;
    border: none;
	border-bottom: 1px dotted #999;
}
strong,b {
    font-weight: bold;
}
input,textarea {
    padding: 2px 0px 0px 2px;
    background: #ffffff url(images/textbgs.png) left top no-repeat;
    border: 1px solid #808080;
}
/* ESTILOS PARA EL EDITOR TINY MCE en panel */
body.mceContentBody {
	text-align: left;
	background: #fff;
	background-image: none;
	padding: 5px;
}
/* VENTANA POPUP (de momento solo imprimir pedido) */
body#ventana {
	padding: 10px;
	text-align: left;
	background: #fff;
}

/*	TEXTOS comunes */
.CABECERA_PARRAFO {
	font-size: 1.8em;
	color: #999;
}

.TEXTO_PARRAFO {
	font-size: 1em;
	/*margin-left: 20px;*/
	margin-bottom: 20px;
	text-align: justify;
    line-height: 1.4em;
}

/* este elemento se posicionará correctamente despues de elementos flotantes; asi una caja contenedora los abarcará correctamente */
.floatbreaker { display: block; clear: both }

/* elimina estilos para radiobuttons y checkboxes - de todos modos se le debe asignar la clase RADIO_CHECKBOX a un input
    tipo radio o checkbox, porque IE6 no pilla lo de input[type=...] */
input.RADIO_CHECKBOX, input[type=radio], input[type=checkbox] {
	border: none !important;
	background: none !important;
    width: auto !important;
    vertical-align: middle;
}

/*
 * A elementos con clase="foco" se les asignará la siguiente clase al recibir el foco del cursor
 */
input.enfocado, textarea.enfocado, input:focus, textarea:focus {
    /*background: #FFFFC0 url(images/textbg_foco.png) !important;*/
    background-position: 0px -380px !important;
}

.font_size_small {
    font-size: 11px;
}
.font_size_normal {
    /* deberai de ser igual que el body */
    font-size: 14px;
}
.font_size_large {
    font-size: 18px;
}


/*	=DISTRIBUCION
	distribucion/layout general */
.MARCO {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	padding-top: 5px;
	background-color: #FFFFFF;
}

.MARCO_pie {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    margin-bottom: 15px;
}

/*	=CABECERA */

.CABECERA2 {
	width: 100%;
	margin-top: 14px;
	padding-bottom: 15px;
}
    .CABECERA2 .LOGOTIPO {
	    height: 110px;
	    background: #062E5E url('images/fondo_cabecera.jpg') left top repeat-x;
	    text-align: left;
	    padding-left: 14px;
	    margin-top: 0px;
    }
        .CABECERA2 .LOGOTIPO .logo {
	        float: left;
	        padding-top: 2px;
        }
    /*.CABECERA2 .logotipo {
        text-align: left;
        float: left;
        padding-bottom: 20px;
        padding-top: 10px;
        padding-left: 10px;
    }*/
        /* contiene enlaces rapidos como "enviar a amigo", los botones de los idiomas, y el fomrulario de búsqueda */
        .CABECERA2 .HERRAMIENTAS {
            width: 400px;
            float: right;
            clear: right;
            padding-top: 10px;
            text-align: right;
            padding-right: 10px;
            font-size: 0.8em;
        }
            .CABECERA2 .HERRAMIENTAS a {
            }
                .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img {
                    border: 1px solid transparent;
                }
                .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img.activo, .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON:hover img {
                    border-color: #666;
                }
        .CABECERA2 .HERRAMIENTAS .fecha_idiomas {
            display: inline;
            border-bottom: 1px solid #fff;
            padding-left: 4px;
            padding-bottom: 4px;
        }
        .CABECERA2 .HERRAMIENTAS .acciones {
            margin-top: 6px;
            color: #fff;
        }
            .CABECERA2 .HERRAMIENTAS .acciones a {
                color: #fff;
                text-transform: uppercase;
                text-decoration: none;
            }
                .CABECERA2 .HERRAMIENTAS .acciones a:hover {
                    text-decoration: underline;
                }
                .CABECERA2 .HERRAMIENTAS .acciones img {
                    vertical-align: text-top;
                }
        #fecha_hoy {
            color: #fff;
            padding-right: 5px;
            line-height: 20px
        }
        .CABECERA2 .BUSCADOR {
            width: 300px;
            height: 30px;
            background-image: url(images/buscar_fondo.png);
            background-repeat: no-repeat;
            background-position: 5px 8px;
            float: right;
            clear: right;
            padding-top: 10px;
            text-align: center;
            padding-right: 14px;
        }
            .CABECERA2 .BUSCADOR div {
                text-align: right;
            }
                .CABECERA2 .BUSCADOR div img {
                    vertical-align: top;
                    /*padding-top: 2px;*/
                }
            .CABECERA2 .BUSCADOR button, .CABECERA2 .BUSCADOR input {
            }
            .CABECERA2 .BUSCADOR button {
                width: 100px;
                height: 18px;
            }
            .CABECERA2 .BUSCADOR input {
                width: 180px;
                margin-top: 4px;
                height: 16px;
            }


        /* pestañas, o enlaces a secciones con órden mayor que 0 */
        /* la celda que alberga el enlace */
        .CABECERA2 .PESTANAS {
            width: 970px;
            height: 25px;
            background-image: url(images/tabs_centro.png);
            background-position: 0px -25px;
            text-align: left;
            color: #fff;
            padding: 0px 5px;
        }
            .CABECERA2 .PESTANAS .PESTANA {
                line-height: 25px;
                font-size: 1.2em;
                color: #A9C8Df;
                text-align: center;
            }
            .CABECERA2 .PESTANAS a.PESTANA {
                padding: 0 5px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
            }
                .CABECERA2 .PESTANAS a.PESTANA:hover,.CABECERA2 .PESTANAS a.PESTANA.activa {
                    color: #fff;
                }
            .CABECERA2 .PESTANAS span.PESTANA {
            }
/* desplegable ENVIARAMIGO */
#enviaramigo {
    margin: 5px 0;
    padding: 5px 15px;
    text-align: left;
    border: 1px solid #999;
    background-color: #EDF5FC;
    min-height: 68px;
}
    #enviaramigo input {
        width: 180px;
    }
    #enviaramigo .amigo_left {
        width: 200px;
        display: block;
        float: left;
    }
    #enviaramigo .amigo_middle {
        width: 220px;
        display: block;
        float: left;
    }
    #enviaramigo .amigo_right {
        width: 200px;
        display: block;
        float: left;
        height: 66px;
        line-height: 80px;
        text-align: center;
    }
    #enviaramigo button {
        line-height: normal;
    }
    #enviaramigo label {
        display: block;
    }
    #enviaramigo #enviaramigoRespuesta {
        height: 100%;
        text-align: center;
        line-height: 50px;
        background-position: center;
        background-repeat: no-repeat;
    }
/*	=CUERPO
	tanto el panel lateral como "contenido" estan dentro de ESTA tabla: */
.CUERPO {
	width: 100%;
}
/*	=PANEL
	panel lateral */

.TODO {
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	text-align:center;
	padding-top: 5px;
}

.PANEL {
    width: 175px;
	vertical-align: top;
}
    /* este div rodea el panel lateral, y evita su desbordamiento */
    .PANEL .helper {
        width: 175px;
        overflow: hidden;
    }
    .PANEL .capsula {
        text-align: left;
    }
        .PANEL .capsula .caja {
            border: 1px solid #bbb;
        }
		.PANEL .capsula .titulo {
			padding: 2px;
			font-weight: bold;
			font-size: 1.5em;
            padding-left: 10px;
            padding-top: 3px;
            background: #fff url(images/capsula_fondo.png) center top repeat-x;
		}
            .PANEL .capsula .titulo img {
                vertical-align: top;
                padding-top: 2px;
            }
		.PANEL .capsula .contenido {
			padding-left: 5px;
		}
        .PANEL .capsula ul {
            list-style-image: none;
            margin-left: 0px;
            padding-left: 0px;
        }
            .PANEL .capsula ul li, .PANEL .capsula div ul li.raiz {
                padding-left: 10px;
                background-image: url('images/iconos/lista_raiz.png');
                background-position: left 6px;
                background-repeat: no-repeat;
            }
                .PANEL .capsula ul li li, .PANEL .capsula ul.aspas li{
                    padding-left: 12px;
                    background-image: url('images/iconos/lista_aspa.png');
                    background-position: left 4px;
                }

/*	=CONTENIDO	*/
.CONTENIDO {
	text-align: left;
	vertical-align: top;
    width: 670px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
}
	.CONTENIDO .ruta {
		margin-left: 0px;
        font-size: 0.8em;
		margin-bottom: 20px;
		padding: 2px;
		color: #75B4FF;
		font-weight: bold;
	}
		.CONTENIDO .ruta img {
            /* posicion de las flechas de la ruta */
			margin-bottom: 2px;
		}
	.CONTENIDO .contenido_real {
		padding: 0px 0px 20px 0px;
	}
.BANNERS {
    width: 300px;
    /*padding-left: 10px;
    float: right;*/
    overflow: hidden;
}
/*	=GALERIA	*/

.GALERIA {
    margin-bottom: 20px;
}
    .GALERIA .THUMBNAIL_CONTAINER {
        width: 100%;
        padding: 0px 5px 5px 5px;
    }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL {
            text-align: center;
            vertical-align: top;
            border: none;
        }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a {
            margin: 10px auto;
            display: block;
            width: 100px;
            padding: 5px;
            cursor: pointer;
        }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a:hover {
            border: 1px solid #aaa;
            padding: 4px;
        }
            .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO {
                display: block;
                width: 100px;
                height: 100px;
                line-height: 100px;
                text-align: center;
                vertical-align: middle;
            }
                .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO img {
                    vertical-align: middle;
                }
            .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span {
                display: block;
                font-weight: bold;
                padding-bottom: 5px;
            }

/* los enlaces a los feeds */
.RSS {
	width: 100%;
}
	.RSS .celda {
		background: transparent;
		border: none;
		padding: 10px;
	}
	.RSS .celda .ENLACE {
		width: 100%;
		height: 100%;
		margin: 1px;
	}
		.RSS .celda .ENLACE .icono{
			margin: 1px;
			padding: 10px;
		}


/*	=MENSAJES
	mensajes de error, informacion o dialogo (aceptar/cancelar) */
.MENSAJE {
	width: 100%;
}
	.MENSAJE .icono {
		vertical-align: top;
		text-align: center;
        float: left;
		padding: 20px;
	}
	.MENSAJE .desc {
        padding: 20px;
        padding-left: 80px;
		text-align: left;
		font-size: 1.4em;
	}
	.MENSAJE .botones {
		padding-left: 100px;
	}
    .MENSAJE .formulario {
    }
        .MENSAJE .formulario label{
            font-size: 1.1em;
            margin-right: 10px;
        }
        .MENSAJE .formulario input {
            margin: 5px 0;
            width: 200px;
        }


/*	=CONTACTO	*/
.CONTACTO {
	width: 100%;
	padding: 40px;
}
	.CONTACTO table.contacto_tabla {
		width: 90%;
	}
    /* mensaje de error */
	.CONTACTO .mensaje {
		border: 1px solid #808080;
		background: #ffffff;
		padding: 10px;
		width: 80%;
		margin-bottom: 20px;
	}
    /* mensaje de informacion sobre envio correcto */
	.CONTACTO .info {
		text-align: left;
	}
    /* etiqueta de campo */
	.CONTACTO .etiqueta {
		width: 50px;
		text-align: right;
		padding-right: 10px;
		cursor: pointer;
	}
		.CONTACTO .etiqueta label{
			cursor: pointer;
		}
    /* campo de entrada */
	.CONTACTO .entrada {
		text-align: left;
		padding: 5px;
	}
    /* para seleccion de metodo de contacto preferido */
	.CONTACTO .radio {
		text-align: left;
	}
		.CONTACTO .radio .etiqueta{
			text-align: left;
			width: 99%;
			margin-bottom: 5px;
		}
		.CONTACTO .radio .entrada {
			width: 1%;
		}
		.CONTACTO .radio .entrada input {
			margin: 2px 5px;
			cursor: pointer;
		}
    /* textarea */
	.CONTACTO .entrada_texto {
		text-align: left;
		padding: 5px;
	}
		.CONTACTO .entrada_texto textarea {
			padding: 2px 0px 0px 2px;
			background: #ffffff url(images/textbg.png);
			border: 1px solid #808080;
		}
	.CONTACTO .captcha div {
		border: 1px solid #808080;
		background: #ffffff;
		padding: 5px;
		margin-bottom: 5px;
	}
	.CONTACTO .captcha_boton button {
		margin: 2px 5px 5px 5px;

	}
	.CONTACTO .enviar {
		margin-left: 20px;
	}
/*	=PAGINACION
	de productos de tienda, fichas de inmobiliaria, habitaciones de hotel u otros */
.PAGINACION {
	font-size: 0.9em;
    font-weight: bold;
	height: 23px;
	margin: 10px 0px;
}
	.PAGINACION .activo, .PAGINACION .etiqueta, .PAGINACION .pagina {
		display: block;
		float: left;
		height: 15px;
		border: 1px solid #CC7A00;
		background: #fff;
		padding: 3px;
		margin: 4px;
        color: #000;
	}
    .PAGINACION .etiqueta {
        width: auto;
        cursor: default;
    }
    .PAGINACION .pagina {
        cursor: pointer;
    }
    .PAGINACION .activo {
        cursor: default;
        background-color: #ddd;
    }
	.PAGINACION .activo, .PAGINACION .pagina {
		width: 15px;
		text-align: center;
		vertical-align: middle;
	}
	.PAGINACION .pagina:hover {
		background: #ddd;
		color: #000;
		width: 21px;
		height: 21px;
		margin: 1px;
		font-size: 1.3em;
	}

/* =BUSQUEDA */
.RESULTADOS {
}
	.RESULTADOS .foto {
		height: 50px;
		width: 50px;
		margin: 10px;
		margin-top: 1px;
		border: 1px solid #bbb;
		float: left;
		background-repeat: no-repeat;
		background-position: center;
	}
	.RESULTADOS .descripcion {
		height: 80px;
		padding-top: 5px;
	}
	.RESULTADOS .destacado {
		background: #FFFF80;
		color: #000;
		font-weight: bold;
	}

/* =ACCESO - login y registro */
.ACCESO {
	width: 100%;
}
    /* bloque registrarse/identificarse */
	.ACCESO td.half {
		width: 45%;
		padding-left: 10px;
		vertical-align: top;
	}
	.ACCESO td.separador_bloques {
		width: 10px;
		border-right: 1px solid #666;
	}
	.ACCESO div.titulo {
		font-size: 1.5em;
	}
        /* login / registro */
		.ACCESO .LOGIN {
			width: 100%;
            height: 100%;
		}
            .ACCESO .formCell {
                vertical-align: bottom;
            }
			.ACCESO .LOGIN td {
				vertical-align: bottom;
			}

				.ACCESO .LOGIN td input, .ACCESO .LOGIN td select, .ACCESO .LOGIN td textarea {
					margin: 5px;
					width: 150px;
				}
			.ACCESO .LOGIN .boton {
				text-align: right;
                vertical-align: bottom;
			}
			.ACCESO .LOGIN thead {
				min-height: 10px;
			}
			.ACCESO .LOGIN .select_load {
				display: block;
				background-repeat: no-repeat;
				background-position: center;
				background-image: url(images/flechas_animadas.gif);
				height: 30px;
				width: 150px;
			}
			.ACCESO .LOGIN .etiqueta {
				text-align: right;
				font-size: 1.2em;
				padding-top: 5px;
				width: 180px;
                vertical-align: top;
			}
            /* planta y puerta: estan en la misma linea */
			.ACCESO .LOGIN .entrada_especial {
				text-align: left;
				font-size: 1.2em;
				width: 180px;
			}
            /* linea horizontal que clasifica los campos del formulario */
			.ACCESO .LOGIN .sep {
				height: 3px;
				border-top: 1px solid #aaa;
			}
			.ACCESO .LOGIN .error_msg {
				display: block;
				color: #c00;
				font-weight: bold;
				border: 1px dotted #c00;
				padding: 2px;
                padding-left: 22px;
                background: #fff url(images/iconos_cabecera/up_error.png) 2px 2px no-repeat;
			}
			.ACCESO .LOGIN label {
				font-size: 1.2em;
				cursor: pointer;
			}
			.ACCESO .LOGIN .esconder {
			}
			.ACCESO .LOGIN .checkbox {
				border: none;
				width: auto;
			}
			.ACCESO .LOGIN #mas_datos {
				line-height: 20px;
				padding-left: 5px;
				cursor: pointer;
				font-size: 1.2em;
				font-weight: bold;
			}
			.ACCESO .LOGIN #mas_datos:hover {
				text-decoration: underline;
			}
			.ACCESO .LOGIN #mas_datos #mas_datos_signo{
				font-size: 1.2em;
			}
    /* enlace a recuperar contraseña */
	.ACCESO .RECUPERAR div {
		margin: 10px;
	}
	.ACCESO .RECUPERAR button {
		margin-left: 30px;
	}


/* menú del panel de usuario (perfil, pedidos y cesta) */
.PANEL_USUARIO li {
	font-size: 2em;
    padding-bottom: 10px;
}


.sitemap {
    list-style: disc;
    font-size: 1.25em;
}
    .sitemap ul {
        font-size: 0.75em;
        list-style: circle;
        font-weight: bold;
    }
        .sitemap ul ul { /* subsub */
            font-size: 1em;
        }


/* puzzle/banners de portada */
.PUZZLE {
    position: relative;
    margin-bottom: 20px;
    margin-top: 4px;
}

    .PUZZLE .DIV {
        position: absolute;
        text-align: center;
    }
        .PUZZLE .DIV img {
            vertical-align: middle;
        }

/* Salida debug */
.LOGGER {
    text-align: left;
    background-color: #000;
    color: #C0FFC0;
}
    .LOGGER .linea{
        text-align: left;
        font-family: monospace;
    }
    .LOGGER td, .LOGGER th {
        vertical-align: top;
        border-top: 1px dotted #00cc00;
    }
    .LOGGER a {
        color: #fff;
    }


.FAQ {
}
    .FAQ ul {
        list-style-image: url(images/faq_li.png);
        font-size: 1.5em;
        font-weight: bold;
    }
        .FAQ ul li {
            padding-bottom: 2px;
        }

/*
 *
 *
 *      PUBLICACION a partir de aqui
 *
 *
 */



.PORTADA {
    width: 670px;
}
    .PORTADA .CABECERA {
        margin-bottom: 4px;
    }
    .PORTADA .COLUMNAS {
    }
        .PORTADA .COLUMNAS {
        }
        .PORTADA .COLUMNAS .COLUMNA_IZQUIERDA {
            width: 420px;
            padding-right: 10px;
            border-right: 1px solid #DDE1E5;
            float: left;
            overflow: hidden;
        }
        .PORTADA .COLUMNAS .COLUMNA_DERECHA {
            width: 230px;
            padding-left: 5px;
            float: right;
            overflow: hidden;
        }
.ENTRADA {
    border-bottom: 1px solid #DDE1E5;
    margin-bottom: 15px;
}
    .ENTRADA.sombreado {
        background-color: #eee;
    }
        /* si no tiene sombra, esta pegado al border pero no se nota porque
           todo es blanco. pero si tiene hay que separarlo */
        .ENTRADA.sombreado h4 {
            padding: 2px 4px 0 6px;
        }
        .ENTRADA.sombreado h1, .ENTRADA.sombreado p {
            padding: 0 4px;
        }
    /* si es foto del dia, tendr� pie de foto y el borde no queda bien */
    .ENTRADA.fotodeldia {
        border-bottom: none;
    }
    /* titulo / autor / otros */
    .ENTRADA h1, .ENTRADA h2, .ENTRADA h3 {
	    font-size: 1.8em;
	    font-weight: bold;
	    font-family: Arial,Helvetica,"Trebuchet MS",sand-serif;
    }
    .ENTRADA h2 {
        font-size: 1.5em;
    }
    .ENTRADA h3 {
        font-size: 1.1em;
    }
    /* el enlace dentro del titulo */
    .ENTRADA h1 a{
        padding-bottom: 4px;
    }
        /* varios */
        .ENTRADA h1 a, .ENTRADA h2 a, .ENTRADA h3 a {
            color: #062E5E;
        }
        .ENTRADA h1 a:hover, .ENTRADA h2 a:hover, .ENTRADA h3 a:hover {
            color: #CC7A00;
        }
    /* fixme: se usa esto? */
    .ENTRADA small {
        float: left;
        clear: left;
    }
    /* fecha */
    .ENTRADA h4 {
        text-transform: uppercase;
        color: #CC7A00;
        /*font-weight: bold;*/
    }
    /* antetitulo */
    .ENTRADA h3 {
        text-transform: uppercase;
        color: #CC7A00;
        font-weight: bold;
        font-size: 0.8em;
        margin-top: 5px;
    }
    /* entradilla / cuerpo recortado */
    .ENTRADA .text, .ENTRADA .entradilla {
        text-align: justify;
		font-size: 0.9em;
		padding-top: 2px;
    }
    /* imagen de la noticia */
    .ENTRADA.noticia img {
        float: left;
        margin: 4px 4px 2px 0;
    }
    /* pie de imagen de fotodeldia */
    .ENTRADA.fotodeldia a.fotoConPie {
        display: block;
        position: relative;
        margin: 4px 0 0 0;
        min-height: 14px;
    }
    /* Avatar de columnista */
    .ENTRADA .AVATAR {
        display: block;
        width: 55px;
        height: 55px;
        float: left;
    }
    .ENTRADA.noticia .columnista_texto {
        margin-left: 55px;
    }
.SECCION_COLUMNA_IZQ {
    width: 325px;
    float: left;
}
.SECCION_COLUMNA_DER {
    width: 325px;
    float: left;
    margin-left: 15px;
}


.CATEGORIAS {
    width: 100%;
    min-height: 24px;
    text-align: left;
    font-family: Georgia,Times,"Times New Roman",serif;
}
    .CATEGORIAS .PADRES {
        min-height: 24px;
        background-color: #8193ab;
        border-bottom: 1px solid #fff;
    }
        .CATEGORIAS .PADRES a {
            display: block;
            float: left;
            height: 24px;
            line-height: 24px;
            padding: 0 8px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            font-size: 1.2em;
            color: #fff;
            margin-bottom: -1px;
        }
        .CATEGORIAS .PADRES a.PADRE_ACTIVO {
            background-color: #95b5cc;
            border-bottom-color: #95b5cc;
        }
/*            .CATEGORIAS .PADRES a span {
                color: #fff;
            }*/
        .CATEGORIAS .PADRES a:hover {
            background-color: #95b5cc;
        }
    .CATEGORIAS .HIJOS_CONT {
    }
    .CATEGORIAS .HIJOS {
        min-height: 24px;
        background-color: #95b5cc;
    }
        .CATEGORIAS .HIJOS a {
            line-height: 24px;
            padding: 0 8px;
            border-right: 1px solid #000;
            color: #000;
            font-size: 1em;
        }
        .CATEGORIAS .HIJOS a:hover {
            text-decoration: underline;
        }
            .CATEGORIAS .HIJOS a.SUB_ACTIVO {
                text-decoration: underline;
            }



/*    =NOTICIAS    */
.NOTICIAS {
    margin-bottom: 20px;
}
    .NOTICIAS table {
        width: 100%;
    }
    .NOTICIAS .titulo {
        font-size: 1.8em;
    }
    .NOTICIAS .desc {
        text-align: justify;
        padding-right: 10px;
    }
    .NOTICIAS .fecha {
        display: block;
        font-weight: bold;
        color: #808080;
        padding-right: 10px;
    }
    .NOTICIAS .foto {
        vertical-align: middle;
        text-align: center;
        width: 120px;
    }
.NOTICIA {
   margin-right: 7px;

}
    .NOTICIA h1 {
        font-size: 2em;
        font-weight: bold;
        font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
        color: #062E5E;
    }


    .NOTICIA .TEXTO_PARRAFO {
        text-align: justify;
        margin-bottom: 20px;
        padding-top: 10px;
    }
        .NOTICIA .TEXTO_PARRAFO .entradilla {
            font-weight: bold;
        }
    .NOTICIA .fecha {
        text-align: left;
	     font-size: 1.0em;
        font-weight: normal;
        color: #CC7A00;
    }
    .NOTICIA .firma {
        margin-top: -10px;
        font-weight: bold;
        font-size: 0.9em;
    }
    .NOTICIA .antetitulo {
        text-align: left;
        font-weight: bold;
        color: #CC7A00;
        margin-top: 8px;
        font-size: 0.9em;
        text-transform: uppercase;
    }
.NOTICIA .GALERIA {
    margin-bottom: 20px;
}
    .NOTICIA .GALERIA a {
        display: block;
        width: 160px;
        height: 120px;
        float: left;
        background-color: #EDF5FC;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .NOTICIA .GALERIA a.ultimo {
        margin-right: 0;
        clear: right;
    }
        .NOTICIA .GALERIA a span {
            display: table-cell;
            width: 160px;
            height: 120px;
            vertical-align: middle;
            text-align: center;
        }

/* ESTOS ESTILOS DEBEN ESTAR EN iframe.css DEL PANEL */

.RichTextAlignLeft, .RichTextAlignRight, .RichTextAlignCenter {
    display: block;
    margin: 5px;
    margin-top: 4px;
}
.RichTextAlignLeft {
    float: left;
    clear: left;
    margin-left: 0;
}
.RichTextAlignRight {
    float: right;
    clear: right;
    margin-right: 0;
}
.RichTextAlignCenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
.flashbox {
    width: 425px;
    height: 344px;
    margin: 4px 4px 2px 0;
    float: left;
    background: #fff url(images/icons/multimedia.png) center center no-repeat;
}
.ImagenInsertada {
    position: relative;
    overflow: hidden;
}
.pieDeFoto {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
    color: #fff;
    background-color: #334457;
    position: absolute;
    text-align: left;
    /*line-height: 20px;*/
    font-size: 0.8em;
}
    .pieDeFoto cite {
        display: block;
        margin: 2px 5px;
    }

.FORM_COMENTARIO {
    margin-bottom: 20px;
}
    .FORM_COMENTARIO label, .FORM_COMENTARIO legend {
        display: block;
    }
    .FORM_COMENTARIO button {
        display: block;
        margin-left: auto;
        margin-top: 5px;
    }
    .FORM_COMENTARIO textarea {
	width: 300px;
    }

.COMENTARIOS {
/* 	border-bottom: 1px dotted #CCC;   */
}
    .COMENTARIOS .antenombre {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: normal;
	color: #062E5E;
	margin-bottom: 3px;
    }

	.COMENTARIOS .nombre {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #062E5E;
	margin-bottom: 3px;
    }

    .COMENTARIOS .cfecha {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #CC7A00;
	margin-bottom: 7px;
    }
    .COMENTARIOS .comentario {
	font-size: 1.1em;
	padding: 7px;
	margin-bottom: 15px;
	border: 1px dotted #CCC;
	background-color: #F8F8F8;
    }
    .COMENTARIOS .etiqueta {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #CC7A00;
	}

    .COMENTARIOS q:before, .COMENTARIOS q:after {
        content: "";
    }

    .COMENTARIOS q {
	font-family: Tahoma, Verdana, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
    }

.ACCIONES_ICONOS {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
	border-top: 1px solid #CCC;
    font-size: 0.8em;
}
    .ACCIONES_ICONOS img {
        vertical-align: bottom;
    }


.ICONOS_1 {
	width: 170px;
    float: right;
	text-align: right;
}
    .ICONOS_1 a {
        display: block;
        float: right;
        width: 16px;
        height: 16px;
        margin-left: 4px;
        background-image: url(images/iconos/news/acciones_noticia.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .ICONOS_1 a#accion_enviaramigo {
        background-position: 0px 0px;
    }
    .ICONOS_1 a#accion_imprimir {
        background-position: -16px 0px;
    }
    .ICONOS_1 a#accion_comentar {
        background-position: -32px 0px;
    }
    .ICONOS_1 a#accion_zoomin {
        background-position: -48px 0px;
    }
    .ICONOS_1 a#accion_zoomout {
        background-position: -64px 0px;
    }
    .ICONOS_1 a#accion_anterior {
        background-position: -80px 0px;
    }
    .ICONOS_1 a#accion_siguiente {
        background-position: -96px 0px;
    }

.ICONOS_1 img{
    padding-left: 4px;
}

.CONTENIDO_SOCIALentero {
	border-top: 1px solid #CCC;
	padding: 5px;
    padding-top: 15px;
    margin-bottom: 25px;
}

.CAJA_SOCIAL {
    float: right;
	width: 300px;
}
    .CAJA_SOCIAL.comentarios_deshabilitados {
        width: auto;
        float: none;
        margin: auto;
    }

.CAJA_COMENT {
    float: left;
	width: 310px;
	padding: 5px;
	background-color: #EDF5FC;
}

.ACCIONES_SOCIAL {
	margin-bottom: 10px;
	padding-right: 5px;
    font-size: 0.8em;
}

.ACCIONES_SOCIAL a{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 5px 15px;
    background-image: url(images/iconos/news/social/todos.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.ACCIONES_SOCIAL img{
    padding: 5px 0;
}

.textosRSS {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
	font-size: 0.8em;
	padding-bottom:10px;
}

    .textosRSS img{
        padding: 0px 1px 0px 6px;
    }

    .textosRSS a{
	    color: #585858;
    }

    .textosRSS a:hover{
	    color: #000000;
    }

.PERMALINK {
    border-bottom: 1px solid #CCC;
    padding:10px 0 10px 6px;
    font-size: 0.8em;
    color: #585858;
}
/* PARA LA CAJA DE COMENTARIOS */

.titularCAJACOMENT {
	font-size: 1.7em;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-weight: bold;
	color: #062E5E;
	padding: 0px 0px 10px 3px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	text-align: center;
	}

	.titularCAJACOMENT2 {
	font-size: 1.7em;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-weight: bold;
	color: #CC7A00;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 25px;
	margin-top: 5px;
	text-align: center;
	}

		.titularCAJACOMENT2 img{
	vertical-align: text-bottom;
}

.TXT_FORM_coment {
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #062E5E;
	padding-bottom: 10px;
	}


	.FONDO_COMENTARIOS {
	padding: 5px;
	background-color: #CCCCCC;
	}


	.caja_AVATAR {
	width: 105px;
	float: left;
	}

	.CUERPO_NOMBRES {
	width: 550px;
	float: right;
	}

/* FIN DE PARA LA CAJA DE COMENTARIOS */

.comenteMINI {
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #062E5E;
	text-align: left;
	padding: 2px;
	}
	.comenteMINI a{
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #062E5E;
	text-align: left;
	padding: 2px;
	}
	.comenteMINI a:hover{
	font-size: 1em;
	color: #CC7A00;
	}

.comenteMINI img{
	vertical-align: middle;
	}


	/*	=PIE
	footer */
.PIE {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 5px 5px 5px 5px;
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #333333;
	text-align: left;
	background: #FFFFFF;
	border-top: 1px solid #DDE1E5;
}
	.PIE table {
		width: 970px;
	}
	.PIE img {
		vertical-align: bottom;
			text-align: right;
			padding-right: 10px;
	}



.GALERIAS_PORTADA {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	background: #F5F5F3;
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding: 5px;
}

.GALERIAS_PORTADA .TITULO {
    display: block;
	font-size: 1.1em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
	background-color:#062E5E;
	padding: 5px;
	margin-left: 0px;
}

 .GALERIAS_PORTADA a.CAJAS {
    display: block;
	width: 100px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #DDE1E5;
	float: left;
	margin: 4px;
    padding: 5px;
	}
     .GALERIAS_PORTADA .CAJAS .marco {
        display: block;
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 99px;
        margin: 0 auto;
        background-color: #eee;
     }


	/*
	border:1px solid #D4D4D4;
color:#FFFFFF;
float:left;
font-family:Tahoma,Arial,Helvetica;
font-size:11px;
height:130px;
margin-left:5px;
padding:5px 4px 0;
width:auto;

	*/


	/* MENU DE LA P�?GINA EN PARTE SUPERIOR */

	.MENU_PAGINA {
	width: 970px;
	background-color: #BAC4D1;
	margin-left:auto;
	margin-right:auto;
	padding: 3px 5px 3px 5px;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #062E5E;
	text-align: left;
	margin-bottom: 15px;
}

	.MENU_PAGINA a{
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	font-weight: bold;
	color: #062E5E;
    text-transform: uppercase;
}

	.MENU_PAGINA a:hover{
	text-decoration:underline;
	color: #062E5E;

}



	/* SECCIONES Y TITULARES LISTADAS AL PIE */

	.titulares_ALPIE_IZQ {
	width: 470px;
	float:left;
	padding: 3px 5px 3px 5px;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #062E5E;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #D4D4D4;
}


	.titulares_ALPIE_IZQ a{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 1em;
	font-weight: normal;
	color: #585858;
}

	.titulares_ALPIE_IZQ a:hover{
	text-decoration:underline;
	color: #585858;

}


	.titulares_ALPIE_DER {
	width: 470px;
	float: right;
	padding: 3px 5px 3px 5px;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #062E5E;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #D4D4D4;
}

	.titulares_ALPIE_DER a{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 1em;
	font-weight: normal;
	color: #585858;
}

	.titulares_ALPIE_DER a:hover{
	text-decoration:underline;
	color: #585858;

}

	/* FIRMA FOLIOSERVER POWERED BY FOLIOEPRESS */

.cajaPIE_IMPRENTA {
	width: 970px;
	border:1px solid #D4D4D4;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 15px;
	background: #F5F5F3;
	font-size: 0.6em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #062E5E;
	text-align: left;
	padding: 5px;
}

.PUNTUACION {
}
    .PUNTUACION #estrellas {
        float: left;
        width: 80px;
        height: 16px;
        text-align: center;
        font-size: 0.8em;
        color: #fff;
        cursor: pointer;
    }
    	.PUNTUACION #estrellas span {
    		background-image: url(images/iconos/news/estrellas2.png);
    		background-position: -16px 0px;
    		background-repeat: no-repeat;
    		width: 100%;
    		height: 100%;
    		display: block;
    		float: right;
    	}
    		.PUNTUACION #estrellas span span {
    			width: 64px;
    		}
	    		.PUNTUACION #estrellas span span span {
	    			width: 48px;
	    		}
		    		.PUNTUACION #estrellas span span span span{
		    			width: 32px;
		    		}
			    		.PUNTUACION #estrellas span span span span span {
			    			width: 16px;
			    		}
		.PUNTUACION #estrellas span:hover {
			background-position: 0px 0px !important;
		}
		.PUNTUACION #estrellas span.active {
			background-position: 0px 0px;
		}
			.PUNTUACION #estrellas span:hover span {
				background-position: -16px 0px;
			}
	.PUNTUACION #votarInfo {
        display: block;
        float: left;
        width: 200px;
        padding: 2px 0 0 5px;
    }



.TITULARES {
}
    .TITULARES .columna_izq, .TITULARES .columna_der {
        width: 470px;
        margin-bottom: 5px;
    }
    .TITULARES .columna_izq {
        float: left;
    }
    .TITULARES .columna_der {
        float: right;
    }
    .TITULARES .grupo {
        border-bottom: 1px solid #eee;
        text-align: left;
        margin-bottom:15px;
        padding:3px 5px;
        font-family:Tahoma,Verdana,Arial;
        font-weight:bold;
        font-size:0.9em;
    }
        .TITULARES .grupo a.seccion {
            font-weight: bold;
            color: #062E5E;
        }
        .TITULARES .grupo a.seccion:hover {
            text-decoration: underline;
        }
        .TITULARES .grupo ul {
            display: inline;
            padding-left: 0;
        }
            .TITULARES .grupo ul li {
                display: inline;
                font-family:Arial,Helvetica,sans-serif,Tahoma;
                font-size:1em;
                font-weight:normal;
            }
                .TITULARES .grupo ul li span.punto {
                    font-size: 1.2em;
                    font-weight: bold;
                }
                .TITULARES .grupo ul li a {
                    color:#585858;
                }
                .TITULARES .grupo ul li a:hover {
                    text-decoration:underline;
                }


.GALERIA_ACTUALIDAD {
    border: 1px solid #ddd;
    background-color: #eee;
}
    .GALERIA_ACTUALIDAD h1 {
        padding: 5px 15px;
    }
    .GALERIA_ACTUALIDAD #imagen_galeria {
        width: 662px;
        height: 500px;
        line-height: 499px;
        text-align: center;
        margin: 2px auto;
    }
        .GALERIA_ACTUALIDAD #imagen_galeria span {
            line-height: normal;
            position: relative;
            display: inline-block;
        }
            .GALERIA_ACTUALIDAD #imagen_galeria span cite {
            }
    .GALERIA_ACTUALIDAD #marco {
        width: 663px;
        height: 100px;
        position: relative;
        margin: 2px auto 10px auto;
        border: 1px solid #ddd;
    }
        .GALERIA_ACTUALIDAD #marco .boton {
            width: 16px;
            height: 100px;
            line-height: 99px;
            z-index: 1;
            background-color: #ddd;
            position: absolute;
            text-align: center;
        }
        .GALERIA_ACTUALIDAD #marco .boton.der {
            right: 0px;
        }
    .GALERIA_ACTUALIDAD #ventana {
        width: 631px;
        height: 100px;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 16px;
    }

        .GALERIA_ACTUALIDAD #ventana #pelicula {
            position: absolute;
            height: 100px;
            line-height: 99px;
        }
            .GALERIA_ACTUALIDAD #ventana #pelicula a {
                display: block;
                width: 100px;
                height: 100px;
                text-align: center;
                float: left;
                margin: 0 2px;
            }
        .GALERIA_ACTUALIDAD #galeria_simple {
            text-align: center;
        }
            .GALERIA_ACTUALIDAD #galeria_simple a {
                line-height: 99px;
                margin: 0 2px;
            }
    .GALERIA_ACTUALIDAD .TEXTO_PARRAFO {
        padding: 0 10px;
    }

.ERROR_404 {
    padding: 20px;
}
    .ERROR_404 p {
        padding-left: 40px;
    }
    .ERROR_404 .num_404 {
        text-align: right;
        font-size: 15em;
        font-weight: bold;
        color: #ddd;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    }

.LOMAS {
    width: 300px;
    overflow: hidden;
    text-align: left;
}
    .LOMAS .tabs {
        border-bottom: 1px solid #999;
    }
    .LOMAS .tabs a {
        display: block;
        float: left;
        border: 1px solid #999;
        border-bottom-color: #eee;
        padding: 2px 10px 0 10px;
        background-color: #eee;
        color:#CC7A00;
        font-weight:bold;
        font-size:0.75em;
        line-height: 16px;
        margin-top: 2px;
        margin-left: -1px;
    }
    .LOMAS .tabs a.primera {
        border-left: 1px solid #999;
        margin-left: 0;
    }
    .LOMAS .tabs .activa, .LOMAS .tabs a:hover {
        background-color: #fff;
        line-height: 18px;
        margin-top: 0;
        border-bottom-color: #eee;
    }

    .LOMAS .cont {
        border: 1px solid #999;
        border-top: none;
        padding: 1px 0;
        background-color: #ffffff;
    }
        .LOMAS .cont ol {
            margin: 5px 10px;
            font-size: 0.75em;
        }
            .LOMAS .cont ol a {
                color: #062E5E;
                display: block;
                margin: 8px 0;
            }
            .LOMAS .cont ol a:hover {
                text-decoration: underline;
            }

.TTABLA {
    font-size:0.8em;
}
    .TTABLA .FILTRO {
        padding: 5px;
        background-color: #8193AB;
        margin-bottom: 5px;
    }
        .TTABLA .FILTRO .parametros {
        }
            .TTABLA .FILTRO .parametros select, .TTABLA .FILTRO .parametros span, .TTABLA .FILTRO .parametros button {
            }
            .TTABLA .FILTRO .reiniciar {
                display: block;
                float: right;
            }
            .TTABLA .FILTRO .parametros fieldset {
            }
                .TTABLA .FILTRO .parametros fieldset select {
                    display: block;
                    float:left;
                    margin-top: 4px;
                    margin-right: 2px;
                    height: 20px;
                    border: 1px solid #808080;
                }
                .TTABLA .FILTRO .parametros fieldset .separadorFechas {
                    display: block;
                    float:left;
                    margin-top: 8px;
                    color: #fff;
                    padding: 0 1px;
                }
                .TTABLA .FILTRO .parametros fieldset input {
                }
            .TTABLA .FILTRO button {
                margin-top: 3px;
            }
    .TTABLA table {
        width: 100%;
    }
        .TTABLA table tr {
        }
        .TTABLA table td {
            padding: 2px;
            padding-right: 10px;
        }
            .TTABLA td.align_right {
                text-align: right;
            }
            .TTABLA table td a {
                display: block;
                padding: 4px 0 4px 4px;
                font-weight: bold;
            }
                .TTABLA table td a:hover {
                    text-decoration: underline;
                    color: #000;
                }
        .TTABLA table thead td, .TTABLA table thead th { /* th por si las moscas */
            background: #8193AB;
        }
            .TTABLA table thead button {
                display: block;
                border: none;
                background: inherit;
                color: #fff;
                font: bold 1.2em Arial,Helvetica,Tahoma,Verdana,sans-serif;
                padding: 0;
                margin: 0;
            }
                .TTABLA table thead button:hover {
                    color: #ccc;
                }
                .TTABLA table thead button.activa {
                    text-decoration: underline;
                }
        .TTABLA table tbody {
        }
            .TTABLA table tbody tr {
            }
                .TTABLA table tbody tr.fila_normal {
                    background-color: #EDF5FC;
                    border: 1px solid #EDF5FC;
                }
                    .TTABLA table tbody tr.fila_normal:hover {
                        background-color: #C1D5E4;
                    }
                .TTABLA table tbody tr.fila_alt {
                    background-color: #eee;
                    border: 1px solid #eee;
                }
                    .TTABLA table tbody tr.fila_alt:hover {
                        background-color: #C2D2DD;
                    }

.SUSCRIPCION {
}
    .SUSCRIPCION .error {
        background-color: #FFC0C0;
        border: 1px dotted #c00;
        padding: 10px;
        text-align: center;
        margin: 20px 10px;
    }
    .SUSCRIPCION .mensaje {
        background-color: #EDF5FC;
        border: 1px dotted #95B5CC;
        padding: 10px;
        text-align: center;
        margin: 20px 10px;
    }

.BANNER_DESCRIPCION {
    color: #585858;
    background-color: #95b5cc;
    text-align: center;
    font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size:14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.BANNER_PUBLICIDAD {
    color: #585858;
    background-color: #ccc;
    text-align: center;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.BANNER_SUSCRIPCION {
    border: 1px solid #999;
    padding-bottom: 5px;
    background-color: #EDF5FC;
}
    .BANNER_SUSCRIPCION .titulo {
        text-align: left;
        color:#CC7A00;
        display:block;
        font-size:0.75em;
        font-weight:bold;
        padding:2px 10px 0;
    }
    .BANNER_SUSCRIPCION input {
        width: 180px;
    }

.youtube_player {
    background: #fff url(images/iconos/video_loading.gif) center center no-repeat;
}
    .youtube_player dt, .youtube_player dd{
        display: none;
    }
    .youtube_player.error {
    	background-image: url(images/iconos/video_error.png);
    }
/*.youtube_player_VIMEO {
    background-image: url(images/iconos/video_vimeo.png);
}
.youtube_player_GOOGLEVIDEO {
    background-image: url(images/iconos/video_googlevideo.png);
}*/

#AGENDA {
    width: 280px;
    margin: 0 auto;
    background-color: #edf5fc;
    padding: 0 10px 10px 10px;
}
    #AGENDA .header {
        margin: 0 1px;
        background-color: #ccc;
        padding: 5px;
        font-weight: bold;
        font-size: 1.2em;
    }
        #AGENDA .header a.prev, #AGENDA .header a.next {
            display: block;
            width: 14px;
            height: 14px;
            text-align: center;
            line-height: 12px;
            background-color: #fff;
            border: 1px solid #8ACBFF;
        }
        #AGENDA .header a.prev {
            float: left;
        }
        #AGENDA .header a.next {
            float: right;
        }
    #AGENDA .body {
    }
        #AGENDA .body table {
            width: 280px;
            margin: 0 auto;
            border-collapse: separate;
            border-spacing: 1px;
            overflow: hidden;
        }
            #AGENDA .body table td, #AGENDA .body table th {
                text-align: center;
                vertical-align: middle;
            }
            #AGENDA .body table th {
                font-weight: bold;
            }
                #AGENDA .body table th span {
                    background-color: #ccc;
                    display: block;
                }
            #AGENDA .body table td {
                background-color: #BAC4D1;
            }
            #AGENDA .body table td.HasNews {
                font-weight: bold;
                background-color: #fff;
                color:#062E5E;
            }
                #AGENDA .body table td a, #AGENDA .body table td span {
                    display: block;
                    width: 38px;
                    height: 24px;
                    line-height: 24px;
                }
                #AGENDA .body table td a {
                    color: #585858;
                    width: 36px;
                    height: 22px;
                    line-height: 22px;
                    border: 1px solid #8ACBFF;
                }
                #AGENDA a:hover {
                    color: #000;
                    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                }


.BANNER_COLUMNAS {
    background-color: #edf5fc;
    padding: 1px 0; /* margin collapsing */
    text-align: left;
}
    .BANNER_COLUMNAS .AUTOR {
        margin: 10px;
    }
        .BANNER_COLUMNAS .AUTOR .columna {
            display: block;
            font-size: 0.9em;
            font-weight: bold;
        }
            .BANNER_COLUMNAS .AUTOR .columna .avatar {
                display: table-cell;
                float: left;
                width: 50px;
                height: 50px;
                text-align: center;
                vertical-align: middle;
                background-color: #fff;
                margin-right: 10px;
            }
                .BANNER_COLUMNAS .AUTOR .columna:hover .avatar img {
                    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                }
        .BANNER_COLUMNAS .AUTOR .noticia {
            display: block;
            margin-left: 60px;
            color: #585858;
        }

.BANNER_COLUMNAREDACTOR {
    margin-bottom: 15px;
}

/* The .COLORSET_BG_... rules are not used (yet). */
.COLORSET_BG_DARKEST   { background-color: #062e5e }
.COLORSET_BG_DARK      { background-color: #8193ab }
.COLORSET_BG_MEDIUM    { background-color: #95b5cc }
.COLORSET_BG_LIGHT     { background-color: #bac4d1 }
.COLORSET_BG_LIGHTEST  { background-color: #edf5fc }

.noticia_audioplayers {
    margin-top: 5px;
}
/** Attention! The ".AudioPlayer_..." rules are *NOT* used as css rules, they are read back by
 *  StyleSheetReader::getAudioPlayerStyles() and used to style the audioplayer plugin/thing.
 *  So pay attention:
 *  - Only the defined properties (background or foreground color) are used. Don't add any more, they won't/can't be
 *    used. Do not remove them neither as there is no default value provided.
 *  - The color value may be either in the form of 'rgb(255,255,255)' or '#ffffff'. The latter, hexadecimal coded form,
 *    may be upper or lowercase but *CANNOT* be abbreviated to three digits.
 */
.AudioPlayer_Main {
    background-color: #EDF5FC;
    color: #333333;
}
.AudioPlayer_Left {
    background-color: #062e5e;
    color: #ffffff;
}
.AudioPlayer_Right {
    background-color: #062e5e;
    color: #bac4d1;
}
.AudioPlayer_Right:hover {
    background-color: #CC7A00;
    color: #062e5e;
}
.AudioPlayer_Loader {
    background-color: #95B5CC;
}
.AudioPlayer_Skip {
    color: #CC7A00;
}
.AudioPlayer_Volume {
    background-color: #bac4d1;
    color: #CC7A00;
}

/* Message Of The Day */
.MOTD {
    margin-bottom: 20px;
}
/*
*/
    .MOTD cite {
        display: inline;
        font-size: 1.2em;
        font-style: italic;
    }
    .MOTD cite .quote {
        font-size: 2em;
        line-height: 0.2em;
        color: #cdf;
        font-weight: bold;
        font-style: normal;
    }
    .MOTD cite .quote:first-child {
        vertical-align: middle;
    }
    .MOTD blockquote {
        text-align: right;
        padding-left: 10px;
    }

/**
 * POPUP STYLES
 */
	/* hide images, flash objects, iframes */
	body.fpopup_showing img, body.fpopup_showing object, body.fpopup_showing iframe {
		visibility: hidden !important;
	}
	/* hide body scrollbars */
	body.fpopup_showing  {
		overflow: hidden;
	}
	/* popup container */
	#fpopup {
		z-index: 2147483647; /* max integer value */
		position: absolute;
		top: 0;
		left: 0;
		overflow: auto;
		/* optional: */
		background-color: #fff;
	}
	/* these classes apply when popup is shown */
	body.fpopup_showing #fpopup {
	}
		body.fpopup_showing #fpopup #fpopup_head {
			width: 100%;
			position: relative;
			/* optional: */
			height: 25px;
			border-bottom: 1px solid #666;
			background-color: #999;
			color: #fff;
		}
			body.fpopup_showing #fpopup_close {
				/* optional: */
				position: absolute;
				top: 4px;
				right: 8px;
				background-color: #fff;
				padding: 2px 4px;
				font-size: 11px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
			}
				body.fpopup_showing #fpopup_close:hover {
					text-decoration: underline;
				}
			body.fpopup_showing #fpopup_title {
				/* optional: */
				position: absolute;
				top: 3px;
				left: 15px;
				text-shadow: 0px -1px 0px #374683;
				font-size: 16px;
				font-weight: bold;
			}
		body.fpopup_showing #fpopup_content {
			text-align: center;
			display: block;
			/* optional: */
		}
			body.fpopup_showing #fpopup img, body.fpopup_showing #fpopup object, body.fpopup_showing #fpopup iframe {
				visibility: visible !important;
			}
/* END POPUP STYLES */

/*----------------------------------------------------[libs_oss/lightbox/lightbox.css]----------------------------------------------------*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 20px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
/* lightbox (popup de fotos) */
#prevLink { left: 0; float: left; background: url(../../images/prevlabel.gif) left 0% no-repeat; }
#nextLink { right: 0; float: right; background: url(../../images/nextlabel.gif) right 0% no-repeat; }
#prevLink:hover, #prevLink:visited:hover { background: url(../../images/prevlabel2.gif) left 0% no-repeat; }
#nextLink:hover, #nextLink:visited:hover {  background: url(../../images/nextlabel2.gif) right 0% no-repeat; }

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 26px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;

	}
/*----------------------------------------------------[templates/periodico_cronicas/inherit.css]----------------------------------------------------*/
/* * * NO MODIFICAR: RESET DE ESTILOS QUE DIFIEREN ENTRE NAVEGADORES. NO TOCAR! * * */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,th,td,blockquote {
	padding: 0;
	margin: 0;
	margin-top: 0px;
}
/* table { border-collapse: collapse; border-spacing: 0; } */
table { border-collapse: separate; }


fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-weight: normal; font-style: normal; }
ol,ul { padding-left: 20px; margin-top: 5px; margin-bottom: 5px; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
/* ^ fin de reset ^ */



/*	=GLOBAL
	Estilos "globales" - selectores afectan a tags */
/* obligamos al body a ocupar toda la ventana */
html, body {
    height: 100%;
}
body {
	color: #585858;
	font: normal 14px Arial,Helvetica,Tahoma,Verdana,sans-serif;
	text-align: center;
	background: #0db3ea;
    background-image:url(images/fondo_sombra.png);
    background-repeat: repeat-y;
    background-position: center top;
}
/* enlaces */
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #666;
	text-decoration: none;
}
img {
	vertical-align: middle;
}
h1 {font-size: 2em}
h2 {font-size: 1.66em}
h3, h3 a {font-size: 1.33em}
h4 {font-size: 0.75em}
h5 {font-size: 0.5em}
h6 {font-size: 0.25em}
/* por defecto eliminamos los balazos de las listas */
ul {
	list-style:none;
}
button {
	border: 1px solid #aaa;
	border-left-color: #ccc;
	border-top-color: #ccc;
	height: 22px;
	padding-top: 0px;
	background: url(images/boton.png);
	cursor: pointer;
	margin: 1px;
}
	button img {
		vertical-align: bottom;
	}
    button:hover {
        color: #555;
    }
    button[disabled] {
        cursor: default;
    }
        button[disabled]:hover {
            text-decoration: line-through;
        }
hr, div.hr {
    display: block;
    border: none;
	border-bottom: 1px dotted #999;
}
strong,b {
    font-weight: bold;
}
input,textarea {
    padding: 2px 0px 0px 2px;
    background: #ffffff url(images/textbgs.png) left top no-repeat;
    border: 1px solid #808080;
}
/* ESTILOS PARA EL EDITOR TINY MCE en panel */
body.mceContentBody {
	text-align: left;
	background: #fff;
	background-image: none;
	padding: 5px;
}
/* VENTANA POPUP (de momento solo imprimir pedido) */
body#ventana {
	padding: 10px;
	text-align: left;
	background: #fff;
}

/*	TEXTOS comunes */
.CABECERA_PARRAFO {
	font-size: 1.8em;
	color: #999;
}

.TEXTO_PARRAFO {
	font-size: 1em;
	/*margin-left: 20px;*/
	margin-bottom: 20px;
	text-align: justify;
    line-height: 1.4em;
}

/* este elemento se posicionará correctamente despues de elementos flotantes; asi una caja contenedora los abarcará correctamente */
.floatbreaker { display: block; clear: both }

/* elimina estilos para radiobuttons y checkboxes - de todos modos se le debe asignar la clase RADIO_CHECKBOX a un input
    tipo radio o checkbox, porque IE6 no pilla lo de input[type=...] */
input.RADIO_CHECKBOX, input[type=radio], input[type=checkbox] {
	border: none !important;
	background: none !important;
    width: auto !important;
    vertical-align: middle;
}

/*
 * A elementos con clase="foco" se les asignará la siguiente clase al recibir el foco del cursor
 */
input.enfocado, textarea.enfocado, input:focus, textarea:focus {
    /*background: #FFFFC0 url(images/textbg_foco.png) !important;*/
    background-position: 0px -380px !important;
}

.font_size_small {
    font-size: 11px;
}
.font_size_normal {
    /* deberai de ser igual que el body */
    font-size: 14px;
}
.font_size_large {
    font-size: 18px;
}


/*	=DISTRIBUCION
	distribucion/layout general */
.MARCO {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	margin-top: 5px;
	background-color: #FFFFFF;
}

.MARCO_pie {
    margin-left: auto;
    margin-right: auto;
    width: 980px;
    margin-bottom: 15px;
}

/*	=CABECERA */

.CABECERA2 {
	width: 100%;
	margin-top: 14px;
	padding-bottom: 15px;
}
    .CABECERA2 .LOGOTIPO {
	    height: 100px;
	    background: #ffffff url('images/fondo_cabecera.jpg') left top repeat-x;
	    text-align: left;
	    padding-left: 24px;
	    margin-top: 0px;
    }
        .CABECERA2 .LOGOTIPO .logo {
	        float: left;
	        padding-top: 10px;
        }
    /*.CABECERA2 .logotipo {
        text-align: left;
        float: left;
        padding-bottom: 20px;
        padding-top: 10px;
        padding-left: 10px;
    }*/
        /* contiene enlaces rapidos como "enviar a amigo", los botones de los idiomas, y el fomrulario de búsqueda */
        .CABECERA2 .HERRAMIENTAS {
            width: 400px;
            float: right;
            clear: right;
            padding-top: 10px;
            text-align: right;
            padding-right: 10px;
            font-size: 0.8em;
        }
            .CABECERA2 .HERRAMIENTAS a {
            }
                .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img {
                    border: 1px solid transparent;
                }
                .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON img.activo, .CABECERA2 .HERRAMIENTAS a.IDIOMA_BOTON:hover img {
                    border-color: #666;
                }
        .CABECERA2 .HERRAMIENTAS .fecha_idiomas {
            display: inline;
            border-bottom: 1px solid #000;
            padding-left: 4px;
            padding-bottom: 4px;
        }
        .CABECERA2 .HERRAMIENTAS .acciones {
            margin-top: 6px;
            color: #000;
        }
            .CABECERA2 .HERRAMIENTAS .acciones a {
                color: #000;
                text-transform: uppercase;
                text-decoration: none;
            }
                .CABECERA2 .HERRAMIENTAS .acciones a:hover {
                    text-decoration: underline;
                }
                .CABECERA2 .HERRAMIENTAS .acciones img {
                    vertical-align: text-top;
                }
        #fecha_hoy {
            color: #000;
            padding-right: 5px;
            line-height: 20px
        }
        .CABECERA2 .BUSCADOR {
            width: 300px;
            height: 30px;
            background-image: url(images/buscar_fondo.png);
            background-repeat: no-repeat;
            background-position: 5px 8px;
            float: right;
            clear: right;
            padding-top: 10px;
            text-align: center;
            padding-right: 14px;
        }
            .CABECERA2 .BUSCADOR div {
                text-align: right;
            }
                .CABECERA2 .BUSCADOR div img {
                    vertical-align: top;
                    /*padding-top: 2px;*/
                }
            .CABECERA2 .BUSCADOR button, .CABECERA2 .BUSCADOR input {
            }
            .CABECERA2 .BUSCADOR button {
                width: 100px;
                height: 18px;
            }
            .CABECERA2 .BUSCADOR input {
                width: 180px;
                margin-top: 4px;
                height: 16px;
            }


        /* pestañas, o enlaces a secciones con órden mayor que 0 */
        /* la celda que alberga el enlace */
        .CABECERA2 .PESTANAS {
            width: 970px;
            height: 25px;
            background-image: url(images/tabs_centro.png);
            background-position: 0px -25px;
            text-align: left;
            color: #fff;
            padding: 0px 5px;
        }
            .CABECERA2 .PESTANAS .PESTANA {
                line-height: 25px;
                font-size: 1.2em;
                color: #A9C8Df;
                text-align: center;
            }
            .CABECERA2 .PESTANAS a.PESTANA {
                padding: 0 5px;
                font-family: Arial,Helvetica,sans-serif;
                font-weight: bold;
                text-decoration: none;
                text-transform: uppercase;
            }
                .CABECERA2 .PESTANAS a.PESTANA:hover,.CABECERA2 .PESTANAS a.PESTANA.activa {
                    color: #fff;
                }
            .CABECERA2 .PESTANAS span.PESTANA {
            }
/* desplegable ENVIARAMIGO */
#enviaramigo {
    margin: 5px 0;
    padding: 5px 15px;
    text-align: left;
    border: 1px solid #999;
    background-color: #EDF5FC;
    min-height: 68px;
}
    #enviaramigo input {
        width: 180px;
    }
    #enviaramigo .amigo_left {
        width: 200px;
        display: block;
        float: left;
    }
    #enviaramigo .amigo_middle {
        width: 220px;
        display: block;
        float: left;
    }
    #enviaramigo .amigo_right {
        width: 200px;
        display: block;
        float: left;
        height: 66px;
        line-height: 80px;
        text-align: center;
    }
    #enviaramigo button {
        line-height: normal;
    }
    #enviaramigo label {
        display: block;
    }
    #enviaramigo #enviaramigoRespuesta {
        height: 100%;
        text-align: center;
        line-height: 50px;
        background-position: center;
        background-repeat: no-repeat;
    }
/*	=CUERPO
	tanto el panel lateral como "contenido" estan dentro de ESTA tabla: */
.CUERPO {
	width: 100%;
}
/*	=PANEL
	panel lateral */

.TODO {
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	text-align:center;
	padding-top: 5px;
}

.PANEL {
    width: 175px;
	vertical-align: top;
}
    /* este div rodea el panel lateral, y evita su desbordamiento */
    .PANEL .helper {
        width: 175px;
        overflow: hidden;
    }
    .PANEL .capsula {
        text-align: left;
    }
        .PANEL .capsula .caja {
            border: 1px solid #bbb;
        }
		.PANEL .capsula .titulo {
			padding: 2px;
			font-weight: bold;
			font-size: 1.5em;
            padding-left: 10px;
            padding-top: 3px;
            background: #fff url(images/capsula_fondo.png) center top repeat-x;
		}
            .PANEL .capsula .titulo img {
                vertical-align: top;
                padding-top: 2px;
            }
		.PANEL .capsula .contenido {
			padding-left: 5px;
		}
        .PANEL .capsula ul {
            list-style-image: none;
            margin-left: 0px;
            padding-left: 0px;
        }
            .PANEL .capsula ul li, .PANEL .capsula div ul li.raiz {
                padding-left: 10px;
                background-image: url('images/iconos/lista_raiz.png');
                background-position: left 6px;
                background-repeat: no-repeat;
            }
                .PANEL .capsula ul li li, .PANEL .capsula ul.aspas li{
                    padding-left: 12px;
                    background-image: url('images/iconos/lista_aspa.png');
                    background-position: left 4px;
                }

/*	=CONTENIDO	*/
.CONTENIDO {
	text-align: left;
	vertical-align: top;
    width: 670px;
    margin-right: 10px;
    overflow: hidden;
    float: left;
}
	.CONTENIDO .ruta {
		margin-left: 0px;
        font-size: 0.8em;
		margin-bottom: 20px;
		padding: 2px;
		color: #75B4FF;
		font-weight: bold;
	}
		.CONTENIDO .ruta img {
            /* posicion de las flechas de la ruta */
			margin-bottom: 2px;
		}
	.CONTENIDO .contenido_real {
		padding: 0px 0px 20px 0px;
	}
.BANNERS {
    width: 300px;
    /*padding-left: 10px;
    float: right;*/
    overflow: hidden;
}
/*	=GALERIA	*/

.GALERIA {
    margin-bottom: 20px;
}
    .GALERIA .THUMBNAIL_CONTAINER {
        width: 100%;
        padding: 0px 5px 5px 5px;
    }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL {
            text-align: center;
            vertical-align: top;
            border: none;
        }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a {
            margin: 10px auto;
            display: block;
            width: 100px;
            padding: 5px;
            cursor: pointer;
        }
        .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a:hover {
            border: 1px solid #aaa;
            padding: 4px;
        }
            .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO {
                display: block;
                width: 100px;
                height: 100px;
                line-height: 100px;
                text-align: center;
                vertical-align: middle;
            }
                .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span.FOTO img {
                    vertical-align: middle;
                }
            .GALERIA .THUMBNAIL_CONTAINER .THUMBNAIL a span {
                display: block;
                font-weight: bold;
                padding-bottom: 5px;
            }

/* los enlaces a los feeds */
.RSS {
	width: 100%;
}
	.RSS .celda {
		background: transparent;
		border: none;
		padding: 10px;
	}
	.RSS .celda .ENLACE {
		width: 100%;
		height: 100%;
		margin: 1px;
	}
		.RSS .celda .ENLACE .icono{
			margin: 1px;
			padding: 10px;
		}


/*	=MENSAJES
	mensajes de error, informacion o dialogo (aceptar/cancelar) */
.MENSAJE {
	width: 100%;
}
	.MENSAJE .icono {
		vertical-align: top;
		text-align: center;
        float: left;
		padding: 20px;
	}
	.MENSAJE .desc {
        padding: 20px;
        padding-left: 80px;
		text-align: left;
		font-size: 1.4em;
	}
	.MENSAJE .botones {
		padding-left: 100px;
	}
    .MENSAJE .formulario {
    }
        .MENSAJE .formulario label{
            font-size: 1.1em;
            margin-right: 10px;
        }
        .MENSAJE .formulario input {
            margin: 5px 0;
            width: 200px;
        }


/*	=CONTACTO	*/
.CONTACTO {
	width: 100%;
	padding: 40px;
}
	.CONTACTO table.contacto_tabla {
		width: 90%;
	}
    /* mensaje de error */
	.CONTACTO .mensaje {
		border: 1px solid #808080;
		background: #ffffff;
		padding: 10px;
		width: 80%;
		margin-bottom: 20px;
	}
    /* mensaje de informacion sobre envio correcto */
	.CONTACTO .info {
		text-align: left;
	}
    /* etiqueta de campo */
	.CONTACTO .etiqueta {
		width: 50px;
		text-align: right;
		padding-right: 10px;
		cursor: pointer;
	}
		.CONTACTO .etiqueta label{
			cursor: pointer;
		}
    /* campo de entrada */
	.CONTACTO .entrada {
		text-align: left;
		padding: 5px;
	}
    /* para seleccion de metodo de contacto preferido */
	.CONTACTO .radio {
		text-align: left;
	}
		.CONTACTO .radio .etiqueta{
			text-align: left;
			width: 99%;
			margin-bottom: 5px;
		}
		.CONTACTO .radio .entrada {
			width: 1%;
		}
		.CONTACTO .radio .entrada input {
			margin: 2px 5px;
			cursor: pointer;
		}
    /* textarea */
	.CONTACTO .entrada_texto {
		text-align: left;
		padding: 5px;
	}
		.CONTACTO .entrada_texto textarea {
			padding: 2px 0px 0px 2px;
			background: #ffffff url(images/textbg.png);
			border: 1px solid #808080;
		}
	.CONTACTO .captcha div {
		border: 1px solid #808080;
		background: #ffffff;
		padding: 5px;
		margin-bottom: 5px;
	}
	.CONTACTO .captcha_boton button {
		margin: 2px 5px 5px 5px;

	}
	.CONTACTO .enviar {
		margin-left: 20px;
	}
/*	=PAGINACION
	de productos de tienda, fichas de inmobiliaria, habitaciones de hotel u otros */
.PAGINACION {
	font-size: 0.9em;
    font-weight: bold;
	height: 23px;
	margin: 10px 0px;
}
	.PAGINACION .activo, .PAGINACION .etiqueta, .PAGINACION .pagina {
		display: block;
		float: left;
		height: 15px;
		border: 1px solid #0db3ea;
		background: #fff;
		padding: 3px;
		margin: 4px;
        color: #000;
	}
    .PAGINACION .etiqueta {
        width: auto;
        cursor: default;
    }
    .PAGINACION .pagina {
        cursor: pointer;
    }
    .PAGINACION .activo {
        cursor: default;
        background-color: #ddd;
    }
	.PAGINACION .activo, .PAGINACION .pagina {
		width: 15px;
		text-align: center;
		vertical-align: middle;
	}
	.PAGINACION .pagina:hover {
		background: #ddd;
		color: #000;
		width: 21px;
		height: 21px;
		margin: 1px;
		font-size: 1.3em;
	}

/* =BUSQUEDA */
.RESULTADOS {
}
	.RESULTADOS .foto {
		height: 50px;
		width: 50px;
		margin: 10px;
		margin-top: 1px;
		border: 1px solid #bbb;
		float: left;
		background-repeat: no-repeat;
		background-position: center;
	}
	.RESULTADOS .descripcion {
		height: 80px;
		padding-top: 5px;
	}
	.RESULTADOS .destacado {
		background: #FFFF80;
		color: #000;
		font-weight: bold;
	}

/* =ACCESO - login y registro */
.ACCESO {
	width: 100%;
}
    /* bloque registrarse/identificarse */
	.ACCESO td.half {
		width: 45%;
		padding-left: 10px;
		vertical-align: top;
	}
	.ACCESO td.separador_bloques {
		width: 10px;
		border-right: 1px solid #666;
	}
	.ACCESO div.titulo {
		font-size: 1.5em;
	}
        /* login / registro */
		.ACCESO .LOGIN {
			width: 100%;
            height: 100%;
		}
            .ACCESO .formCell {
                vertical-align: bottom;
            }
			.ACCESO .LOGIN td {
				vertical-align: bottom;
			}

				.ACCESO .LOGIN td input, .ACCESO .LOGIN td select, .ACCESO .LOGIN td textarea {
					margin: 5px;
					width: 150px;
				}
			.ACCESO .LOGIN .boton {
				text-align: right;
                vertical-align: bottom;
			}
			.ACCESO .LOGIN thead {
				min-height: 10px;
			}
			.ACCESO .LOGIN .select_load {
				display: block;
				background-repeat: no-repeat;
				background-position: center;
				background-image: url(images/flechas_animadas.gif);
				height: 30px;
				width: 150px;
			}
			.ACCESO .LOGIN .etiqueta {
				text-align: right;
				font-size: 1.2em;
				padding-top: 5px;
				width: 180px;
                vertical-align: top;
			}
            /* planta y puerta: estan en la misma linea */
			.ACCESO .LOGIN .entrada_especial {
				text-align: left;
				font-size: 1.2em;
				width: 180px;
			}
            /* linea horizontal que clasifica los campos del formulario */
			.ACCESO .LOGIN .sep {
				height: 3px;
				border-top: 1px solid #aaa;
			}
			.ACCESO .LOGIN .error_msg {
				display: block;
				color: #c00;
				font-weight: bold;
				border: 1px dotted #c00;
				padding: 2px;
                padding-left: 22px;
                background: #fff url(images/iconos_cabecera/up_error.png) 2px 2px no-repeat;
			}
			.ACCESO .LOGIN label {
				font-size: 1.2em;
				cursor: pointer;
			}
			.ACCESO .LOGIN .esconder {
			}
			.ACCESO .LOGIN .checkbox {
				border: none;
				width: auto;
			}
			.ACCESO .LOGIN #mas_datos {
				line-height: 20px;
				padding-left: 5px;
				cursor: pointer;
				font-size: 1.2em;
				font-weight: bold;
			}
			.ACCESO .LOGIN #mas_datos:hover {
				text-decoration: underline;
			}
			.ACCESO .LOGIN #mas_datos #mas_datos_signo{
				font-size: 1.2em;
			}
    /* enlace a recuperar contraseña */
	.ACCESO .RECUPERAR div {
		margin: 10px;
	}
	.ACCESO .RECUPERAR button {
		margin-left: 30px;
	}


/* menú del panel de usuario (perfil, pedidos y cesta) */
.PANEL_USUARIO li {
	font-size: 2em;
    padding-bottom: 10px;
}


.sitemap {
    list-style: disc;
    font-size: 1.25em;
}
    .sitemap ul {
        font-size: 0.75em;
        list-style: circle;
        font-weight: bold;
    }
        .sitemap ul ul { /* subsub */
            font-size: 1em;
        }


/* puzzle/banners de portada */
.PUZZLE {
    position: relative;
    margin-bottom: 20px;
    margin-top: 4px;
}

    .PUZZLE .DIV {
        position: absolute;
        text-align: center;
    }
        .PUZZLE .DIV img {
            vertical-align: middle;
        }

/* Salida debug */
.LOGGER {
    text-align: left;
    background-color: #000;
    color: #C0FFC0;
}
    .LOGGER .linea{
        text-align: left;
        font-family: monospace;
    }
    .LOGGER td, .LOGGER th {
        vertical-align: top;
        border-top: 1px dotted #00cc00;
    }
    .LOGGER a {
        color: #fff;
    }


.FAQ {
}
    .FAQ ul {
        list-style-image: url(images/faq_li.png);
        font-size: 1.5em;
        font-weight: bold;
    }
        .FAQ ul li {
            padding-bottom: 2px;
        }

/*
 *
 *
 *      PUBLICACION a partir de aqui
 *
 *
 */



.PORTADA {
    width: 670px;
}
    .PORTADA .CABECERA {
        margin-bottom: 4px;
    }
    .PORTADA .COLUMNAS {
    }
        .PORTADA .COLUMNAS {
        }
        .PORTADA .COLUMNAS .COLUMNA_IZQUIERDA {
            width: 420px;
            padding-right: 10px;
            border-right: 1px solid #DDE1E5;
            float: left;
            overflow: hidden;
        }
        .PORTADA .COLUMNAS .COLUMNA_DERECHA {
            width: 230px;
            padding-left: 5px;
            float: right;
            overflow: hidden;
        }
.ENTRADA {
    border-bottom: 1px solid #DDE1E5;
    margin-bottom: 15px;
}
    .ENTRADA.sombreado {
        background-color: #d7f4fe;
    }
        /* si no tiene sombra, esta pegado al border pero no se nota porque
           todo es blanco. pero si tiene hay que separarlo */
        .ENTRADA.sombreado h4 {
            padding: 2px 4px 0 6px;
        }
        .ENTRADA.sombreado h1, .ENTRADA.sombreado p {
            padding: 0 4px;
        }
    /* si es foto del dia, tendrá pie de foto y el borde no queda bien */
    .ENTRADA.fotodeldia {
        border-bottom: none;
    }
    /* titulo / autor / otros */
    .ENTRADA h1, .ENTRADA h2, .ENTRADA h3 {
	    font-size: 1.8em;
	    font-weight: bold;
	    font-family: Arial,Helvetica,"Trebuchet MS",sand-serif;
    }
    .ENTRADA h2 {
        font-size: 1.5em;
    }
    .ENTRADA h3 {
        font-size: 1.1em;
    }
    /* el enlace dentro del titulo */
    .ENTRADA h1 a{
        padding-bottom: 4px;
    }
        /* varios */
        .ENTRADA h1 a, .ENTRADA h2 a, .ENTRADA h3 a {
            color: #000000;
        }
        .ENTRADA h1 a:hover, .ENTRADA h2 a:hover, .ENTRADA h3 a:hover {
            color: #bbbbbb;
        }
	/* titulo */
    .ENTRADA h1 {
	    font-size: 1.2em;
	    font-weight: bold;
	    font-family: Arial,Helvetica,"Trebuchet MS",sand-serif;
    }
        /* el enlace dentro del titulo */
	    .ENTRADA h1 a{
	        color: #0db3ea;
	        padding-bottom: 4px;
        }
	    .ENTRADA h1 a:hover{
	        color: #000000;
        }
    /* fixme: se usa esto? */
    .ENTRADA small {
        float: left;
        clear: left;
    }
    /* fecha */
    .ENTRADA h4 {
        text-transform: uppercase;
        color: #000000;
        /*font-weight: bold;*/
    }
    /* antetitulo */
    .ENTRADA h3 {
        text-transform: uppercase;
        color: #4089a1;
        font-weight: normal;
        font-size: 0.8em;
        margin-top: 5px;
    }
    /* entradilla / cuerpo recortado */
    .ENTRADA p {
        text-align: justify;
		font-size: 0.9em;
		padding-top: 2px;
    }
    /* imagen de la noticia */
    .ENTRADA.noticia img {
        float: left;
        clear: right;
        margin: 4px 4px 2px 0;
    }
    /* pie de imagen de fotodeldia */
    .ENTRADA.fotodeldia a.fotoConPie {
        display: block;
        position: relative;
        margin: 4px 0 0 0;
        min-height: 14px;
    }
.SECCION_COLUMNA_IZQ {
    width: 325px;
    float: left;
}
.SECCION_COLUMNA_DER {
    width: 325px;
    float: left;
    margin-left: 15px;
}


.CATEGORIAS {
    width: 100%;
    min-height: 24px;
    text-align: left;
    font-family: Georgia,Times,"Times New Roman",serif;
}
    .CATEGORIAS .PADRES {
        min-height: 24px;
        background-color: #abeaff;
        border-bottom: 1px solid #fff;
    }
        .CATEGORIAS .PADRES a {
            display: block;
            float: left;
            height: 24px;
            line-height: 24px;
            padding: 0 8px;
            border-right: 1px solid #fff;
            border-bottom: 1px solid #fff;
            font-size: 1.1em;
            color: #000;
            margin-bottom: -1px;
        }
        .CATEGORIAS .PADRES a.PADRE_ACTIVO {
            background-color: #0db3ea;
            border-bottom-color: #0db3ea;
        }
/*            .CATEGORIAS .PADRES a span {
                color: #fff;
            }*/
        .CATEGORIAS .PADRES a:hover {
            background-color: #0db3ea;
        }
    .CATEGORIAS .HIJOS_CONT {
    }
    .CATEGORIAS .HIJOS {
        min-height: 24px;
        background-color: #0db3ea;
    }
        .CATEGORIAS .HIJOS a {
            line-height: 24px;
            padding: 0 8px;
            border-right: 1px solid #fff;
            color: #fff;
            font-size: 1em;
        }
        .CATEGORIAS .HIJOS a:hover {
            text-decoration: underline;
        }
            .CATEGORIAS .HIJOS a.SUB_ACTIVO {
                text-decoration: underline;
            }



/*    =NOTICIAS    */
.NOTICIAS {
    margin-bottom: 20px;
}
    .NOTICIAS table {
        width: 100%;
    }
    .NOTICIAS .titulo {
        font-size: 1.8em;
    }
    .NOTICIAS .desc {
        text-align: justify;
        padding-right: 10px;
    }
    .NOTICIAS .fecha {
        display: block;
        font-weight: bold;
        color: #808080;
        padding-right: 10px;
    }
    .NOTICIAS .foto {
        vertical-align: middle;
        text-align: center;
        width: 120px;
    }
.NOTICIA {
   margin-right: 7px;

}
    .NOTICIA h1 {
        font-size: 2em;
        font-weight: bold;
        font-family: Arial,Helvetica,"Trebuchet MS",sans-serif;
        color: #0db3ea;
    }


    .NOTICIA .TEXTO_PARRAFO {
        text-align: justify;
        margin-bottom: 20px;
        padding-top: 10px;
    }
        .NOTICIA .TEXTO_PARRAFO .entradilla {
            font-weight: bold;
        }
    .NOTICIA .fecha {
        text-align: left;
	     font-size: 1.0em;
        font-weight: normal;
        color: #000000;
    }
    .NOTICIA .firma {
        margin-top: -10px;
        font-weight: bold;
        font-size: 0.9em;
    }
    .NOTICIA .antetitulo {
        text-align: left;
        font-weight: bold;
        color: #4089A1;
        margin-top: 8px;
        font-size: 0.9em;
        text-transform: uppercase;
    }
.NOTICIA .GALERIA {
    margin-bottom: 20px;
}
    .NOTICIA .GALERIA a {
        display: block;
        width: 160px;
        height: 120px;
        float: left;
        background-color: #EDF5FC;
        margin-right: 6px;
        margin-bottom: 6px;
    }
    .NOTICIA .GALERIA a.ultimo {
        margin-right: 0;
        clear: right;
    }
        .NOTICIA .GALERIA a span {
            display: table-cell;
            width: 160px;
            height: 120px;
            vertical-align: middle;
            text-align: center;
        }

/* ESTOS ESTILOS DEBEN ESTAR EN iframe.css DEL PANEL */

.RichTextAlignLeft, .RichTextAlignRight, .RichTextAlignCenter {
    display: block;
    margin: 5px;
    margin-top: 4px;
}
.RichTextAlignLeft {
    float: left;
    clear: left;
    margin-left: 0;
}
.RichTextAlignRight {
    float: right;
    clear: right;
    margin-right: 0;
}
.RichTextAlignCenter {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
.flashbox {
    width: 425px;
    height: 344px;
    margin: 4px 4px 2px 0;
    float: left;
    background: #fff url(images/icons/multimedia.png) center center no-repeat;
}
.ImagenInsertada {
    position: relative;
    overflow: hidden;
}
.pieDeFoto {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
    color: #fff;
    background-color: #000000;
    position: absolute;
    text-align: left;
    /*line-height: 20px;*/
    font-size: 0.8em;
}
    .pieDeFoto cite {
        display: block;
        margin: 2px 5px;
    }

.FORM_COMENTARIO {
    margin-bottom: 20px;
}
    .FORM_COMENTARIO label, .FORM_COMENTARIO legend {
        display: block;
    }
    .FORM_COMENTARIO button {
        display: block;
        margin-left: auto;
        margin-top: 5px;
    }
    .FORM_COMENTARIO textarea {
	width: 300px;
    }

.COMENTARIOS {
/* 	border-bottom: 1px dotted #CCC;   */
}
    .COMENTARIOS .antenombre {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: normal;
	color: #000;
	margin-bottom: 3px;
    }

	.COMENTARIOS .nombre {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #062E5E;
	margin-bottom: 3px;
    }

    .COMENTARIOS .cfecha {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #0DB3EA;
	margin-bottom: 7px;
    }
    .COMENTARIOS .comentario {
	font-size: 1.1em;
	padding: 7px;
	margin-bottom: 15px;
	border: 1px dotted #CCC;
	background-color: #F8F8F8;
    }
    .COMENTARIOS .etiqueta {
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.8em;
	font-weight: bold;
	color: #CC7A00;
	}

    .COMENTARIOS q:before, .COMENTARIOS q:after {
        content: "";
    }

    .COMENTARIOS q {
	font-family: Tahoma, Verdana, Arial;
	font-size: 1em;
	font-weight: normal;
	color: #666666;
    }

.ACCIONES_ICONOS {
	margin-top: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
	border-top: 1px solid #CCC;
    font-size: 0.8em;
}
    .ACCIONES_ICONOS img {
        vertical-align: bottom;
    }


.ICONOS_1 {
	width: 170px;
    float: right;
	text-align: right;
}
    .ICONOS_1 a {
        display: block;
        float: right;
        width: 16px;
        height: 16px;
        margin-left: 4px;
        background-image: url(images/iconos/news/acciones_noticia.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
    }
    .ICONOS_1 a#accion_enviaramigo {
        background-position: 0px 0px;
    }
    .ICONOS_1 a#accion_imprimir {
        background-position: -16px 0px;
    }
    .ICONOS_1 a#accion_comentar {
        background-position: -32px 0px;
    }
    .ICONOS_1 a#accion_zoomin {
        background-position: -48px 0px;
    }
    .ICONOS_1 a#accion_zoomout {
        background-position: -64px 0px;
    }
    .ICONOS_1 a#accion_anterior {
        background-position: -80px 0px;
    }
    .ICONOS_1 a#accion_siguiente {
        background-position: -96px 0px;
    }

.ICONOS_1 img{
    padding-left: 4px;
}

.CONTENIDO_SOCIALentero {
	border-top: 1px solid #CCC;
	padding: 5px;
    padding-top: 15px;
    margin-bottom: 25px;
}

.CAJA_SOCIAL {
    float: right;
	width: 300px;
}

.CAJA_COMENT {
    float: left;
	width: 310px;
	padding: 5px;
	background-color: #EDF5FC;
}

.ACCIONES_SOCIAL {
	margin-bottom: 10px;
	padding-right: 5px;
    font-size: 0.8em;
}

.ACCIONES_SOCIAL a{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin: 5px 15px;
    background-image: url(images/iconos/news/social/todos.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
.ACCIONES_SOCIAL img{
    padding: 5px 0;
}

.textosRSS {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top:10px;
	font-size: 0.8em;
	padding-bottom:10px;
}

    .textosRSS img{
        padding: 0px 1px 0px 6px;
    }

    .textosRSS a{
	    color: #585858;
    }

    .textosRSS a:hover{
	    color: #000000;
    }

.PERMALINK {
    border-bottom: 1px solid #CCC;
    padding:10px 0 10px 6px;
    font-size: 0.8em;
    color: #585858;
}
/* PARA LA CAJA DE COMENTARIOS */

.titularCAJACOMENT {
	font-size: 1.7em;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-weight: bold;
	color: #0DB3EA;
	padding: 0px 0px 10px 3px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
	text-align: center;
	}

	.titularCAJACOMENT2 {
	font-size: 1.7em;
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-weight: bold;
	color: #0DB3EA;
	padding: 10px;
	border: 1px solid #CCC;
	margin-bottom: 25px;
	margin-top: 5px;
	text-align: center;
	}

		.titularCAJACOMENT2 img{
	vertical-align: text-bottom;
}

.TXT_FORM_coment {
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #000;
	padding-bottom: 10px;
	}

	.FONDO_COMENTARIOS {
	padding: 5px;
	background-color: #CCCCCC;
	}


	.caja_AVATAR {
	width: 105px;
	float: left;
	}

	.CUERPO_NOMBRES {
	width: 550px;
	float: right;
	}

/* FIN DE PARA LA CAJA DE COMENTARIOS */

.comenteMINI {
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #0DB3EA;
	text-align: left;
	padding: 2px;
	}
	.comenteMINI a{
	font-size: 1em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #0DB3EA;
	text-align: left;
	padding: 2px;
	}
	.comenteMINI a:hover{
	font-size: 1em;
	color: #000;
	}

.comenteMINI img{
	vertical-align: middle;
	}


	/*	=PIE
	footer */
.PIE {
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 5px 5px 5px 5px;
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #333333;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #DDE1E5;
}
	.PIE table {
		width: 970px;
	}
	.PIE img {
		vertical-align: bottom;
			text-align: right;
			padding-right: 10px;
	}



.GALERIAS_PORTADA {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	background: #F5F5F3;
	font-size: 0.8em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding: 5px;
}

.GALERIAS_PORTADA .TITULO {
    display: block;
	font-size: 1.1em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	margin-bottom: 5px;
	background-color:#0db3ea;
	padding: 5px;
	margin-left: 0px;
}

 .GALERIAS_PORTADA a.CAJAS {
    display: block;
	width: 100px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #DDE1E5;
	float: left;
	margin: 4px;
    padding: 5px;
	}
     .GALERIAS_PORTADA .CAJAS .marco {
        display: block;
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 99px;
        margin: 0 auto;
        background-color: #eee;
     }


	/*
	border:1px solid #D4D4D4;
color:#FFFFFF;
float:left;
font-family:Tahoma,Arial,Helvetica;
font-size:11px;
height:130px;
margin-left:5px;
padding:5px 4px 0;
width:auto;

	*/


	/* MENU DE LA PÃ?GINA EN PARTE SUPERIOR */

	.MENU_PAGINA {
	width: 970px;
	background-color: #000000;
	margin-left:auto;
	margin-right:auto;
	padding: 3px 5px 3px 5px;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	margin-bottom: 15px;
}

	.MENU_PAGINA a{
	font-family: Tahoma, Verdana, Arial;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
    text-transform: uppercase;
}

	.MENU_PAGINA a:hover{
	text-decoration:underline;
	color: #ffffff;

}



	/* SECCIONES Y TITULARES LISTADAS AL PIE */

	.titulares_ALPIE_IZQ {
	width: 470px;
	float:left;
	padding: 3px 5px 3px 5px;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #062E5E;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #D4D4D4;
}


	.titulares_ALPIE_IZQ a{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 1em;
	font-weight: normal;
	color: #585858;
}

	.titulares_ALPIE_IZQ a:hover{
	text-decoration:underline;
	color: #585858;

}


	.titulares_ALPIE_DER {
	width: 470px;
	float: right;
	padding: 3px 5px 3px 5px;
	font-size: 0.9em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #062E5E;
	text-align: left;
	margin-bottom: 15px;
	border-bottom: 1px solid #D4D4D4;
}

	.titulares_ALPIE_DER a{
	font-family: Arial, Helvetica, sans-serif, Tahoma;
	font-size: 1em;
	font-weight: normal;
	color: #585858;
}

	.titulares_ALPIE_DER a:hover{
	text-decoration:underline;
	color: #585858;

}

	/* FIRMA FOLIOSERVER POWERED BY FOLIOEPRESS */

.cajaPIE_IMPRENTA {
	width: 970px;
	border:1px solid #D4D4D4;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 15px;
	background: #F5F5F3;
	font-size: 0.6em;
	font-family: Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #062E5E;
	text-align: left;
	padding: 5px;
}

.PUNTUACION {
}
    .PUNTUACION #estrellas {
        float: left;
        width: 80px;
        height: 16px;
        background-image: url(images/iconos/news/estrellas.png);
        background-position: 0px 0px;
        background-repeat: no-repeat;
        text-align: center;
        font-size: 0.8em;
        color: #fff;
        cursor: pointer;
    }
    .PUNTUACION #votarInfo {
        display: block;
        float: left;
        width: 200px;
        padding: 2px 0 0 5px;
    }



.TITULARES {
}
    .TITULARES .columna_izq, .TITULARES .columna_der {
        width: 470px;
        margin-bottom: 5px;
    }
    .TITULARES .columna_izq {
        float: left;
    }
    .TITULARES .columna_der {
        float: right;
    }
    .TITULARES .grupo {
        border-bottom: 1px solid #eee;
        text-align: left;
        margin-bottom:15px;
        padding:3px 5px;
        font-family:Tahoma,Verdana,Arial;
        font-weight:bold;
        font-size:0.9em;
    }
        .TITULARES .grupo a.seccion {
            font-weight: bold;
            color: #0db3ea;
        }
        .TITULARES .grupo a.seccion:hover {
            text-decoration: underline;
        }
        .TITULARES .grupo ul {
            display: inline;
            padding-left: 0;
        }
            .TITULARES .grupo ul li {
                display: inline;
                font-family:Arial,Helvetica,sans-serif,Tahoma;
                font-size:1em;
                font-weight:normal;
            }
                .TITULARES .grupo ul li span.punto {
                    font-size: 1.2em;
                    font-weight: bold;
                }
                .TITULARES .grupo ul li a {
                    color:#585858;
                }
                .TITULARES .grupo ul li a:hover {
                    text-decoration:underline;
                }


.GALERIA_ACTUALIDAD {
    border: 1px solid #ddd;
    background-color: #eee;
}
    .GALERIA_ACTUALIDAD h1 {
        padding: 5px 15px;
    }
    .GALERIA_ACTUALIDAD #imagen_galeria {
        width: 662px;
        height: 500px;
        line-height: 499px;
        text-align: center;
        margin: 2px auto;
    }
        .GALERIA_ACTUALIDAD #imagen_galeria span {
            line-height: normal;
            position: relative;
            display: inline-block;
        }
            .GALERIA_ACTUALIDAD #imagen_galeria span cite {
            }
    .GALERIA_ACTUALIDAD #marco {
        width: 663px;
        height: 100px;
        position: relative;
        margin: 2px auto 10px auto;
        border: 1px solid #ddd;
    }
        .GALERIA_ACTUALIDAD #marco .boton {
            width: 16px;
            height: 100px;
            line-height: 99px;
            z-index: 1;
            background-color: #ddd;
            position: absolute;
            text-align: center;
        }
        .GALERIA_ACTUALIDAD #marco .boton.der {
            right: 0px;
        }
    .GALERIA_ACTUALIDAD #ventana {
        width: 631px;
        height: 100px;
        position: relative;
        overflow-x: scroll;
        overflow-y: hidden;
        padding: 0 16px;
    }

        .GALERIA_ACTUALIDAD #ventana #pelicula {
            position: absolute;
            height: 100px;
            line-height: 99px;
        }
            .GALERIA_ACTUALIDAD #ventana #pelicula a {
                display: block;
                width: 100px;
                height: 100px;
                text-align: center;
                float: left;
                margin: 0 2px;
            }
        .GALERIA_ACTUALIDAD #galeria_simple {
            text-align: center;
        }
            .GALERIA_ACTUALIDAD #galeria_simple a {
                line-height: 99px;
                margin: 0 2px;
            }
    .GALERIA_ACTUALIDAD .TEXTO_PARRAFO {
        padding: 0 10px;
    }

.ERROR_404 {
    padding: 20px;
}
    .ERROR_404 p {
        padding-left: 40px;
    }
    .ERROR_404 .num_404 {
        text-align: right;
        font-size: 15em;
        font-weight: bold;
        color: #ddd;
        font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    }

.LOMAS {
    width: 300px;
    overflow: hidden;
    text-align: left;
}
    .LOMAS .tabs {
        border-bottom: 1px solid #0db3ea;
    }
    .LOMAS .tabs a {
        display: block;
        float: left;
        border: 1px solid #0db3ea;
        border-bottom-color: #0db3ea;
        padding: 2px 10px 0 10px;
        background-color: #eee;
        color:#0db3ea;
        font-weight:bold;
        font-size:0.75em;
        line-height: 16px;
        margin-top: 2px;
        margin-left: -1px;
    }
    .LOMAS .tabs a.primera {
        border-left: 1px solid #0db3ea;
        margin-left: 0;
    }
    .LOMAS .tabs .activa, .LOMAS .tabs a:hover {
        background-color: #cbe9f3;
        line-height: 18px;
        margin-top: 0;
        background-color: #fff;
        border-bottom-color: #eee;
    }

    .LOMAS .cont {
        border: 1px solid #0db3ea;
        border-top: none;
        padding: 1px 0;
		background-color: #fff;
    }
        .LOMAS .cont ol {
            margin: 5px 10px;
            font-size: 0.75em;
        }
            .LOMAS .cont ol a {
                color: #000000;
                display: block;
                margin: 8px 0;
            }
            .LOMAS .cont ol a:hover {
                text-decoration: underline;
            }

.TTABLA {
    font-size:0.8em;
}
    .TTABLA .FILTRO {
        padding: 5px;
        background-color: #0db3ea;
        margin-bottom: 5px;
    }
        .TTABLA .FILTRO .parametros {
        }
            .TTABLA .FILTRO .parametros select, .TTABLA .FILTRO .parametros span, .TTABLA .FILTRO .parametros button {
            }
            .TTABLA .FILTRO .reiniciar {
                display: block;
                float: right;
            }
            .TTABLA .FILTRO .parametros fieldset {
            }
                .TTABLA .FILTRO .parametros fieldset select {
                    display: block;
                    float:left;
                    margin-top: 4px;
                    margin-right: 2px;
                    height: 20px;
                    border: 1px solid #808080;
                }
                .TTABLA .FILTRO .parametros fieldset .separadorFechas {
                    display: block;
                    float:left;
                    margin-top: 8px;
                    color: #fff;
                    padding: 0 1px;
                }
                .TTABLA .FILTRO .parametros fieldset input {
                }
            .TTABLA .FILTRO button {
                margin-top: 3px;
            }
    .TTABLA table {
        width: 100%;
    }
        .TTABLA table tr {
        }
        .TTABLA table td {
            padding: 2px;
            padding-right: 10px;
        }
            .TTABLA td.align_right {
                text-align: right;
            }
            .TTABLA table td a {
                display: block;
                padding: 4px 0 4px 4px;
                font-weight: bold;
            }
                .TTABLA table td a:hover {
                    text-decoration: underline;
                    color: #000;
                }
        .TTABLA table thead td, .TTABLA table thead th { /* th por si las moscas */
            background: #000;
        }
            .TTABLA table thead button {
                display: block;
                border: none;
                background: inherit;
                color: #fff;
                font: bold 1.2em Arial,Helvetica,Tahoma,Verdana,sans-serif;
                padding: 0;
                margin: 0;
            }
                .TTABLA table thead button:hover {
                    color: #ccc;
                }
                .TTABLA table thead button.activa {
                    text-decoration: underline;
                }
        .TTABLA table tbody {
        }
            .TTABLA table tbody tr {
            }
                .TTABLA table tbody tr.fila_normal {
                    background-color: #EDF5FC;
                    border: 1px solid #EDF5FC;
                }
                    .TTABLA table tbody tr.fila_normal:hover {
                        background-color: #d7f4fe;
                    }
                .TTABLA table tbody tr.fila_alt {
                    background-color: #eee;
                    border: 1px solid #eee;
                }
                    .TTABLA table tbody tr.fila_alt:hover {
                        background-color: #abeaff;
                    }

.SUSCRIPCION {
}
    .SUSCRIPCION .error {
        background-color: #FFC0C0;
        border: 1px dotted #c00;
        padding: 10px;
        text-align: center;
        margin: 20px 10px;
    }
    .SUSCRIPCION .mensaje {
        background-color: #EDF5FC;
        border: 1px dotted #95B5CC;
        padding: 10px;
        text-align: center;
        margin: 20px 10px;
    }

.BANNER_DESCRIPCION {
    color: #585858;
    background-color: #ccc;
    text-align: center;
    font-family:Arial,Helvetica,Tahoma,Verdana,sans-serif;
    font-size:14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.BANNER_PUBLICIDAD {
    color: #585858;
    background-color: #ccc;
    text-align: center;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:11px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.BANNER_SUSCRIPCION {
    border: 1px solid #999;
    padding-bottom: 5px;
}
    .BANNER_SUSCRIPCION .titulo {
        text-align: left;
        color:#CC7A00;
        display:block;
        font-size:0.75em;
        font-weight:bold;
        padding:2px 10px 0;
    }
    .BANNER_SUSCRIPCION input {
        width: 180px;
    }

.youtube_player {
    background: #fff url(images/iconos/video_loading.gif) center center no-repeat;
}
    .youtube_player dt, .youtube_player dd{
        display: none;
    }
/*.youtube_player_VIMEO {
    background-image: url(images/iconos/video_vimeo.png);
}
.youtube_player_GOOGLEVIDEO {
    background-image: url(images/iconos/video_googlevideo.png);
}*/

#AGENDA {
    width: 280px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 0 10px 10px 10px;
}
    #AGENDA .header {
        margin: 0 1px;
        background-color: #fff;
        padding: 5px;
        font-weight: bold;
        font-size: 1.2em;
    }
        #AGENDA .header a.prev, #AGENDA .header a.next {
            display: block;
            width: 14px;
            height: 14px;
            text-align: center;
            line-height: 12px;
            background-color: #fff;
            border: 1px solid #8ACBFF;
        }
        #AGENDA .header a.prev {
            float: left;
        }
        #AGENDA .header a.next {
            float: right;
        }
    #AGENDA .body {
    }
        #AGENDA .body table {
            width: 280px;
            margin: 0 auto;
            border-collapse: separate;
            border-spacing: 1px;
            overflow: hidden;
        }
            #AGENDA .body table td, #AGENDA .body table th {
                text-align: center;
                vertical-align: middle;
            }
            #AGENDA .body table th {
                font-weight: bold;
            }
                #AGENDA .body table th span {
                    background-color: #e0e0e0;
                    display: block;
                }
            #AGENDA .body table td {
                background-color: #d7f4fe;
            }
            #AGENDA .body table td.HasNews {
                font-weight: bold;
                background-color: #fff;
                color:#062E5E;
            }
                #AGENDA .body table td a, #AGENDA .body table td span {
                    display: block;
                    width: 38px;
                    height: 24px;
                    line-height: 24px;
                }
                #AGENDA .body table td a {
                    color: #585858;
                    width: 36px;
                    height: 22px;
                    line-height: 22px;
                    border: 1px solid #8ACBFF;
                }
                #AGENDA a:hover {
                    color: #000;
                    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                }


.BANNER_COLUMNAS {
    background-color: #d7f4fe;
    padding: 1px 0; /* margin collapsing */
    text-align: left;
}
    .BANNER_COLUMNAS .AUTOR {
        margin: 10px;
    }
        .BANNER_COLUMNAS .AUTOR .columna {
            display: block;
            font-size: 0.9em;
            font-weight: bold;
        }
            .BANNER_COLUMNAS .AUTOR .columna .avatar {
                display: table-cell;
                float: left;
                width: 50px;
                height: 50px;
                text-align: center;
                vertical-align: middle;
                background-color: #fff;
                margin-right: 10px;
            }
                .BANNER_COLUMNAS .AUTOR .columna:hover .avatar img {
                    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
                }
        .BANNER_COLUMNAS .AUTOR .noticia {
            display: block;
            margin-left: 60px;
            color: #585858;
        }

.BANNER_COLUMNAREDACTOR {
    margin-bottom: 15px;
}

/* The .COLORSET_BG_... rules are not used (yet). */
.COLORSET_BG_DARKEST   { background-color: #062e5e }
.COLORSET_BG_DARK      { background-color: #8193ab }
.COLORSET_BG_MEDIUM    { background-color: #95b5cc }
.COLORSET_BG_LIGHT     { background-color: #bac4d1 }
.COLORSET_BG_LIGHTEST  { background-color: #edf5fc }


/* Message Of The Day */
.MOTD {
    margin-bottom: 20px;
}
/*  In this case it is rather correct to add the quotes through css, as it is mostly of presentational value.
    The 'quotes' property sets what symbol we use as quotes (You may use backslash \ and a Unicode hex value).
    The :before and :after rules set the styles of those symbols. We use the special property 'content' here, with the
    values 'open-quote' and 'close-quote'.
    You can use that technique to insert any content elsewhere, as done with the Q tag which contains the quote's
    author and puts two hyphens before it.
*/
    .MOTD cite {
        display: inline;
        font-size: 1.2em;
        font-style: italic;
		    }
    .MOTD cite q {
        font-size: 2em;
        line-height: 0.2em;
        color: #0db3ea;
        font-weight: bold;
        font-style: normal;
		text-align: center;
    }
    .MOTD cite q:first-child {
        vertical-align: middle;
    }
    .MOTD blockquote {
        text-align: center;
        padding-left: 10px;
    }

.noticia_audioplayers {
    margin-top: 5px;
}
/** Attention! The ".AudioPlayer_..." rules are *NOT* used as css rules, they are read back by
 *  StyleSheetReader::getAudioPlayerStyles() and used to style the audioplayer plugin/thing.
 *  So pay attention:
 *  - Only the defined properties (background or foreground color) are used. Don't add any more, they won't/can't be
 *    used. Do not remove them neither as there is no default value provided.
 *  - The color value may be either in the form of 'rgb(255,255,255)' or '#ffffff'. The latter, hexadecimal coded form,
 *    may be upper or lowercase but *CANNOT* be abbreviated to three digits.
 */
.AudioPlayer_Main {
    background-color: #ffffff;
    color: #333333;
}
.AudioPlayer_Left {
    background-color: #0db3ea;
    color: #ffffff;
}
.AudioPlayer_Right {
    background-color: #0db3ea;
    color: #bac4d1;
}
.AudioPlayer_Right:hover {
    background-color: #000000;
    color: #0db3ea;
}
.AudioPlayer_Loader {
    background-color: #95B5CC;
}
.AudioPlayer_Skip {
    color: #000000;
}
.AudioPlayer_Volume {
    background-color: #bac4d1;
    color: #000000;
}