/* CSS Document */
.clearfix { display: inline-table; }
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 0; }
	.clearfix { display: block; }
	/* End hide from IE-mac */



#global{
 text-align:center;
}
#marc{
 text-align:left;
 position:relative;
 height:530px;
 max-width:933px;
 margin-left: auto;
 margin-right: auto;
}

/* **************************************** CABECERA ********************************* */
#container_top{
 width:100%;
 margin: 0px 0px 0px 0px;
 height:85px;
}

#top_left{
 width:210px; 
 float:left;
}

#top_right{
 float:left; 
 position: relative;
/* background-color:#66FF33;*/
 
}

#top_right_top{
	height:25px;
	margin-bottom:5px; 
}
	
		
#top_right_bottom{ /*caja formulario*/
	/* NOTA: Si activamos el men? bajar el left de right a 14 sino 205px*/
	display:none;
	margin-left:12px;
	font-family:Arial,Sans-Serif;
	font-size: 11px;	
	float:left;
} 
#top_right_bottom_right{
	height:35px;
	min-width:500px;
	font-family:Arial,Sans-Serif;
	font-size: 11px;	
	float:right;
	text-align:right;
	margin-top:5px;
	/* NOTA: Si est? activo el buscador bajar left a 14 sino 205px */
	margin-left:205px;
	/*background-color:#FF6633; /*(Para Pruebas)*/
} 
		
	
/* **************************************** CUERPO ********************************* */
#container_middle{
 font-family:Arial,Sans-Serif;
 width:100%; 
}
#container_mapa{
 font-family:Arial,Sans-Serif;
 width:100%;
 padding-bottom:5px;
}

.inscripcion{
	cursor:default;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -2px;
	color: #8D8D8D;
	line-height: 23px;
}

.cuerpoinscripcion{
	cursor:default;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 14px;
	color:blue
	letter-spacing: -2px;
	color: blue;#00D8C0
	line-height: 23px;
}
.cuerpo2{
	cursor:default;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
}

/* **************************************** BOTTOM ********************************* */
#container_bottom{
	width:100%;
	height:10px;
	margin: 12px 3px 5px 0px;
	padding-top: 30px;
	clear:both;
	max-width:960px;
}

#bottom_left{
 font-family:Arial,Sans-Serif;
 font-size: 11px;	
 color:#000000;
 width:24%; 
 float:left;
 
}

#bottom_right{
 font-family:Arial,Sans-Serif;
 font-size: 11px;		
 color:#000000;
 width: 75%; 
 float:left;
 text-align:right;
}


/* ******************************************************************************** */
/* **************************************** OTROS ********************************* */
/* ******************************************************************************** */
#sombra1{
	width:92%;
	background-image: url(../img/horizontal.gif);
 	background-repeat: repeat-x;
	background-position: left;
	float:left;
	height:14;
}
#sombra2{
	background-image: url(../img/esquina.gif);
 	background-repeat: no-repeat;
	background-position: right;
	float:right;
	width:3px;
}
.inputBuscador{
	height:17px;
	font-family:Arial,Sans-Serif;
	font-size: 10px;	
	color:#000000;
	background-color:#EEEEEE;
}
.inputLogin{
	height:15px;
	/*width:52px;*/
	width:58px; /* culpable: oriol*/
	background-color:#EEEEEE;	
}

.inputTextArea{
	font-family:Arial,Sans-Serif;
	font-size: 10px;
	color:#000000;
	background-color:#EEEEEE;
}

.link{
	color:#000000;
	text-decoration:none;
}
.link:hover{
	color:#A80311;
	text-decoration:none;
}
.link:visited{
	color:#000000;
	text-decoration:none;
}

