.topnara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-attachment: fixed;
	background-color: #CC6600;
	background-image:  url(../img/NOTICIAS_04_01.jpg);
	background-repeat:  repeat;
	background-position: left top;
	text-align: right;
	vertical-align: middle;
	padding: 2px 25px 2px 2px;
}
.basazul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	background-attachment: fixed;
	background-color: #006699;
	background-image:  url(../img/NOTICIAS_16.jpg);
	background-repeat: repeat;
	background-position: left top;
	text-align: left;
	vertical-align: middle;
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	text-align: centre;
	vertical-align: middle;
	border: 1px none #CCCCCC;
	padding: 0px;
	margin: 0%;
}
.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
	padding-right: 25px;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	background-color: #FFFFFF;
	text-align: justify;
	vertical-align: middle;
	
	border-right: 1px solid #006699;
	
	border-left: 1px solid #006699;
}
.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 10px 4px 4px 0px;
	border: 0px none #FFFFFF;
	left: 0px;
	top: 5px;
}
.titulomes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	background-color: #CCCCCC;
	text-align: left;
	vertical-align: middle;
	padding: 2px 2px 2px 15px;
}
.meses {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #999999;
	text-align: left;
	vertical-align: middle;
	padding: 4px 4px 4px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin: 0px;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #000000;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	text-decoration: none;
}
.noticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: justify;
	vertical-align: top;
	padding: 0px;
	border: 0px none #FFFFFF;
}
.contennoticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: justify;
	vertical-align: middle;
	padding: 25px;
}
.titulonoticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006699;
}
.fechanoticia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #006699;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: super;
	padding: 2px 2px 2px 10px;
	border: 0px none;
}
.fotonew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	color: #CCCCCC;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: centre;
	vertical-align: top;
	padding: 1px;
	border: none;
}
.amplia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: lowercase;
	color: #999999;
	text-decoration: none;
	text-align: centre;
	vertical-align: top;
	padding: 1px 1px 1px 10px;
	letter-spacing: 1px;
}
.cursiva {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
.fotos {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #D6BB90;
}
.fotosamplia {
	border: 0px none #000000;
	text-align: centre;
	vertical-align: middle;
	background-color: #D6BB90;
}
.ampliatit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
	text-align: left;
	vertical-align: super;
	padding: 1px 20px;
	letter-spacing: 1px;
	background-color: #CC6600;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


/* ------ A partir de este punto están los estilos de esencia (general, contenido, formularios ----- */

/* -------------------------------------------------------------------- */

#contenido {   
	position: relative;
	float: left;
  width: 700px; /*cuando acabe ponerlo a 710px*/
  overflow: hidden;
	margin: 0;
	padding: 0;
	
}

/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */

.titulo {
	clear: both;
	position: relative;
	float: left;
	background-color: <%=Application("colsec")%>;	
	margin: .625em 0;
	padding: .25em .625em;
	font-size: .75em;
	color:<%=Application("colsobsec")%>;
	width: 97%;
}

.titulo a {
  color: <%=Application("colsobsec")%>
}

.titulo a:hover {
  color: <%=Application("colover")%>
}

/* -------------------------------------------------------------------- */

.informacion {	
	clear: both;
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0;	
	width: 211px;
}

.informacion a {
	color: <%=Application("colgen")%>;
	text-decoration: none;
}

.informacion a:hover {
  color: <%=Application("colover")%>
}

.txtdestac {
	font-size: 1.2em;
}

.info_tit_ext {	
	position: relative;
	float: right;
	width: 410px;
	margin: 10px 0 0 0;
	padding: 0 40px 10px 0;
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-transform: uppercase;
	text-align: right;
	/*background: transparent url("../../img/linea_404x1.gif") no-repeat bottom right;*/
	border-bottom: 1px solid #006699;
}

*html .info_tit_ext {	
	width: 450px;
	padding: 0 40px 10px 0;
}

.info_tit_ext a {
  color: #000000;
}

.info_tit_ext a:hover {
  color: #000000;
}

.info_datos_gen {	
	clear: both;
	position: relative;
	float: left;
  width:100%;
	margin: 0;
	padding: 0;
}

.info_fot_min {
	float: left;
	min-width: 20px;
	background-color: <%=Application("colneu")%>;
	margin: 2px 10px 0 0;
}

