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 {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


h1{ display: none}
h2{
border-bottom: 1px solid #1272b2;
font-size: 32px; color: #1272b2;
margin: 0 0 10px; padding: 0 0 5px;
}
h3,h4{ line-height: 1.4em}
h3{ font-weight: bold; font-size: 14px; color: #235084 } /**/ #cuerpo h3 a{ color: #000}
h4{ font-weight: bold; font-size: 12px; color: #1272b2; padding: 5px 0}

a{ text-decoration: none; color: #000}
strong{ font-weight: bold}
em{ font-style: italic}

p, li{ font-size: 11px; line-height: 1.3em}
p{ padding: 0 0 10px }

body{
font-family: Arial, Helvetica, sans-serif;
background: #727374
}

#contenedorplus{
background: url(imagenes/body_bg.png) top left repeat-x #007abe; 
}
#contenedor{ width: 940px; margin: auto; padding: 0 10px;}

#cabecera{
height: 160px;
margin: 0 0 00px;
position: relative;
background: url(imagenes/cabecera2_bg.jpg) right 4px no-repeat;
}
	#logotipo{ position: absolute; top: 5px; left: -35px }
	
	#idioma{ position: absolute; top: 5px; right: 0; font-size: 0.7em}
	
	#menu{ position: absolute; bottom: 50px; right: -10px}
		#menu li{ display: inline }
		#menu li a{ padding: 0 10px 16px 10px; font-size: 14px; text-align: center; display: block; float: left}
		#menu li a:hover, #menu li a.actual{ background: center bottom url(imagenes/menu_li_bg.png) no-repeat}
		#menu li a.actual{ font-weight: bold }

#cuerpo{ background: #fff; padding: 20px; /*float: left;*/ width: 900px; margin: 0 0 10px; float: left}
	
	#cuerpo p a:hover{ text-decoration: underline}

	#lateral{
	background: #cde6f3;
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
	
	/*display: table-cell;
	vertical-align: top*/
	}
		
		#submenu li a{
		border-bottom: 1px solid #fff;
		color:#1272b2; display: block;
		padding: 10px; font-size: 16px; line-height: 1.3em
		}
		#submenu li.actual a, #submenu li:hover a{ background: #fff; }
		#submenu li.actual a{border: 1px solid #1272b2}
		#submenu li.actual + li{ border-top: 1px solid #fff}
			#submenu .fecha{ font-size: 0.7em; padding: 0 0 0 5px; text-align: right}
			
	
	#contenido{
	float: left;
	width: 670px;
	
	/*padding: 0 0 0 20px;
	display: table-cell*/
	}
	#contenido.contenidoPlus{
	width: 580px
	}
	
		#contenido li{ }
		
		#contenidoPrincipal{ float: left; width: 450px; margin: 0 20px 0 0}
		#contenidoPrincipal ol{  list-style:decimal; padding:0 0 10px 15px; }
		#contenidoPrincipal ul{ font-size:1.2em;}
			#contenidoPrincipal li.principal{ font-weight:bold; padding:10px 0 0 0;}
			#contenidoPrincipal li.ultimo{ padding:15px 0 0 0;}
			
			
		#lateralImagenes{ float: right; width: 200px }
			.piedefoto{ font-size: 0.55em; font-style: italic; padding: 0 0 20px}
	
		.documento{
		border-bottom: 1px solid #1272b2;
		margin: 0 0 10px; padding: 0 0 15px 60px;
		position: relative
		}
			.documento a{ font-weight: bold; color: #1272b2 }
			.documento .fecha{
			font-size: 9px; font-weight: bold; padding: 10px 0 0px; display: block;
			color: #1272b2
			}
			.docPDF{ background: url(imagenes/docPDF.png) left top no-repeat }
			.docDOC{ background: url(imagenes/docDOC.png) left top no-repeat }
			.docJPG{ background: url(imagenes/docJPG.png) left top no-repeat }
			.docZIP{ background: url(imagenes/docZIP.png) left top no-repeat }
			.imgEnlace{ position: absolute; top:0; left: 0 }
		
		#imgRevista{
		width: 200px; margin: 0 20px 0 0;
		float: left
		}
			#imgRevista a{
			display: block; height: 20px; padding: 20px 0 20px 45px; background-position: -10px center;
			font-size: 0.75em; font-weight: bold; color:#1272b2
			}
		#contenidoRevista{ float:left; width: 425px}
			#contenidoRevista .fecha{ font-size: 0.7em; color: #235084 }
			#contenidoRevista h3{ font-size: 1.2em; color: #1272b2; padding: 0 0 10px }
			#contenidoRevista li{ display: block; margin:10px 0 0 }
			#contenidoRevista #sumario li{width: 400px;
			margin: 0 0 10px -12px; padding: 0 0 0 12px;
			}
			#sumario li:hover{
			text-decoration: underline;
			background: url(imagenes/sumario_bg.png) left center no-repeat; 
			}
			
		#noticiaContenido, #noticiaMedia{ float: left; width: 270px }
		#noticiaContenido{ margin: 0 20px 0 0 }
		
			#lateral.lateralPlus{ width: 300px;}
			
			#listadoNoticias{
