#menu {
	border:1px solid #CCC;
	color:#000000;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	margin:0 auto;
	width:20%;
	background-color:#EEE;
	padding:5px;
}

#menu a {
	text-decoration:none;
	color:#990000;
}

#menu a:hover {
	text-decoration:underline;
	color:#993300;
}

#mensaje_alerta {
	border:2px solid #00ff00;
	color:#000000;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	padding:10px 0 10px 40px;
	background:url(encuesta_alert.png) no-repeat #f0fff0;
	background-position: 5px 50%;
	width:200px;
	margin:0 auto;
}

#mensaje_error {
	border:2px solid #CCFF00;
	color:#990000;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	padding:10px 0 10px 40px;
	background:url(encuesta_error.png) no-repeat #FFFF99;
	background-position: 5px 50%;
	width:200px;
	margin:0 auto;
}

#encuesta {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	border:1px solid #CCCCCC;
/*	width:191px;
*/	padding:3px;
}
#encuesta .titulo {
	background-color:#EEE;
	margin:1px;
	padding:3px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
}
#resultados {
	width:90%;
	margin:3px auto;
}
#lista_encuestas {
	font-family:Verdana;
	font-size:12px;
}
#agregar_encuesta .layer {
	width:150px;
	float:left;
}
#agregar_encuesta input[type=text] {
	width:300px;
}
.bar-title {
  width:100%;
  font-weight: bold;
  text-align: left;
}
.bar-container {
  width: 110px;
  margin: 0px 0px 15px;
}
.bar-container strong {
  overflow: hidden;
}