/* 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;
}

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-family:Arial, Helvetica, 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:3em;
	position:relative;
	}

		#cabecera h1{
			width:17.3em;
			height:6.2em;
			margin-bottom:1.0em;
			margin-top:0em;
			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 !important;
	padding-top:4.0em;
	padding-bottom:1.0em;
	/*padding-left:1.5em;*/
	

}
/*------------menu superior #c5d21e-----------*/
ul#menuSuperior{
	background-color:#70b1db;
	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-family:Arial, Helvetica, 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: #ffffff;/*#7e8285;*/
				}
			
			ul#menuSuperior li.ultimaseccionMenuSup{
			border-right: none;
			}


/*----------------buscador----------------------*/	
	form#buscadorGeneral{		
		line-height: 1.5em;
		position: absolute;
		left: 60.0em !important;
		top: 10.0em;
		text-align: right;
	}
		#buscadorGeneral label{display: none;}
		#buscadorGeneral span{
			display: block;
			float: left;
			height: 25px;
			padding-top: 0px;
			vertical-align: middle;
		}
			#buscadorGeneral span.inputTexto{
				width: 102px;
				padding-top: 0;
				background: url(../images/input_buscador.gif) no-repeat top left;
			}
			#buscadorGeneral span.inputTexto input{
					display: block;
					width: 83px;
					height: 15px;
					background: #70b1db;/*#c5d21e;*/
					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: 34px;
			height: 30px;
			background: url(../images/btn_buscar.gif) no-repeat top left;
			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-family:Arial, Helvetica, 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: 38.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: 3.4em;
			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);}
		#iconosDerechaLogo ul li.rss a{background-image:url(../images/btn_rss.gif);}
		#iconosDerechaLogo ul li.iso a{background-image:url(../images/btn_iso.png);}
		#iconosDerechaLogo ul li.facebook a{background-image:url(../images/btn_facebook.png);}
		#iconosDerechaLogo ul li.twitter a{background-image:url(../images/btn_twitter.png);}
		#iconosDerechaLogo ul li.sonett a{background-image:url(../images/btn_sonett.png);}
		#iconosDerechaLogo ul li.blogpro a{background-image:url(../images/btn_blogpro.png); padding-left: 7px; width: 5em;}
		
		#fecha{
			font-family: "Helvetica", Arial,  sans-serif;
			font-size:1.0em;
			font-weight: bold;
			color: #9ba2a8;
			position: absolute;
			width:17.0em;
			left: 60.0em;
			top: 7.0em;
		}



/*-----desplegable, css adaptadas de menumatic-----*/		

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:0;
}
#subMenusContainer a{
	background: #000;
	color: #ffffff;/*#d4de79;*/
	border-left: 1.0em solid #7e8285;
	padding: 0.7em;
	font-size: 1.2em;
	font-weight: bold;
	/*text-transform: lowercase;*/
	white-space: nowrap;
	margin: 0;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	color: #000;
	font-weight: bold;
	font-size: 1.4em;
	/*text-transform: lowercase;*/
	letter-spacing: -1px;
	padding: 0 0 0 1.0em;
	cursor: pointer;
}

html > body #nav a{
	padding: 0 0 0.6em 1.0em;
}
/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}


/* All menu links on hover or focus #d0e008 */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	color: #93c4e3;
}

/* sub menu links on hover or focus #d0e008;*/
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	color: #93c4e3;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
 
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 

}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	

}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	

}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0;
	margin:0;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/ 
	left:0;
}

/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
}
/* main menu ul or ol elment */
#nav{
	display:block;
	position: absolute;
	list-style:none;
	margin:0;
	width: 13.4em;
	z-index:5;
	top: 12.8em;
	left: 0;
	display:block;
	font-size: 1.1em;
}

#subMenusContainer{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:visible;
	z-index:1000000000;
	}


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; margin: 0;}

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 13.4em; margin-top:-3.5em;}
#nav li li:hover ul {	margin-left: 10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 13.4em; margin-top:-3.5em; }
#nav li li a:focus + ul { left:13.4em; margin-left: 1010em; margin-top:-3.5em;}
#nav li li a:focus {left:13.4em;  margin-left:1000em; width:10em;  margin-top:-3.5em;}
#nav li li li a:focus {left:13.4em; margin-left: 2010em; width: 10em;  margin-top:-3.5em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }
	
	
#subMenusContainer li, #nav li{
	/*margin-bottom:-0.99em;*/
	margin: 0;
}
#subMenusContainer li{
	margin-bottom: 1px;
	list-style: none;
	}
