@CHARSET "ISO-8859-1";

#eventos {
	position: relative;
	
	width: 660px;
	height: 230px;
}

#eventos.ventana div.body {
	height: 153px; /* debe ser el alto del div de la ventana, menos 57px */
}
	


/*
 * Código CSS para divs con forma de "ventana"
 * Se puede usar en cualquier ventana de la página del casino, pero debe definir 2 cosas por ventana:
 *
 * #id_del_div {
 *		position: relative;
 *		width: ANCHOpx;
 *		height: ALTOpx;
 * }
 *
 * #id_del_div.ventana div.body {
 *		height: (ANCHO-57)px;
 * }
 *
 *
 * Con eso es suficiente para usarlo.
 */
div.ventana {
	float: left;
}

div.ventana div.titulo {
	position: relative;
	top: 0;
	left: 0;
	
	width: 100%;
	height: 32px;
	
	background-image: url("../imagenes/casino/titulo-background.jpg");
	background-repeat: repeat-x;
	
	line-height: 32px;
	text-transform: uppercase;
	text-align: left;
}

div.ventana div.titulo img.left-edge {
	position: absolute;
	left: 0;
	top: 0;
	
	width: 5px;
	height: 100%;
}

div.ventana div.titulo img.right-edge {
	position: absolute;
	right: 0;
	top: 0;
	
	width: 5px;
	height: 100%;
}

div.ventana div.titulo div.texto-titulo {
	position: relative;
	
	left: 10px;
	
	font-weight: bold;
}

div.ventana div.body {
	position: relative;
	top: 0;
	
	width: 100%;
	height: 113px;
	
	background-color: transparent;
	
	text-align: left;
}

div.ventana div.body table {
	position: relative;
	
	width: 100%;
	height: 100%;
	
	background-color: transparent;
}

div.ventana div.body table tr td.imagen {
	width: 30%;
	min-width: 150px;
	height: 100%;
	
	text-align: center;

	vertical-align: middle;
}

div.ventana div.body table tr td.imagen img {
	position: relative;
	
	width: 146px;
	height: 91px;
}

div.ventana div.body table tr td.informacion {
	width: 70%;
	height: 100%;
	
	vertical-align: middle;
	
	font-size: 8pt;
	
	padding: 10px;
}

div.ventana div.footer {
	position: relative;
	
	bottom: 0;
	left: 0;
	
	width: 100%;
	height: 25px;
	
	background-color: #241007; /* café oscuro */
	
	text-align: left;
	line-height: 25px;
	
	font-size: 8pt;
}

div.ventana div.titulo-evento {
	display: none;
}



/*
 * Definiciones para carrusel de eventos
 */

#eventos_carrusel {
	list-style: none;
	height: 153px;
}

div.ventana div.footer a.actual {
	font-weight: bold;
	color: #FFFF00;
}

div.ventana div.footer a {
	color: #FFFFFF;
	text-decoration: none;
}

div.ventana div.footer a:hover {
	text-decoration: underline;
}