/**********************************************/
/* 			  ESTILOS GENERALES	    	  	  */
/**********************************************/

body{
	font-family: Arial,sans-serif;
	color:#000000;
	line-height: 1.166;	
	/*background-color:#003366;*/
	padding:0px;
	margin:0;
    padding:0;
    height:100%;
	width:100%;
}

a{
	color:#003366;
	text-decoration: underline;
}

a:link{
	text-decoration: none;
}

a:visited{
	color: #003366;
	text-decoration: none;
}

a:hover{
	color: #003366;
	text-decoration: underline;
}

h1{
	font-family: Arial,sans-serif;
	font-size: 120%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h2{
	font-family: Arial,sans-serif;
	font-size: 114%;
	color: #006699;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: Arial,sans-serif;
	font-size: 100%;
	color:#FFFF00;
	margin: 0px;
	padding: 0px;
}

h4{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

h5{
	font-family: Arial,sans-serif;
	font-size: 100%;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

label{
	font-family: Arial,sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #334d55;
}

img{
	border:none;
}
.imagen img{
height:70px;
}
.iarticulo img{
max-width:30px;
}

/***********************************************/
/* 				 LAYOUTS DIVS                  */
/***********************************************/

/* CABECERA */
#masthead{
	/*background:#003366;*/
	width:100%;
	height:110px;
	padding: 10px 0px 0px 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:110px;
	}
	html>body #masterhead {
		height:90px;
	}

/* COLUMNA IZQUIERDA */
#navBar{
	/*position: absolute;*/
	float:right;
	padding:1px;
	left:0px;
	float:left;
	width:140px;	
	height:100%;
	/*background:#003366;*/
	margin-left: 5px;
	}

/* COLUMNA DERECHA */
#headlines{
	/*position: absolute;*/
	float:right;
	right:0px;
	width:0px;
	height:100%;
	float:right;
	vertical-align:top;
	}

/* CONTENIDO CENTRAL */
#content{
	/*position:absolute;*/
	float:center;
	vertical-align:top;
	width:855px;
	/*width:845px;*/
	/*left: 140px;*/
	background:#fff;
	height:auto;
	/*clear:both;*/
}

/* PIE DE PÁGINA */
#siteInfo{
	text-align:center;
	clear:both;
	font-size: 75%;
	color:#c0c0c0;
	background-color:#FFFFFF;
	padding:10px;
	}

*html #siteInfo{
	clear:both;
	text-align:center;
	font-size: 75%;
	color:#c0c0c0;
	font-weight:bold;
	background-color:#FFFFFF;
	padding:10px;
	}

#enlaces1{
	margin-top:10px;
	margin-bottom:10px;
	color:#666666;
}
#enlaces1 a{
	color:#666666;
}

#revistas{
	margin-top:10px;
	color:#666666;
}
#revistas a{
	color:#666666;
}
#aviso{
	margin-left:45%;
	font-family: Arial, Helvetica, sans-serif;
	color:#888888;
}

.logopie img{
	width:auto;
	height:auto;
}


/**********************************************/
/*************#destacada***********************/
/**********************************************/

#destacada{
	margin-top:12px;
	margin-left:8px;
	vertical-align:top;
	width:661px;
	float:left;
	top:0px;
	display:inline;
	border:1px solid #003366;
	background: #FFFFFF;
	height: auto;
}

/*******************título de la sección***********************/
.fondoSec{
	width:99%;
	margin:0px;
	padding-right:2px;
	padding-bottom: 5px;
}

/************#largaDest***********/
#largaDest{
	background:#FFFF99;
	height: auto;
	width:361px;
	display:block;
	float:left;
	}
	
* #largaDest{
	background:#EBF5FF;
/*	background:#EEEDF3; */
	height:auto;
	/* min-height:175px; */
	min-height:250px;
	width:358px;
	display:block;
	float:left;
	}
	
/***********#cabeceraDest********/
.cabeceraDest{
	font-size:95%;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 5px;
}
.cabeceraDest h1:hover{
	text-decoration:underline;
}
/**********texto de la noticia destacada******/
#largaDest p{
	display:block;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px;
}

/************imagen en el antetítulo de la destacada********/
#largaDest img{
	margin-right:2px;
	margin-left:1px;
	top:0px;
}

#largaDest p img{
	margin-left:3px;
	margin-right:3px;
}

