/* Resetear valores */
* {

padding:0;
margin:0;

}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {

     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     /*font-family: inherit;*/
     vertical-align: baseline;
	  scrollbar-face-color: #FFFFFF;
	  scrollbar-highlight-color: #FFFFFF;
	  scrollbar-shadow-color: #FFFFFF; 
	  scrollbar-3dlight-color: #CCCCCC; 
	  scrollbar-arrow-color: #020B72; 
	  scrollbar-track-color: #FFFFFF; 
	  scrollbar-3dlight-color: #CCCCCC; 
	  scrollbar-darkshadow-color: #CCCCCC; 
	  scrollbar-base-color: #CCCCCC;
	  clip:  rect(   );
}

body {
     line-height: 1;
	
}

:focus {
     outline: 0;
}

ul {
     list-style: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

blockquote:before, blockquote:after, q:before, q:after {
     content: "";
}

blockquote, q {
     quotes: "" "";
}



hr {
	display: block;
	clear: both;
     border: 0;
     color: #000;
     background-color: #000;
     height: 0.1em;
}

/*----------------------------------------------------------------------*/ 
html{ font-size:100%; }

	body{
		font-family: "Helvetica", Arial, sans-serif;
		font-weight: bold;
		background:url(../images/bg_base.gif);
		font-size: 62.5%;/*indispensable para conseguir que toda la web reescale junto al tamaño del texto, así 0.1em = 1px*/
	}


#contenedora{
	width: 75.0em;
	margin: 0 auto;
	background: #fff;
	color: #000;
	position: relative;
}

#conenedorCabecera{
	width: 75.0em;/*evitamos el haslayout en ie 6*/
	}
	
	#cabecera{
	height:8.5em;
	background-color:#fff;
	padding-top:0.5em;
	position:relative;
	}

		#cabecera h1{
			width:17.3em;
			height:6.2em;
			margin-bottom:1.0em;
			margin-top:1.5em;
			padding-left:1.0em;
		}
		#cabecera h1 strong{display: none;}


hr.clear{
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	color: #fff;
	background-color: #fff;
	}



/*------------localizador de las páginas-----------*/
p.localizador{
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#b0c259;
	padding-top:1.0em;
	padding-bottom:1.0em;
	/*padding-left:1.5em;*/
	

}
/*------------menu superior-----------*/
ul#menuSuperior{
	background-color:#c7da04;
	line-height: 3.0em;
	top: 10.0em;
	position:absolute;
	height:3.0em;
	width: 75.0em;
	}
	
		ul#menuSuperior li{
		display: inline;
		padding-right:0.7em;
		}
		
			ul#menuSuperior li.seccionMenuSup{
				font-family: "Helvetica", Arial, sans-serif;
				font-size:1.2em;
				padding-left:1.0em;
				border-right:#fff 1px solid;
				
			}
		
			ul#menuSuperior li.seccionMenuSup a{
				text-decoration:none;
				color:#000;
				font-weight: bold;			
			}
				ul#menuSuperior li.seccionMenuSup a:hover{
					color: #7e8285;
				}
			
			ul#menuSuperior li.ultimaseccionMenuSup{
			border-right: none;
			}


/*----------------buscador----------------------*/	
	form#buscadorGeneral{		
		line-height: 1.5em;
		position: absolute;
		right: 1.0em;
		top: 10.0em;
		width:245px;
		text-align: right;
	}
		#buscadorGeneral label{display: none;}
		#buscadorGeneral span{
			display: block;
			float: left;
			height: 25px;
			padding-top: 5px;
			vertical-align: middle;
		}
			#buscadorGeneral span.inputTexto{
			width: 121px;
			padding-top: 0;
			background: url(../images/input_buscador.gif) no-repeat top left;
			}
			#buscadorGeneral span.inputTexto input{
					display: block;
					width: 83px;
					height: 15px;
					background: #c7da04;
					border: 0;
					margin-top: 7px;
					margin-left: 2px; /*ie 6 dobla este valor, colocamos la mitad y corregimos en la siguiente definicion*/
					color: #fff;
					float: left;
				}
					html > body #buscadorGeneral span.inputTexto input{
						margin-left: 4px;
					}
		#buscadorGeneral button{
			border: 0;
			display: block;
			width: 47px;
			height: 20px;
			background: url(../images/btn_buscar.gif) no-repeat;
			cursor: pointer;
			
		}
			#buscadorGeneral button strong{
				display: none;
			}
		
		#buscadorGeneral span.btn_avanzada{
			
		}
		#buscadorGeneral span.btn_avanzada a{
			background: url(../images/btn_avanzada.gif) no-repeat top right;
			width: 66px;
			display: block;
			height: 20px;
			border-left: 2px solid #fff;
			padding-left: 6px;
			margin-left: 3px;
			}
			#buscadorGeneral span.btn_avanzada a em{display: none;}

	
		ul#buscador li{
		font-family: "Helvetica", Arial, sans-serif;
		font-weight: bold;
		font-size:1.2em;
		display: block;
		float:left;	
		padding-left: 1.0em;
		}
		
		ul#buscador li a{
		display: block;
		font-weight: bold;
		text-decoration: none;
		color:#000;	
		}
	
		ul#buscador li.btn_buscar img{
		
		}
	

