/* GENERAL */

html, body{
	height:100%;
	margin:0px;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	text-align: center;
	background-color:#8BAEC0;
}
form
{
	margin:0px;
	padding:0px;
}
#contenedor{ /* contenedor que incluye la home entera */
	width:950px;
	margin:auto;
	text-align:center;
}
#contenedor2{ /* contenedor que incluye las partes: left, center and bottom */
	width:950px;
	height:auto;
	background-color:#E8ECEE;
}
.clear { 
	clear:both;
}
/* FIN DE GENERAL */


/* CABECERA */
#header{
	width:950px;
	height:auto;
	background-color:#FFF;
	float:left;
}
#header #imgCabecera{
	width:191px;
	height:110px;
	float:left;
	background-repeat:no-repeat;	
}
#header #imgLogo{
	width:292px;
	height:110px;
	float:left;
	background-repeat:no-repeat;	
}

#header #enlacesCabecera{ /* enlaces: "cea", "contacte", "mapa web" */
	width:455px;
	height:16px;
	float:left;
	padding-right:12px;
	text-align:right;
}
#header #enlacesCabecera a:link {font-size:80%;text-decoration:none;color:#41587C} 
#header #enlacesCabecera a:active {font-size:80%;text-decoration:none;color:#41587C} 
#header #enlacesCabecera a:visited {font-size:80%;text-decoration:none;color:#41587C} 
#header #enlacesCabecera a:hover {font-size:80%;text-decoration:none;color:#94C94F} 
	
#header .banner{
	width:467px;
	height:94px;
	float:left;
	text-align:right;
}
/* FIN DE LA CABECERA */


/* ENLACES PRINCIPALES */
#mainlinks1{
	width:100%;
	height:22px;
	float:left;
	background-color:#94C94F;
}
#mainlinks1 .enlacesPrincipales{
	width:auto;
	height:18px;
	float:left;
	padding:4px 12px 0px 12px;
}

#mainlinks1 .enlacesPrincipales #enlaceHome{
	width:58px;
	height:100%;
	background-image:url(../graf/fdo_home.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#mainlinks1 .enlacesPrincipales a:link {font-size:100%;text-decoration:none;font-weight:bold;color:#FFF;}
#mainlinks1 .enlacesPrincipales a:active {font-size:100%;text-decoration:none;font-weight:bold;color:#FFF;} 
#mainlinks1 .enlacesPrincipales a:visited {font-size:100%;text-decoration:none;font-weight:bold;color:#FFF;} 
#mainlinks1 .enlacesPrincipales a:hover {font-size:100%;text-decoration:none;font-weight:bold;color:#41587C;} 

#mainlinks1 .enlacesPrincipales a.activo:link {font-size:100%;text-decoration:none;font-weight:bold;color:#41587C;}
#mainlinks1 .enlacesPrincipales a.activo:active {font-size:100%;text-decoration:none;font-weight:bold;color:#41587C;} 
#mainlinks1 .enlacesPrincipales a.activo:visited {font-size:100%;text-decoration:none;font-weight:bold;color:#41587C;} 
#mainlinks1 .enlacesPrincipales a.activo:hover {font-size:100%;text-decoration:none;font-weight:bold;color:#94C94F;} 

#mainlinks2{
	width:950px;
	height:19px;
	float:left;
	background-color:#FFF;
}
#mainlinks2 .enlaceQuien{
	width:auto;
	height:19px;
	float:left;	
	padding:1px 12px 0px 280px;
	font-size:85%;
	font-weight:bold;
	color:#94C94F;
}

/* FIN DE ENLACES PRINCIPALES */


/* CONTENIDO A LA IZQUIERDA */
#left{
	width:185px;
	height:auto;
	float:left;
	text-align:left;
	margin-bottom:20px;
	background-color:#E8ECEE;
}
#left .h1{ /* titulo "acceso" y "boletin" */
	font-size:90%;
	color:#FFF;
	padding: 2px 0px 2px 7px;
	text-align:left;
	background-color:#728390;
}
#left #mandar{ /* capa mandar para "acceso" y "boletin" */
	width:171px;
	float:left;
	padding-top:3px;
}
#left #mandar .input{ /* tipografia capa "mandar" */
	text-align:center;
	font-size:85%;
	color:#41587C;
}
#left #mandar .input a:link {text-align:center;font-size:85%;text-decoration:none;color:#41587C}
#left #mandar .input a:active {text-align:center;font-size:85%;text-decoration:none;color:#41587C} 
#left #mandar .input a:visited {text-align:center;font-size:85%;text-decoration:none;color:#41587C} 
#left #mandar .input a:hover {text-align:center;font-size:85%;text-decoration:none;color:#94C94F} 

