/*-----------------------------------------------------------------------------
    Hoja de estilo - Directorio web
    (C) Rafael Domínguez, 27/2/2006
-----------------------------------------------------------------------------*/

/* ESTILO BÁSICO  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body {
	font:				normal  0.8em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:				#000;
	text-decoration:	none;
	margin:				4px;
	padding:			4px;
	background:			#fff;
	background:			url(fondo-pagina.gif);
	
	text-align:			center;		/* esto se hace para que aparezca el contenido centrado en el IE */
	text-decoration:	none;
}

/*
P, TD, UL, OL, LI, DIV {
	font:				normal  1.0em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:				#000;
	text-align:			left;
	text-decoration:	none;
}
*/

h1 {
	color:				#d00;	/*e00000*/
	font:				bold  1.2em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	/* 12pt */
/*	border:				1px  solid  #402840 #402840 #D0D0C0 #402840;*/
	margin-top:			10px;
	text-decoration:	none;
	text-align:			left;
}

A:link, A:active, A:visited {
	font:				normal  1.1em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	/* 10pt */
	color:				#d00;
	text-decoration:	none;
	text-align:			left;
}

A:hover {
	text-decoration:	underline;
}

A.enlace:link, A.enlace:active {
	font:				bold  1.1em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:				#d00;
	text-decoration:	none;
}

A.enlace:visited {
	font:				bold  1.1em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:				#bbb;
	text-decoration:	none;
}

A.enlace:hover {
	text-decoration:	underline;
}

A.menu:link, A.menu:active, A.menu:visited {
	font:				bold  1.1em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:				#999;
	text-decoration:	none;
}

A.menu:hover {
	text-decoration:	underline;
}


.formulario {
	font:		normal  0.9em  Tahoma, Verdana, Arial, Courier New, Courier;	/* 8pt */
	border:		1px  solid  #ccc;
	width:		120px;
	height:		20px;
}

/* NO SE USA
.opinion {
   font-family: Tahoma, Verdana, Arial, Courier New, Courier;  font-size: 8pt;
   border-style: solid; border-width: 1pt; background-color: #CCCCCC; border-color: #A09890;
   width: 400px; height: 150px
   }
*/


/* LAYOUT  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* Cabecera de la página  __________________________________________________ */
#cabecera {
	width:			90%;
	min-width:		600px;
	height:			62px;
	background:		url(rotulo2.png)  repeat-x  top left;
	margin-left:	auto;		/* esto se hace para que aparezca el contenido centrado en el Firefox */
	margin-right:	auto;		/* esto se hace para que aparezca el contenido centrado en el Firefox */
	margin-bottom:	25px;
	text-align:		left;
}

#cabecera img.rotulo_izq {
	float:			left;
/*	position:		absolute;
	top:			0px;
	left:			0px;*/
	width:			6px;
	height:			62px;
}

#cabecera img.rotulo_der {
	float:			right;
/*	position:		absolute;
	top:			0px;
	right:			0px;*/
	width:			6px;
	height:			62px;
}

#cabecera img.rotulo_logo {
	width:			62px;
	height:			62px;
	margin-left:	30px;
}

#cabecera img.rotulo_titulo {
	width:			300px;
	height:			62px;
	margin-left:	120px;
}


/* Contenido de la página  _________________________________________________ */
#contenedor {
	font-size:		1.0em;
	width:			90%;
	min-width:		600px;
	border:			1px  solid  #ccc;
	text-align:		center;
	margin-left:	auto;		/* esto se hace para que aparezca el contenido centrado en el Firefox */
	margin-right:	auto;		/* esto se hace para que aparezca el contenido centrado en el Firefox */
	text-align:		left;
	background:		#fff;
}

#columna_opciones {
	font-size:		1.0em;
	float:			right;
	width:			170px;
	background:		#eee;
	border-left:	1px  solid  #ccc;
	margin:			0px;
	padding:		0px;
/*	position:		relative;	*/	/* ver: 'http://www.positioniseverything.net/explorer/peekaboo.html' */
}

#columna_opciones td {
	font-size:	0.75em;
}

#rotulo_gris {
	font:		bold  0.9em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:		#fff;
	margin:		0px;
	padding:	0px;
	height:		24px;
	background:		url(fondo-titulogris.png)  repeat-x  top left;
}

