/* ...........................................................[Nivel 0] Propiedades de la pagina y caracteristicas globales ... */
body{
	background-color:#5189D1;
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	margin-top:3%;
}
/* ...........................................................[Nivel 1] Estructura de la pagina ... */
#superior {
	height: 205px;
	width: 774px;
	background-image: url(../img/fndSuperior.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}
#titulo{
	height: 50px;
	width: 774px;
	background-image: url(../img/fndTitulo.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}
#inferior {
	height: 232px;
	width: 774px;
	background-image: url(../img/fndInferior.jpg);
	background-repeat: no-repeat;
	margin: 0px auto 0px auto;
}
/* ...........................................................[Nivel 2] SUPERIOR - El MENU ... */
#menu{
	width:250px;
	padding:90px 20px 0px 10px;
}
#menu a {
	margin-top:1px;
	padding:2px 0px 0px 10px;
	height:20px;
	width:220px;
	display:block;
	text-decoration:none;
	color:#31537F;
	font-weight:bold;
}
#menu a:hover {
	color:#000000;
}
/* ...........................................................[Nivel 2] TITULO - El encabezado ... */
#titulo h1{
	margin:0px 20px;
	padding:0px;
	color:#FFFFFF;
	font-size:39px;
	font-weight:normal;
}
/* ...........................................................[Nivel 2] INFERIOR - Los contenidos ... */
#contenidos{
	padding:5px 20px;
}
/* ...........................................................[Nivel 3] INFERIOR - Contenidos - La estructura ... */
.columnas1{
	float:left;
	width:220px;
	color:#FFFFFF;
	margin:0px 20px 0px 0px;
}
.columnas2{
	float:left;
	margin-left:20px;
	width:450px;
	color:#000066;
}
.columnas3{
	float:left;
	width:210px;
	color:#000066;
	margin:0px 20px 0px 5px;
}
/* ...........................................................[Nivel 4] INFERIOR - Contenidos - La estructura - Los textos ... */
h3.miembros{
	margin:0px;
	font-size:18px;
	font-weight:normal;
	color:#FFFFFF;
}
h3.areas{
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#FFFFFF;
}
p {
	margin:10px 0px;
	text-align:justify;
}
p.direccion{
	text-indent: -20px;
	margin-left: 20px;
}
p.indentado{
	margin-left: 20px;
}
p.miembros{
	margin:0px 0px 5px 20px;
}
ul, ol {
	font-size:11px;
	margin:0px;
	padding-left:15px;
}
ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:2px 0px 5px 1px;
	line-height:12px;
	list-style-image:url(../img/bullet.gif);
}
/* ...........................................................[Nivel 4] INFERIOR - Contenidos - La estructura - Formularios ... */
form {
	margin:0px;
}
label{
	width:180px;
	display:block;
	margin:0px;
	font-size:12px;
}
input, textarea {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#31537F;
}
input.boton {
	border:1px outset #31537F;
	width:80px;
	margin:10px;
	padding:1px 0px 0px 1px;
	color:#FFFFFF;
	background-color:#31537F;
	cursor:pointer;
}
input.boton:hover {
	border:1px inset #31537F;
	width:80px;
	padding:0px 1px 1px 0px;
}
form div.columnas3 p {
	margin:0px;
	color:#FFFFFF;
}
p.boton{
	text-align:right;
	margin: 5px 10px 0px 0px;
}