#left .img{ /* posicion de las imagenes de la capa "left" */
	width:79px;
	height:40px;
	float:left;
	margin:0px;
	padding: 5px 0px 0px 3px;
	text-align:left;
}
#left .text{ /* posicion y tipografia de la capa "left" */
	width:90px;
	height:auto;
	float:left;
	margin:0px;
	padding: 5px 0px 0px 3px;
	font-size:95%;
	line-height:95%;
	font-weight:bold;
	color:#41587C;
}
#left .text a:link {font-size:95%;text-decoration:none;font-weight:bold;color:#41587C}
#left .text a:active {font-size:95%;text-decoration:none;font-weight:bold;color:#41587C} 
#left .text a:visited {font-size:95%;text-decoration:none;font-weight:bold;color:#41587C} 
#left .text a:hover {font-size:95%;text-decoration:none;font-weight:bold;color:#94C94F} 

#left #cajaEnlaces{ /* enlaces gat, otri y pidi */
	width:177px;
	height:165px;
	float:left;
	margin: 4px 0px 0px 2px;
	background-color:#FFF;
}
#left #cajaEnlaces #enlaceGat{
	width:175px;
	height:54px;
	float:left;
	border:1px solid #94C94F;
	border-bottom-width:0px;
}
#left #cajaEnlaces #enlaceOtri{
	width:175px;
	height:53px;
	float:left;
	border:1px solid #94C94F;
}	
#left #cajaEnlaces #enlacePidi{
	width:175px;
	height:54px;
	float:left;
	border:1px solid #94C94F;
	border-top-width:0px;
}	
#left #cajaEnlacesSecundarios{ /* enlaces incentivos, e-business, ebt y une */
	width:177px;
	height:320px;
	float:left;
	margin: 5px 0px 0px 2px;
	background-color:#FFF;
}
#left #cajaEnlacesSecundarios #enlaceHerramientas{
	width:inherit;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlaceLOPD{
	width:inherit;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlacePatentes{
	width:inherit;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlaceSistemasIntegrales{
	width:inherit;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlacePortalFIDi{
	width:inherit;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlaceIncentivos{
	width:inherit;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlaceEBusiness{
	width:175px;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-bottom-width:0px;
}
#left #cajaEnlacesSecundarios #enlaceEBT{
	width:175px;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
}
#left #cajaEnlacesSecundarios #enlaceUNE{
	width:175px;
	height:54px;
	float:left;
	border:1px solid #CFD0D1;
	border-top-width:0px;
	background-color:#FFF;
}
/* acceso a servicios */
#left .accesoServicios{ /* capa */
	width:175px;
	height:auto;
	float:left;
	margin-left: 2px;
	margin-top: 4px;
	background-color:#F8F8F8;
	border:1px solid #728390;
}	
#left .accesoServicios .contrasena{	
	line-height:200%;
	text-align:center;
	font-size:95%;
	font-weight:bold;
	color:#41587C;
}
#left .accesoServicios .contrasena a:link {line-height:200%;text-align:center;font-size:95%;font-weight:bold;text-decoration:none;color:#41587C}
#left .accesoServicios .contrasena a:visited {line-height:200%;text-align:center;font-size:95%;font-weight:bold;text-decoration:none;color:#41587C} 
#left .accesoServicios .contrasena a:hover {line-height:200%;text-align:center;font-size:95%;font-weight:bold;text-decoration:none;color:#94C94F} 
#left .accesoServicios .contrasena a:active {line-height:200%;text-align:center;font-size:95%;font-weight:bold;text-decoration:none;color:#41587C}

#left .accesoServicios #login{ /* caja blanca */
	width:170px;
	height:auto;
	float:left;
	background-color:#FFF;
	text-align:left;
}
#left .accesoServicios #login .text1{ /* tipografia "usuario", "clave" */
	width:100%;
	float:left;
	text-align:left;
	font-size:85%;
	color:#374354;
	padding:10px 0px 0px 5px;
}
#left .accesoServicios #login .text2{ /* tipografia caja "usuario" */
	text-align:left;
	font-size:85%;
	color:#41587C;
	padding:4px 0px 0px 2px;
}
#left .accesoServicios #login .cajaLogin{ /* campo formulario */
	width:150px;
	border:1px solid #DFDFDF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:95%;
	text-align: left;
	color:#41587C;
}
#left .accesoServicios #explicacion{ /* text explicacion del servicio */
	width:162px;
	height:90px;
	float:left;
	margin: 5px 3px 0px 3px;
	text-align:justify;
	font-size:90%;
	line-height:110%;
	color:#728390;
}
#left .accesoServicios .div_login_error{ /* Mensaje de Error */
	COLOR:#c00000;
	font-size:85%;
	text-align:left;
	padding-left:4px;
}
#left .accesoServicios #explicacion a:link {font-size:90%;text-decoration:none;color:#728390}
#left .accesoServicios #explicacion a:active {font-size:90%;text-decoration:none;color:#41587C} 
#left .accesoServicios #explicacion a:visited {font-size:90%;text-decoration:none;color:#728390} 
#left .accesoServicios #explicacion a:hover {font-size:90%;text-decoration:none;color:#94C94F} 
/* fin del acceso a servicios */