A:link,A:visited,A:active {text-decoration:none;color:#A80311;}
A:hover{text-decoration:none;color:#000000;}

A.link{color:#000000;text-decoration:none;}
A.link:hover{color:#A80311;text-decoration:none;}
A.link:visited{color:#000000;text-decoration:none;}

div.lineaseparador{
   background-image: url(../img/separador_ligero.gif);
   background-position: right;
   background-repeat: repeat-x;
   height: 1px;
   margin: 10px 15px 10px 0px;
   height:14px;
}
div.lineaseparador hr { display: none; }
div.separadorvertical { height:6px;}
div.separadorvertical hr{ display: none; }

.rojo{
 color:#A80311;
}
.gris{
 color:#999999;
}
.negro{
 font-weight:bold;
}

/*div.imatge_impacte_petita{background-image:none;width:422;height:211px;}*/
div.imatge_impacte_petita{background-image:none;width:422;}

.texto{
 font-family:Arial,Sans-Serif;
 font-size: 11px;	
 color:#000000;
}






/* ######################################## */
/*  estilos de la home */
/* ######################################## */
/* CSS de la home */


/* CAJA IZQUIERDA DE LA PARTE DEL CONTENIDO */
#home_middle_left{
 width:667px;
 float:left;
 margin:0px;
 padding:0px; 
 display:block;
 }
 #home_middle_left_top{
 	width:650px;
	clear:both;
 }
 
 .imagen_impacto_home{
	/* background-image:none;
	 background: url(/isem/img/flash.gif);*/
	margin:-18px 0px 0px 0px;
	width:650px;
	height:250px;
}
 
 /* caja inferior de 3 columnas para las noticias*/
 #home_middle_left_bottom{
 	width:650px;
	padding-top:18px;
	margin-top:18px; 
 }
 
#container_noticia1{
 padding-left:10px;		
 width:176px; 
 height: 140px;	 
 float:left;
}
#container_noticia2{
 padding-left:41px;
 width:176px; 
 height: 140px;	 
 float:left;
}
#container_noticia3{
 padding-left:41px;
 width:176px; 
 height: 147px;	 
 float:left;
}
	
.home_middle_left_bottom{
	 margin:0;	
	 font-family:Arial,Sans-Serif;
	 font-size: 11px;	
	 color:#000000;
	 width:199px; 
	 height: 170px;	 
	 background-image: url(../img/caja_medio_pastilla.gif);
	 background-repeat: repeat-y;
	 background-position: right;	
}

/* CAJA DERECHA DE LA PARTE DEL CONTENIDO */	
#home_middle_right{
	 width:262; 
	 display:block;
	 margin:0;
	 float:left;
	 padding-left:4px;
	 display:block;
 }
 
 #container_login{
     display:none;
 	 width:265px; 
	 padding: 0px 0px 0px 0px;
	 float:left;
}
 #home_middle_right_top{
 	 width:256px; 
	 padding: 0px 8px 0px 0px;
	/* margin-bottom:-18px;	 */
	 margin-bottom:-8px;
	 font-family:Arial,Sans-Serif;
	 font-size: .7em;	
	 color:#000000;
	 float:left;	
	 background-image: url(../img/caja_medio_derecha.gif);
	 background-repeat: repeat-y;
	 background-position: right;
	 line-height:20px;	  
 }
 .derecha{
 	text-align:right;
 }
 #container_news{
 	 width:260px; 
	/* padding: 5px 5px 0px 8px;*/
	padding: 5px 0px 0px 0px;
	 float:left;
 }
 #cabeceraNoticia{
	 width:257px;
	 margin-left:8px;
     background-image: url(../img/caja_medio_noticia.gif);
	 background-repeat: repeat-y;
	 background-position: right;
 }
 #home_middle_right_bottom{
	 font-family:Arial,Sans-Serif;
	 width:255px;
	 font-size: .7em;	
	 color:#000000;
	 height:315px;	 
	 margin-left:10px;
	 background-image: url(../img/caja_medio_derecha.gif);
	 background-repeat: repeat-y;
	 background-position: right;
 }

 
/* ******************* OTROS ************************ */

.titular{
	 position:absolute;
	 font-family:Arial,Sans-Serif;
	 font-size: 17px;
	 font-weight: bold; 
	 color:#999999;
}

.titular_marketing{
	 position:absolute;
	 font-family:Arial,Sans-Serif;
	 font-size: 17px;
	 font-weight: bold; 
	 color:#A80311;
	 text-decoration:none;

}

.titular_home{
	 position:absolute;
	 font-family:Arial,Sans-Serif;
	 font-size: 17px;
	 font-weight: bold; 
	 color:#000000;
	 text-decoration:none;
}
.titular_home:hover{
 color:#999999;
}

.bullet_flecha_rojo{
	list-style-image:url(../img/bullet_flecha_rojo.gif);
}

