@import url("_ita_comun.css");

/** CONTENIDO PRINCIPAL **/
#ITAcontenido {
	/* posición */
	position : relative;
	
	/* aspecto */
	font: normal normal 10pt Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background-color:  #c3d7f0;
	border-right : 25px solid #e6f0ff;
	border-left : 25px solid #e6f0ff;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 940px;
	color : #000a32;
	}

/***********************************************/
/** IMAGENES, DESCARGAS, ENLACES ***************/
/***********************************************/
#ITAcontenido div.INDICE,
#ITAcontenido div.IMAGENES,
#ITAcontenido div.DESCARGAS,
#ITAcontenido div.ENLACES_DE_INTERES {
	/* POSICION */
	float : right;
	clear : right;
	width : 270px;
	/* ASPECTO */
	padding: 20px 0 10px 20px;
	font : normal normal 9pt arial, verdana, sans-serif;
	background-color : #c3d7f0;
}
#ITAcontenido div.INDICE {
border-bottom : 2px solid #E6F0FF;
}

#ITAcontenido div.INDICE div.header,
#ITAcontenido div.IMAGENES div.header,
#ITAcontenido div.DESCARGAS div.header,
#ITAcontenido div.ENLACES_DE_INTERES div.header{
	font: normal bold 10pt arial,verdana, sans-serif;
	background-color : rgb(140,170,210);
	height : 18px;
	padding : 2px 0 2px 10px;
	margin-bottom : 5px;
	border-bottom : 0px none #fff !important;
	color : #fff;
}

#ITAcontenido div.INDICE a,
#ITAcontenido div.DESCARGAS a,
#ITAcontenido div.ENLACES_DE_INTERES a{
	background: url(/lib_ITAtools/icons/world_link.png)	no-repeat scroll top left;
	/*background: url(../lib_img/icon_flecha_reposo_2.gif)	no-repeat scroll top left;*/
	padding : 0 0 4px 18px;
	color : #000a32;
	text-decoration : none;
	display : block;
}
#ITAcontenido div.INDICE a:hover,
#ITAcontenido div.DESCARGAS a:hover,
#ITAcontenido div.ENLACES_DE_INTERES a:hover{
	background-color : #fff;
}
/*#ITAcontenido div.PROYECTOS_RELACIONADOS a,*/
#ITAcontenido div.ENLACES_DE_INTERES a.web,
#ITAcontenido div.ENLACES_DE_INTERES a.ficha{background-image: url(/lib_ITAtools/icons/cog.png) !important;}
#ITAcontenido div.ENLACES_DE_INTERES a.actualidad{background-image: url(/lib_ITAtools/icons/newspaper.png) !important;}

#ITAcontenido div.ENLACES_DE_INTERES a.actualidad span{ display: block; font-weight:bold; font-size:8pt}

#ITAcontenido a.file{background-repeat: no-repeat; padding:0 0 4px 18px !important; font-size: 90%}
#ITAcontenido a.index{background-image: url(/lib_ITAtools/icons/control_play.png) !important;}
#ITAcontenido a.index:hover{background-image: url(/lib_ITAtools/icons/control_play_blue.png) !important;}
#ITAcontenido a.rss{ background-image : url(/ita_/lib_img/feed.gif) !important; font-size: 8pt;}
#ITAcontenido a.pdf{ background-image : url(/lib_ITAtools/icons/page_white_acrobat.png) !important;}
#ITAcontenido a.xls{ background-image : url(/lib_ITAtools/icons/page_excel.png) !important;}
#ITAcontenido a.doc{ background-image : url(/lib_ITAtools/icons/page_word.png) !important;}
#ITAcontenido a.ppt{ background-image : url(/lib_ITAtools/lib_botones_windows/imagenes/boton_powerpoint.gif) !important;}
#ITAcontenido a.zip{ background-image : url(/lib_ITAtools/icons/compress.png) !important;}
#ITAcontenido a.mht,
#ITAcontenido a.htm{ background-image : url(/lib_ITAtools/icons/page_world.png) !important;}

/*
#ITAcontenido a.pdf{ background-image : url(/lib_ITAtools/lib_botones_windows/imagenes/boton_pdf.gif) !important;}
#ITAcontenido a.xls{ background-image : url(/lib_ITAtools/lib_botones_windows/imagenes/boton_excel.gif) !important;}
#ITAcontenido a.doc{ background-image : url(/lib_ITAtools/lib_botones_windows/imagenes/boton_word.gif) !important;}
#ITAcontenido a.ppt{ background-image : url(/lib_ITAtools/lib_botones_windows/imagenes/boton_powerpoint.gif) !important;}
#ITAcontenido a.zip{ background-image : url(/lib_ITAtools/lib_botones_windows/imagenes/boton_zip.gif) !important;}
*/

