@import url('main.css');

/* /////////////// css de toda la sección cursos /////////////// */	
	
	#titulo {
		background-image:url("../imagenes/layout/titulo_cursos.jpg");
	}
	.encabezado {
		width:100%;
		margin:0px 0px 8px 0px;
		float:left;
	}
	.encabezado h1 { 
		width:300px;
		font-size:22px;
		color:#d12d3b;
		font-weight:bold;
		float:left;
	}
	h2 { 
		font-size:16px;
		color:#000;
		font-weight:bold;
		margin-bottom:10px;
	}
/* contenido que pisa el de main, porque este se situa a la derecha */
	#contenido {
		border-left:3px solid #ccc;
		border-right:0;
		width:724px;
		float:left;
	}
	#contenido_info {
		padding:25px;
		text-align:left;
	}
	#contenido_info p {
		margin-top:10px;
		margin-bottom:10px;
	}	
	
/* lateral que pisa el de main, porque este se situa a la izquierda  */
	#lateral {
		width:206px;
		float:left;
	}
	#lateral p {
		padding:9px;
		float:left;
	}
	#lateral p img {
		width:189px;
		height:60px;
		border:0;
	}
	
/* menu lateral de cursos  */
	ul.cursos  {
		width:100%;
		margin-top:25px;
		text-align:left;
		float:left;
	}
	ul.cursos li {
		padding:10px;
		list-style:none;
		border-bottom:1px solid #ccc;
		display:block;
		position:relative;
	}
	ul.cursos li.selected {
		background-color:#efefef;
	}
	ul.cursos li input {
		width:18px;
		height:18px;
		margin:0;
		border:0;
		background-image:url("../imagenes/layout/icono_flecha.gif");
		right:10px;
		position:absolute;
	}
	ul.cursos li a {
		font-size:12px;
		color:#666;
		text-transform:none;

	}
	ul.cursos li a:hover {
		color:#000;
		text-decoration:underline;
	}	
	ul.cursos #li_arriba {
		border-top:1px solid #ccc;
	}
	
	
	/* tabla listado de areas cursos */		
	.area_cursos {
		width:60px;
		padding-left:6px;
		color:#333;
	}
	.area_nombre {
		width:570px;
		padding:6px;
		color:#000;
	}
	.area_nombre a.calendario{
		color:#000;
	}
	.area_nombre a {
		color:#d12d3b;
		font-weight:bold;
	}
	.area_nombre a:hover {
		text-decoration:underline;
	}
	.area_flecha {
		width:18px;
		padding:5px;
	}
	input.area_flechas { /* este es un submit especial para la flecha del listado */
		width:18px;
		height:18px;
		margin:0;
		border:0;
		background-image:url("../imagenes/layout/icono_circulo_flecha.gif");
		cursor:pointer;
	}
	
	/* tabla listado de cursos */		
	.cursos_fecha {
		width:70px;
		padding-left:6px;
	}
	.cursos_titulo {
		width:380px;
		padding:6px;
		color:#000;
	}
	.cursos_titulo a {
		color:#000;
		font-weight:bold;
	}
	.cursos_titulo a:hover {
		text-decoration:underline;
	}
	.cursos_duracion {
		width:70px;
		padding:1px;
		padding-left:6px;
	}
	.cursos_formato {
		width:80px;
		padding:1px;
		padding-left:6px;
	}
	.cursos_plazas {
		width:40px;
		padding:1px;
		padding-left:6px;
	}
	/* tabla listado profesores */	
	.profesor_nombre {
		width:630px;
		padding:6px;
	}
	.profesor_nombre a {
		font-weight:bold;
	}	
	
	.curso_descripcion a {
		font-weight:bold;
	}

	/* tabla detallado curso */		
	.curso_titulo {
		width:150px;
		font-weight:bold;
		vertical-align:top;
	}
	.curso_descripcion {
		color:#000;
	}
	table {
		margin-bottom:30px;
		margin-top:20px;
	}
	.table_noborder {
		margin:0 0 15px 0;
		clear:both;
	}
	caption {
		padding-bottom:6px;
		padding-left:5px;
		text-align:left;
		font-size:13px;
		font-weight:bold;
	}




/* el párrafo alineado a la derecha con su imagen*/
	p.boton_right {
		line-height:19px;
		text-align:right;
		margin:0;
		float:right;
	}
	p.boton_right img {
		width:18px;
		height:18px;
		margin-right:7px;
		margin-left:20px;
		border:0;
		float:left;
	}
	p.boton_right a {
		font-size:10px;
		color:#999999;
		text-decoration:none;
	}
	p.boton_right a:hover {
		text-decoration:underline;
	}

/* el párrafo alineado a la izquierda con su imagen*/
	p.boton {
		line-height:17px;
		text-align:right;
		padding:10px 0px 25px 0px;
		font-size:11px;
		color:#333;
		float:left;
	}
	p.boton img {
		width:14px;
		height:14px;
		margin-right:7px;
		border:0;
		float:left;
	}
	p.boton a {
		font-size:10px;
		color:#999999;
		text-decoration:none;
	}
	p.boton a:hover {
		text-decoration:underline;
	}	

/* input button para inscribirse a un curso, sale en el detallado del curso */	
	input.inscribirse {
		background-color:#cf1d2c; /* azul */
		border:0;
		color:#fff;
		font-size:11px;
		text-transform:lowercase;
		padding:4px;
		margin-top:25px;
		cursor:pointer;
	}	

	input.cancelar {
		background-color:#000; /* azul */
		border:0;
		color:#fff;
		font-size:11px;
		text-transform:lowercase;
		padding:4px;
		margin-top:25px;
		cursor:pointer;
	}		
	
	p.profesor img {
		margin-bottom:25px;
		margin-left:25px;
		float:right;
	}	
	
	
	.seleccione_curso {
		padding-top:10px;
		padding-bottom:10px;
	}
	/* este es un button para consultar curso */
	input.consultar_curso {
		background-color:#999999;
		border:0;
		color:#fff;
		font-size:12px;
		text-transform: lowercase;
		padding:3px;
		cursor:pointer;
	}