/***********ver mas de la destacada*******/
.verMasDest{
	font-size:70%;
	float:right;
	margin-right:4px;
}
/**********************************************/
/***********#titularesDest*********************/
/*****Líneas en rojo bajo la destacada*********/
/**********************************************/
#titularesDest{
	margin-top:0px;
	/* width:300px; */
	width:340px;
	height:auto;
	padding:0px;
	font-size:16px;
	float:left;
	background:#EEEDF3;
	border-top:#CCCCCC 2px solid dotted;
	
}
*html #titularesDest{
	height:30px;
}

#titularesDest img {
	float:left;
	margin-right:2px;
}


#titularesDest ul{
  list-style-type:square;
  padding-left: 5px;
  margin: 0;

}
#titularesDest a h2{
	color:#990033;
	font-size:11px;
	text-align:left;
	cursor:pointer;
}
*html #titularesDest a h2{
	color:#990033;
	font-size:11px;
	text-align:left;
	height:5px;
	cursor:pointer;
}
#titularesDest a h2:hover{
	color:#CC0033;
	text-decoration:underline;
	cursor:pointer;
}

.rojo {
	font-size:10px;
	font-weight:bold;
	color:#990000;
}

.rojo a {
	text-decoration: none;
	color:#990000;
}

.rojo a:hover {
	text-decoration: underline;
}

/**********#bannerOpc*********/
#bannerOpc{
	float:left;
	display:block;
	margin-left:20px;
}
/**********************************************/
/************* #banner300x250******************/
/*Está incluido en la sección destacada en Index*/
/**********************************************/
#banner_300x250{
	height:auto; 
	width:auto; 
	position:relative;
	float:right;
	top:0px;
	margin-left:0px;
	border-bottom:1px solid #000000;
	background: #000000 url(../images/fondo_banner.gif) no-repeat top center;
	}

#contenidoBanner{
	margin-top: 15px;
	}
	
/**********************************************/
/************* #content styles*****************/
/**Content es la parte de la página en blanco**/
/**********************************************/

/******* COLUMNA DE LAS CAJAS DE CONTENIDO *************/
/*donde están las cajas azul y naranja y el sky crapper*/
#colDerechaContent{
	float:right
	margin-top:8px;
	float:right;
	width:170px;
	height:100%;
	padding:0px 0px 0px 0px;
	}
/**********************************************/
/************* #promo_box1 styles****************/
/*son las cajas azules para los whitepapers*****/
/**********************************************/
.promo_box1 {
	margin: 5px 5px 5px 5px;
	padding: 4px 4px 10px 4px;
	background: #d7ebff url(../images/bak-promo-box-1.gif);
	border: 1px solid #6699cc;
	width: 150px;
	text-align: left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	}
	.masWhite{
		font-weight:bold;	
	}
*html .promo_box1 {
	width: 150px;
	}
	
	.promo_box1 ul{
		list-style-type:none;
		padding: 0;
  		margin: 0;
	}

.promo_box1 ul li{
	color:#003399;
	font-size:9px;
	padding:3px;
}
.promo_box1 p {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	}
.promo_box1 h3{
	padding:5px;
	font-size: 9px;
	font-weight:bold;
	color: #003399;
	line-height: 13px;
	font-family: arial, verdana, sans-serif;
}

.promo_box1 .title {
	font-size: 10px;
	color: #000033;
	line-height: 13px;
	font-family: arial, sans-serif;
	}
.promo_box1 .body {
	font-size: 10px;
	color: #003399;
	margin-top: 2px;
	line-height: 12px;
	font-family: arial, sans-serif;
	}
.promo_box1 .link {
	font-size: 10px;
	color: #003399;
	background: url(../images/bul-hp-promo-01.gif) no-repeat left top;
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 10px;
	line-height: 12px;
	font-family: arial, sans-serif;
	}
.promo_box1 a:link, .promo_box1 a:visited {
	color: #003399;
	text-decoration: none;
	}
.promo_box1 a:hover {
	color: #003399;
	text-decoration: underline;
	}
	
/**********************************************/	
/************promo_box2 styles*******************/
/*Son las cajas naranjas para los leer además...*/
/**********************************************/
.promo_box2 {
	margin: 5px 5px 5px 5px;
	padding: 4px 4px 10px 4px;
	background: #fee0a4 url(../images/bak-promo-box-2.gif);
	border: 1px solid #ff9900;
	width: 150px;
	text-align: left;
	}
*html .promo_box2 {
	width: 150px;
	margin: 5px 5px 5px 5px;
	padding: 4px 4px 10px 4px;
	}
