/*
 * Hoja de estilos para páginas que tienen lateral derecho
 */


div#maqueta_lateral{
	background: transparent url(/lib/img/lateral-fondo.gif) right top repeat-y;
}
div#maqueta_lateral div.contenido{
	margin-right: 184px;
	text-align: left;
}


div#lateral{
	position: relative;
	float: right;
	width: 177px;
	margin: 0 0 0 8px;
	padding: 0;
}
div#lateral div.imagen{
	padding: 10px 0 0 10px;
}
div#lateral div.imagen img{
	border: 1px solid #0391AB;
}

div#lateral div.titulo{
	margin: 10px 10px 5px 10px;
	font-size: 80%;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
	background: transparent url(/lib/img/lateral-titulo.gif) 0 1px repeat-x;
}
div#lateral div.titulo span{
	padding: 0 10px 0 0;
	background-color: #CFCFCF;
}
div#lateral ul.sup{
	font-size: 80%;
	position: relative; /* IE/Win Disappearing List-Background Bug */
	margin: 0 6px 10px 10px;
	list-style-type: none;
}
div#lateral ul.sup li{
	white-space: nowrap;
	float: left;
	background: transparent url(/lib/img/lateral-sup-li.gif) right 3px no-repeat;
	margin: 0 4px 2px 0;
	padding: 0 8px 0 0;
}
div#lateral ul.sup li.ultimo{
	background-image: none;
}
div#lateral ul.sup li a{
	color: #222222;
	text-decoration: none;
}
div#lateral div.linea{
	clear: both;
	height: 13px;
	background: transparent url(/lib/img/lateral-sup-linea.gif) center bottom no-repeat;
	margin: -10px 10px 0 10px;
}
div#lateral ul.inf{
	position: relative; /* IE/Win Disappearing List-Background Bug */
	list-style-type: none;
	margin: 0 0 30px;
	padding: 0;
}
div#lateral ul.inf li{
	margin: 5px 0 0 0;
	padding: 2px 25px 5px 21px;
	background: transparent url(/lib/img/lateral-inf-li.gif) 10px 100% no-repeat;
	text-indent: -11px;
}
div#lateral ul.inf li a{
	display: block;
	font-size: 80%;
	color: #777777;
	font-weight: bold;
	text-decoration: none;
}
div#lateral ul.inf li.res{
	background-color: white;
	background-image: url(/lib/img/lateral-inf-li-res.gif);
}
div#lateral ul.inf li.res a{
	color: #C2C200;
}