html, body{
	background: url(/recursos/pla_vigilia_sueno/imagenes/fondo058xxx.gif) top #048;
	color: #111;
	font:normal 12px/16px arial, helvetica, tahoma, verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align:center;
	}
p{
	font: normal 12px/16px arial;
	margin: 0 0 16px 0;
	}
a {
	color: #C60;
	text-decoration: underline;
	}
form {
	margin: 40px 0 0 0;
	padding: 0;
	}
input {
	background: #EEE;
	border: 1px solid #CCC;
	color: #245;
	height: 20px;
	font:normal 11px/24px arial;
	text-indent: 5px;
	width: 250px;
	}
label {
	color: #036;
	font-size: 11px;
	}
textarea {
	background: #EEE;
	border: 1px solid #CCC;
	color: #245;
	font:normal 12px/17px arial;
	height: 150px;
	padding-left: 5px;
	width: 200px;
	}
.buttons {
	background: #024;
	font:bold 11px/22px arial;
	height: 22px;
	margin: 0;
	padding-top: 4px;
	text-align: center;
	width: 70px;
	}
	.buttons a {
	color: #FFF;
	text-decoration: none;
	}
	
strong,b {font-weight:bold;}
	
/**************
ESTRUCTURA:
**************/
#todo{
	background: url(/recursos/pla_vigilia_sueno/imagenes/bg_todo.gif) #FFF;
	width: 960px;
	margin: 0 auto;
	padding: 0;
    text-align: left;
	}
#header {
	background: url(/recursos/pla_vigilia_sueno/imagenes/bg_header.jpg) #036;
	border-bottom: 0px solid #FFF;
	border-top: 20px solid #FFF;
	height: 250px;
	width: 920px;
	margin: 0 auto;
	}
	#header p {margin: 0 0 4px 0}
#logo {
	float: left;
	display: inline;
	height: 175px;
	margin: 35px 0 0 10px;
	width: 190px;
	}
	#logo img {border: none;margin: 20px 0 0 0}
#tag {
	height: 170px;
	float: left;
	width: 400px;
	margin: 35px 0 0 20px;
	padding: 0;
	display: inline;
	}
#usuario {
	height: 170px;
	float: right;
	margin: 35px 20px 0 0;
	width: 160px;
	display: inline;
	}
	#usuario p {
	color: #FFF;
	font:normal 11px/15px arial;
	margin: 20px;
	}
#login {
	}
	#login p {
	margin: 0 0 4px 0;
	}
	#login input {
	background: #fff;
	border: none;
	height: 20px;
	padding-top: 2px;
	width: 160px;
	}
		
/*************************
COLUMNA CENTRAL
**************************/	
#content_center {
	float: left;
    font-size: 12px;
	width: 450px;
	margin: 20px 0 0 20px;
	padding: 0px;
	display: inline;
	}
#revista {
	background: #FEC;
	height: 245px;
	padding: 0;
	margin-bottom: 20px;
	}
	#revista p {
	margin: 0 20px 20px 20px;
	}
/***********************
IZQUIERDA
************************/

#content_left {
	font:normal 12px/16px arial;
	display: inline;
	float: left;
	margin: 0px 0 0 40px;
	padding: 30px 0 0 0;
	width: 200px;
	}
#content_left ul {
	list-style: none;
	margin: 0 0 -1px 0;
	padding: 0px;
	}
#content_left ul li {
	padding: 0px;
	margin: 0px;
	}

#content_left ul li a, #content_left ul li a:visited {
	border-bottom: 1px dashed #999;
	border-top: 1px dashed #999;
	color: #000;
	height: 30px;
	display: block;
    line-height: 30px;
	text-decoration: none;
	text-indent: 5px;
	margin: 0 0 -1px 0;
	padding: 0;
	}

#content_left ul li a:hover {
	background: #FFD;
	color: #F4A460;
	text-decoration: none;
	}

#content_left a.act, #content_left ul ul li a.act, #content_left ul li a.act{
	background: #FFF;
	color: #F4A460;
	font-weight: bold;
	}
	
#content_left a.a, #content_left ul ul li a.a, #content_left ul li a.a{
	background: #FFF;
	color: #F4A460;
	font-weight: bold;
	}

#content_left ul ul li, #content_left ul ul ul li {
	background: url(/recursos/pla_vigilia_sueno/imagenes/bg_submenu.gif) left 5px no-repeat;
	padding-left: 20px;
	text-indent: 30px;
	}

#content_left img, #content_left img a {
	border: none;
	margin-bottom: 20px;
	}
/**************************
MENU SOCIO
***************************/
#menu_socio { 	
	background: #FEC;
	margin: 0 0 20px 0;
	}
#menu_socio ul li a, #menu_socio ul li a:visited {
	border-right: none;
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	color: #930;
	height: 30px;
	display: block;
    line-height: 30px;
	text-decoration: none;
	text-indent: 5px;
	margin: 0 0 -1px 0;
	padding: 0px;
	}
	#menu_socio ul li a:hover {
	color: #F60;
	}
	#menu_socio ul ul li, #menu_socio ul ul ul li {
	background: url(/recursos/pla_vigilia_sueno/imagenes/bg_socio.gif) top 5px left no-repeat;
	}
	#menu_socio a.act, #menu_socio ul ul li a.act {
	background: #FFF;
	}
	
/**************************
COLUMNA DERECHA
***************************/	
#content_right {
	float: right;
	display: inline;
	margin: 20px 40px 0 0;
	padding: 0;
	width: 160px;
	}

#content_right p {
	background: #EEE;
	font:normal 11px/15px arial;
	padding: 12px 10px 12px 12px;
	}

#content_right h3, #content_right h4 {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	color: #666;
	font:bold 16px/30px arial;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	padding: 0;
	}
#content_right img, #content_right img a{
	border: none;
	margin-bottom: 15px;
	}
	
/**************************
PATITA
**************************/
#footer {
	background: #EEE;
	border-bottom: 1px solid #689;
	clear: both;
	color: #666;
	font:normal 11px/14px arial;
	margin: 0 20px 0 20px;
	text-align: left;
	}

#footer p {
	font:normal 11px/14px arial;
	margin: 0 20px;
	padding: 20px 0;
	}
/*****************
ENCABEZADOS
******************/
h1 {
	color: #9CF;
	font:bold 19px/26px arial;
	letter-spacing: -1px;
	margin: 38px 30px 0 20px;
	padding: 0;
	}
h2 {
	border-top: 1px dashed #CCC;
	border-bottom: 1px dashed #CCC;
	color: #F4A460;
	font:bold 22px/40px arial;
	letter-spacing: -1px;
	margin: 0 0 10px 0;
	padding: 0;
	}
#content_left h2, #content_left h3, #content_left h4 {
	border-top: 1px solid #CCC;
	color: #666;
	font:bold 16px/25px arial;
	margin: 0;
	padding: 0;
	}