@import url("_ita_comun.css");

/** CONTENIDO PRINCIPAL **/
#ITAcontenido {
	/* posición */
	position : relative;
	top : 20px;
	
	/* aspecto */
	font-size: 9pt;
	background-color:  #9faa77;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 990px;
	color: #696736;
	font-family : arial, sans-serif;
	}
#ITAcontenido h2,
#ITAcontenido div.header{
	clear : both;
	font-size: 14pt;
	border-bottom:1px solid #000a32;
	font-weight: bold;
	margin-bottom : 15px;
}

/***********************************************/
/** IMAGENES, DESCARGAS, ENLACES ***************/
/***********************************************/
#ITAcontenido div.INDICE,
#ITAcontenido div.IMAGENES,
#ITAcontenido div.DESCARGAS,
#ITAcontenido div.ENLACES_DE_INTERES {
	/* POSICION */
	float : left;
	clear : left;
	width : 200px;
	/* ASPECTO */
	padding: 20px 0 10px 20px;
	background-color : #9faa77;
}
#ITAcontenido div.INDICE {
border-bottom : 1px solid #d2e0ed;
}

#ITAcontenido div.INDICE div.header,
#ITAcontenido div.IMAGENES div.header,
#ITAcontenido div.DESCARGAS div.header,
#ITAcontenido div.ENLACES_DE_INTERES div.header{
	font-size : 9pt;
	font-weight: bold;
	background-color : #fea;
	height : 18px;
	padding : 2px 0 2px 10px;
	margin-bottom : 5px;
	border-bottom : 0px none #fff !important;
	color : #696736;
}

#ITAcontenido div.INDICE a,
#ITAcontenido div.DESCARGAS a,
#ITAcontenido div.ENLACES_DE_INTERES a{
	background: url(../lib_img/world_link.png)	no-repeat scroll 4px 0;
	padding : 0 0 4px 24px;
	color : #fff;
	text-decoration : none;
	display : block;
	font-size : 9pt;
	font-weight: bold;
}
#ITAcontenido div.INDICE a:hover,
#ITAcontenido div.DESCARGAS a:hover,
#ITAcontenido div.ENLACES_DE_INTERES a:hover{
	background-color : #f29607;
}
#ITAcontenido a.index{background-image: url(../lib_img/control_play.png) !important;}
#ITAcontenido a.index:hover{background-image: url(../lib_img/control_play_blue.png) !important;}
#ITAcontenido a.rss{ background-image : url(../lib_img/feed.gif) !important; font-size: 8pt;}
#ITAcontenido a.pdf{ background-image : url(../lib_img/page_white_acrobat.png) !important;}
#ITAcontenido a.xls{ background-image : url(../lib_img/page_excel.png) !important;}
#ITAcontenido a.doc{ background-image : url(../lib_img/page_word.png) !important;}
#ITAcontenido a.ppt{ background-image : url(../lib_img/boton_powerpoint.gif) !important;}
#ITAcontenido a.zip{ background-image : url(../lib_img/compress.png) !important;}

#ITAcontenido div.IMAGENES div.body{
	position : relative;
}
#ITAcontenido div.IMAGENES img{
	margin : 0 5px 5px 0;
	width : 115px;
	border : 0;
	height : 1%; /** con AUTO no funciona en IE, pero esto funciona con todos ¿? **/
	height: 76px;
}
#ITAcontenido div.IMAGENES a{
	/*display : block;
	float : left;*/
	width : 115px;
	position : relative;
	height : auto;
}
#ITAcontenido div.IMAGENES div.registro,
#ITAcontenido div.IMAGENES div.registro div{
	display: inline;
}
/***********************************************/
/** PANTALLAS_CONTENIDO == MAPAWEB *************/
/***********************************************/

#ITAcontenido div.PANTALLAS_CONTENIDO{
	position : relative; /** IE **/
	margin-left: 220px;
	overflow : hidden; /** IE6 **/
	width : 730px;
	padding : 0 20px 20px 20px;
	font-size : 9pt;
	background-color : #fea;

}

/***********************************************/
/** TEXTO_HTML *********************************/
/***********************************************/