#ITAcontenido div.IMAGENES div.body{
	position : relative;
}
#ITAcontenido div.IMAGENES img{
	margin : 0 5px 5px 0;
	border : 0;
	height : 1%; /** con AUTO no funciona en IE, pero esto funciona con todos ¿? **/
	height: 76px;
	width : 115px;
}
#ITAcontenido > div.IMAGENES img{
	height : auto;
	width : auto;
	max-height : 80px;
	max-width : 250px;
}
#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{
	/*float:left;*/
	position : relative; /** IE **/
	width : 610px;
	overflow : hidden; /** IE6 **/
	text-align: justify;	
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fff;
	font-size : 9pt;
	padding : 20px;
}

/***********************************************/
/** TEXTO_HTML *********************************/
/***********************************************/

#ITAcontenido div.TEXTO_HTML{
	/*float:left;*/
	position : relative; /** IE **/
	width : 610px;
	overflow : hidden; /** IE6 **/
	text-align: justify;	
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fff;
	font-size : 9pt;
	padding : 20px;
}
#ITAcontenido div.TEXTO_HTML li{
	padding-top:5px;
}
#ITAcontenido div.TEXTO_HTML h1,
#ITAcontenido div.TEXTO_HTML div.Titulo{
	background-color: #c3d7f0;
	color: #000a32;
	font-size : 22px;
	padding: 5px 10px 5px 10px;
	font-weight : bold;
	text-align : left;
	width : 610px;
	position:relative;
}
#ITAcontenido div.TEXTO_HTML h2{
	font-size: 14pt;
	border-bottom:1px solid #000a32;; /*#c3d7f0*/
}
#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 : #000a32;
	text-decoration : none;
	font-weight : bold;
	border-bottom : 1px dashed #000a32;
}
#ITAcontenido div.TEXTO_HTML a:hover{
	background-color : #e1f0f7;
}
/**
*	 TEXTO_HTML_BECASYEMPLEO == ficha de beca/empleo
**/
#ITAcontenido div.TEXTO_HTML_BECASYEMPLEO div.lopd{
	font: italic normal 10pt georgia, arial, sans-serif;
	color : #6491B9;
	border-top : 1px solid #6491B9;
	padding-top: 5px;
}
#ITAcontenido div.TEXTO_HTML_BECASYEMPLEO div.Fecha_Publicacion{
	font: italic normal 100% georgia, arial, sans-serif; 
}
#ITAcontenido div.TEXTO_HTML_BECASYEMPLEO div.Fecha_Limite{
	font: italic normal 10pt georgia, arial, sans-serif;
	color : #700;
}	
/**
*	 TEXTO_HTML_ACTUALIDAD == ficha de actualidad
**/
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Fecha_Publicacion,
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Categoria{
	font-style: italic;
	font-family: arial, georgia, sans-serif; 
	float : right;
	margin-top : 10px;
	margin-bottom : 5px;
	color: #777;
}
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Tipo,
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD div.Proyecto{
	font-style: italic;
	font-family: arial,georgia,  sans-serif; 
	float : left;
	margin-top : 10px;
	margin-bottom : 5px;
	text-transform : capitalize;
	color: #777;
}
/*
#ITAcontenido div.PROYECTOS a{
	padding : 3px 10px 3px 20px;
	background-position: center left;
	background-repeat : no-repeat;
	
	}
#ITAcontenido div.PROYECTOS a:hover{
	background-color: #eee;
}

#ITAcontenido a.Informacion,
#ITAcontenido a.Pendiente{
	background-image: url(/lib_ITAtools/lib_botones_windows/imagenes/button/16x16/shadow/bullet_ball_glass_yellow.png)
}

#ITAcontenido a.Abierta{
	background-image: url(/lib_ITAtools/lib_botones_windows/imagenes/button/16x16/shadow/bullet_ball_green.png)
}
#ITAcontenido a.Cerrada{
	background-image: url(/lib_ITAtools/lib_botones_windows/imagenes/button/16x16/shadow/bullet_ball_red.png)
}
#ITAcontenido a.web{
	background-image: url(/lib_ITAtools/lib_botones_windows/imagenes/globe/icon_earth.gif);
}
#ITAcontenido a.ficha{
	background-image: url(/lib_ITAtools/lib_botones_windows/imagenes/boton_nuevo.gif);
}
*/
/* 
#ITAcontenido div.PROYECTOS div.Titulo{
	IE6 
	width:610px;
}*/
/***************************************************/
/** PROYECTOS **************************************/
/***************************************************/
#ITAcontenido div.PROYECTOS,
#ITAtab {
	/**float:left; IE6 
	clear : both;**/
	position : relative; /** IE **/
	overflow:hidden;/** IE6 **/
	left : 0;
	top : 0;
	width : 610px;
	text-align: justify;	
	padding : 0 20px 20px 20px;
	font-size : 9pt;
	background-color : #fff;
}
#ITAcontenido div.PROYECTOS div.registro{
	border-bottom : 1px solid #c3d7f0;
	padding: 5px 0;
	min-height : 30px;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido div.PROYECTOS div.Titulo{
	margin: 0 0 5px 155px;
}
#ITAcontenido div.PROYECTOS div.Imagen{
	float : left;
	clear : both;
	width : 150px;
}