.info_tit_int {
  position: relative;
  float: left;
	margin: 0 0 0 9px;
	padding: 5px 0 5px 10px;
	width: 193px;
  font-family: Arial, helvetica, sans-serif;
	font-size: .7em;
	color: #999999;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; 
}

.info_tit_int a {
 color: #000000; 
}

.info_tit_int a:hover {
  color: #006999;
}
  
.info_texto {
  position: relative;
  float: left;
	margin: 10px 0 20px 0;
	padding: 0;	
  font-family: Arial, helvetica, sans-serif;
  font-size: 10px;
  width: 45%;
  color: #006999;
  text-align: center;
}  

.info_texto a {
  color: #006999;
}

.info_texto a:hover {
  color: #006999;
}

.info_texto_sin_fecha {
  position: relative;
  float: left;
	margin: 10px 0 20px 0;
	padding: 0;	
  font-family: Arial, helvetica, sans-serif;
  font-size: 10px;
  width: 45%;
  color: #006999;
  text-align: center;
}  

.info_texto_sin_fecha a {
  color: #006999;
}

.info_texto_sin_fecha a:hover {
  color: #006999;
}
  
.info_paginacion {
	clear: both;
	position: relative;
	float: left;
	text-align: right;
	margin: .625em 0;
	padding: 0;	
/*	font-size:<%=Application("tnorm")%>px; */
	font-size: .625em;
	color:<%=Application("colgen")%>;
	border-bottom: 1px solid <%=Application("colneu")%>;
	width: 100%;
}  

.info_paginacion a {
  color: <%=Application("colgen")%>
}

.info_paginacion a:hover {
  color: <%=Application("colover")%>
}

.info_a_continuacion {
	clear: both;
	width: 100%;
	margin: 0 .2em .2em 0;
	padding: 0;
	position: relative;
	float: left;
}

.info_sep_salto_linea {
	clear: both;
	position: relative;
	float: left;
	height: .1em;
	width: 100%;
	margin: 0;
	padding: 0;
}

.info_sep_salto_parrafo {	
	clear: both;
	position: relative;
	float: left;
	height: .8em;
	width:100%;
	margin: 0;
	padding: 0;	
} 

.info_sep_linea {	
	clear: both;
	position: relative;
	float: left;
	margin: .25em 0;
	padding: 0;
	border: none;	
	border-bottom: 1px solid <%=Application("colpri")%>;
	width:100%;
	height: 1px;
} 

.info_bloque {
	position: relative;
/* Las dos siguientes lineas hay que quitarlas para que funcione la sep a_continuacion (info_bloque_fseg)*/
	float: left;
	width: 275px;
	margin: 0 0 0 70px;
	padding: 0;
}

.info_bloque_dest {	
	clear: both;
	position: relative;
	float: left;
	width: 99%;
	background-color: <%=Application("colsec")%>;	
	margin: 0;
	padding: 4px;
}

.info_bloque_fseg {
	position: relative;
	float: left;
	margin: 0 .4em 0 0;
	padding: 0;	
}

.info_bloque_fot_texto {	
	margin: 0;
	padding: 0;		
}

.info_bloque_fot_izda {
	float: left;
	width: 100px; 	
	margin: .1em .625em 0 0;
}

.info_bloque_fot_centro {	
	text-align:center;
	min-width: 1.25em;
	margin: 0 auto;
}

.info_bloque_fot_dcha {
	float: right;
	width: 100px; 	
	margin: .1em 0 0 .625em;
}

.info_bloque_texto {	
	margin: 0;
	padding: 0;
	width: 266px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
}

.info_bloque_texto a {
  color: #000000;
}

.info_bloque_texto a:hover {
  color: #000000;
}

.info_bloque_texto_grande {	
	margin: 0;
	padding: 0;
	width: 365px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: justify;
}

.info_bloque_texto_grande a {
  color: #000000;
}

.info_bloque_texto_grande a:hover {
  color: #000000;
}


.info_bloque_fichero {	
	position: relative;
	float: left;
	margin: 3px 0 3px 0;
	padding: 0;
	width: 100%;
	font-size: 1em;
	color: #383838;
}

.info_bloque_fichero a {
  color: #383838;
}

.info_bloque_fichero a:hover {
  color: #383838;
  text-decoration: underline;
}
  
.info_bloque_enlace {	
	position: relative;
	float: left;
	margin: 3px 0 3px 0;
	padding: 0;
	width: 100%;
	font-size: 1em;
	color: #383838;
}  