#ITAcontenido div.TEXTO_HTML{
	/*float:left;*/
	width : 730px;
	position : relative; /** IE **/
	overflow : hidden; /** IE6 **/
	/*text-align: justify;*/
	padding : 20px;
	background-color : #fea;
	margin-left: 220px;
	/*float : right;*/
}
#ITAcontenido div.TEXTO_HTML li{
	padding-top:5px;
}
#ITAcontenido div.TEXTO_HTML h1,
#ITAcontenido div.TEXTO_HTML div.Titulo{
	font-size : 20pt;
	margin : 0;
}
#ITAcontenido div.TEXTO_HTML h3{
	font-size: 9pt;
}
#ITAcontenido div.TEXTO_HTML div.Titulo em{
	font-weight:normal;
	font-size : 18px;
}
#ITAcontenido div.TEXTO_HTML div.Resumen{
	font: italic normal 10pt georgia, arial, sans-serif;
	text-align : left;
	margin: 30px 0 0 0;
	padding : 10px;
	border-top : 2px solid #c3d7f0;
	border-bottom : 2px solid #c3d7f0;
}
#ITAcontenido div.TEXTO_HTML div.Descripcion{
	margin-top : 30px;
}
#ITAcontenido div.TEXTO_HTML a{
	color : #1d2c5a;
	text-decoration : none;
	font-weight : bold;
}
#ITAcontenido div.TEXTO_HTML a:hover{
	background-color : #D2E0ED;
}
#ITAcontenido div.TEXTO_HTML dt{
	border-top: 1px solid #696736; /*#d2e0ed;*/
	margin-top: 5px;
	padding-top:5px;
	font-weight: bold;
}
#ITAcontenido div.TEXTO_HTML dt strong{
	/*color: #000;
	font-size: 9pt;*/
	background-color: #ffffdd;
}
#ITAcontenido div.TEXTO_HTML dd{
	margin: 5px 0 0 70px;
}
#ITAcontenido div.TEXTO_HTML div.revista{
	width : 168px;
	float : left;
	padding-right: 20px;
	margin-bottom: 20px;
}
#ITAcontenido div.TEXTO_HTML div.revista a{
	display : block;
}
#ITAcontenido div.TEXTO_HTML div.revista img{
	border : 0px none transparent;
	width: 150px;
}
/**
*	 TEXTO_HTML_ANUNCIOS == ficha de beca/empleo
*/
#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.registro{
	border-bottom : 1px solid #d2e0ed;
	padding: 5px 0 5px 5px;
	margin-bottom: 5px;
	background-color: #ffd;
	overflow : hidden;
	width : 100%;
}
#ITAcontenido > div.TEXTO_HTML_ANUNCIOS div.registro{
	margin-right : -20px;
	width : auto;
	margin-bottom : 100px;
}
#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.Fecha{
	float : left;
	text-align:right;
	width:100px;
}
#ITAcontenido > div.TEXTO_HTML_ANUNCIOS div.Fecha{
	width:115px;
}
#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.Fecha strong{
	font-size: 9pt;
}

#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.Titulo{
	border-left:1px solid #FFEEAA;
	float:right;
	padding:0pt 10px;
	width:600px;
	position: relative;
	font-size: 10pt;
}
#ITAcontenido > div.TEXTO_HTML_ANUNCIOS div.Titulo{
	float:none;
	margin-left:120px;
}
#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.Titulo strong{
	font-size: 14pt;
	display: block;
}
#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.body a{
	display:block;
	font: normal normal 9pt verdana, arial, sans-serif;
	text-decoration : none;
	color: #000;
	text-align : left;
	}
#ITAcontenido div.TEXTO_HTML_ANUNCIOS div.body a:hover{
	background-color: #e1f0f7;
}
	
/**
*	 TEXTO_HTML_ACTUALIDAD == ficha de actualidad
**/
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Fecha_Publicacion{
	font: italic normal 100% georgia, arial, sans-serif; 
	float : right;
}
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Tipo{
	font-family: georgia, arial, sans-serif;
	margin-bottom : 5px;
	font-style : italic;
}
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Proyecto{
	font: italic normal 100% georgia, arial, sans-serif; 
	float : left;
	margin-top : 10px;
	text-transform : lowercase;
}

/***************************************************/
/** ACTUALIDAD : NOTICIAS, EVENTOS, CONVOCATORIAS **/
/***************************************************/
#ITAcontenido div.ACTUALIDAD {
	width : 730px;
	position : relative; /** IE **/
	overflow:hidden;/** IE6 **/
	padding : 0 20px 20px 20px;
	background-color : #fea;
	text-align: left;
	font-size: 8pt;
}

#ITAcontenido div.ACTUALIDAD div.registro{
	border-bottom : 1px solid #d2e0ed;
	padding: 5px 0 5px 10px;
	margin-bottom: 5px;
	background-color: #ffd;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido > div.ACTUALIDAD div.registro{
	margin-right : -20px;
	width : auto;
	/*width : 310px;
	float : left;
	margin-right:10px;
	margin-bottom: 10px;
	height : 200px;*/
}