#item {
	font-size:	0.9em;
	margin:		4px 0px 4px 8px;
	text-align:	left;
}


img.icono {
	width:			16px;
	height:			16px;
	border:			0px;
	margin-right:	2px;
	margin-bottom:	2px;
/*	vertical-align: middle;*/
	vertical-align:	bottom;
/*	vertical-align:	baseline;*/	/* NO FUNCIONA BIEN */
}



/* Columna principal  ______________________________________________________ */

#columna_principal {
	font-size:		1.0em;
	background:		#fff;
	line-height:	1.0;
}

#rotulo_verde {
	font:			bold  0.9em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:			#fff;
	margin:			0px;
	padding:		0px;
	height:			24px;
	background:		url(fondo-tituloverde.png)  repeat-x  top left;
}


#fin_columna_principal {
	clear:			both;
}

/* Pie de la página  _______________________________________________________ */
#pie_pagina {
	font-size:		1.0em;
	margin-top:		25px;
}

/* Tabla de entradas recientes (inedex.php)  _______________________________ */
#enlaces_recientes {
	font-size:		0.9em;
}

#enlaces_recientes table {
/*	display:		inline-table;*/
	margin:			10px 0px;
	border:			0px;
}

#enlaces_recientes td {
	width:			20%;
	padding:		2px;
	border-bottom:	1px  solid  #ccc;
	border-left:	8px  solid  #fff;
	border-right:	8px  solid  #fff;
}

#enlaces_recientes td img.icono_informacion {
	float:			right;
	vertical-align: top;
	width:			16px;
	height:			16px;
	border:			0px;
	margin-top:		2px;
	margin-right:	2px;
}

/* Formulario para agregar nuevos enlaces (index.php)  _____________________ */
#agregar_enlace {
/*	font:			normal  1.0em  Trebuchet MS, Verdana, Arial, Geneva, Helvetica, sans-serif;*/
    margin:			0px;
    padding:		10px;
    background:		#fff;
    line-height:	1.0;	/* ver: 'http://www.positioniseverything.net/explorer/peekaboo.html' */
}

#agregar_enlace label {
/*	font-family:		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size:			9pt;*/
	display:			block;
	width:				100px;
	float:				left;
	margin-top:			5px;
	margin-bottom:		5px;
	text-align:			right;
	padding-right:		20px;
}

#agregar_enlace input.texto {
/*	font-family:		Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;*/
/*	font-size:			9pt;*/
	border:				1px  solid  #aaa;
	background:			#fff  url(fondo-formulario.png)  repeat-x  top left;
	display:			block;
/*	width:				120px;*/
	height:				1.2em;
	padding:			2px;
	float:				left;
}

#agregar_enlace textarea {
	font:				normal  1.0em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border:				1px  solid  #aaa;
	background:			#fff  url(fondo-formulario.png)  repeat-x  top left;
	display:			block;
	height:				100px;
	padding:			2px;
	float:				left;
}

#agregar_enlace select {
	border:				1px  solid  #aaa;
	background:			#fff  url(fondo-formulario.png)  repeat-x  top left;
	display:			block;
	height:				25px;
	padding:			2px;
	float:				left;
	margin:				5px 0px;
}
#agregar_enlace br {
	clear:				left;
}

/* Información de un enlace (linkinfo.php)  ________________________________ */
#info_enlace {
	font-size:		0.9em;
	margin:			8px;
}

img.site_thumbnail {
	float:				right;
	padding:			2px;
	border:				1px  solid  #ccc;
}

/* Listado de enlaces de una categoría (showlinks.php)  ____________________ */
#titulo_listado_categoria {
	font:			bold  1.9em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color:			#000;
	margin:			0px;
	padding:		4px;
	padding-left:	10px;
	background:		#ddd  url(fondo-gradgris.png)  repeat-x  top left;
}

#listado_categoria {
	font:			normal  0.9em  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#listado_categoria table {
	width:			95%;
	margin:			10px;
	border:			0px;
}

#listado_categoria td {
	padding:			4px;
	margin:				0px;
	border-bottom:	1px  solid  #ccc;
}

/* Paginación  _____________________________________________________________ */
#enlaces_paginacion {
	text-align:		center;
}


/* [Fin de fichero] */