li { list-style-type: none; }
.basic, #list2, #list3, #navigation { width:20em; }

#log { position:fixed; bottom: 0; right:1em; text-align:right; }
#switch { position: fixed; bottom: 0; right: 15em; }

.basic  {
	width: 318px;
	font-family: Arial, Helvetica, sans-serif;

}
.basic div {
	position:relative;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
	padding: 10px;
}
.basic a {
	cursor:pointer;
	display:block;
	padding:7px 35px 6px 70px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	letter-spacing:-1px;
	color: #FFFFFF;
	background-image: url(../img/fondos/fnd_titulo_acordeon_02.gif);
	background-repeat:no-repeat;
	height:20px;
	position: relative;
}
.basic a:hover {
	background-image: url(../img/fondos/fnd_titulo_acordeon_02.gif);
}
.basic a.selected {
	background-image: url(../img/fondos/fnd_titulo_acordeon_01.gif);
}
.fecha_evento_portada{
	position:absolute !important;
	top:0px;
	width:50px;
	text-align:center;
	left: 4px;
	font-size:11px !important;
	letter-spacing:0px !important;
	font-weight:normal !important;
	padding: 7px 3px 5px 3px;
}
.dia_evento_portada{
	font-size:14px !important;
	letter-spacing:-1px;
	font-weight:bold;
}
#list2 {
	height: 178px;
	border: 1px solid #fff;
	overflow: hidden;
}

#list2 dd { height: 100px; overflow: hidden; }

#list3 { border: 1px solid #111; }
#list3 div.selected .title { font-weight: bold; }
#list3 div div {
	border-left:8px solid #6699CC;
	padding: 5px;
}
#list3 div.title {
	border: 1px solid #3366AA;
	background-color: #6699CC;
	padding: 10px;
	cursor: pointer;
}
#list3 div.selected {
	border-bottom: none;
}