body {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  	font-size: 14px;
  	margin: 0 0 0 0;
	/*font: 0.75em/1.5em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
    padding: 0;
    text-align: center; /* esto centra el contenedor en los navegadores IE 5*. El texto se ajusta posteriormente con el valor predeterminado de alineación a la izquierda en el selector #container */
}

form {margin:0; padding:0}

#franja {
	text-align: left;
	margin:0;
	color: #bbb;
	background-image: url("../img/web/grgrad.gif");
	background-repeat:repeat-x;
	clear: both;
	border-top: 1px solid #ECEDF4;
	width: 100%;
	height: 25px;
}

#franja ul {
	list-style: none;
	padding: 0;
	float: left;
	display: inline;
}

#franja li {display: inline;margin: 0 0 0 0;padding: 0 4px 0 0;border-right: 1px solid #ECEDF4;float:left;margin-right:.5em}
#franja input {padding: 0px 2px;margin: 0;}
#franja select {font-size: 90%;}
#franja a {font-size: 16px;text-decoration:none;color:#ffffff;}
#franja a:hover {text-decoration:underline}

/*Módulo de Menu*/
#menu {width: 100%;}
#menu h2 {font-size: 1.2em; background: #FF9933 url("../img/web/esquina.gif") top right no-repeat; color: #fff; margin-bottom: 0px; padding: 4px;}
#menu h2 img { margin-bottom: -4px; margin-right: 4px;} 
#menu .modulo { background: #FFDDAA; margin: 10px 0 5px 0; padding: 0;} 
#menu .contenidoModulo { margin: 5px 0px 0px 0px; padding: 0 0 0 0;} 
#menu .contenidoModulo img { margin: 0px 5px;}
#menu label, #menu a {font-weight: bold; margin: 0px 0px 0px 5px;}
#menu .inputtext {width: 125px;margin: 0px 0px 0px 5px;}
#menu .inputsubmit {margin: 5px 0px 0px 5px;font-size: 90%;}

/*Módulo de Login*/
#login {width: 100%;}
#login h2 {font-size: 1.2em; background: #FF9933 url("../img/web/esquina.gif") top right no-repeat; color: #fff; margin-bottom: 0px; padding: 4px;}
#login h2 img { margin-bottom: -4px; margin-right: 4px;} 
#login .modulo { background: #FFDDAA; margin: 10px 0 5px 0; padding: 0;} 
#login .contenidoModulo { margin: 0px 0px 0px 0px; padding: 0 0 0 0; } 
#login .contenidoModulo img {margin: 0px 2px;}
#login label, #login a {text-decoration:none; font-weight: bold; margin-left: 5px;}
#login .inputtext {width: 125px; margin-left: 5px;}
#login a:hover {text-decoration:underline;}
#login .inputsubmit {margin: 5px 0px 0px 5px;font-size: 90%;}

/*Módulo de Etiquetas*/
#etiquetas {width: 100%;}
#etiquetas h2 {font-size: 1.2em; background: #FF9933 url("../img/web/esquina.gif") top right no-repeat; color: #fff; margin-bottom: 0px; padding: 4px;}
#etiquetas h2 img { margin-bottom: -4px; margin-right: 4px;} 
#etiquetas .modulo { background: #FFFFFF;  margin: 10px 0 5px 0; padding: 0;} 
#etiquetas .contenidoModulo {  text-align:center;margin: 0 0 0 0; padding: 5px 5px 5px 5px; border: 1px solid #FF9933;} 
#etiquetas .contenidoModulo img { margin: 0px 5px;}
#etiquetas a {text-decoration:none; color:#FF9933;}
#etiquetas a:hover {text-decoration:underline; color:#FF9933;}

.fuente1{font-size:22px; color:#FF9933;}
.fuente2{font-size:12px; color:#FF9933;}
.fuente3{font-size:14px; color:#000099; font-weight:bold;}
.fuente4{font-size:12px; color:#000099;}
.fuente5{0.75em/1.5em "Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;color:#000099;}

#tituloinvita {text-align:center;}
.botonInvita{width:100px; font-weight:bold; font-size:14px;}
#div_btninvite {height:70px; text-align:center}

/*Módulo de gente*/
#people {width: 100%;}
#people h2 {font-size: 1.2em; background: #FF9933 url("../img/web/esquina.gif") top right no-repeat; color: #fff; margin-bottom: 0px; padding: 4px;}
#people h2 img { margin-bottom: -4px; margin-right: 4px;} 
#people .modulo { background:#FFDDAA;margin: 10px 0 5px 0; padding: 0;} 
#people .contenidoModulo { margin: 0px 0px 0px 0px; padding: 0 0 0 0; border:1px solid #FF9933;} 
#people .contenidoModulo img { margin: 0px 0px;}
#people .listapersonas {overflow:auto;}
#people .persona {margin:6px 0 2px;}
#people .persona table {border-collapse:separate;border-spacing:0;margin:0 4px;padding:0;}
#people .titulo {font-weight:bold; text-decoration:none;color:#000099;}
#people .titulo:hover {text-decoration: underline;}
#people .opciones {text-decoration: none;}
#people .opciones:hover {text-decoration: underline;}

/*Módulo de Comentarios*/
#comentarios {width:100%;margin-top:2px;margin-bottom:10px;}