/* -------------- Estilos Generales ----------------- */

body {
	padding: 0px;
	font-size: 10px;
	font-family: Helvetica, Arial;
	font-weight: normal;
	margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	color: #000;
	background: #CCC;
}

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


img {
	border: none
}
	
a {
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}

a:hover {
	text-decoration: underline;
}

li {
	list-style: none;
}

.clear {
	clear: both;  /* Separador */
}

.negrita {
	font-weight: bold;
}

.derecha {
	float: right;
}

.izquierda {
	float: left;
}

.justificado {
	text-align: justify;
}

/* -------------- /Estilos Generales ----------------- */




/* -------------- Estilos web ----------------- */
#contenedor {
    width:800px;
    z-index:1;
    left:0px;
    top:0px;
    margin:0 auto;
	background: #fff;
}
#centrado {
    width:800px;
    height:auto;
    z-index:2;
    left:0px;
    top:0px;
}
#caja {
    width:800px;
    height:1010px;
	min-height: 1010px;
	height: auto!important!;
    z-index:3;
    left:0px;
    margin-top:0px;
}

#cabecera {
	float: left;
	background: url(../images/cabecera.jpg) no-repeat top left;
	width: 790px;
	height: 340px;
	margin-top: 5px;
	margin-left: 5px;
}

#menu {
	float: left;
	width: 790px;
	margin-left: 5px;
	height: 20px;
	background-color: #000;
}

#menu ul {
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	color: #fff;
	font-size: 12pt;
}

#menu ul li {
	float: left;
	display: block;
}

#menu ul li.jornada a{
	float: left;
	background: url(../images/tit_jornada.gif) no-repeat left; 
	width: 59px;
	height: 12px;
	margin-top: 3.5px;
	cursor: hand;
	text-indent: -5000px; 
}


#menu ul li.agenda a{
	float: left;
	background: url(../images/tit_agenda.gif) no-repeat left; 
	width: 52px;
	height: 12px;
	margin-top: 3.5px;
	cursor: hand;
	text-indent: -5000px; 
}


#menu ul li.inscripcion a{
	float: left;
	background: url(../images/tit_inscripcion.gif) no-repeat left; 
	width: 77px;
	height: 12px;
	margin-top: 3.5px;
	cursor: hand;
	text-indent: -5000px; 
}

#menu ul li.localizacion a{
	float: left;
	background: url(../images/tit_comollegar.gif) no-repeat left; 
	width: 89px;
	height: 12px;
	margin-top: 3.5px;
	cursor: hand;
	text-indent: -5000px; 
}


#menu ul li.separador {
	float: left;
	background: url(../images/separador.gif) no-repeat left; 
	width: 18px;
	height: 12px;
	margin-top: 3.5px;
	cursor: hand;
	text-indent: -5000px; 
}






#columna1 {
	float: left;
	margin-top: 25px;
	margin-left: 15px;
	margin-right: 25px;
	width: 480px; /* 500px - 20px padding*/
	height: 488px; /* 520px - 20px padding*/
	border: dashed 1px #CCCCCC;
	padding: 10px;
}

#columna2 {
	float: left;
	margin-top: 25px;
	width: 225px; /* 245px - 20px padding*/
	height: 488px; /* 520px - 20px padding*/
	border: dashed 1px #CCCCCC;
	padding: 10px;
}

.txt_ponentes {
	color: #B2321E;	
	font-size: 10.5px;
	font-weight: bold;
}


.txt_normal {
	font-family: Helvetica;
	font-size: 10px;
	color: #000;
}

.resalte {
	float: left;
	background: #DB592A;
	margin-top: 5px;
	color: #fff;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	width: 480px;
}





/* ---------------------------------------- JORNADAS ----------------------------------------- */

.titular1 {
	float: left;
	width: 470px; /* 480px - 10px pading-left*/
	height: 17.5px; /*20px -2px padding-top */
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #808080;
	padding-left: 10px;
	padding-top: 2.5px;
}

.foto1 {
	float: left;
	margin-top: 10px;
	width: 480px;
	height: 290px;
	margin-bottom: 20px;
}

.col_j1 {
	float: left;
	width: 225px;
	color: #B2321E;	
	font-size: 10.5px;
	font-weight: bold;
	margin-right: 15px;
}

.col_j2 {
	float: left;
	font-size: 10px;
	width: 235px;
	color: #000;	
}


.titular2 {
	float: left;
	width: 215px; /* 225px - 10px pading-left*/
	height: 17.5px; /*20px -2px padding-top */
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background: #808080;
	padding-left: 10px;
	padding-top: 2.5px;
}

.ponentes {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.separador {
	float: left;
	width: 225px;
	background: #CCC;
	height: 2px;
	margin-bottom:1px;
}


/* ---------------------------------------- /JORNADAS ----------------------------------------- */




/*--------------------------------------- AGENDA --------------------------------------------- */

.foto2 {
	float: left;
	margin-top: 10px;
	width: 480px;
	height: 120px;
	margin-bottom: 20px;
}


.col_a1 {
	float: left;
	width: 230px;
	color: #000;	
	font-size: 10px;
	margin-right: 15px;
}


.col_a2 {
	float: left;
	width: 235px;
	color: #000;	
	font-size: 10px;
}

.negrita2 {
	font-size: 10.5px;
	font-weight: bold;
}


/*------------------------------------- /AGENDA --------------------------------------------- */





/*------------------------------------- INSCRIPCION --------------------------------------------- */

.fila {
	float:left;
	width: 480px;
	border-bottom: dashed 1px #CCC;
	padding-top: 5px;
	padding-bottom: 10px;
}

.fila2 {
	float:left;
	width: 480px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.linea{
	float: left;
	width: 480px;
	padding: 2px;
}

.celda{
	float: left;
	width: 240px;
	font-size: 11px;
}

.celda2{
	float: left;
	width: 376px;
	font-size: 11px;
	height: 22px;
	background: url(../images/bg_celda2.gif) repeat-x top left;
}

.celda3{
	float: left;
	width: 2px;
	font-size: 11px;
}

.celda4{
	float: left;
	width: 102px;
	font-size: 11px;
}

.caja1 {
	float: left;
	font-family: arial;
	font-size: 11px;
	color: #000;
	background-color: #CCC;
	height: 16px;
	width: 221px;
	border: 0px;
	padding: 2px;
}


.caja2 {
	float: left;
	font-family: arial;
	font-size: 11px;
	color: #000;
	background-color: #CCC;
	height: 100px;
	width: 460px;
	border: 0px;
	padding: 2px;
}

.boton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #808080;
	height: 22px;
	width: 86px;
	color: #FFFFFF;
	border: 0px none #FFFFFF;
}

/*------------------------------------- /INSCRIPCION --------------------------------------------- */






/*------------------------------------- COMO LLEGAR --------------------------------------------- */

.direccion {
	float: left;
	margin-top: 5px;
}

.foto3 {
	float: left;
	margin-top: 10px;
	width: 480px;
	height: 408px;
	margin-bottom: 20px;
}

/*------------------------------------- /COMO LLEGAR --------------------------------------------- */







#pie {
	float: left;
	margin-top: 25px;
	width: 790px;
	height: 80px;
	margin-left: 5px;
	background: #000;
}
/* -------------- /Estilos web----------------- */