.promo_box2 ul{
	list-style-image:url(../images/bul-hp-promo-03.gif);
	padding:0px;
	margin:0px;
}

* .promo_box2 ul{
	list-style-image:url(../images/bul-hp-promo-03.gif);
	padding:0px;
	margin:0px;
	}
	
.promo_box2 li{
	padding:0px;
	margin:5px;
}

* .promo_box2 li{
	padding:0px;
	margin:0px 2px 0px 17px;
	}

.promo_box2 p {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
	}
.promo_box2 h3{
	font-size: 11px;
	color: #cc6600;
	line-height: 13px;
	margin: 2px 2px 5px 2px;
	font-family: arial, sans-serif;
	padding:0px;
	}

.promo_box2 .title {
	font-size: 11px;
	color: #993300;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-family: arial, sans-serif;
	}
.promo_box2 .body {
	font-size: 10px;
	color: #993300;
	margin-top: 2px;
	line-height: 12px;
	margin: 0px 0px 5px 0px;
	font-family: arial, sans-serif;
	}
.promo_box2 .link {
	font-size: 10px;
	color: #993300;
	background: url(../images/bul-hp-promo-03.gif) no-repeat left top;
	margin: 2px 0px 2px 0px;
	padding: 2px 0px 2px 10px;
	line-height: 12px;
	font-family: arial, sans-serif;
	}
.promo_box2 a:link, .promo_box2 a:visited {
	color: #993300;
	font-size:10px;
	text-decoration: none;
	}
.promo_box2 a:hover {
	color: #993300;
	text-decoration: underline;
	}

/**********************************************/
/************* #globalNav styles **************/
/*barra de navegación de con el nombre de las 
distintas secciones (encima de la parte blanca).*/
/**********************************************/

#globalNav{
padding: 0px 0px 0px 0px;
color: #003366;
/*height:25px;*/
font-family: arial, verdana, sans-serif;
/*background-color:#CCCCCC;*/
}
/*
	Mecanismo para poner el fondo de la barra:
	Viendo barraNav.asp se observa que dependiendo de la sección en la que se encuentre, le da una
	clase a la barra de navegación. Esto se debe a que hay una imagen de fondo de la barra de navegación
	para cada sección (con un trozo blanco donde corresponde a la sección seleccionada). De este modo, si se ha
	de añadir una sección nueva hay que crear una imagen nueva con las mismas dimensiones que las que se usan aquí,
	pero con la parte blanca en el sitio donde irá el nombre de la nueva sección en la barra de navegación. También 
	habrá que añadir un caso en el fichero barraNav.asp, para poner dicha imagen de fondo cuando la seleccionada sea
	la nueva sección. Ejemplo:
		Creo la sección "MiSección".
		Hago los cambios correspondientes en index.asp para crear una nueva sección. Añado el link a la misma en 
			barraNav.asp.
		Creo una imagen en ../images/ llamada barra_miseccion.gif (hay ficheros psd para ello en ../images).
		Añado un case "miseccion" tipoBarra="miseccion" en el select que está en barraNav.asp.
		Añado aquí mismo el estilo .miseccion{background-image:url(../images/barra_miseccion.gif);}
*/
.home{
	/*background-image:url(../images/barra_home.gif);*/
	}
.eco{
/*	background-image:url(../images/barra_eco.gif);*/
}
.man{
/*	background-image:url(../images/barra_man.gif);*/
	}
.tec{
/*	background-image:url(../images/barra_tec.gif);*/
}
.seg{
/*	background-image:url(../images/barra_seg.gif);*/
}
.agend{
/*	background-image:url(../images/barra_agend.gif);*/
}
.nombr{
/*	background-image:url(../images/barra_nombr.gif);*/
}
.entr{
/*	background-image:url(../images/barra_entr.gif);*/
}
.vid{
/*	background-image:url(../images/barra_vid.gif);*/
}
.wir{
/*	background-image:url(../images/barra_wir.gif);*/
}

#globalNav img{
 display:block;
}

#globalNav a {
	/*font-size: 12px;
	padding: 0px 4px 0px 0px;
	font-weight:bold;
	letter-spacing: 0.15em;*/
}

html>* #globalNav a {
	/*font-size: 12px;
	padding: 0px 6px 0px 0px;
	font-weight:bold;
	letter-spacing: 0.15em;*/
}