/* boletin */
#left #boletin{
	width:175px;
	height:115px;
	float:left;
	margin: 4px 0px 0px 2px;
	text-align:center;
	background-color:#FFF;
	border:1px solid #728390;	
}
#left #boletin .contenido{
	padding: 5px 6px 0px 6px;
	text-align:justify;
	font-size:90%;
	line-height:110%;
	color:#728390;
}
#left #boletin .cajaBoletin{ /* campo formulario */
	width:152px;
	height:16px;
	float:left;
	margin:6px 5px 0px 5px;
	border:1px solid #DFDFDF;
}
/* fin de boletin *
/* FIN DE CONTENIDO A LA IZQUIERDA */


/* CONTENIDO PRINCIPAL 1: INNOGUIA, CONSULTOR VIRTUAL, MAPA, RECURSOS, DESTACADOS */
#center1{
	width:765px;
	height:auto;
	float:left;
	background-color:#FFF;
}
#center1 .img{ /* posicion de las imagenes de "innoguia" y "consultor virtual" */
	width:120px;
	height:auto;
	float:left;
	margin:0px;
	padding: 3px 0px 0px 2px;
	text-align:left;
}
#center1 .imgRecursos{ /* posicion de la imagen de "recursos" */
	width:116px;
	height:118px;
	float:left;
	text-align:right;
	background-image:url(../graf/enl_recursos.jpg);
	background-repeat:no-repeat;
}
#center1 .text{ /* capa de texto de "innoguia" y "consultor virtual" */
	width:150px;
	height:auto;
	float:left;
	margin:0px;
	padding:0px 0px 2px 4px;
	font-size:95%;
	text-align:left;
	color:#41587C;
}
#center1 .text .colorGris{ /*texto enlaces "innoguia" y "consultor virtual" */
	color:#616263;
}	
#center1 .text a:link {font-size:95%;text-decoration:none;color:#41587C}
#center1 .text a:active {font-size:95%;text-decoration:none;color:#41587C} 
#center1 .text a:visited {font-size:95%;text-decoration:none;color:#41587C} 
#center1 .text a:hover {font-size:95%;text-decoration:none;color:#94C94F} 

#center1 .titulo{ /* titulo enlaces "innoguia" y "consultor virtual" con fondo verde */
	margin:3px 0px 0px 120px;
	padding:3px 5px 2px 5px;
	font-size:95%;
	font-weight:bold;
	text-align:left;
	color:#FFF;
	background-color:#94C94F;
}
#center1 .titulo a:link {text-decoration:none;color:#FFF}
#center1 .titulo a:active {text-decoration:none;color:#FFF} 
#center1 .titulo a:visited {text-decoration:none;color:#FFF} 
#center1 .titulo a:hover {text-decoration:none;color:#41587C} 