#ITAcontenido div.ACTUALIDAD div.Descripcion,
#ITAcontenido div.ACTUALIDAD div.Titulo{
	margin: 0 0 5px 155px;
	padding-right: 10px;
}
#ITAcontenido div.ACTUALIDAD div.Fecha,
#ITAcontenido div.ACTUALIDAD div.Subtipo,
#ITAcontenido div.ACTUALIDAD div.Imagen
{
	float : left;
	clear : both;
	width : 150px;
}
#ITAcontenido div.ACTUALIDAD div.Titulo{
	font-weight: bold;
}
#ITAcontenido div.ACTUALIDAD div.Tipo{
	display : none;
}
#ITAcontenido div.ACTUALIDAD div.Fecha{
	/*font : normal bold 8pt arial, verdana, sans-serif;*/
	font-weight : bold;
}
#ITAcontenido div.ACTUALIDAD div.body a{
	display : block;
}
#ITAcontenido div.ACTUALIDAD div.Imagen img{
	width : 140px;
	margin : 5px 0 0 0;
}
#ITAcontenido div.ACTUALIDAD div.registro.hover,
#ITAcontenido div.ACTUALIDAD div.registro:hover{
	background-color: #d2e0ed;
	cursor : pointer;
}
/************************************************************/
/** ACTUALIDAD_ARCHIVOS : NOTICIAS, EVENTOS, CONVOCATORIAS **/
/************************************************************/
#ITAcontenido div.ACTUALIDAD_ARCHIVOS {
	position : relative; /** IE **/
	left : 220px;
	width : 730px;
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fea;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.registro{
	border-bottom : 1px solid #d2e0ed;
	padding: 1px 0;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido > div.ACTUALIDAD_ARCHIVOS div.registro{
	width : auto;
	margin-right: -20px;
	max-height : 15px;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.Fecha{
	float : left;
	width :55px;
	overflow : hidden;
	height: 15px;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.Titulo{
	float : right;
	width : 620px;
	padding-right: 10px
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.body a{
	display:block;
	text-decoration : none;
	color: #000;
	padding : 2px 0 0 0;
	text-align : left;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.body a:hover{
	background-color: #d2e0ed;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.registro.hover,
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.registro:hover{
	background-color: #d2e0ed;
	cursor : pointer;
}

/************************************************************/
/** ANUNCIOS ************************************************/
/************************************************************/
#ITAcontenido div.ANUNCIOS{
	position : relative; /** IE **/
	margin-left: 220px;
	overflow : hidden; /** IE6 **/
	width : 730px;
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fea;
}
#ITAcontenido div.ANUNCIOS div.registro{
	border-bottom : 1px solid #d2e0ed;
	padding: 5px 0 5px 5px;
	margin-bottom: 5px;
	background-color: #ffd;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido > div.ANUNCIOS div.registro{
	margin-right : -20px;
	width : auto;
}
/*
#ITAcontenido div.ANUNCIOS div.registro{
	border-bottom : 1px solid #c3d7f0;
	padding: 5px 0;
	min-height : 40px;
	overflow : hidden;
	width : 100%;
}
*/
#ITAcontenido div.ANUNCIOS div.Fecha{
	float : left;
	text-align:right;
	width:100px;
}
#ITAcontenido > div.ANUNCIOS div.Fecha{
	width:115px;
}
#ITAcontenido div.ANUNCIOS div.Fecha strong{
	font-size: 9pt;
}

#ITAcontenido div.ANUNCIOS div.Titulo{
	border-left:1px solid #FFEEAA;
	float:right;
	padding:0pt 10px;
	width:600px;
	position: relative;
}
#ITAcontenido > div.ANUNCIOS div.Titulo{
	float:none;
	margin-left:120px;
}
#ITAcontenido div.ANUNCIOS div.Titulo strong{
	color : #000;
	font-size: 9pt;
}
#ITAcontenido div.ANUNCIOS div.body a{
	display:block;
	font: normal normal 9pt verdana, arial, sans-serif;
	text-decoration : none;
	color: #000;
	text-align : left;
	}
#ITAcontenido div.ANUNCIOS div.body a:hover{
	background-color: #e1f0f7;
}
/**
* plugin: kikepaginate
**/
#kikepaginate{
	float: right;
}
#kikepaginate a{
	display: inline !important;
	margin: 0 10px;
}
#kikepaginate a.disabled{
	color: #aaa !important;
}
#ITAcontenido div.ANUNCIOS div.registro{
	/*display : none*/
}
/**
* plugin: kikesearch
**/
#kikefilter{
}
#kikefilter input{
	font-size: 8pt;
	font-family: arial;
	color: #aaa;
}

/************************************************************/
/** SOCIOS **************************************************/
/************************************************************/
#ITAcontenido div.socio{
	float : left;
	width : 50%;
	margin-bottom: 20px;
}

/**********/
/** TABS **/
/**********/
/*
#ITAcontenido div.TEXTO_HTML h2{
	font-weight : bold;
	font-size: 12pt;
	margin-bottom: 15px;
	padding-top : 15px;
}

#ITAcontenido div.toogleTabs{
	text-align : right;
	cursor : pointer;
	font-size : 7.5pt;
	height: 16px;
	font-weight : bold;
	width : 610px;
	position : relative;
	border-right : 20px solid #fff;
	padding-right : 20px;
	background-color :#ffb;
	background: #fff url(../lib_img/tab_delete.gif) no-repeat top right;
}

#ITAtab div.tabBody{
	padding: 15px 0 0 0;
}
#ITAtab div.tabHeader div.numItems{
	font : normal normal 8pt arial, verdana, sans-serif;
}
*/