#globalNav a:hover {
	/*font-weight:bold;
	padding:0px 4px 4px 0px;
	color: #006699; 
	text-decoration: none;*/
	}
html>* #globalNav a:hover {
	/*font-weight:bold;
	padding:0px 6px 4px 0px;
	color: #006699; 
	text-decoration: none;*/
	}
.marcado{ 
	/*background-image:none;
	text-decoration: none;*/
	border-bottom-width:0px;
	background-color:#FFFFFF;
	}
.nomarcado{
	/*background-position:top;*/
border-bottom:#000000 1px solid;
}
#globalNav a.nomarcado:hover{ 
	font-weight:bold;
	/*background-image: url(../images/bak-home-tab_highlight.gif);
	background-position:top;
	padding:0px 4px 4px 0px;*/
	color:#006699;
	text-decoration: none;
	}
html>* #globalNav a.nomarcado:hover{ 
	font-weight:bold;
	/*background-image: url(../images/bak-home-tab_highlight.gif);
	background-position:top;
	padding:0px 6px 4px 0px;*/
	color:#006699;
	text-decoration: none;
	}

/**********************************************/
/************** .feature styles ***************/
/*Son el conjunto de título de apartado en index.asp (hay CIO News y Artículos),
junto con los títulos de noticias y sus entradillas. Es decir: hay 2 features en
index: una está titulada CIO News y la otra Artículos.*/
/**********************************************/
.bann img{
width:300;
}
.feature {
	padding: 8px 8px 8px 8px;
	font-size: 12px;/*78%*/
	width: 90%;
	float:left;
}

.feature h3{
	font-size: 13px;
	color:#003399;
	font-family: arial, verdana, sans-serif;
	padding: 0px 0px 10px 20px;
}
.featu img{
max-height:90px;
}
.banner2 img{
min-width:300px; 
min-height:250px;
}
.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
	max-height:100px;
	width:auto;
}
*html .feature img{
	float: left;
	padding: 10px 10px 0px 0px;
	height:90px;
	width:auto;
}

.feature p {
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 5px 0px;
	text-align:justify;
}

.feature a {
	color:#000066;
	font-weight: bold;
	text-decoration: none;
}

.feature a:visited {
	color:#000066;
	text-decoration: none;	
}

.feature a:hover {
	text-decoration: underline;	
}

#leeMas{
	font-weight:normal;
}


/************ cabecera de cada feature *************/
/*************CIO News y Artículos******************/
#cabecera {
	background: url(../images/bak-home-subheds.gif);
	background-repeat:no-repeat;
	color:#000066;
}

/**********************************************/
/************* #search styles ***************/
/*Estilos del formulario que activa el buscador*/
/**********************************************/
#search{
	width:100%;
	/*border-bottom: 1px solid #336699;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFF00;
}

#search form{
 margin-bottom: 10px;
 padding: 0px;
}

.boton{
	width:90%;
	font-size:9px;
    font-weight:bold;
    color:#FFFF00;
	height:25px;
    background:#003366;
	/* border: 1px solid #FFFF00; */
	text-align:center;
	display:block;
	margin-bottom: 5px;
	}
/**********************************************/
/*********** #navBar link styles ***********/
/*Estilos de la columna izquierda************/
/**********************************************/
#navBar ul a:link, #navBar ul a:visited {
	display: block;
}
#navBar ul {
	list-style-image:none;
	background: url(../images/bul-05.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {
	list-style-image:none;
	background: url(../images/bul-05.gif) no-repeat;

}

/* fix for browsers that don't need the hack */
html>body #navBar li {

	list-style-image:none;
	background: url(../images/bul-05.gif) no-repeat;
	}

#navBar img{
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
	
}

/**********************************************/
/*********** #sectionLinks styles ***********/
/*No se usa. Sería la columna derecha*/
/**********************************************/
#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	/* border-bottom: 1px solid #cccccc; */
	font-size: 1em;
}
#sectionLinks ul{
	list-style-image:url(../images/bul-05.gif);
}
#sectionLinks h3{
	padding: 5px 0px 5px 0px;
}

#sectionLinks a {
	display: block;
	/* border-top: 1px solid #cccccc; */
	padding: 0px 0px 0px 10px;
	color:#FFFFFF;
}