#center1 #tituloRecursos{ /* enlace "recursos" con fondo verde */
	width:50px;
	height:auto;
	float:right;
	padding:3px 5px 2px 5px;
	margin-right:1px;
	font-size:95%;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	background-color:#94C94F;
}
#center1 #tituloDestacados{ /* enlace "destacados" con fondo verde */
	width:auto;
	height:auto;
	float:left;
	padding:3px 5px 2px 5px;
	margin-top:3px;
	font-size:95%;
	font-weight:bold;
	text-align:right;
	color:#FFF;
	background-color:#94C94F;
}
#center1 .enlacesRecursos{ /* posicion y tipografia del enlace "recursos" */
	width:155px;
	height:auto;
	float:left;
	margin:0px;
	padding:3px 0px 0px 4px;
	font-size:95%;
	font-weight:bold;
	text-align:left;
	line-height:130%;
	color:#41587C;
}
#center1 .enlacesRecursos a:link {font-size:95%;text-decoration:none;color:#41587C}
#center1 .enlacesRecursos a:active {font-size:95%;text-decoration:none;color:#41587C} 
#center1 .enlacesRecursos a:visited {font-size:95%;text-decoration:none;color:#41587C} 
#center1 .enlacesRecursos a:hover {font-size:95%;text-decoration:none;color:#94C94F} 

#center1 #buscadorRecursos{ /* posicion y tipografia de "buscador recursos" */
	width:155px;
	height:auto;
	float:left;
	margin: 9px 0px 0px 0px;
	padding-left:4px;
	font-size:85%;
	font-weight:bold;
	text-align:left;
	color:#616263;
}
#center1 #buscadorRecursos .cajaBuscadorRecursos{
	width:121px;
	float:left;
	height:16px;
	border:1px solid #DFDFDF;
	left:auto;
}
#center1 #buscadorRecursos .imgLupa{
	width:18px;
	height:19px;
	float:left;
	margin-left:5px;
}
#center1 #innoguia{ /* caja "innoguia" */
	width:278px;
	height:124px;
	float:left;
	margin-left:3px;
	padding-left:5px;
	border:1px solid #CFD0D1;
}
#center1 #consultor{ /* capa "consultor virtual" */
	width:278px;
	height:124px;
	float:left;
	margin: 4px 0px 0px 3px;
	padding-left:5px;
	border:1px solid #CFD0D1;
}
#center1 #recursos{ /* capa "recursos" */
	width:278px;
	height:121px;
	float:left;
	margin-left:4px;
	padding:3px 0px 0px 5px;
	border:1px solid #CFD0D1;
}
#center1 #innoejemplos{ /* capa "innoejemplos" */
	width:278px;
	height:124px;
	float:left;
	margin: 4px 0px 0px 3px;
	padding-left:5px;
	border:1px solid #CFD0D1;
}
#center1 #patentes{  /*capa "patentes" */
	width:175px;
	height:121px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#383762;
	font-size:11px;
	text-align: justify;
	padding-right:2px;
	margin:3px 0px 0px 6px;
	}
#center1 .enlaces_patentes{ /* capa "patentes" */
	font-family: Arial, Helvetica, sans-serif;
	color:#383762;
	font-size:11px;
	text-align: justify;
	padding-right:2px;
	margin-right:2px;
	}