#subMenusContainer li a{
	position:relative;
}
	


/*----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.5em;
		width: 6.5em;
		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:#bec7cd;
		/*text-transform: lowercase;*/
	}
	
	#textos h2{
		font-family: Arial, Helvetica, sans-serif;
		font-size:1.8em;
		color:#555b87;
		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.textoContenidoSinLineaInferior{
		color:#666;
		width:100%;
		background: bottom right;
		padding-bottom:20px;
		padding-top:20px;
		line-height:1.2em;	
	}	
#textos p.textoContenidoSinLineaInferior a{
			text-decoration:none;
			color:#666;
			font-weight: bold;
		
		}
#textos p.textoContenidoConLineaInferior a{
			text-decoration:none;
			color:#666;
			font-weight: bold;
		
		}







	
#columna{
	float: left;
	background: #bec7cd;
	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: #bec7cd;
		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;
				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.7em;

		}
		#listado table.tablaListado tr td.contenidoListadoCursos a{
			text-decoration:none;
			font-weight:bold;
			color:#000;
		}
		
/*---  tabla e_learning_cursos_participantes2.html ---*/



		#listado table.tablaListado tr.separacionListadoFinal td.contenidoListadoCursos{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#8c9399;
			text-align:center;
			vertical-align:middle;
			padding-left:1.0em;
			padding-bottom:20px;
			padding-top:20px;


		}
		
		
		
			#listado table.tablaListado tr.titularDatosCursos th.titularesTablaSegundo2{
				width: 16.0em;
				text-align:center;
				background-color:#8c9399;
				padding-left: 1.0em;
				font-weight: bold;
				border-right: #fff solid 0.5em;
			}


			#listado table.tablaListado tr.separacionListadoFinal td.contenidoListadoCursosImg{
				font-family: Arial, Helvetica, sans-serif;
				font-size:1.2em;
				vertical-align:middle;
				font-weight: bold;
		
			}
				#listado table.tablaListado tr.separacionListadoFinal td.contenidoListadoCursosImg img{		
					clear:both;
					vertical-align: middle;
					padding-right:5px;
				
				}
				
				#listado table.tablaListado tr.titularDatosCursos th.titularesTablaCentral{
					width: 12.0em;
					text-align:center;
					background-color:#8c9399;
					padding-left: 1.0em;
					font-weight: bold;
					border-right: #fff solid 0.5em;
			}
				
				#listado table.tablaListado tr.separacionListado td.contenidoListadoCursosImg{
					font-family: Arial, Helvetica, sans-serif;
					font-size:1.2em;
					vertical-align:middle;
					font-weight: bold;
					background: url(../images/bg_separador1.gif) repeat-x bottom;	
					padding-top:10px;
					padding-bottom:10px;
		
			}
				#listado table.tablaListado tr.separacionListado td.contenidoListadoCursosImg img{		
					clear:both;
					vertical-align: middle;
					padding-right:5px;
				
				}
				
		
		#listado table.tablaListado tr.separacionListado td.contenidoListadoCursos2{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#8c9399;
			text-decoration:none;
			vertical-align:middle;
			padding-left:1.0em;
			text-align:center;


		}

/*----------e-learning_cursos_recursos.html-------------*/


table.tablaListado{
	width: 51.1em;
}
table.tablaListado tr.titularDatosRecursos th.recursoModulo1{
	width: 3.0em;
}

table.tablaListado tr.titularDatosRecursos th.recursoModulo2{
	width: 17.0em;

}

table.tablaListado tr.titularDatosRecursos th.recursoModulo3{
	width: 3.0em;
}

table.tablaListado tr.titularDatosRecursos th.recursoModulo4{
	width: 26.0em;
}

table.tablaListado tr.titularDatosRecursos{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			text-align:left;
			color:#8c9399;
			padding-bottom:15px;
}