/*			width: 300px;*/
/*			float: left;*/
/*			padding: 10px 10px 0;*/
			min-height: 150px;
			display: inline;
			position: relative;
			border-top: 1px solid #235084; display: block;
			margin: 10px auto; width: 270px/**/
			}
			/*#listadoNoticias div:first-child{ border-top: 1px solid #235084}*/
			#listadoNoticias div{
			padding: 5px 10px 15px 10px;
			position: relative;
			border-bottom: 1px solid #235084;
			}
			#listadoNoticias div p{line-height: 1em; padding:0;}
			.fecha{ font-size: 0.7em; color: #235084; font-weight: bold; line-height: 2em}
			#listadoNoticias div.actual{background: #fff;}
			#listadoNoticias h4{ line-height: 1.2em; padding: 0 0 5px}
			#contenedor #listadoNoticias p{ line-height: 1.3em}
			
			
			.irNoticia{ position: absolute; bottom: 0; right: 0}
			#listadoNoticias div:hover{
			background: url(imagenes/noticias_bg.png);
			background: #fff
			}
			#listadoNoticias div:hover .fecha{ color: #1272b2}
			
			#listadoNoticias .docPDF{
			padding: 5px 10px 15px 60px;
			}
			#listadoNoticias .docPDF:hover{
			padding: 5px 10px 15px 60px;
			background: url(imagenes/docPDF.png) #fff left top no-repeat
			}
			
			.pdf, .externo{ padding: 5px 0 5px 22px; font-weight: bold; color: #235084 }
			.pdf{ background: url(imagenes/pdf.png) center left no-repeat}
			.externo{ background: url(imagenes/externo.png) center left no-repeat}
			
			/*paginacion*/
			.paginacion{
			padding:2px 0 3px;
			background: #80bddf url(imagenes/numeracion.png) bottom left repeat-x;
			text-align: center
			}
			.paginacion li{ display: inline}
			#cuerpo #lateral .paginacion a:hover{ text-decoration:none}
			#cuerpo #lateral .num{
			margin: 0 0 -10px; padding: 0 4px;
			background: #fff; border-bottom: 3px solid #ccc; font-size: 12px; color: #2f5e90; 
			}
			#cuerpo #lateral .num:hover{ border-bottom: 3px solid #2f5e90 }
			#cuerpo #lateral .num.pagActual{border-bottom: 3px solid #2f5e90}
			
			/*----------*/
			
	
.patrocinadores{ text-align: right; margin: 10px 0 0; clear: both; padding: 0 0 8px}
	.patrocinadores li{ display: inline; margin: 0 0 0 15px}

#pie{
background: url(imagenes/pie_bg.png) top center repeat-x #727374;
color: #fff; font-size: 0.8em; text-align: center;
padding: 10px;
clear: both
}
	#pie ul{ width: 900px; margin: auto}
	#pie li{ display: inline}
	
/**/

#contacto label{ font-size: 0.7em; display: block }
#contacto input, #contacto textarea{ border: 1px solid #727374; width: 200px; margin: 0 0 10px }
#contacto input[type="image"]{
width: 92px; height:30px; float: right; text-indent: -999em; border: none; cursor: pointer
}