.bullet_cuadro_rojo{
	font-family:Arial,Sans-Serif;
	font-size:11px;
	color:#000000;
	font-weight:normal;		
	list-style-image:url(../img/bullet_cuadro_rojo.gif);
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

.texto_login{
  padding-left:10px;
  padding-right:10px;
}

.texto_news{
  width:87%; 
  padding-right:40px;
}

.margenImg{
    padding-bottom:50px;
}

.espacioNoticias{
	 font-family:Arial,Sans-Serif;
	 font-size:11px;
	 color:#000000;
	 padding: 0px 25px 0px 0px;
	 margin: 15px 5px 8px 0px; 
}

div.noticiabottom{
	height:22px;
}

/* ################################################ */
/* interior */ 
/* ################################################ */

/* CSS interior */
/*Estilos para la seccion left de la zona central de contenidos.
Para arbol de navegaci?n*/
#interior_middle_left{
 width:174px; 
 float:left;
 background-color: #ffffff; 
 margin:1px 20px 1px 1px;
 background-image: url(../img/vertical.gif);
 background-repeat: repeat-y;
 background-position: right; 
 }

	#titulo_arbol{
	 font-family: Arial Narrow;
	 font-size: 18px;
	 font-weight:bold;
	 color: #999999;
	}
	
	#lista_arbol_primer_nivel{
		font-family:Arial,Sans-Serif;
		font-size: 11px;
		padding: 10px 0px 0px 10px;
		width:90%;
	}

	#lista_arbol_segundo_nivel{
		font-family:Arial,Sans-Serif;
		font-size: 11px;
		padding: 0px 0px 0px 13px;
	}
	
	.bullet_cuadro_rojo_destacados{
		font-family:Arial,Sans-Serif;
		font-size:11px;
		color:#000000;
		font-weight:normal;		
		list-style-image:url(../img/bullet_cuadro_rojo.gif);
		margin:0px;
		padding: 0px 0px 0px 15px;
	}

	.bullet_flecha_rojo{
		/*list-style-type:square;*/
		list-style-image: url(../img/bullet_flecha_rojo.gif);
	}
	
	.bullet_flecha_negro{
		/*list-style-type:square;*/
		list-style-image:url(../img/bullet_flecha_negro.gif);
		width:130px;
		/*border:1px solid #000;*/
	}


/*Estilos para la seccion middle de la zona central de contenidos.
Para los contenidos principales*/
#interior_middle_middle_large{
 width:77%; 
 float:left;
 margin:1px 1px 1px 10px;
}
#interior_middle_middle{
 width:520px;
 float:left;
 background-color: #fff; 
 margin:1px 1px 1px 10px;
}
#interior_middle_middle_foto{
 width:442px;
 }

	#fil{
		font-family:Arial,Sans-Serif;
		font-size: .7em;
		padding-bottom:2px;		
	}
	
	#titulo_contenido{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 25px;
		padding-bottom:2px;
		color: #C85355;
	}
	

	#subtitulo_contenido{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 20px;
		color:#999999;
		padding-bottom:2px;		
	    font-weight:bold;
	}
	
	#texto_contenido{
		font-family:Arial,Sans-Serif;
		font-size: 12px;
		color:000000;
		/*padding-right:45px;*/
		padding-right:10px;
		
		
	}
	#columna_esquerra {min-width:10%; width: 46% !important; float: left; margin-right: 1%;}
	#columna_dreta {min-width:10%; width: 46% !important; float: right;margin-right: 2%;}	
	#columna_unica{min-width:10%; width: 95% !important;}	

