body {color: dddddd; font-family: Verdana; font-size: 8pt}
.arriba {margin-top: 5%; text-align: center}
.medio {margin-top: 30%; text-align: center}
.abajo {margin-top: 10%; text-align: center}
.masabajo { margin-top: 10%; margin-left: -20%; text-align: center}
.titu {font-size: 25 pt; font-family: Verdana; font-weigth: bold}
.listhoriz ul li {display: inline}
.alinizk {text-align: left}
.alinarri {vertical-align: text-top}
h1 {color: #00ff00; font-size: 30 pt; font-weight: bold; font-family: Verdana; text-align: center}
h2 {color: #00f000; font-size: 13 pt; font-family: Verdana; text-align: center}
a:link {color: #000050; font-family: Verdana}
a:visited {color: #000050; font-family: Verdana}
img {border-color: bf0000}
#oculto {font-size: 0%; color: bf0000}
#desccent {position: absolute; top: 120%; width: 80%; left: 40%; padding-bottom: 20%; text-align: center}
#descizk {position: absolute; top: 180%; left: 25%; width: 40%; margin: auto; text-position: left; padding-bottom: 20%}
#descder {position: absolute; top: 180%; left: 65%; width: 30%; margin: auto; text-align: left; padding-bottom: 20%}
#enlizk {position: absolute; top: 200%; left: 7%; width: 55%; margin: auto; text-position: left; padding-bottom: 20%}
#enlcent {position: absolute; top: 200%; left: 40%; width: 55%; margin: auto; text-position: left; padding-bottom: 20%}
#enlder {position: absolute; top: 200%; left: 70%; width: 55%; margin: auto; text-position: left; padding-bottom: 20%}

#fotoizk {position: absolute; top: 190%; left: 25%; text-align: left; padding-bottom: 20%}
#fotoder {position: absolute; top: 190%; left: 65%; text-align: left; padding-bottom: 20%}
#anchura25 {width: 25%}
#anchura50 {width: 25%}
#dibujito {position: absolute; padding-top: 3%; padding-right: 40%; padding-bottom: 20%; margin: auto; text-align: center; left: 2%}
#comisizk {position: absolute; top: 200%; left: 5%; width: 70%; text-align: center; padding-bottom: 20%}
#comisder {position: absolute; top: 200%; left: 60%; width: 70%; padding-bottom: 20%; text-align: center}
#abderecha {position: absolute; padding-top: 5%; padding-bottom: 20%; text-align: center; left: 50%}


.clear {clear:both}

#Estructura {position:relative; 	width:100.0em; margin:0 auto 0 auto; /* margin-right:100px;
	margin-left:100px; */   }
	
	
	#CuadroSuperior {position:relative; width:100.0em; margin-top: 4em; background-color: #E20A16 ;}
	#BarraTituloyBusqueda {position:relative; width:100.0em; margin:0 auto 0 auto;}
#Titulo  { float: left;	margin-top: 2.2em; margin-left: 1; width:70em; 
	 background-image: url(../images/logo.gif);background-repeat: no-repeat;
	background-position: 0 0;
 }
	
#Titulo h1 { /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
	
	 
	font-weight:bold;
	color:#FFFFFF;
	padding: 0px 0px 10px 240px;
	font-size:35px;
	
}




#Search {float:right; margin-top: 4em; margin-right: 0px; width:20em; color:#FFFFFF;font-weight:bold;}

#Mensage { height:3.0em; margin-top: -25px ; }
#Mensage marquee { right:0em; left : 0em; font-weight:bold; font-size:15px; margin-top: -25px ;}



#Enlaces {  height:3.0em; }

#Enlaces ul { list-style: none;	font-size:18px; font-weight:bold; color:#FFFFFF;}
		#Enlaces li { float: left; padding: .0em .99em;  font-family:Century Gothic ;  font-style:italic; }				
		#Enlaces li a { display: block; padding: .2em .4em; text-decoration: none; color:#FFFFFF;}	
		
		#Enlaces  .s{ float: left; padding: .05em 0.99em;  font-family:Century Gothic ;  font-style:italic ; background-color: #203535 ;}	
		#Enlaces li a:hover{text-decoration:underline}
		
		
#Estas {color:#191970;margin: 15px 0px 0px 0px;}
#Estas Titulo{font-size:13px;}
#Estas a{font-size:11px;font-weight:bold;text-decoration: none;}
#Estas a:hover{font-size:13px;font-weight:bold;text-decoration: underline;}
#Estas Lugar{font-size:11px;font-weight:bold;background-color: #DCDCDC ;color:#191970;}
#Estas Separ{font-size:7px;font-weight:bold;}


#BarraEnlaces { position:relative;  height:3.0em; background: url(http://www.jse.org/sites/default/themes/custom/jse/img/bg_menuSub.gif) repeat-x 0 0em;
	margin: -13px 0px 0px 0px;}

