/**
 * Hoja de estilo para roman.clubdelphi.com
 *
 * Elementos generales
 */

@import url('inicio.css');
@import url('componentes.css');
@import url('ejemplos.css');
@import url('apuntes.css');
@import url('syntax.css');

body
{
	margin: 0px;
	font-family: arial,sans-serif;
	font-size: 10pt;
}

img
{
	border: none;
}

/**
 * Zonas principales de la página
 */
#pagina
{
	width: 100%;
}

#encabezado
{
	width: auto;
	height: 64px;

	font-size: 16pt;
	letter-spacing: 4px;
	text-align: center;
}

/**
 * Elementos del menú
 */
#menu
{
}

#menu a
{
	text-decoration: none;
	color: #005F8C;
}

#menu ul
{
	width: 160px;
	height: auto;

	border: 1px solid silver;
	border-bottom: none;

	margin: 0px 0px 8px 0px;
	padding-left: 0px;

	list-style-type: none;
}

#menu li.categoria
{
	background-image: url('../img/categoria.png');

	padding: 2px 0px;

	color: #005F8C;
	font-size: 9pt;
	letter-spacing: 2px;
	text-align: center;
}

#menu li.item, li.enlace, li.enlace_inactivo
{
	border-bottom: 1px solid silver;
	padding: 8px 0px 8px 8px;
}

#menu li.enlace_inactivo
{
	color: gray;
}

/**
 * Elementos generales del área de contenido
 */
#contenido
{
	border: 1px solid silver;
	height: 450px;
	padding: 0px 48px 16px 48px;
	font-family: arial,sans-serif;
}

#contenido a
{
	text-decoration: none;
	color: #005F8C;
}

#contenido a.externo
{
	text-decoration: none;
	color: #339900;
}

#contenido a:hover
{
	text-decoration: underline;
}

#contenido h1
{
	margin: 24px 0px;

	color: #D1D1D1;
	font-size: 24pt;
	font-weight: bold;
	letter-spacing: 8px;
	text-align: center;
}

#contenido h2
{
	border-bottom: 1px solid silver;

	margin: 0px -48px 16px -48px;
	padding: 4px 0px;

	font-size: 13pt;
	font-weight: bold;
	letter-spacing: 4px;
	text-align: center;
	color: #005F8C;
}

#contenido ul
{
	margin-bottom: 16px;
}

#contenido li
{
	margin-bottom: 6px;
}

#contenido p
{
	margin: 0px;
	margin-bottom: 16px;

	font-size: 10pt;
	text-align: justify;
}

/**
 * Mensaje de error
 */

#contenido div.error
{
	border: 1px solid silver;

	margin-left: auto;
	margin-right: auto;
}

#contenido div.error p
{
	margin: 0px;
}

#contenido div.error p.titulo
{
	background-image: url('../img/error.png');

	padding: 2px 0px;

	color: white;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

#contenido div.error p.mensaje
{
	margin: 0px;
	padding: 16px;

	text-align: justify;
}

/**
 * Página de contacto
 */

div#contacto
{

}

#email
{
	margin: 2em 0 0 0em;
	padding: .6em 1em .3em 1em;
	border-top: 1px solid #005F8C;
	border-bottom: 2px solid #005F8C;
}