body 
{
	color:#444;
	font-family:Verdana;
	padding:0px; margin:0px;
	font-size:12px;
	overflow:auto;
	background:#111;
}

.nombreApp
{
	background-color:#004;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	padding:5px;
	color:#fff;
	border-radius:10px;
	box-shadow: 2px 2px #888;
}

.botonEntrada
{
	margin:0px auto;
	background-color:#aaf;
	font-size:16px;
	font-weight:bolder;
	text-align:center;
	padding:5px;
	color:#006;
	cursor:pointer;	
}

.botonInicioSesion
{
	background-color:#EEE;
	color:#777;
	cursor:pointer;	
	padding:5px;
}

.bandaInformacionInicial
{
	background-color:#444;
	color:#000;
	font-size:12px;
	text-align:center;
	padding:8px;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.41, rgb(173,173,173)),
		color-stop(0.86, rgb(240,240,240))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(173,173,173) 41%,
		rgb(240,240,240) 86%
	);
	
}

.pie
{
	clear:both;
	background:#000;
	color:#fff; text-align:center;
	margin:0px auto;
	padding:20px;
	width:100%;
}
.pie a
{
	color:#99f; 
	font-weight:bolder;
}
 
.recuadroOscuro	{	background-color:#999; padding:10px;	}
.recuadroOscuro	b{	color:#555; font-size:14px;	}

.recuadroClaro	{	background-color:#eee; padding:10px;	}
.recuadroClaro	b{	color:#555; font-size:14px; }
.recuadroClaro	hr{	border:0px; height:1px; color:#eee; }

.recuadroUsuarios	   {	background-color:#eee; padding:10px; border:1px solid #999}
.recuadroUsuarios	b   {	color:#555; font-size:14px; }
.recuadroUsuarios	hr  {	border:0px; height:1px; color:#ccc;}
.recuadroUsuarios	img {border:1px #aaa dotted; margin:3px; cursor:pointer;}

.recuadroNoticias	{ padding:10px;	}
.recuadroNoticias	span{ font-size:16px; font-weight:bolder; color:#555; background-color:#fff; }
.recuadroNoticias	b{	color:#55f; font-size:14px; cursor:pointer;}
.recuadroNoticias	hr{	border:0px; height:1px; color:#eee; }