table.tablaListado tr.titularDatosRecursos th{
			padding-right: 15px;
			padding-bottom:15px;
			font-weight: bold;
}



table.tablaListado tr.datosRecursos td.contenidoDatosrecursos{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#8c9399;
			font-weight: bold;	
			padding-left:20px;
}



table.tablaListado tr.datosRecursos td.contenidoDatosrecursosLinea{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#8c9399;
			background: url(../images/bg_separador1.gif) repeat-x bottom;
			padding-top: 10px;
			padding-bottom:10px;
}

	table.tablaListado tr.datosRecursos td.contenidoDatosrecursosLinea2{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#8c9399;
			background: url(../images/bg_separador1.gif) repeat-x bottom;

	}
		

table.tablaListado tr.datosRecursos td.contenidoDatosrecursosLineaTema{
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			color:#8c9399;
			background: url(../images/bg_separador1.gif) repeat-x bottom;
			font-weight: bold;	
			padding-left:20px;
}




/*-----------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:4px;
			padding-right: 4px;
			font-family: Arial, Helvetica, sans-serif;
			font-size:1.2em;
			padding-bottom:5px;
			margin-top:6px;		
		}	
	
		ul#listadoNoticias li{
			background:url(../images/ico_listadoNoticias.gif) no-repeat 5px 3px;
			padding-bottom: 10px;
			padding-left:18px;
			line-height: 1.0em;
			/*padding-right:1.5em;*/
		}
		
		ul#listadoNoticias li a{
			padding-left: 6.5em;
			color: #bec7cd;
			font-weight: bold;
			text-decoration:none;
		}
		
		ul#listadoNoticias li a.leerMas{
			display: block;
			text-align: right;
			padding-right: 2em;
			color: #bec7cd;
			font-weight: bold;
			text-decoration:none;
			
		}
			ul#listadoNoticias li a:hover{
				color: #bec7cd;
			}


/*-----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:40px;/*25px;*/
		
		}
	
		#pie ul li{
		display: inline;
		/*font-family: "Helvetica", Arial, sans-serif;*/
		font-family:Arial, Helvetica, 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;
		
		}

/*-----Pie banners-----*/
#pie_banners{
	margin-top:3em;
	margin-bottom:8em;
	background: url(../images/bg_separador2.gif) repeat-x top right;
}

	
#pie_banners ul {
	padding-top:5px;
}

#pie_banners ul li{
	display: inline;
	/*font-family: "Helvetica", Arial, sans-serif;*/
		font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight: bold;
	padding-right:8px;
	line-height: 1.5em;
}

#pie_banners ul li a{
	text-decoration:none;
	color:#000;
}

#pie_banners ul li a:hover{
	color: #7e8285;
}

#pie_banners ul li a img{
	vertical-align:middle;
}

#pie_banners ul li img{
	vertical-align:middle;
}

/*----- Destacados banners ------*/
#destacados_banners{
	position: absolute;
	top: 20.0em;
	right: 0;
	padding-left: 22.5em; 
	/*ie 6 lo renderiza incorrectamente, corregimos en la siguiente definicion para el resto de navegadores*/

	}
	
	html > body #destacados_banners{
		padding-left: 22.5em;
	}

#destacados_banners ul {
	padding-top:5px;
}

#destacados_banners ul li{
	display: inline;
	/*font-family: "Helvetica", Arial, sans-serif;*/
		font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight: bold;
	padding-right:8px;
	line-height: 1.5em;
}

#destacados_banners ul li a{
	text-decoration:none;
	color:#000;
}

#destacados_banners ul li a:hover{
	color: #7e8285;
}

#destacados_banners ul li a img{
	vertical-align:middle;
}

#destacados_banners ul li img{
	vertical-align:middle;
}


/*-----genericas---*/
.hidden{
display: none;
}

A.enlace_paginacion:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

A.enlace_paginacion:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
       
}

A.enlace_paginacion:hover {
	color: C00000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
}

.celda_cabecera_recetas{
	background-color:#BEC7CE;
	padding-top:1px;
	padding-bottom:1px;
	font-weight: bold; 
	color: #FFFFFF; 
	font-size:12px
}