/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 75%;
	color:#FFFFFF;
}
.relatedLinks li{
	color:#FFFFFF;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block;
	color:#FFFFFF;
}
.relatedLinks ul li a{
	display: block;
	border-top: 1px solid #cccccc;
	padding: 2px 0px 2px 10px;
	color:#FFFFFF;
}
/**********************************************/
/************#textos*************************/
/*Engloba los features*************************/
/**********************************************/
#textos{
float:left; 
width:675px;
bottom:0px;
clear:left;
}

/************** #banner120x600 **************/

.banner120x600{
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom:5px;
}

html> body .banner120x600{
	margin-left: 25px;
	margin-top:5px;
	margin-bottom:5px;
}

/************** #banner1x1 **************/

.banner1x1{
	text-align:left;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom:5px;
	width:105px;
	padding:5px 5px 5px 5px;
	/*border-style:solid;
	border-width:2px;*/
}

html> body .banner1x1{
	margin-left: 25px;
	margin-top:5px;
	margin-bottom:5px;
}

/*******************************************************************************************************/
/************************ ESTILOS PARA LA CABECERA DEL BANNER DE 728X90 ********************************/

.banner728x90 {
	float:left;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
	/*position:absolute;*/
	float:left;
}

html>body .banner728x90 {
	float:left;
	margin-left:190px;
	margin-top:5px;
	margin-bottom:5px;
	/*position:absolute;*/
	float:left;
}

.banner125x125{
	margin-top:5px;
}

html>body .banner125x125{
	margin-top:10px;
}

.logoCio {
	float:left;
	margin-top:5px;
	margin-left:10px;

}

/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/
/*********************************************************************************************************/

#banner_vermas{
	height:auto; 
	width:auto; 
	float:right;
	margin-bottom:5px;
	margin-top:2px;
	margin-left:10px;
	margin-bottom:5px;
	border:1px solid #000000;
	background: #000000 url(../images/fondo_banner.gif) no-repeat top center;}


/***********************ESTILOS PROPIOS DE LA PÁGINA QUE MUESTRA UNA NOTICIA******************************/
#bannerNoticia{
	height:auto; 
	width:auto; 
	float:left;
	margin-bottom:5px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	border-bottom:1px solid #000000;
	background: #000000 url(../images/fondo_banner.gif) no-repeat top center;}
	


#antetituloNot{
	font-style:oblique;
	font-size:small;
	padding-left:5px;
}

#antetituloNot img{
	float: right;
	display:none;
	margin-right:2px;

}
.tituloNot{
	padding-left:5px;
	font-size:larger;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;	
}

#contNot{
	width:auto;
	margin-top:15px;
	padding:3px;
	height:100%;
}
html>body #contNot {
		height:100%;
	}
.cuerpoNot{
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
}

.cuerpoNot img {
	/* display:none; */
	float:right;
	margin:10px;
}

.autor{
	padding-left:5px;
	font-style:oblique;
	font-size:small;
}
.fecha{
	padding-left:5px;
	font-size:small;
	font-weight:bold;
}

#textosNot a.volver{
	padding-left:5px;
	color:#CC3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#textosNot a.volver:hover{
	text-decoration:underline;
}
.volver{
	padding-left:3px;
	color:#CC3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}

/******/
#textosNot a.imprimir{
	padding-left:5px;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#textosNot a.imprimir:hover{
	text-decoration:underline;
}
.imprimir{
	padding-left:3px;
	color:#CC3333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
}
/******/

/***** ESTILOS PARA RESULTADOS BUSCADOR *************/
.tituloBuscar{
	padding-left:5px;
	font-size:medium;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #FF0000;	
}

.tituloBuscar a {
	text-decoration:none;
}
.tituloBuscar a:visited {
	text-decoration:none;
	color:#003366;
}
.tituloBuscar a:hover {
	text-decoration:underline;
}



/***********************************************************/
/****ESTILOS DE LOS VER MÁS ARTÍCULOS, WHITEPAPERS Y NOTICIAS
/***********************************************************/

.titulo_seccion{
	background: url(../images/bak-home-subheds.gif);
	background-repeat:no-repeat;
	color:#000066;
	font-weight: bold;
	margin:10px 5px 5px 5px;
}
.story{
	padding:5px;
	width:660px;
	}

#resumen{/*Artículo o noticia*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	

}

html>* #resumen{/*Artículo o noticia*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:80%;
	clear:none;
	display:table-cell;
}

#resumen img{
	/*display:inline;*/
	/*height:90px;*/
	width:auto;
	margin-right:4px;
	margin-bottom:8px;
}
*html #resumen img{
	/*height:90px;*/
	width:auto;
	margin:3px;
}
*html #resumen img.bul{
	/*height:13px;*/
	width:auto;
}