#BarraEnlaces  ul { 	list-style: none; font-size:12px; font-weight:bold; color:#FFFFFF;}
		#BarraEnlaces  li { float: left; padding: .0em .99em;  font-family:Century Gothic ;  font-style:italic}				
		#BarraEnlaces  li a { display: block; padding: .2em .4em; text-decoration: none; color:#FFFFFF;}	
					
		#BarraEnlaces  li a:hover{text-decoration:underline}

#BarraEnlaces2 { position:relative;  height:3.0em; background: #DCDCDC; repeat-x 0 0em;margin: -14px 0px 0px 0px;}

#BarraEnlaces2  ul { 	list-style: none; font-size:13px; font-weight:bold; color:#4682B4;}
		#BarraEnlaces2  li { float: left; padding: .0em .99em;  font-family:Century Gothic ;  font-style:italic}				
		#BarraEnlaces2  li a { display: block; padding: .2em .4em; text-decoration: none; color:#4682B4;}	
		#BarraEnlaces2  li a:hover{text-decoration:underline}
		#BarraEnlaces2  .ModuloFinal {background-color:#E20A16;  height:0.3em}
	


	
#Cuerpo {position:relative; width:100.0em; margin: 0px 0px 0px 0px;}

	
	#Lateral { float: left;	margin-top: 1.2em; margin-left: 0; width:29.8em;   border:1; /* background-color: #FFFFFF;*/}
	
	#Lateral .modulo{background-color:#F6F5F5; margin-top: 2em;  }
	#Lateral .modulo .ModuloCabecera{background-color:#E20A16; }
	#Lateral .modulo .ModuloCabecera h2{padding:.32em 0 .48em  1.5em; background-color:#E20A16;color:#FFFFFF;  font-size:15px; font-weight:bold; letter-spacing:-1px;  text-transform:uppercase;}
	#Lateral .modulo .ModuloCuerpo{ border-left:#E0DCDC solid 1px; border-right:#E0DCDC solid 1px; text-align:center; padding-top:.5em;}
	#Lateral .modulo .ModuloCuerpo p{padding:1em; text-align:left;color:#4a4445;}
	#Lateral .modulo .ModuloFinal {background-color:#E20A16;  height:0.3em}
	
	
	
	#Central { float: right;	margin-top: 1.2em; margin-right: 0px; width:65.5em;  border:1;  }
	
	
	 .Actualidad { margin-top: 2em;   margin-right: 0px;  background-color:#FFFFFF; width:63.8em; }
	 .Actualidad h2{ padding:.32em 0 .48em  1.5em; background-color:#E20A16; color:#FFFFFF;  font-size:15px; font-weight:bold; letter-spacing:-1px;  text-transform:uppercase; }
	.Actualidad img{ right:1.9em; top:7em;}
	.Actualidad .ModuloFinal {background-color:#E20A16;  height:0.3em}
	
	
	#Noticias {background-color:#F6F5F5; margin-top: 2em;}
	#Noticias .Noticia { margin-top: 2em;  margin-right: 0px; width:63.8em; background-color:#F6F5F5; border-left:#E0DCDC solid 1px; border-right:#E0DCDC solid 1px;}
	#Noticias .Noticia .ModuloFinal {background-color:#E20A16;  height:0.3em}
	#Noticias .Noticia h2 {  color:#000000; }
	#Noticias .Noticia h3 {  }
	#Noticias .Noticia azul  { font-size:12px;  color:blue; }
	#Noticias .Noticia tituloTexto  { font-size:22px;  color:#483D8B;  font-family:Arial}
	#Noticias .Noticia texto  { font-size:15px;  color:#000000;  font-family:Arial}
			#Noticias .Noticia h2 a,  h3 a{ display: block; color:#E20A16; text-decoration:none; }
				#Noticias .Noticia h2 a:hover, h3 a:hover{ text-decoration:underline }
			#Noticias .Noticia h2 span,  h3 span{  display:block; width:18em;  top:0em;  margin:0 auto 0 auto;/*position:absolute; background:url(../img/bck_dateNews.gif) no-repeat 0 0;*/ text-align:center }
				#Noticias .Noticia h2 span img, h3 span img{padding:0 1em; float:none}
		#Noticias .Noticia p{ margin-bottom: .5em; }
		
		#Noticias .Noticia p a { border-bottom:1px solid #4a4445; text-decoration:none;}
		
		#Noticias .Noticia .mas{ border-bottom:1px solid #99DDFD ; margin-left:1em;}
		
		#Noticias .Noticia  h1 span{ /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
	font-size:25px;
	font-weight:bold;
	margin:0;
	
	
	
	color:#E20A16;
	/*margin:0; los h1 vienen con margen, con esto se lo quito*/ 
	/*text-transform:uppercase; convierte todas en mayusculas*/ 
	
	/*margin-right:auto; margin-left:auto;*/
	 top: 1.6em;
}

#Pie {position:relative; }
	#PieNav { clear: both; min-height:25em; margin-top: 2em; padding: 2em 0 0 0; background: #E20A16 url(http://www.jse.org/sites/default/themes/custom/jse/img/bg_footer.gif) repeat-x 0 0em; }
	#Aviso{clear: both; margin-top: 2em; margin:0 auto 0 auto; text-align:center}
	#Aviso span{color:#B5ADAD }
	#PieNav li a{font-size:1.8em; color:#fff}
	#PieNav li ul li a{font-size:1.5em; font-weight:normal}
	#PieNav ul { margin: 0; padding: 0; list-style: none	}
		#PieNav li { float: left; padding: .2em 1em;  }				
			#PieNav li.first { width: 11% }
			#PieNav li.opt2 { width: 14.5% }
			#PieNav li.opt3 { width: 17% }
			#PieNav li.opt4 { width: 14.5% }
			#PieNav li.opt5 { width: 13.5% }
			#PieNav li.opt6 { width: 14.5% }
			
		#PieNav li a { text-decoration: none;  }			
		#PieNav li a:hover{text-decoration:underline}
			#PieNav li ul {margin: 0; padding: .8em 0 0 0; list-style: none; 	}
			#PieNav li ul li { float:none; padding: .2em 0 0 2em; background:url(../img/ico_starb.gif) 0em .4em no-repeat; }				
			#PieNav li ul li a { text-decoration: none; }						
			#PieNav .first { margin-left: .5em; }
			#PieNav .primero {background:none}

.Seccion{background-color:#F6F5F5; margin-top: 2em;border-left:#E0DCDC solid 1px; border-right:#E0DCDC solid 1px;text-align: center; }
.Seccion h1{ /*encadenamos el identificador del div, con la etiqueta par areferirnos solo al h1 dentro del div encabezado, asi no afectara otros h1 en el resto del documento.*/ 
	font-size:25px;
	font-weight:bold;
	margin:0;
	
	
	
	color:#E20A16;
	/*margin:0; los h1 vienen con margen, con esto se lo quito*/ 
	/*text-transform:uppercase; convierte todas en mayusculas*/ 
	
	/*margin-right:auto; margin-left:auto;*/
	 top: 1.6em;
}

.Seccion h2{color:#E20A16}
.Seccion a{  display: block; margin: auto;}
.Seccion img{  width:50% ; height:40%; border:0 ;}