/*body#mapainteractivo .migas, body#mapainteractivo #navbar, body#mapainteractivo .navbar2, #mapainteractivo #banner {display:none;}*/
#pie ul, .otrasFotos ul, .navbar2 ul, #navbar ul, #navbar ul ul, .h2mapa, h1, #banner ul {margin:0;padding:0;}
body {
	font-family: Arial, Helvetica, sans-serif;	
	background:#FFFFFF;
/*	max-width:100%;*/
	width:100%;
    max-width:1200px;
	min-width:1100px;
	margin-top:0;
	padding-top:0;
	margin-left:auto;
	margin-right:auto;
}

h1 span {position:absolute;left:-9999px;}
#mapainteractivo h2 {float:left;width:40%;}
h3 {font-family:"Tahoma",Arial, Helvetica, sans-serif;color:#505050;font-size:115%;color:#000;margin-top:1.5em;background:url(graf/fondopie.gif) 1% repeat-x;padding:0.3em;margin-bottom:1px;border:1px solid #cfe4f4;}
h4 {background:#4aabff;color:#fff;padding:0.4em;}
h5 {color:#4aabff;border-bottom:1px solid #4aabff;font-size:100%;}
a {color:#2491ED;text-decoration:underline;}
a:visited {color:#000;}
a:hover {color:#000;text-decoration:none;}
.out {left:-9999px;position:absolute;}

img {border:none;}
.antifloat {clear:both;}
.ocultar {display:none;}
img.derecha {float:right;margin-left:5%;margin-bottom:3%;}
.logos li{display:inline-table;vertical-align:middle;width:45%;text-align:center;}

.graf_inicio img {text-align:center;margin-top:105px;}
.graf_inicio {font-size:90%;padding:5px;position:relative;text-align:center;height:450px;margin-top:2.5em;}
.graf_inicio div strong {color:#000;font-size:120%;}
.graf_inicio div {background:#fff;}
.graf_inicio .area1 {border:2px solid #0c85a4;top:0;left:190px;height:100px;position:absolute;width:200px;}
.graf_inicio .area2 {border:2px solid #c43d3a;top:320px;left:-22px;width:160px;height:120px;position:absolute;}
.graf_inicio .area3 {border:2px solid #5f8313;top:320px;right:-42px;width:180px;height:130px;position:absolute;}
.graf_inicio div.centros {width:40%;margin-left:9em;margin-top:1em;}
.inicio  ul, .graf_inicio  p {margin:0;padding:0;}
.graf_inicio  p {margin:0.3em;}
.inicio ul li {margin-left:2em;list-style:url(graf/flechaazul_p.gif);line-height:150%;}
.inicio ul.doscolumnas {width:50%;float:left;}

.inicio {/*width:590px;*/}
.inicio .resaltar_inicio {background:#3399ff;font-weight:120%;color:#fff;}
.inicio .izq, .inicio .der {float:left;}
.inicio .izq {width:47%;}
.inicio .izq  div p {margin:0.5em;}
.inicio .der {width:52%;margin-left:1%;}
.inicio .izq  div, .inicio .der  div {padding:1%;font-size:90%;min-height:29em;}
.inicio .izq  div {background:#F0F9FF;border:1px solid #d8e5f0;}
.inicio .der  div {background:#fbfbfb;border:1px solid #d8e5f0;}



#pagina {margin:0 0.3em;}
.col_izq {width:19%;float:left;}
.col_centro {width:73%;float:left;}
.col_der {float:right;margin-left:1.9em;width:180px;}
#mapainteractivo .col_centro{width:100%;}

#header .col_der {float:right;text-align:center;width:auto;}
html>body #header .col_der {margin-right:3em;}
#maincontent {padding:0 0 0 1em;float:left;}
html>body #maincontent {margin-left:20%;float:none;}
#mapainteractivo #maincontent {float:none;margin:0;}

#banner {height:140px;width:100%;z-index:0;position:relative;background:#f7f7f7;}
#banner h2{margin:3px 0 0 0;padding:0;height:140px;}
#banner img {border:1px solid #eee;} 

/* BANNERS CABECERA */
#banner h2.noticias_es {background:url(graf/banner_actualidad_es.jpg) left no-repeat;}
#banner h2.noticias_en {background:url(graf/banner_actualidad_en.jpg) left no-repeat;}
#banner h2.documentos_es {background:url(graf/banner_documentos_es.jpg) left no-repeat;}
#banner h2.documentos_en {background:url(graf/banner_documentos_en.jpg) left no-repeat;}
#banner h2.actuaciones_es {background:url(graf/banner_actuaciones_es.jpg) left no-repeat;}
#banner h2.actuaciones_en {background:url(graf/banner_actuaciones_en.jpg) left no-repeat;}
#banner h2.agregados_es {background:url(graf/banner_agregados_es.jpg) left no-repeat;}
#banner h2.agregados_en {background:url(graf/banner_agregados_en.jpg) left no-repeat;}
#banner h2.market_es {background:url(graf/banner_market_es.jpg) left no-repeat;}
#banner h2.market_en {background:url(graf/banner_market_en.jpg) left no-repeat;}
#banner h2.spanish_es {background:url(graf/banner_spanish_es.jpg) left no-repeat;}
#banner h2.spanish_en {background:url(graf/banner_spanish_en.jpg) left no-repeat;}
#banner h2.educational_es {background:url(graf/banner_educational_es.jpg) left no-repeat;}
#banner h2.educational_en {background:url(graf/banner_educational_en.jpg) left no-repeat;}
#banner h2.colaborative_es {background:url(graf/banner_collaborative_es.jpg) left no-repeat;}
#banner h2.colaborative_en {background:url(graf/banner_collaborative_en.jpg) left no-repeat;}
#banner h2.emprendedurismo_es {background:url(graf/banner_entrepreneurship_es.jpg) left no-repeat;}
#banner h2.emprendedurismo_en {background:url(graf/banner_entrepreneurship_en.jpg) left no-repeat;}
#banner h2.indicadores_es {background:url(graf/banner_indicadores_es.jpg) left no-repeat;}
#banner h2.indicadores_en {background:url(graf/banner_indicadores_en.jpg) left no-repeat;}
#banner h2.innovacion_es {background:url(graf/banner_innovacion_es.jpg) left no-repeat;}
#banner h2.innovacion_en {background:url(graf/banner_innovacion_en.jpg) left no-repeat;}
#banner h2.gobernanza_es {background:url(graf/banner_gobernanza_es.jpg) left no-repeat;}
#banner h2.gobernanza_en {background:url(graf/banner_gobernanza_en.jpg) left no-repeat;}
#banner h2.eje_es {background:url(graf/banner_eje_es.jpg) left no-repeat;}
#banner h2.eje_en {background:url(graf/banner_eje_en.jpg) left no-repeat;}
#banner h2.mision_es {background:url(graf/banner_mision_es.jpg) left no-repeat;}
#banner h2.mision_en {background:url(graf/banner_mision_en.jpg) left no-repeat;}
#banner h2.beneficios_es {background:url(graf/banner_beneficios_es.jpg) left no-repeat;}
#banner h2.beneficios_en {background:url(graf/banner_beneficios_en.jpg) left no-repeat;}
#banner h2.objetivos_es {background:url(graf/banner_objetivos_es.jpg) left no-repeat;}
#banner h2.objetivos_en {background:url(graf/banner_objetivos_en.jpg) left no-repeat;}
#banner h2.arquitectura_es {background:url(graf/banner_arquitectura_es.jpg) left no-repeat;}
#banner h2.arquitectura_en {background:url(graf/banner_arquitectura_en.jpg) left no-repeat;}
#banner h2.flash_es {background:url(graf/banner_mundo_es.jpg) left no-repeat;}
#banner h2.flash_en {background:url(graf/banner_mundo_en.jpg) left no-repeat;}


.migas {font-size:75%;color:#3D8FCF;border-bottom:1px solid #65a1d3;height:1.3em;padding:1em 0.3em 0.5em;width:72%;}
.migas a, .migas a:visited {color:#3D8FCF;}
.migas strong.n2 {color:#953735;}
#transicion {background:#fff;margin-top:-1.5em;padding:0.5em 1em;border-top:1px solid #eee;z-index:10;font-size:80%;width:22%;float:right;position:relative;margin-right:-2px;}
#header {height:3em;}
#navbar {clear:left;}
		#navbar ul {margin-top:3em;}
		#navbar ul li {list-style:none;margin-top:1em;}
			#navbar h2 {border-bottom:1px solid #65a1d3;font-size:95%;color:#3D8FCF;margin-bottom:0.5em;font-weight:normal;font-family:"Tahoma",Arial, Helvetica, sans-serif;}
				#navbar h2 strong {font-weight:bold;}
				#navbar li h2 a, #navbar h2 a:visited {color:#3D8FCF;text-decoration:none;}
				#navbar h2 a:hover {font-weight:bold;}

/*			#navbar ul li.segundo {margin-top:1em;}*/
			#navbar ul li li{list-style:none;border-bottom:none;line-height:1.5em;font-size:75%;margin-top:0.5em;}
		   #navbar ul li li strong {color:#953735;font-weight:bold;}
				#navbar ul li li li{margin-left:1em;}			
		#navbar ul li a {text-decoration:none;}
		.navbar2 ul li a, .navbar2 ul li a:visited {text-decoration:none;color:#3D8FCF;}
		#navbar ul li li {color:#000;}
		#navbar li li a, #navbar li li a:visited {color:#000;}
		#navbar ul li li a:hover {color:#953735;font-weight:bold;}
		.migas a:hover, .navbar2 ul li a:hover {color:#000;}

.navbar2 {padding:0.5em 0.3em 0.3em 0.3em;border-bottom:1px solid #65a1d3;height:1em;/*width:712px;*/width:auto}
.navbar2 li{list-style:none;border-right:1px solid #65a1d3;float:left;display:block;font-size:80%;padding:0 1em;font-family:"Tahoma",Arial, Helvetica, sans-serif;}
.navbar2 li.ultimo {border-right:none;}
.idioma {float:right;font-size:75%;margin-right:4em;margin-bottom:1em;}

.texto {font-size:75%;padding-top:0.5em;}
.texto li {list-style:url(graf/flechaazul.gif);/*list-style:url(graf/guionnegro.gif);*/}
.mapa {margin-top:1.6em;border:1px solid #4aabff;padding:3px;height:152px;}
.mapa img {border:1px solid #ccc;}
.h2mapa {color:#4aabff;font-size:75%;margin-top:-1.7em;margin-bottom:0.1em;height:20px;text-align:center;font-family:"Tahoma",Arial, Helvetica, sans-serif;}
.video {height:100px;}
.doc {margin-top:0.3em;height:114px;}
.doc li img:hover {border:1px solid #000;}
.doc ul {margin:0;padding:0;list-style:none;}

#actualidad {margin-top:2.5em;}
#actualidad h2{margin-top:0;margin-bottom:0.1em;height:20px;font-family:"Tahoma",Arial, Helvetica, sans-serif;color:#3D8FCF;border-bottom:1px solid #3D8FCF;}

#actualidad h3{font-size:80%;background:none;border:none;margin-top:0;margin-bottom:1.3em;border-bottom:1px solid #eee;}
#actualidad h3 a, #actualidad h3 a:visited{color:#606060;text-decoration:none;font-weight: normal;}
#actualidad h3 a:hover {text-decoration:underline;color:#3D8FCF;}
#actualidad .masActualidad {font-size:75%;text-align:right;}
.listanoticias .fecha, #actualidad .fecha {display:block;font-size:80%;color:#585858;font-family:"Tahoma",Arial, Helvetica, sans-serif;}
.listanoticias .fecha {font-size:105%;}
.listanoticias li {margin:2%;}
.listanoticias li h3 {background:none;border:none;margin-top:0;}

blockquote {font-family:"Tahoma",Arial, Helvetica, sans-serif;font-size:110%;background:url(graf/fondo_blockquote.gif) no-repeat left top;margin-left:0;padding-left:70px;padding-top:0.5em;}
.a_destacar {font-size:110%;}
.a_destacar span{font-family:"Tahoma",Arial, Helvetica, sans-serif;color:#000;font-size:125%;padding-top:0.3em;display:block;padding-left:1.5em;}
.a_destacar2 {font-family:"Tahoma",Arial, Helvetica, sans-serif;font-size:120%;padding-top:0.3em;display:block;}

.espacios {font-size:130%;border:2px solid #66ccff;padding:0.5em;}
.espacios li {margin-left:1.5em;}


/* CANVAS GOOGLE*/
#map_canvas{border:1px solid #ccc;width:70%;height:500px;float:left}
#map_canvas img{border:1px solid #ccc;float:left;}
.centrarcanvas {float:right;border:1px solid #ccc;padding:10px;margin-bottom:1em;}
.centrarcanvas legend {color:#2491ED;}
.centrarcanvas  input {vertical-align:middle;}
.centrarcanvas  input.button {background:#eee;border:1px solid #2491ED;font-size:85%;margin-left:0.7em;}
#enlaces ul {margin:0;padding:0;}
#enlaces{float:right;width:25%;font-size:90%;}
#enlaces li, #enlaces ul li {list-style:url(graf/lista_blue.png);padding-bottom:0.2em;margin-left:1.5em;}
#enlaces ol {margin:0;padding:0;}
#enlaces li ol li {list-style:none url(none);padding-top:0.3em;font-size:90%;}
#enlaces li li img {padding-right:0.3em;vertical-align:middle;}

.doscolumnas li {width:50%;float:left;}
.agregaciones .doscolumnas li {width:45%;padding-right:5%;line-height:150%;}

#accesibilidad, #contacto, #mapa {clear:both;}
#mapa div {width:31%;float:left;border-right:1px solid #ccc;padding-left:1%;padding-right:1%;height:15em;}
#accesibilidad h3, #contacto h3, #mapa h3 {color:#3F91D9;font-size:120%;}
#accesibilidad .izq {width:57%;}
#accesibilidad .der {width:39%;}

#contacto .izq {width:45%;}
#contacto .der {width:45%;}
#accesibilidad .izq, #contacto .izq {float:left;padding-right:1%;border-right:1px solid #ccc;}
#accesibilidad .der, #contacto .der {float:left;padding-left:1%;}
#accesibilidad .der img, #contacto .der img {float:left;vertical-align:middle;padding-right:1%;}
#accesibilidad .der p {clear:both;}
/*#video {width:660px; margin:auto;height:400px;}*/
#video .izq {width:67%;float:left;padding-right:1%;border-right:1px solid #ccc;}
#video .der {width:28%;float:left;padding-left:1%;}
#video .transcripcion {width:67%;clear:both;margin-top:1em;}



#pie {clear:both;margin-top:2.5em;font-size:75%;color:#000000;padding-top:0.5em;}
#pie ul, #pie p{text-align:center;}
#pie li {display:inline;}
#pie li span{padding:1em 0.5em 0;font-size:150%;}
#pie li a, #pie li a:visited {color:#3F91D9;}
#pie li.ultimo {border-right:none;}
#pie p {margin-top:0.5em;}

/* GOOGLE MAPS */
#bocadillo {padding:1em;width:435px;height:auto;margin:1px;overflow:hidden;background:#f7f7f7;}
#bocadillo a, #bocadillo a:visited {color:#000;text-decoration:none;}
#bocadillo a:hover {color:#2491ED;text-decoration:underline;}
#bocadillo  .imagen {float:right;text-align:center;vertical-align:middle;margin:0 0 0 0.5em;width:200px;}
.otrasFotos img, #bocadillo  .imagen img {border:1px solid #ccc;padding:1px;}
#bocadillo div.pie{display:block;border:none;font-size:75%;}
#bocadillo div.pie img{border:none;float:none;}
#bocadillo .imagen img.h {width:200px;height:150px;}
#bocadillo .otrasFotos img {width:60px;height:44px;}
#bocadillo .imagen img.v {width:150px;height:200px;}
#bocadillo .imagen span {display:block;font-size:75%;}
#bocadillo .titulo {margin-bottom:0;}
#bocadillo .titulo img {width:15px;height:15px;border:none;float:none;}
.descripcion {font-size:85%;}
#bocadillo .direccion {font-size:75%;margin:0;padding:0;}
#bocadillo .direccion {color:#666666;}
#bocadillo .direccion span {display:block;}
.otrasFotos ul {clear:both;}
.otrasFotos li {display:block;float:left;padding-right:0.3em;}
.logo_p {float:right;margin-right:1.5em;}
#bocadillo .logo_p img, #foto .logo_p img {border:none;}
#foto .titulo {font-size:130%;}
#bocadillito {padding:1em;width:400px;height:auto;margin:1px;overflow:hidden;background:#f7f7f7;}
#bocadillito img {float:none;}
#bocadillito .otrasFotos {font-size:90%;}
#bocadillito .otrasFotos ul li img {vertical-align:bottom;/*width:60px;height:44px;*/}
#bocadillito .titulo {clear:both;margin-top:0.5em;font-size:120%;}
#bocadillito  .descripcion img {border:none;}

body#web table {width:70%;margin:1em 0;border:1px solid #f0f0f0;}
body#web table.masancha {width:95%;}
caption {color:#548dd4;font-size:130%;padding:0.1em;font-weight:bold;text-align:left;}
body#web table td {border:1px solid #4aabff;width:25%;text-align:left;}
body#web table th {text-align:left;}
body#web table th.nivel0{text-align:center;border-bottom:1px solid #f0f0f0;background:#4aabff;}
body#web table  th.nivel1, body#web table th{background:#f4f6f9;}
body#web table  th.nivel2 {background:#f0f0f0;} 
body#web table  td.color,body#web table  th.color  {background:#548dd4;color:#fff;}

/* ADMINISTRADOR */
.adm {float:left;width:10em;}
#noticias {clear:both;}
#noticias h2{width:100%;text-align:right;}
#noticias .izq {width:20%;float:left;padding-right:2%;margin-right:1px;}
#noticias .der {padding-top:2em;width:70%;float:left;padding-left:1%;border-left:1px solid #ccc;}

div.boton {float:left;margin-top:1.2em;}
.insertar {text-align:right;}
#formRegistro input.boton, input.boton{background:#2491ED;color:#fff;font-weight:bold;}
.logout, .manual {text-align:right;}
.logout img, .manual img{vertical-align:middle;}
.logout a {text-decoration:none;font-size:150%;color:#ff0000;}
 .manual a {text-decoration:none;font-size:150%;color:#0345b9;}
#formRegistro {width:80%;font-size:120%;}
fieldset {padding:1em;border:1px solid #4aabff;}
legend {font-size:120%;font-weight:bold;color:#4aabff;}
#formRegistro input {font-size:120%;}

.warning, .correct {font-size:130%;}
.warning {color:#FF0000;}
.warning img {vertical-align:middle;}
.correct {color:#00CC00;}

/* Ini-[ms-19/04/10] Estilos para insertar nuevas noticias... */

a {cursor:pointer;}
.input_izq {float:left;width:7em;}
.input_der {float:left;margin:0 0 0.5em 0;}
.botonera {margin-top:1em;text-align:right;}

.subtitulopag	{font-weight:bold;color:gray;text-align:center}
.enc_tabla	{font-family:Verdana,Arial,Helvetica,sans-serif;color:white;background-color:#000000;text-align:center}
.enc_campo	{color:white;background-color:gray;text-align:center}
.campo	{color:black;text-align:center}
.campodatos	{color:#000000;text-align:left;background-color:#ECEAEA;}
.campodatos input {font-size:1em;}
.cuerponot {background-color:#ffffff;}
.arbol {color:black;text-align:left}

#tabla {font-size:0.8em;}
.vernoticia {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.85em;}
.vernoticia td {vertical-align:top;}

/* Fin-[ms-19/04/10] Estilos para insertar nuevas noticias... */

/* TEMPORAl */
.temp_not li {float:left;display:block;margin-left:2%;margin-right:2%;width:45%;}
.temp_not h3 {margin:0;padding:0.5em;}

body#web table.matriz_actuaciones, body#web table.actuaciones {width:100%;}
body#web table.actuaciones th{background:#4aabff;color:#fff;padding:0.5em;text-align:left;}
body#web table.actuaciones td{border:1px solid #4aabff;padding:0.5em;text-align:left;}
body#web table.actuaciones td:first-child {width:50%;}


/* Matriz actuaciones */
.matriz_actuaciones td, .matriz_actuaciones th {font-size:80%;}
.matriz_actuaciones ul {margin:0;padding:0;}
.matriz_actuaciones ul li {list-style:none;}
body#web table.matriz_actuaciones th {background-color:#4f81be;color:#fff;padding:0.5em;}
body#web table.matriz_actuaciones td {border:1px solid #4f81be;padding:0.5em;text-align:left;width:12%;}
body#web .matriz_actuaciones td.destacar {background-color:#e0e5f4;}
.matriz img {display:block;margin-top:1em;}


/* MODELO */
#modelo_en {background:url(graf/graficoinicio_2011_en.jpg);width:650px;height:auto;margin:2em auto;}
#modelo_es {background:url(graf/graficoinicio_2011_es.jpg);width:650px;height:auto;margin:2em auto;}
/*#gobierno:hover {background:url(graf/modelo/gobierno.jpg);width:700px;height:310px;}*/
/* ACORDEON */

#accordion {
	border-bottom: solid 1px #c4c4c4;
}
#accordion h4 {
	background: #4aabff url(graf/arrows_top.png) no-repeat right;
	padding: 7px 22px;
	margin: 0 0 1px 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #4aabff;
	border-bottom: none;
	cursor: pointer;
}
#accordion h4:hover {
	background-color: #fff;
	border: solid 1px #4aabff;
	color:#4aabff;
}
#accordion h4.active {
	background: #4aabff url(graf/arrows_bottom.png) no-repeat right;
}
#accordion h4.active:hover {
	color:#fff;
}
#accordion div{
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #4aabff;
	border-right: solid 1px #4aabff;
}