/*----------------menu iconos de la zona superior derecha---------------------------*/

	#iconosDerechaLogo{
		position: absolute;
		left: 56.0em;
		top: 3.0em;

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

		#iconosDerechaLogo ul li a{
			display: block;
			text-decoration: none;
			color:#000;
			text-indent:-10000px;
			width: 4.0em;
			height: 4.0em;
			background-repeat: no-repeat;
			background-position: center;
		}	
		
		#iconosDerechaLogo ul li.inicio a{background-image:url(../images/btn_inicio.gif);}
		#iconosDerechaLogo ul li.favoritos a{background-image:url(../images/btn_favoritos.gif);}
		#iconosDerechaLogo ul li.mapaSitio a{background-image:url(../images/btn_mapaweb.gif);}
		#iconosDerechaLogo ul li.contacto a{background-image:url(../images/btn_contacto.gif);}
		
		#fecha{
			font-family: "Helvetica", Arial,  sans-serif;
			font-size:1.0em;
			font-weight: bold;
			color: #9ba2a8;
			position: absolute;
			width:17.0em;
			left: 57.0em;
			top: 7.0em;
		}



/*-----desplegable-----*/		


	#menuDesplegable{
		padding-bottom:1.5em;
		height:17.5em;
		position: absolute; /*colocado en absoluto para poder superponerlo a las noticias destacadas.*/
		top: 14.2em;
		z-index: 100;/*por encima de las noticias destacadas si no hay javascript*/
	}
	
	/*--floats y clears usados indiscriminadamente hasta que el acordeon de mootools cuadra---*/
	#menuDesplegable h2 {
			font-weight: bold;
			font-size: 1.4em;
			padding-left: 15px;
			padding-top: 3px;
			padding-bottom: 7px;
			letter-spacing: -1px;
			width: auto;
			margin: 0;
			padding-right: 0.5em;
			cursor: pointer;
			text-transform: lowercase;
			overflow: hidden;
			color: #000;
			text-decoration: none;
			float: left;
			clear: left;
		}	

			#menuDesplegable h2 a{
				color: #000;
				text-decoration: none;
				font-weight: bold;
				}
				#menuDesplegable h2 a:hover{
					color: #c7da04;
				}
	

		#menuDesplegable ul{
			display: block;
			clear: right;
			cursor: auto;
			width: 60.6em;
		}
			
			html>/**/body #menuDesplegable ul{/*ie 6 y 7 muestran todos los submenus en la misma posicion sin no los flotamos*/
				float: left;
			}
			#menuDesplegable ul li{
	float: left;
	white-space: nowrap;
	background: #000;
	text-align: left;
	padding: 0 1.0em 0 1.2em;
	background: url(../images/itemMenuDesplegable.gif) repeat-y top left;
	overflow: hidden;
	cursor: auto;
	width: auto;
	text-transform: lowercase;
	line-height: 2;
}
			
			/*creamos el cuadro gris wue precede a cada menu*/
			li.pec{border-left:5.2em solid #ccc;}
			li.pch{border-left:0 solid #ccc;}
			li.pct{border-left:1.5em solid #ccc;}
			li.pj{border-left:5.3em solid #ccc;}
			li.pbt{border-left:0.9em solid #ccc;}
			li.pd{border-left:1.1em solid #ccc;}
			
				#menuDesplegable ul li a{
					text-decoration: none;
					font-weight: bold;
					color: #d4de79;
					font-size: 1.2em;
					letter-spacing: normal;
					white-space: nowrap;
					height: 2.0em;
					width: auto;
					line-height: 1.6em;
					
				}
				#menuDesplegable ul li a:hover{
					color: #d0e008;
				}


/*----cuadros de noticias destacadas-------*/

#noticiasDestacadas{
	position: absolute;
	top: 14.0em;
	right: 0;
	padding-left: 8.0em; 
	/*ie 6 lo renderiza incorrectamente, corregimos en la siguiente definicion para el resto de navegadores*/
	width: 49.5em;
	height: 16.8em;
	}
	
	html > body #noticiasDestacadas{
		padding-left: 9.5em;
		width: 48.0em;
	}


#noticiasDestacadas ul li{
	display: block;
	margin: 1.5em 0 0 1.5em;
	width: 14.0em;
	height: 14.0em;
	float: left;
	}
	
	#noticiasDestacadas ul li a{
		color: #fff;
		text-transform: uppercase;
		font-weight: normal;
		background: #5a6369;
		letter-spacing: -1px;
		text-decoration: none;
		display: block;
		/*este valor modifica la escala del pixels/ems. Reajustamos las siguientes medidas*/
		font-size: 1.8em;
		height: 6.666em;
		width: 6.666em;
		padding: 0.55em;

	}


		