/*Estilos para la seccion right de la zona central de contenidos.
Para los destacado y los enlaces relacionados*/
#interior_middle_right{
 width:199px; 
 float:left;
 font-family:Arial,Sans-Serif;
 font-size: 0.9em;
 color:000000;
 margin:1px 1px 1px 1px;
}
	 
	#containerRegistro{
		display:none;
	}
	
	#interior_middle_right_registro{
	 display:block;
	 width:100%; 
	 float:left;
	 font-family: Arial Narrow;
	 font-size: 18px;
	 color: #999999;		
	 font-weight:bold;
	 background-color: #fff; 
	 padding-bottom:5px;
	 margin:0px 0px 0px 0px;
	 background-image: url(../img/vertical.gif);
	 background-repeat: repeat-y;
	 background-position: right; 
	}
		#interior_middle_right_registro form{
		 
		 margin:0px 0px 10px 10px;
		 vertical-align:top;
		 text-align:left;
		 float:left;
		 font-family:Arial,Sans-Serif;
		 font-size: 11px;
		 font-weight:normal;	
		 color:#000000;
		}
		#imgInferiorRegistre{
			display:block;
		}
		.inputRegistro{
			height:17px;
			width:102px;
			font-family:Arial,Sans-Serif;
			font-size: 10px;	
			color:#000000;
			background-color:#EEEEEE;
		}

	lista_arbol_primer_nivel_{
		font-family:Arial,Sans-Serif;
		font-size: 11px;
		padding: 10px 0px 0px 17px;
	}
	
	#lista_destacados{
		font-family:Arial,Sans-Serif;
		font-size: 11px;
		padding: 0px 0px 0px 17px;
		line-height:15px;
	}
	#interior_middle_right_destacados{
	 width:100%; 
	 float:left;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size: 18px;
	 color: #999999;		
	 font-weight:normal;
	 background-color: #fff;
	 padding-bottom:22px;
	 margin:0px 0px 0px 0px;
	 background-image: url(../img/vertical.gif);
	 background-repeat: repeat-y;
	 background-position: right; 
	}
	.titulo_destacado{
	  padding-bottom:13px;
	}
	#interior_middle_right_relacionados{
	 width:100%; 
	 float:left;
	 font-family: Arial Narrow;
	 font-size: 18px;
	 color: #999999;	 
	 font-weight:bold;	 	 
	 margin: 0;
	 background-color: #fff; 
	 padding-bottom:13px;
	 background-image: url(../img/vertical.gif);
	 background-repeat: repeat-y;
	 background-position: right; 
	}
	#degradado_pastilla{
		margin-top:12px;
	}

	
/* *************************************** */
/* 					agenda 				   */
/* *************************************** */
	#caja_meses_agenda{
		height:25px;
	}
	#titulo_agenda{
		font-family: Arial Narrow;
		font-size: 25px;
		padding-bottom:15px;
		color: #B61C1F;
	}
	#caja_meses_agenda{ display:block; }
	#caja_mes_left{
		float:left;
		padding-right:10px;
	}
	#caja_mes{ 
		font-family: Arial Narrow;
		font-size: 11px;
		color: #CCCCCC;
		width:9%;
		font-weight:bold;
		float:left; 
		padding-right:5px;
		margin-right:10px;
	}
	#caja_mes_rojo{ 
		font-family: Arial Narrow;
		font-size: 11px;
		color: #B61C1F;
		width:8%;
		font-weight:bold;
		float:left; 
		padding-right:5px;
		margin-right: 10px	
	}
	#caja_mes_right{
		float:left;
		margin-left:-8px;
		vertical-align:middle;		
	}
	div.lineaseparador_agenda{
	   background-image: url(../img/separador_agenda.gif);
	   background-position: right;
	   background-repeat: repeat-x;
	   height: 1px;
	   margin: 2px 40px 10px 0px;
	   height:14px;
	}
	.tituloActividad{
		font-family:Arial,Sans-Serif;
		font-size: 11px;
		color:#555555;
		font-weight:bold;
	}
	.fechaActividad{
		font-family:Arial,Sans-Serif;
		font-size: 1.0em;
		color:#B61C1F;
		font-weight:bold;
	}
	.textoActividad{
	   padding: 0px 20px 10px 0px;
	}
	.linkAgenda{
		font-family: Arial Narrow;
		font-size: 11px;
		color: #CCCCCC;	
		text-decoration:none;
	}
	.linkAgenda:hover{
	  color:#555555;
	}
/* *************************************** */	
/*   				mapa				   */
/* *************************************** */	
#container_mapa{
 background-image: url(../img/mapaweb_linea.gif);
 background-repeat: repeat-y;
}

#container_mapa_border{
 width:285px;
 float:left;
 
  /* background-image: url(../img/filete_vertical.gif);
 background-repeat: repeat-y;
 background-position: right; */
}
/* *************************************** */	
/*   estilos para el mapa web              */
/* *************************************** */	
#container_mapa_noborder{
 width:297px;
 float:left;
}
.margenMapa{
 padding-left:60px;
}

.inputcampoformulario {

	height:17px;
	font-family:Arial,Sans-Serif;
	font-size: 10px;	
	color:#000000;
	background-color:#EEEEEE;
}
.inputTextAreaformulario {

	font-family:Arial,Sans-Serif;
	font-size: 10px;
	color:#000000;
	background-color:#EEEEEE;
}