#ITAcontenido div.PROYECTOS div.body a{
	display:block;
	font: normal normal 9pt verdana, arial, sans-serif;
	text-decoration : none;
	color: #000;
	padding : 2px 0 0 0;
	text-align : left;
}
#ITAcontenido div.PROYECTOS div.Imagen img{
	width : 140px;
/*	height : 47px;*/
	margin : 5px 0 0 0;
}
#ITAcontenido div.PROYECTOS div.body a:hover{
	background-color: #e1f0f7;
}
#ITAcontenido div.PROYECTOS .palabras-clave{
	font-family:arial;
	font-style:italic;
	font-size:90%;
	color:#bbb;
	margin-right:5px;
	text-align:left;
}
/** 
**	maquetacion en fichas: layoutCell
**/
#ITAcontenido div.PROYECTOS.layoutCell div.registro{
	float: left;
	height: 128px;
	width: 141px;
	padding: 5px;
	border-right : 1px solid #c3d7f0;
}
#ITAcontenido div.PROYECTOS.layoutCell div.Imagen{
	margin-bottom: 10px;
}
#ITAcontenido div.PROYECTOS.layoutCell div.Imagen img{
	height: 45px;
}
#ITAcontenido div.PROYECTOS.layoutCell div.Titulo{
	margin: 0;
}
#ITAcontenido div.PROYECTOS.layoutCell  div.body a{
	font-family: arial;
	font-size: 8pt;
}
#ITAcontenido div.PROYECTOS.layoutCell .palabras-clave{
	display: none;
}
/**
** maquetacion en lineas: layoutLine
**/
#ITAcontenido div.PROYECTOS.layoutLine div.registro{
	min-height : 0;
	border-bottom:1px dashed #C3D7F0;
	padding: 2px 0;
}
#ITAcontenido div.PROYECTOS.layoutLine div.Imagen,
#ITAcontenido div.PROYECTOS.layoutLine  div.body a br{
	display : none;
}
#ITAcontenido div.PROYECTOS.layoutLine div.Titulo{
	margin: 0;
}
#ITAcontenido div.PROYECTOS.layoutLine  div.body a{
	font-family: arial;
	font-size : 8pt;
	padding-left: 130px;
}
#ITAcontenido div.PROYECTOS.layoutLine  div.body a strong{
	position: absolute;
	left: 0;
	width: 140px;
	text-align: right;
	/*
	display: inline-block;
	display: block;
	position: relative;
	float: left;
	left: -100px;
	width: 120px;
	margin-right: 5px;
	text-align: right;*/

}
#ITAcontenido div.PROYECTOS.layoutLine .palabras-clave{
	display: none;
}


/***************************************************/
/** ACTUALIDAD : NOTICIAS, EVENTOS, CONVOCATORIAS **/
/***************************************************/
#ITAcontenido div.ACTUALIDAD {
	/**float:left; IE6 
	clear : both;**/
	position : relative; /** IE **/
	overflow:hidden;/** IE6 **/
	left : 0;
	top : 0;
	width : 610px;
	text-align: justify;	
	padding : 0 20px 20px 20px;
	font-size : 9pt;
	background-color : #fff;
	text-align: left;
}

#ITAcontenido div.ACTUALIDAD div.registro{
	border-bottom : 1px solid #c3d7f0;
	padding: 5px 0;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
/*
#ITAcontenido div.ACTUALIDAD div.registro{
	position : relative;
	width : 650px;
	float : left;
	overflow : hidden;
	padding : 5px 0;
	border-bottom : 1px solid #c3d7f0; 
}*/
#ITAcontenido div.ACTUALIDAD div.Descripcion,
#ITAcontenido div.ACTUALIDAD div.Titulo{
	margin: 0 0 5px 155px;
}
#ITAcontenido div.ACTUALIDAD div.Fecha,
#ITAcontenido div.ACTUALIDAD div.Imagen,
#ITAcontenido div.ACTUALIDAD div.Subtipo,
#ITAcontenido div.ACTUALIDAD div.Categoria{
	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;
}

