/*                          )`·.             )\  '
       )`·.             .·´   ..:).·´(_  .·´   `· .
        \::`·._)`·.  (::::....   .. .:\(      .:::)
  .·´(   )::. ..:::).·´;·::  ´ ´\::.    ::....:·´  '
  ):..\(;;::--  ´ ´               '\:::::::..::)
 (::...:/\                          ¯¯¯¯¯¯ /·.
   `·:/::::\...:´/        ___________'/..::)
      \::::/::::/        /::::::::::::·-  ´ ´\/    '
        \/;::-'/        /;;::·-  ´ ´         _\
             /                      .,.,·:::::'/
   )`·.    '/         _ .,., ·:::::::::::::::/
 (::..:(.·/         /::::::::::::::::--  ´ ´
  `·:...'/         /:::::::: · ´                   '
     ):/         /··  ´
     '/         /                                  '
   '/,...:::· ´/                    '
  /::::::::::/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_demonews001/inherit.css]----------------------------------------------------*/
/* add custom styles here */
.CABECERA2 .LOGOTIPO .logo {
	padding: 10px 0 0 10px;
}