.info_bloque_enlace a {
  color: #383838;
}

.info_bloque_enlace a:hover {
  color: #383838;
  text-decoration: underline;
}

/* -------------------------------------------------------------------- */

#imprimir {
	clear: both;
	position: relative;
	float: left;
	width: 100%;
	margin: .625em 0;
	padding: 0;
	text-align: right;
	font-size: .625em;
	font-weight: bold;
}

#imprimir a {
	color: <%=Application("colsobsec")%>;
	background: transparent url("imgs/icon_imprimir.html") no-repeat 0 .625em;
	padding: .625em 1.5em;
}

#imprimir a:hover {
	color: <%=Application("colover")%>;
}

/* -------------------------------------------------------------------- */

.info_volver {
  clear: both;	
	position: relative;
	float: right;
	width: 100%;
	margin: 0 0;
	padding: 0;
	font-size: .625em;
	color:<%=Application("colgen")%>;	
}

.info_volver a {
  color: <%=Application("colgen")%>;
	
}

.info_volver a:hover {
  color: <%=Application("colover")%>;
  text-decoration: underline;
}

/* -------------------------------------------------------------------- */

#panel_control {	
	clear: both;
	position: relative;
	float: left;
	margin: .625em 0;
	padding: 0;
	width: 100%;
/*	font-size:<%=Application("tnorm")%>px; */
	font-size: .625em;
	color:<%=Application("colgen")%>;	
}  

#panel_control a {
  color: <%=Application("colgen")%>;
}

#panel_control a:hover {
  color: <%=Application("colover")%>;
}

/* -------------------------------------------------------------------- */

.fecha1{
  position: relative;
  float: left;
  margin: 10px 0 0 125px;
  padding: 0;
  font-family: Arial, helvetica, sans-serif;
  font-size: 10px;
  color: #006999;
  width: 100px;
}

*html .fecha1{
  margin: 10px 0 0 60px;
}

.mes{
  clear: both; 
  position: relative;
  float: left;
  font-family: Arial, helvetica, sans-serif;
  background: #cccccc;
  margin: 20px 0 0 0;
  padding: 2px 2px 2px 15px;
  font-size: 10px;
  color: #006999;
  width: 211px;
  text-transform: uppercase;
}

.columna_listado_informaciones{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 211px;
  
}

#columna_para_ampliaciones{
	position: relative;
	float: right;
	width: 450px;
	min-height: 350px;
	margin: -200px 0 0 0 ;
	padding: 0;
}


	
*html #columna_para_ampliaciones{
  margin: 50px 0 0 0 ;
  padding: 0;
  height: 350px;
}




#caja_absoluta_para_fotos{
  position: relative; 
  float: left;
/*  width: 105px;*/
  width: 160px;
/*  margin: -80px 0 0 0;*/
  margin: 0;
  padding: 0;
  background: #FFFFFF;
}

*html #caja_absoluta_para_fotos{
/*  margin: -80px 0 0 0;*/
	margin: 0;
  padding: 0;
 
}


#caja_absoluta_para_fotos img{
  bordeR: none;
}

.separador{
  margin: 10px 0 0 0;
}

*html .separador{
  margin: 5px 0 0 0;
}

#caja_absoluta_para_textos{
  position: relative;
  float: left; 
  width: 266px;
  margin: 10px 0 0 0;
}

*html #caja_absoluta_para_textos{
  position: relative;
  float: left; 
  width: 266px;
  margin: 10px 0 0 0;
}

.separa_fotos{
 position: relative;
 float: left;
 width: 100px;
 height: 0px;
 margin: 0;
 padding: 0;
}


#caja_absoluta_para_textos_grande{
  position: relative;
  float: left; 
  width: 365px;
  margin: 10px 0 0 0;
  padding: 0 16px 0 0:
}

*html #caja_absoluta_para_textos_grande{
  position: relative;
  float: left; 
  width: 365px;
  margin: 10px 16px 0 0;
  padding: 0;
}

.especial_firefox{
  position: relative;
  float: left;
  width: 266px;
  margin: 10px 0 0 15px;
}

.col_contenido {
	position: relative;
	float: left;
	width: 211px;
	margin: 0;
	padding: 0;
}

.col_informacion {
	position: relative;
	float: right;
	width: 450px;
	margin: 0;
	padding: 0;
}

.col_informacion #columna_para_ampliaciones {
	margin: 50px 0 0 0 !important;
}