/************************************************************/
/** ACTUALIDAD_ARCHIVOS : NOTICIAS, EVENTOS, CONVOCATORIAS **/
/************************************************************/
#ITAcontenido div.ACTUALIDAD_ARCHIVOS {
	/*float:left;*/
	position : relative; /** IE **/
	width : 610px;
	text-align: justify;	
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fff;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.registro{
	border-bottom : 1px solid #c3d7f0;
	padding: 5px 0;
	min-height : 30px;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.Fecha{
	font: normal normal 9pt verdana, arial, sans-serif;
	float : left;
	width : 150px;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.Titulo{
	float : right;
	width : 460px;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.body a{
	display:block;
	font: normal normal 9pt verdana, arial, sans-serif;
	text-decoration : none;
	color: #000;
	padding : 2px 0 0 0;
	text-align : left;
}
#ITAcontenido div.ACTUALIDAD_ARCHIVOS div.body a:hover{
	background-color: #e1f0f7;
}

/************************************************************/
/** BECAS Y EMPLEO ******************************************/
/************************************************************/
#ITAcontenido div.BECASYEMPLEO{
	/*float:left;*/
	position : relative; /** IE **/
	width : 610px;
	/*text-align: justify;	*/
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fff;
}
#ITAcontenido div.BECASYEMPLEO div.registro{
	border-bottom : 1px solid #c3d7f0;
	padding: 5px 0;
	min-height : 40px;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido div.BECASYEMPLEO div.Fecha{
	font: normal normal 9pt verdana, arial,sans-serif;
	float : left;
	width : 155px;
}
#ITAcontenido div.BECASYEMPLEO div.Titulo{
	float : right;
	width : 450px;
}
#ITAcontenido div.BECASYEMPLEO div.body a{
	display:block;
	font: normal normal 9pt verdana, arial, sans-serif;
	text-decoration : none;
	color: #000;
	text-align : left;
	}
#ITAcontenido div.BECASYEMPLEO div.body a:hover{
	background-color: #e1f0f7;
}
/************************************************************/
/** CURSOS **************************************************/
/************************************************************/
#ITAcontenido div.CURSOS{
	/*float:left;*/
	position : relative; /** IE **/
	width : 610px;
	/*text-align: justify;	*/
	padding : 0 20px 20px 20px;
	font-size : 8pt;
	background-color : #fff;
}
#ITAcontenido div.CURSOS div.registro{
	border-bottom : 1px solid #c3d7f0;
	/*background : #fff url(/ita_claro/lib_img/cursos.jpg) no-repeat 0 5px;*/
	padding: 5px 0;
	min-height : 60px;
	height : 60px;
	/* FLOAT trick for container */
	overflow : hidden;
	width : 100%;
}
#ITAcontenido div.CURSOS div.Logo{
	float : left;
}
#ITAcontenido div.CURSOS div.Fecha{
	font: normal normal 9pt arial, verdana, sans-serif;
	padding : 0 0 0 155px;
	/*float : left;
	width : 150px;*/
}
#ITAcontenido div.CURSOS div.Titulo{
	padding : 0 0 0 155px;
	/*width : 510px;*/
}
#ITAcontenido div.CURSOS div.body a{
	display:block;
	font: normal bold 9pt verdana,arial,  sans-serif;
	text-decoration : none;
	color: #000;
	text-align : left;
	}
#ITAcontenido div.CURSOS div.body a:hover{
	background-color: #e1f0f7;
}

/****
quitar inscripcion on-line
***/
#ITAcontenido div.TEXTO_HTML_BECASYEMPLEO a.thickbox,
#ITAcontenido div.TEXTO_HTML_ACTUALIDAD a.thickbox,
#ITAcontenido div.TEXTO_HTML_CURSOS a.thickbox{
	/* display : none;*/
	padding: 2px 5px 2px 20px;
	background: #e6f0ff url(/lib_itatools/icons/application_form_edit.png) no-repeat 2px 2px;
	border: 2px outset #e6f0ff;
	display: inline-block;
	margin-bottom: 10px;
}
/*#ITAcontenido div.TEXTO_HTML_BECASYEMPLEO a.thickbox {display : none}*/
/**********/
/** TABS **/
/**********/
#ITAcontenido div.header,
#ITAcontenido div.TEXTO_HTML h2{
	font-weight : bold;
	font-size: 12pt;
	color : #6491B9;
	border-bottom:1px solid #6491B9; /*#c3d7f0*/
	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_ITAtools/icons/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;
}

/***************************/
#logo-ue-feder {
/*
	float : right;
	width : 200px;
	margin-left : 50px;
*/
	height : 64px;
	background : transparent url(/ita/lib_img/logo_ue_feder_r.gif) no-repeat scroll top right;
	cursor : pointer;
}
#logo-ue-feder:hover{
	background-color : #e6f0ff;
}