/* CSS Document */
/*
	* CSS
	*
	* Hoja de Estilos del T-Interesa
	*
	* @author José Manuel Pérez-Montes Regajo
	* @author http://www.aupex.org
	* @date 2008/04/30
*/

body
{
	background-color:white;	
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	font-size:12px;
	margin:0pt;
	text-align:center;
}

#contenedor
{
	width: 1000px;
	margin: 0 auto;
}

#contenedor #izquierda .menu
{
	background-color:transparent;
	background-image:url("../images/flecha.gif");
	background-repeat:no-repeat;
	padding-left:15px;
}
#contenedor #izquierda a
{
	text-decoration:none;
	color:#505050;
	font-size:12px;
	text-align:left;
}

#contenedor #izquierda a:hover
{
	color:#c21212;
}

/*
---------------
PARTE SUPERIOR
---------------
*/

#menu_superior
{
	background-color:#DFDFDF;	
	background-image:url("../images/fondo_menu.png");
	background-repeat:repeat-x;
	text-align:center;
	margin:auto;
}

#menu_superior table
{
	height:25px;
	max-width:1000px;
	text-align:center;
	border-left: none;
	border-right: 1px solid #B6B6B6;
}

#menu_superior td
{
	border-left:1px solid #B6B6B6;
	height:25px;
	max-width:1000px;
	font-size: 12px;
}

#menu_superior td:hover {
	background-color:transparent;
	background-image:url("../images/fondo_menu_resaltado.png");
	background-repeat:repeat-x;
}

#menu_superior a:hover 
{
	background-color:transparent;
}

#menu_superior a, #menu_superior a:visited 
{
	border:0px none;
	color:#606060;
	display:block;
	margin:4px 0pt 0pt;
	text-decoration:none;
}

/*
-------------------
FOTO DE LA CABECERA
-------------------
*/

#cabecera
{
	background-color:transparent;
	background-image:url("../images/cabecera.png");
	background-repeat:no-repeat;
	height:155px;
	width:1000px;
	margin:auto;
}

/*
------------------------------------------
LINEA DE DIVISION ENTRE LA FOTO Y EL RESTO
------------------------------------------
*/
.linea
{
	background-color:transparent;
	background-image:url("../images/linea.gif");
	background-repeat:repeat-x;
	height:30;
	width:1000px;
}