html #resumen img.bul{
	height:auto;
	width:auto;
}

.iconoWhite{
	height:16px;
	width: 16px;
	float:left;
}
.capsule{/*Título de artículo o noticia*/
	color:#000066;
	text-decoration: none;
	font-weight:bold;
}
.storyLeft {
	font-size:10px;
}

.storyLeft a:visited {
	color:#000066;
	text-decoration: none;	
}

.storyLeft a:hover {
	text-decoration: underline;	
}

#paginacion{
	margin-top: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#3300FF;
	text-align:center;
}

#linkNoticias2{
	color:#000066;
}

.capsule{
	margin-left:15px;
}
/*****ESTILOS NOTICIAS RELACIONADAS*****/	
#relacionadas{
	padding:0px;
	margin-left:0px;
	margin-right:20px;
	float:left;
	bottom:10px;
}
#relacionadas ul{
	list-style-image:url(../images/bul-02.gif);
}

#not_relacionadas{
	color:#003366;
	margin-top:10px;
	margin-left:20px;
	background-image:url(../images/bak-home-subheds.gif);
	background-repeat:no-repeat;
	font-size:medium;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:20px;
	}
#noticiaRel{
	color:#cc0000;
	font-size:small;
	font-weight: bold;
}
/******************************** CONTACTAR *****************************/

#contactar {
	border-color:#FFCC00;
	width:75%;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	margin-left:20px;
}
#contactar p{
	width:auto;
	text-align:left;
	margin-bottom:5px;
	padding-top:0px;
}

#contactar a {
	color:#000066;
	font-weight: bold;
	text-decoration: none;
}

#contactar a:visited {
	color:#000066;
	text-decoration: none;	
}
#contactar a:hover{
	 text-decoration:underline;
}

.cabeceraCargo{
	width:15%;
	border-bottom:solid 2px #FF0000;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-indent:10px;
}
.cabeceraEditorial{
	width:15%;
	color:#000000;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:60px;	
}
/*********************** PUBLICIDAD **********************/
	 a.dcontextoFlash{
  position:relative; 
  /*font:13px arial, verdana, helvetica, sans-serif; */
  padding:-30px;
  color:#009933;
  text-decoration:none;
  /*border-bottom:2px dotted #009933;*/
  cursor:help; 
  z-index:24;
  }
  a.dcontextoFlash:hover{
  background:transparent;
  z-index:25; 
  }
  a.dcontextoFlash span{display: none}
  a.dcontextoFlash:hover span{ 
  display:block;
  position:absolute;
  width:300px; 
  top:3em;
  text-align:justify;
  left:-100px;
  /*font: 11px arial, verdana, helvetica, sans-serif; */
  padding:5px 10px;
  /*border:1px solid #999;*/
  /*background:#FFFFCC;*/
  color:#000;
  }

#publicidad{
	border-color:#FFCC00;
	width:75%;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	margin-left:20px;
}
#publicidad p{
	width:auto;
	text-align:left;
	margin-bottom:5px;
	padding-top:0px;
}
#publicidad a {
	color:#000066;
	font-weight: bold;
	text-decoration: none;
}

#publicidad a:visited {
	color:#000066;
	text-decoration: none;	
}
#publicidad a:hover{
	 text-decoration:underline;
}

/*********************** NEWSLETTER ********************/

.cajaNews {
	width:100%;
	margin-top:60px;
	height:200px;
	padding-top:20px;
	border:#FFCC33 groove;
	border-width:medium;	
}

.news1 {
	font-family: Arial;
	font-size: 14px;
	display: block;
	margin-top:20px;
	padding-left: 45px;
	padding-right: 10px;
}
.news2 {
	font-family : arial; 
	font-size : 14px;
	font-weight:bold;
	width : 100%;
	margin-top:20px;
	margin-bottom:20px;
	color:#FF0000;
	text-align:justify;
	padding-left: 10px;
	display:inline;
}

.envioForm {
	margin-top:20px;
	width:70%;
}
   A.enlaceVideo:link {text-decoration:none;color:#FFFFFF;} 
     A.enlaceVideo:visited {text-decoration:none;color:#ffFFFF;} 
     A.enlaceVideo:active {text-decoration:none;color:#ffFFFF;} 
     A.enlaceVideo:hover {text-decoration:underline;color:#FFFFFF;}