/*

	Hoja de estilo para Jeinsten.com
	Tipo: Básica (Netscape 4)
	
	Programación: Juan Pablo Gil R. - juanpablo@conectu.com
	Diseño gráfico: Andrés Giordano - andres@conectu.com
	Copyright 2002 - Conectu.com

*/


/*
	DIAGRAMACION PRINCIPAL
	
	La diagramación usa tablas para mayor compatibilidad
	ID de las celdas:
	#Logo     #EncabezadoTop    #EncabezadoJuego
	#Menu     #Contenido -----------------------
	#Pie ---------------------------------------

	DIAGRAMACION DEL MENU
	
	El menú no lleva diagramación especial acá.

*/


#Logo {
	background: url("img/logo_fondo.jpg");
	font-size: 20px;
	text-align: center;
}
#EncabezadoTop {
	background: url("img/encabezado_top_fondo.jpg");
	padding: 30px 0 0 0;
}
#EncabezadoJuego { text-align: right; }
#Menu {
	background: url("img/fondo_izquierdo.jpg");
	padding: 0 0 0 25px;
}
#Contenido {
	background: url("img/fondo_derecho.jpg");
	padding: 20px 30px 0 0;
}
#Pie {
	background: url("img/fondo_contenido.jpg");
	padding: 20px 30px 30px 30px;
	text-align: center;
}


/*

	DEFINICION ETIQUETAS HTML
	
*/

body {
	margin: 5px 0;
	padding: 0 0;
	background : #D3CEBB;
}

body, td, th {
	font-size : 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a { color : #205500; }
a:hover		{ text-decoration: underline; color : #DD6900; }


h1 { display: none; }
h2 {
	font-size: 130%;
	font-family : Arial, Helvetica, sans-serif;
	color: #A9512B;
}

h2.link { margin: 15px 10px 0 0; }
h2.link a { color: #114411; }
p.link { margin-top: 8px; }
img.flotante { margin-left: 10px; }

address {
	color: #8F272E;
}


/*

	ESTILOS DEL MENU
	
*/
div.AMlvl1, div.AMinicio {
	margin: 0 0 0 10px;
}
div.AMlvl2 {
	margin: 0 0 0 15px;
	color: #8B2B2C;
	font-weight: bold;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.AMlvl2 a {
	color: #463F2C;
	text-decoration: none;
	font-weight: normal;
}
div.AMlvl2 a:hover { color: #8B2B2C; }

#Menu div.Sueltos {
	margin: 20px 0 0 15px;
}

p.VolverA { text-align: right; margin: 0 0 10px 0; font-size: 11px;}
p.VolverA a { color: #205500; }

/*

	ESTILOS DEL ENCABEZADO

*/

#EncabezadoTop div.idiomas { float: left; font-size: 11px; background: #edf1e2; }
#EncabezadoTop div.idiomas a { color: blue; }
#EncabezadoTop div.login { text-align: right; font-size: 11px; }
#EncabezadoTop div.login a { color: blue; text-decoration: none; }

#EncabezadoTop div.TextoEncabezado {
	margin-top: 48px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#EncabezadoTop div.TextoEncabezado p { margin: 0 8px; }



/*

	FORMULARIOS DE CONTACTO
	(obsoleto... ahora está en 'contacto.css')

*/
form.Form { }
form.Form table {
	border: 4px solid #C99C61;
	background: #F2D9B7;
}
form.Form td {
	padding: 3px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border: 1px solid #C99C61;
	background: #FDF4E5;
}
form.Form th {
	padding: 3px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	border: 1px solid #C99C61;
	background: #F9ECDB;
	text-align: right;
}
form.Form input.button {
	background: white; 
	border: 1px solid black; 
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight: bold;
}



/*

	OTROS

*/
div.Copyright { text-align: right; margin: 20px 0; }

ol.ListaAmplia li { margin-bottom: 10px; }


/*

	Módulo noticia2

*/

.Noticia2Tabla table { width: 500px;  }
.Noticia2Tabla td { border: 1px solid gray; padding: 4px; text-align: justify; }
.Noticia2Tabla td.Cuerpo a { text-decoration: none; color: black; }
.Noticia2Tabla td.Cuerpo a:hover { text-decoration: none; color: blue; }

.Noticia2Tabla td.Titulo { font-weight: bold; }
.Noticia2Tabla td.Autor { text-align: right; }
.Noticia2Tabla td.Cuerpo { text-decoration: none; color: black; border: none; padding-bottom: 15px; }


.Noticia2Tabla h2 {
	margin-top: 2em;
	border-top: 1px solid gray;
	padding-top: 1em;
}

.Noticia2Resumen { margin: 0 10px 30px 30px; text-align: justify; }
.Noticia2Resumen hr { display: none; }
.Noticia2Resumen div.Titulo { font-weight: bold; float: left; width: 50%; margin-right: 25px; }
.Noticia2Resumen div.Header { font-size: 85%; }
.Noticia2Resumen p.Cuerpo { margin: 3px 0; clear: both; }
.Noticia2Resumen p.Cuerpo a { text-decoration: none; color: black; }
.Noticia2Resumen p.Cuerpo a:hover { text-decoration: none; color: blue; }
.Noticia2 p.VerTodas { margin: 0px 10px 30px 0px; text-align: right; font-weight: bold; }