/*
--------------------------------
ESTILO PARA LOS ACCESOS DIRECTOS
--------------------------------
*/
#accesosDirectos a
{
	color:#666;
	text-shadow:grey;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#accesosDirectos a:hover
{
	color:#C21212;
	text-decoration:underline;
}

/*
-----------------
COLUMNA IZQUIERDA
-----------------
*/
#izquierda
{
	float:left;
	width: 195px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	
}

/*
---------------
COLUMNA CENTRAL
---------------
*/

#central
{
	float:left;
	width: 600px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
}

/*
---------------
COLUMNA DERECHA
---------------
*/

#derecha
{
	float:left;
	width: 190px;
	color: #564b47;
	margin: 0px;
	padding: 0px;
	
}

/*
-------------
PIE DE PAGINA #E6E5E2
-------------
*/

.pie_pagina
{
	float:left;
	width: 100%;
	height: 80px;
	color: #7f7f7f;
	background-color:#ded7d7;
	padding-top: 15px;
	margin-top:15px;
	font-size: 11px;
	text-align:center;
	font-weight:bold;
}

.pie_pagina .mapa
{
	float:none;
	font-size: 9px;
	text-align:center;
	font-weight:normal;
	margin-top:5px;
}

.pie_pagina .licencia
{
	margin-top:5px;
}

.pie_pagina .navegador
{
	font-size: 9px;
	text-align:center;
	font-weight:normal;
	margin-top:5px;
}

.pie_pagina .navegador a:hover
{
	background-color:transparent;
}

.pie_pagina .navegador a, .pie_pagina .navegador a:visited 
{
	border:0px none;
	color:#c21212;
	text-decoration:none;
}

/*
-----------------------------
Barra redondeada de los menús
-----------------------------
*/
#barra_menu
{
	height:18px;
	color: #c21212;
	background-image:url("../images/barra_menu.png");
	background-repeat:no-repeat;
	text-align:left;
	padding:5px 8px 0px 10px;
	margin-top:5px;
}

#barra_menu b
{
	background-image:url("../images/flecha_menu.gif");
	background-repeat:no-repeat;
	padding-left:20px;
}

/*
------------------------------------------------------------------
Línea de puntos que va inmediatamente después de la barra de menús
------------------------------------------------------------------
*/
.linea_puntos 
{
	background:transparent url("../images/puntos.gif") repeat-x scroll 0%;
	font-size:0px;
	height:3px;
	margin-top:2px;
	width:100%;
}

/*
-----------------
Noticia destacada
-----------------
*/
.noticia_destacada
{
	background-color: #efefe4; /*#d9dacb;#ded7d7;*/
	width:570px;
	min-height:160px;
	height: auto;
	text-align:justify;
	padding-bottom:5px;
}

.noticia_destacada #titulo
{
	padding: 5px 0px 0px 5px;
	color: #c21212;
	text-align:left;
	font-weight:bold;
}

.noticia_destacada #contenido
{
	margin-right:10px;
	margin-top:10px;
	font-size:11px;
}

.noticia_destacada #contenido img
{
	border:1px solid #171717;
	margin:5px 10px 10px 15px;
	float:left;
}

.noticia_destacada .leer_mas
{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
	margin-right:10px;
}
.noticia_destacada .leer_mas a
{
	background-image:url("../images/mas.gif") ;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#c21212;	
	padding-left:12px;
	padding-bottom:5px;
}

.noticia_destacada .leer_mas a:hover
{
	color:#505050;
}

/*
-------------------------------------------------------------
Subnoticia destacada, que va debajo de la Destacada principal
-------------------------------------------------------------
*/
.subnoticia_destacada
{
	background-color:#efefe4;
	width:280px;
	min-height:160px;
	height: auto;
	margin-top:5px;
	padding-bottom:5px;
}

.subnoticia_destacada #titulo
{
	padding: 5px 0px 0px 5px;
	color: #505050;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin-right:5px;
}

.subnoticia_destacada #contenido
{
	padding: 5px 5px 0px 5px;
	color: #000;
	text-align:justify;
	font-size:10px;	
}

.subnoticia_destacada #contenido img
{
	border:1px solid #171717;
	
	margin:5px 10px 10px 5px;
	float:left;
}

.subnoticia_destacada .leer_mas 
{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
	margin-right:10px;
}

.subnoticia_destacada .leer_mas a
{
	background-image:url("../images/mas.gif") ;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#c21212;	
	padding-left:12px;
	padding-bottom:5px;
}

.subnoticia_destacada .leer_mas a:hover
{
	color:#505050;
}

/*
-----------------------------------------
Otras noticias que no están en destacados
-----------------------------------------
*/
.mas_noticias
{
	width: 570px;
	height:auto;
	margin-left: 12px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}

.mas_noticias #titulo
{
	padding: 5px 0px 0px 5px;
	color: #505050;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin-right:5px;
}

.mas_noticias #resumen
{
	padding: 5px 0px 0px 5px;
	color: #564B47;
	text-align:justify;
	font-size:10px;
	margin-right:5px;
}

.mas_noticias .leer_mas
{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
}
.mas_noticias .leer_mas a
{
	background-image:url("../images/mas.gif") ;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#c21212;	
	padding-left:12px;
	padding-bottom:5px;
}

.mas_noticias .leer_mas a:hover
{
	color:#505050;
}

.mas_noticias #calendario
{
	background-image:url("../images/calendario.gif") ;
	background-repeat:no-repeat;
	background-color:transparent;
	float:left;
	width:65px;
	height:64px;
	margin-right:15px;
	padding-top:5px;
}

.mas_noticias #calendario #year
{
	color:#FFF;
	font-weight:bold;
}

.mas_noticias #calendario #time
{
	margin-top:10px;
	color:#505050;
	font-weight:bold;
}

/*
-------------------
Estilo de las cajas 
-------------------
*/
.caja
{
	font-size:10px;
	text-align:justify;
}
.caja .enlace
{
	text-decoration:none;
	color:#c21212;
}

.caja .candado
{
	border: 0px;
	float:right;
	width: 30px;
	height: 30px;
}

/*
------------------------------------
Estilo del acceso a la parte privada 
------------------------------------
*/
.titulo_privado
{
	color:#c21212;
	font-weight:bold;
	font-size:20px;
	text-align:justify;
	margin-left: 30px;
	border-bottom: 3px solid #c21212;
	width: 500px;
}

.acceso_formulario .tabla_acceso
{
	margin-left:60px;
	margin-top: 30px;
	color:#505050;
	font-size:12px;
}

.acceso_formulario
{
	color:#505050;
	font-size:10px;
	text-align:justify;
	height:100px;
	margin-left:5px;
	margin-top:5px;
}

.acceso_inputtext
{
	background-color:#e3e3e3;
	border: 1px solid #666666;
	font-size:8pt;
	color: #c21212;
	width: 120px;
	margin-left:60px;
}

.acceso_formulario input:focus
{
	border: 1px solid #c21212;
}

.acceso_boton
{
	color:#c21212;
	font-size:8pt;
	font-weight:bold;
	border:1px solid;
	border-top-color:#c21212;
	border-left-color:#c21212;
	border-right-color:#c21212;
	border-bottom-color:#c21212;
	margin-left:120px;
	margin-top:10px;
}

/*
--------------------------------
Estilo para la caja del buscador
--------------------------------
*/
.caja .entrada_texto
{
	background-color:#e3e3e3;
	border: 1px solid #666666;
	font-size:8pt;
	color: #c21212;
	width: 190px;
	margin-left:0px;	
}

.caja .boton
{
	color:#c21212;
	font-size:8pt;
	font-weight:bold;
	border:1px solid;
	border-top-color:#c21212;
	border-left-color:#c21212;
	border-right-color:#c21212;
	border-bottom-color:#c21212;
	margin-left:120px;
	margin-top:10px;
}

/*
---------------------------------------------------------------
Noticia_buscador, para las noticias que se buscan en la nube de
etiquetas o en el buscador
---------------------------------------------------------------
*/
.noticia_buscador
{
	background-color:#efefe4;
	width:550px;
	height: 100px;
	margin-top:5px;
}

.noticia_buscador #titulo
{
	padding: 5px 0px 0px 5px;
	color: #505050;
	text-align:left;
	font-weight:bold;
	font-size:11px;
	margin-right:5px;
}

.noticia_buscador #contenido
{
	padding: 5px 5px 0px 5px;
	color: #000;
	text-align:justify;
	font-size:10px;	
}

.noticia_buscador #contenido img
{
	border:1px solid #171717;
	
	margin:5px 10px 10px 5px;
	float:left;
}

.noticia_buscador .leer_mas 
{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-top:5px;
	margin-right:10px;
}

.noticia_buscador .leer_mas a
{
	background-image:url("../images/mas.gif") ;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#c21212;	
	padding-left:12px;
	padding-bottom:5px;
}

.noticia_buscador .leer_mas a:hover
{
	color:#505050;
}

#central .buscador
{
	color:#C21212;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}