/*----contenidos: texto y columna----*/
#contenidos{
	padding-top: 23.0em; /*espacio del menu desplegable*/
}



#textos{
	width: 51.1em;
	overflow: hidden;
	margin-left: 0.8em; /*ie 6 lo duplica, colocamos la mitad y corregimos en la siguiente definicion*/
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
	html > body #textos{ margin-left: 1.6em;}


	#textos h1{
		font-family: Arial, Helvetica, sans-serif;
		font-size:4.0em;
		font-weight: bold;
		margin: 0.4em 0;
		color:#c2c7cd;
		/*text-transform: lowercase;*/
	}
	
	#textos h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.8em;
		color:#eb8907;
		font-weight: bold;
		letter-spacing: -1px;
		margin-bottom: 0.5em;
	}

	#textos h3{
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.2em;
		font-weight: bold;
		color:#666;
	}


#textos p, #textos ul, #textos ol, #textos table{
	font-size: 1.2em;
	}
#textos strong{font-weight: bold;}

	#textos p.textoContenido{
		padding-bottom: 15px;
		margin-top:15px;
		top: 15px;
	
	}	
	
#textos	p.textoContenidoConLineaInferior{
		color:#666;
		width:100%;
		background:url(../images/bg_separador1.gif) repeat-x bottom right;
		padding-bottom:20px;
		padding-top:20px;
		line-height:1.2em;	
	}
	
#textos p.textoContenidoConLineaInferior a{
			text-decoration:none;
			color:#666;
			font-weight: bold;
		
		}







	
#columna{
	float: left;
	background: #f3f3f3;
	margin-left: 1.0em;
	width: 20.0em;
	overflow: hidden;
}
	#columna div{
		width: 18.2em !important;
		margin: 1.0em auto !important;
		background: #fff;
	}
	
	#columna h3{
		font-size: 2.0em;
		text-transform: uppercase;
		margin: 0 0 10px 0;
		color: #f3f3f3;
		line-height: 1em;
		font-weight: bold;
		font-family: "Tahoma", Arial, Helvetica, sans-serif;
	}
	#columna #banners p{
		margin: 10px 0;
	}
	

/*--estilos para la tabla--*/
	#listado table.tablaListado{

		width: 100%;
		font-size: 0.9em;
		margin-top: 1.0em;
		color: #000;

	}
		
		#listado table.tablaListado tr.titularDatosCursos{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			line-height: 1.5em;
			color:#fff;
			padding-left:1.5em;	
		}
		
			#listado table.tablaListado tr.separacionListado{
				background: url(../images/bg_separador1.gif) repeat-x bottom;		
			}


			#listado table.tablaListado tr.titularDatosCursos th{
				text-transform: uppercase;
					padding: 0.25em;
			}
			#listado table.tablaListado tr.titularDatosCursos th.titularesTabla{
			
				font-weight: bold;
				background-color:#8c9399;
				text-align:left;
				border-right: #fff solid 0.5em;
				
				
			}
			
			#listado table.tablaListado tr.titularDatosCursos th.titularesTablaDerecha{
			border-right: #fff solid 0;
			
			}

			#listado table.tablaListado tr.titularDatosCursos th.titularesTablaSegundo{
				width: 16.0em;
				text-align:left;
				background-color:#8c9399;
				padding-left: 1.0em;
				font-weight: bold;
				background-color:#8c9399;
				border-right: #fff solid 0.5em;
			}


		#listado table.tablaListado tr td.contenidoListadoCursos{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			text-align:left;
			padding-bottom:1.5em;
			padding-left:1.0em;
			padding-right:0.5em;
			padding-top:0.15em;

		}

