* {
	margin: 0px;
	padding: 0px;
	}

body {
	background: #585858;
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}

p ,a table, th, td, ul, li {
	font-size: 11px;
	}

p {
	margin-bottom: 10px;
	}

#container {
	width: 760px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	}

#columna_contenido {
	float: left;
	width: 480px;
	margin-bottom: 30px; 
	}

#columna_contenido a {
	color: #FFF;
	font-weight: bold;
}

#columna_contenido a:hover {
	color: #0FF;
	}
	
	
#columna_extras {
	float: left;
	width: 250px;
	margin: 52px 0px 0px 30px;
	}

#head h1 {
	width: 760px;
	height: 190px;
	background: url(head.jpg) no-repeat top left;
	text-indent: -1000em;
	}
	
#separador {
	width: 760px;
	height: 20px;
	background: url(dotstripe.gif) repeat-x left top;
	margin-top: 10px;
	}
	
#logobb img {
	width: 760px;
	height: 70px;
	}

#sesiones h2,
#lugares h2 {
	border-bottom: solid 1px #64C1D2;
	margin-bottom: 20px;
	}

#sesiones h2 {
	width: 480px;
	height: 81px;
	background: url(titulo_sesiones.gif) no-repeat top left;
	text-indent: -1000em;
	}	

#lugares h2 {
	width: 480px;
	height: 62px;
	background: url(titulo_lugares.gif) no-repeat top left;	
	text-indent: -1000em;
	}

#fechas {
	width: 480px;
	margin: 10px 0px 20px;
	}

table#fechas {
	border: 1px solid #585858;
	border-collapse: collapse;
	}

table#fechas td {
	padding: 5px 0px 5px 10px;
	border: 1px solid #ACACAC;
	}

#inscripciones {
	margin-bottom: 30px;
}

#inscripciones h3 {
	width: 250px;
	height: 29px;
	background: url(titulo_inscripciones.gif) no-repeat top left;
	text-indent: -1000em;
	}

#inscripciones p,
#inscripciones ul li,
#reserva h4,
#reserva p {
	margin: 10px 5px;
	}

#inscripciones ul,
#columna_contenido ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left:0pt;
	padding-left:1em;
	text-indent:-1em;
}

#reserva h3 {
	width: 250px;
	height: 29px;
	background: url(titulo_reserva.gif) no-repeat top left;	
	text-indent: -1000em;
	}

#reserva h4 {
	font-size: 11px;
	font-weight: bold;
	}

#reserva img.tlf {
	width: 153px;
	height: 22px;
	margin-left: 10px;
}

#reserva a {
	display: block;
	width: 232px;
	height: 52px;
	background: url(botonreservar.gif) no-repeat top left;
	text-indent: -1000em;
	}

#reserva a:hover {
	background: url(botonreservar_on.gif) no-repeat top left;
}


#footer {
	clear: both;
	text-align: right;
	width: 760px;
	height: 74px;
	background: url(footerbg.gif) repeat-x left top;
	margin-top: 10px;
	}

#footer img {
	width: 110px;
	height: 37px;
	margin: 25px 15px 10px 0px;
	}