#center1 #mapa{ /* capa "mapa territoriales" */
	width:175px;
	height:auto;
	float:left;
	margin-left:6px;
	padding:3px 0px 14px 0px;
	border-top:1px solid #CFD0D1;
	border-bottom:1px solid #CFD0D1;
}	
#center1 #destacados{ /* capa "destacados" */
	width:753px;
	height:auto;
	float:left;
	margin: 4px 0px 3px 3px;
	border:1px solid #CFD0D1;
	background-color:#FFF;
}
#center1 #destacados .cajasDestacados{ /* cajas para cada uno de los tres destacados */
	width:127px;
	height:118px;
	float:right;
	margin: 3px 1px 0px 0px;
	background-color:#F8F8F8;
}
#center1 #destacados .gifs{ /* capa para los .gifs */
	width:111px;
	height:53px;
	float:left;
	margin: 0px 4px 0px 4px;
}
#center1 #destacados .textoDestacados{ /* texto para los destacados */
	width:118px;
	height:auto;
	float:left;
	padding: 0px 4px 0px 4px;
	font-size:80%;
	text-align:left;
	color:#3D6CA8;
}
/* FIN DE CONTENIDO PRINCIPAL 1 */

		
/* CONTENIDO PRINCIPAL 2: NOTICIAS, EVENTOS */
#center2{
	width:759px;
	height:auto;
	float:left;
	background-color:#E8ECEE;
	padding:12px 0px 0px 4px;
}
#center2 .contenedores{ /* capas "noticias" y "eventos" */
	width:358px;
	height:320px;
	float:left;
	padding: 18px 0px 0px 10px;
	background-color:#FFF;
}
#center2 .titulo{ /* titulos de las capas "noticias" y "eventos" */
	width:358px;
	height:16px;
	float:left;
	background-color:#728390;
	padding:2px 0px 0px 10px;
	text-align:left;
}
#center2 .textNoticias, .textEventos{ /* textos "noticias" y "eventos" */
	font-size:95%;
	font-weight:bold;
	text-align:left;
	color:#3D6CA8;
}
#center2 a:link {font-size:95%;font-weight:bold;text-decoration:none;color:#3D6CA8}
#center2 a:active {font-size:95%;font-weight:bold;text-decoration:none;color:#3D6CA8} 
#center2 a:visited {font-size:95%;font-weight:bold;text-decoration:none;color:#3D6CA8} 
#center2 a:hover {font-size:95%;font-weight:bold;text-decoration:none;color:#94C94F} 

#center2 .textFecha, .textLugar{ /* fecha y lugar de "noticias" y "eventos" */
	float:left;
	font-size:95%;
	text-align:left;
	color:#616263;
	padding-right:10px;
}	
#center2 .masNoticias, .masEventos{ /* enlace "mas eventos" */
	width:auto;
	height:19px;
	float:left;
	padding: 0px 0px 0px 10px;
	background-color:#FFF;
	font-size:85%;
	text-align:left;
	color:#616263;
}
#center2 #noticias
{
	float: left;
	width:368px;
	background-color:#FFF;
}
#center2 #eventos
{
	float: left;
	width:368px;
	background-color:#FFF;
	margin-left:11px;
}		
/* FIN DE CONTENIDO PRINCIPAL 2 */


/* PIE */
#bottom{ /* capa contiene logotipos "cea" y "junta" */
	width:765px;
	height:auto;
	float:right;
	background-color:#E8ECEE;
	margin-bottom:20px;
}
#bottom, #bottom2 .text{ /* tipografia del "pie" de la pagina */
	font-size:85%;
	line-height:100%;
	color:#728390;
}
#bottom .cajaLogos{	/* caja con fondo blanco que contiene los logos */
	width:749px;
	height:auto;
	float:left;
	margin:12px 0px 20px 0px;
	background-color:#FFF;
}
#bottom .cajaLogos .logoCEA{
	width:auto;
	height:auto;
	float:left;
	margin:6px 0px 0px 30px;
	text-align:center;
}
#bottom .cajaLogos #logoTerritorial{
	width:auto;
	height:auto;
	float:left;
	margin:6px 0px 5px 30px;
	padding-bottom:5px;
	text-align:center;
}
#bottom .cajaLogos .logoJunta{
	width:auto;
	height:auto;
	float:left;
	margin:6px 0px 0px 30px;
	text-align:left;
}
#bottom2{
	width:950px; /* capa que contiene el texto "portal de innovacion" y los enlaces del pie */
	height:auto;
	background-color:#E8ECEE;
	padding-bottom:20px;	
}
#bottom2 a:link {text-decoration:none;color:#728390}
#bottom2 a:active {text-decoration:none;color:#728390} 
#bottom2 a:visited {text-decoration:none;color:#728390} 
#bottom2 a:hover {text-decoration:none;color:#94C94F} 

#bottom3{
	width:950px; /* capa contiene borde azul */
	height:35px;
	background-color:#8BAEC0;
}
/* FIN DE PIE */