/*-----------formulario-----------------------*/
	#listado form#ordenar{
		text-align: right;
		position: relative;
		bottom: 1.8em;
	}
	#listado form#ordenar label{
	font-size: 1.1em;
	color: #8c959b;
	}
	#listado form#ordenar fieldset{
		margin: 0;
		padding: 0;
	}
	#listado form#ordenar input{

	}
	#listado form#ordenar button{
		width: 19px;
		height: 20px;
		margin: 0 0 0 4px;
		border: 0;
		vertical-align: top;
		cursor: pointer;
		background: url(../images/btn_selectorListado.gif) no-repeat top left;
	}
	#listado form#ordenar button strong{display: none;}

		

/*Texto del contenido*/

	p.textoContenido{
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.2em;
		padding-left:15px;
		color:#666;
		line-height: 1.2em;
		padding-left:0em;
		
	}

		p.textoContenido a{
		text-decoration:none;
		font-weight: bold;
		color:#000;
		
		}

		p.textoContenido span.enlaceNegrita a{
			font-weight: bold;
			text-decoration:none;
			color:#000;
			line-height: 1.2em;

		}



		
/*-----Listado Noticias-----*/

ul#listadoNoticias{
			padding-left:15px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			padding-bottom:25px;
			margin-top:10px;		
		}	
	
		ul#listadoNoticias li{
			background:url(../images/ico_listadoNoticias.gif) no-repeat 5px 3px;
			padding-bottom: 5px;
			padding-left:18px;
			line-height: 1.2em;
		}
		
		ul#listadoNoticias li a{
			color: #c0c9cf;
			text-decoration:none;
		}
			ul#listadoNoticias li a:hover{
				color: #7e8285;
			}


/*-----calendario-----*/		

		#calendario{
		width:17.5em;
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 1.4;
		color: #1a448d;
		
		
		}
		#calendario table{
			width: 100%;
			font-size:1.0em;
			}

			#calendario table tr.meses{
			text-align:center;
			color:#000;
		
			}
			#calendario table tr.meses td{
			font-weight: bold;
			}
				
			#calendario table tr.diaSemana{
			background-color:#bec7cd;
			color:#fff;
			text-align:center;
	
			}
		
			#calendario table tr.diasMes {
			color:#0b3785;
			text-align:center;
			}
			#calendario a{
				color: #e50817;
				text-decoration: none;
			}
				#calendario a:hover{
					color: #000000;
				}
		
		
/*---------listado------------*/		
	#listado{
		background-color:#fff;
		position:relative;
	
	}


/*-------Centrar botones---------*/

		p.centrar_botones{
			padding-top:15px;
			text-align:center;
			width:514px;
		
		}
		
			p.centrar_botones img{
				padding-right:15px;
			
			}

/*--------Botón subir arriba------------*/
		
		p.btn_arriba {
			background: url(../images/bg_separador2.gif) repeat-x top right;			
			clear:both;
			padding-top:4.0em;
			padding-right:0.5em;
			text-align: right;
		
		}
		
			p.btn_arriba a{
				display:block;
				text-decoration:none;
				font-family: Arial, Helvetica, sans-serif;
				font-size:1.2em;
				font-weight:bold;
				color:#666;
				background: url(../images/bg_volverArriba.gif) no-repeat right top;
				padding-right:20px;					
				
			}


				

		p.lineaSeparacionSimple{
			background: url(../images/bg_separador1.gif) repeat-x top right;
			margin-left:1.5em;
		}
			
		#listado p.enlaceFinalContenido{
			background: url(../images/bg_separador1.gif) repeat-x top right;
			margin-left:1.5em;
			padding-bottom:1.5em;	
			padding-top:1.5em;	
			text-align:right;
		
		}
		
		
		
		#listado p.enlaceFinalContenido a{
			font-weight: bold;
			text-decoration: none;
			color:#811a3c;
						
		}

/*--------- Pie de la pagina------------*/
	
	#pie{
		margin-top:1.5em;
		background: url(../images/bg_separador2.gif) repeat-x top right;
	}

	
		#pie ul {
		padding-top:15px;
		
		}
	
		#pie ul li{
		display: inline;
		font-family: "Helvetica", Arial, sans-serif;
		font-size:1.0em;
		font-weight: bold;
		padding-right:8px;
		line-height: 1.5em;

		
		}
			#pie ul li a{
			text-decoration:none;
			color:#000;
			
			}
			#pie ul li a:hover{
				color: #7e8285;
			}
	
		#pie ul li a img{
		vertical-align:middle;
		
		}

/*-----genericas---*/
.hidden{
display: none;
}