BODY {
	background-color : #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color : #666666;
	text-align: left;
}
#ancho{
width:776px;
margin:0;}

}
#cabecera{
	heigth:75px;
	widht:776px;
	margin:0;
	padding:0;

/*border:1px solid #facb00;*/
}
#cabecera-logo-Navarra{
	margin:0 0 0 14px;
	widht:362px;
	height:75px;
	float:left;
	text-align:left;
/*border:1px solid #0000cc;*/
}
#cabecera-logo-observatorio{
margin:0;
	widht:414px;
	height:75px;
	float:right;
	/*text-align:left;*/
}
#barra-horizontal-superior{
	width:776px;
	float:left;
	/*background-color:#00cccc;*/
	padding-bottom:0;
	margin-bottom:0;
	border:0px none;
	
}
#barra-1{
	width:583px;
	float:left;
	margin:0 0 0 0;
	text-align:right;
}
#barra-2{
	width:193px;
	float:right;
	margin:auto;
	margin:0 0 0 0;
	}
	
#contenedor{
	text-align: left;
	width: 776px;
margin-top:0px;
position:relative;
	background-color : #ffffff;
/*border:1px solid #000000;*/
}

#contenido{
width:580px;
margin:auto;
float:left;
text-align:center;
/*border:1px solid #0000cc;*/
}
.areatexto{
width:523px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
/*border:1px solid #000000;*/
}
.areatexto_porcentaje{
width:19%;
float:left;
padding-left: 0px;
text-align:left;
margin-top:5px;
margin-bottom:5px;
}
.areatextolateral {
width:172px;
margin:auto;
margin-bottom:10px;
}

.areafases{
width:31%;
float:left;
text-align:center;
font-size:10px;
padding-left: 0px;
text-align:center;
padding-top: 20px;
margin-top:5px;
margin-bottom:5px;
}
.areafasestexto{
width:67%;
float:right;
padding-left: 0px;
text-align:left;
margin-top:5px;
margin-bottom:5px;
}

.pie{
text-align:center;
width:523px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}
.imagen{
text-align:center;
margin:5px 0 5px 0;
}
p{
	text-align:left;
}
.fotos{
width:32%;
float:left;
text-align:center;
font-size:10px;
margin: 5px 0 5px 0;
}

h1{
	font-size: 20px;
	color: #cc0000;
	font-weight : bold;
/*padding-top:20px;
	padding-bottom:20px;*/
	margin:auto;
	text-align:center; padding-bottom:10px; margin-bottom:10px; padding-top:0px; margin-top:0px;
}
h2{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:0;
	margin-left:14px;
}
h3{
	font-size:12px;
	font-weight:bold;
	margin:0;
	text-align:left;
}
h4{
	font-size:10px;
	/*font-weight:bold;*/
	margin:0;
	text-align:center;
}
.derecha{
	text-align:right;
}
.centrar{
	text-align:center;
	}
.strong{
font-weight:bold;}

.espacio-blanco{
margin-bottom:15px;}

.tabla{
	font-family:  Arial, verdana,Helvetica,Sans Serif;
	font-size: 10px;
	color:#666666;
	border:1px solid #666666;
	background-color: #fffffff;
	width:100%;
	margin-bottom:20px;
	
}
caption{
font-size:12px;
font-weight:bold;
color:#cc0000;
margin:10px;
}
.encabezado-tabla{
font-weight:bold;
text-align:center;
}
.tabla-celda{
	border-top:1px dashed #666666;
	border-right:1px dashed #666666;
		margin:0;

}

.tabla-celda-esquina-izq{
	border-top:1px dashed #666666;
	margin:0;
}
.tabla-celda-dcha-abajo{
	border-top:1px dashed #666666;
	border-right:1px dashed #666666;
	margin:0;
}
.tabla-celda-dcha-arriba{
/*border-right:1px dashed #666666;*/
border-right:1px dashed #666666;
margin:0;

}
.tabla-celda-izda-abajo{
	border-top:1px dashed #666666;
margin:0;
}


.marco-encabezado{
	width:523px;
	padding: 10px 0 10px 0px;
	margin:auto;
	background-color:#e4eaf1;
}
.lista-general {
/*list-style-type:square;*/
list-style-image: url('../images/flecha2.gif');
list-style-position:outside;
margin:5px 0;
padding-left:30px;
}

.lista-general li{
padding-left:14px;
margin-bottom: 10px;
text-align:left;
}
/*Se emplea en Plan de Infraestructuras, en Objetivos*/
.lista-infras {
/*list-style-type:square;*/
list-style-image: url('../images/flechaazul.gif');
list-style-position:outside;
margin:5px 0;
padding-left:44px;
}

.lista-infras li{
padding-left:15px;
margin-bottom: 5px;
text-align:left;
}

/* Se emplea en TIC para micropymes, en empresas proveedoras*/
.lista-submenus {
/*list-style-type:square;*/
list-style-image: url('../images/flecha2.gif');
list-style-position:outside;
margin:5px 0;
padding-left:25px; 
}

.lista-submenus li{
padding-left:5px;
margin-bottom: 10px;
text-align:left;
}

.lista-actuaciones{
text-align:center;
list-style-type:none;
margin:0;
padding:0;
}
.lista-actuaciones li{
text-align:center;
padding:0;
/*border:3px double #999999;*/

margin-bottom:10px;
}
	
#contenido-lateral{
width:188px;
float:right;
margin:0;
/*border-bottom:1px solid #0000cc;*/
}

#menu-lateral{
margin:auto;
width:172px;
float:left;

}

#imagen{
width:14px;
height:39px;
margin:0;
float:right;	
/*border:1px solid #0000cc;*/
}
.destacados{
width:172px;
padding-top:15px;
text-align:center;
}

#lista-menu{
	list-style-type:none;
	margin:0px;
	padding:auto;
	padding-left:0;
	width:172px;
	background-color:#cccccc;
text-align:center;
	
	}
#lista-menu li{
/*Necesario para que el menú "no se mueva" en IExplorer. Se marca la altura de la caja: font+size+padding top+padding-bottom, border-top y bottom y margin*/
height:27px;
}
#lista-menu a.seleccion{
		font-family:arial, verdana,Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	display:block;
	width:170px;
	background-color:#999999;
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:1px;
	border-top:1px;
	border-bottom:1px;
	border-left:2px;
	border-right:2px;
	border-style:solid;
	border-color:#cccccc;
		}

#lista-menu a.seleccion:hover, a.seleccion:active{
	color:#ffffff;
	text-decoration:underline;
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:1px;
	border-top:1px;
	border-bottom:1px;
	border-left:2px;
	border-right:2px;
	border-style:solid;
	border-color:#cccccc;
	background-color:#cccccc;
	
}
#lista-menu a.seleccion:visited{
		text-decoration:none;
}
#menu-lateral a.activado{
	font-family:arial, verdana,Helvetica, sans-serif;
	font-size:12px;
		color:#666666;
	text-decoration:none;
	display:block;
	width:170px;
	background-color:#cccccc;
	text-align:left;
	padding-bottom:5px;
	padding-top:5px;
		margin-bottom:1px;
border-top:1px;
	border-bottom:1px;
	border-left:2px;
	border-right:2px;
	border-style:solid;
	border-color:#cccccc;
}

.texto-enlace{
padding-left:10px;
}
#pie{
	width:580px;
	margin:auto;
	float:left;
	text-align:center;
	background-color:#0000cc;
border:1px solid #0000cc;
	font-weight:bold;
color:#ff6666;
	/*padding:10px 0 10px 0;
	margin:10px 0 10px 0;*/
}
/*Estilo para el formulario de la red CAPI*/
select{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration : none;
}

option.negrita{
font-weight:bold;
}

option:hover{
background-color: #000000;
}
/*  texto entradilla*/
.txt-entradilla {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration : none;
}

/*  texto general*/
.txt-general {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration : none;
}
/*  texto negrita, en general*/
.txt-negrita{
font-weight:bold;
}

/*  texto pdf*/
.txt-pdf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration : none;
}

/*  texto fecha*/
.txt-fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration : none;
	font-weight : bold;
}

/*  texto blanco*/
.txt-blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration : none;
}
/*  texto blanco*/
.txt-blancobold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration : none;
	font-weight : bold;
}
/*  texto menú*/
.txt-menuon {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #cc0000;
	text-decoration : underline;
}

/*  texto negrita*/
.txt-titularnegrita{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration : none;
	font-weight:bold;
}
/*  texto titular*/
.txt-titular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cc0000;
	font-weight : bold;
	text-decoration : none;
}

.txt-titularprincipal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #cc0000;
	font-weight : bold;
	text-decoration : none;
}

/*enlaces texto_listado */
a.enlace-rojo:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration : none; }
a.enlace-rojo:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration : none; }
a.enlace-rojo:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#666666; text-decoration : none; }
a.enlace-rojo:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #cc0000; text-decoration : underline; }

/*enlaces texto */
a.enlace-rojolistado:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration : underline; }
a.enlace-rojolistado:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration : underline; }
a.enlace-rojolistado:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#666666; text-decoration : underline; }
a.enlace-rojolistado:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #cc0000; text-decoration : underline; }
/*enlaces texto bold */
a.enlace-rojobold:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; text-decoration : underline; font-weight : bold; }
a.enlace-rojobold:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #cc0000; text-decoration :underline; font-weight : bold; }
a.enlace-rojobold:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px;  color:#cc0000; text-decoration : underline; font-weight : bold; }
a.enlace-rojobold:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #333333; text-decoration : underline; font-weight : bold; }
/*enlaces texto _parrafobold */
a.enlace-grisbold:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0000; text-decoration : underline; font-weight : bold; }
a.enlace-grisbold:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration :underline; font-weight : bold; }
a.enlace-grisbold:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#666666; text-decoration : underline; font-weight : bold; }
a.enlace-grisbold:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #cc0000; text-decoration : underline; font-weight : bold; }

/*enlaces menu */
a.enlace-menu:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration : none; }
a.enlace-menu:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration : none; }
a.enlace-menu:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#ffffff; text-decoration : none; }
a.enlace-menu:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF; text-decoration : underline; }

/*enlaces menu*/
a.enlace-menu2:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration : none; }
a.enlace-menu2:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration : none; }
a.enlace-menu2:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#333333; text-decoration : none; }
a.enlace-menu2:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #cc0000; text-decoration : underline; }

a.enlace-rojo2:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0000; text-decoration : underline; }
a.enlace-rojo2:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0000; text-decoration : underline; }
a.enlace-rojo2:visited { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  color:#cc0000; text-decoration : underline; }
a.enlace-rojo2:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #cc0000; text-decoration : underline; }

/*  texto formulario*/
.txt-form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight : bold;
	text-decoration : none;
}
.inpu60 { font-size: 11px; width: 200px; height: 18px; font-size: 11px; font-family: "Geneva", "Arial", "Helvetica", "Lucida", "Sans-Serif" ;color: #666666; background-color: white; border:1px solid #7A797C; }

.texto_Rojo
{
    FONT-SIZE: 9pt;
    COLOR: #990000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}


a.enlace-grisbold1:active, a.enlace-grisbold1:link, a.enlace-grisbold1:visited   { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration : underline; font-weight : bold; }
a.enlace-grisbold1:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #cc0000; text-decoration : underline; font-weight : bold; }

/*  texto pdf*/
.txt-ficha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration : none;
}

.txt-fichaN {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight : bold;
	text-decoration : none;
}

/*enlaces texto */
a.enlace-ficha:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration : underline; }
a.enlace-ficha:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration : underline; }
a.enlace-ficha:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px;  color:#666666; text-decoration : underline; }
a.enlace-ficha:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #cc0000; text-decoration : underline; }

/*
<div id="menu-lateral"> 
<ul div="lista-menu">
<li>Buenos días</a></li>
<li><a href="acercate_a_las_TIC.htm">Presentación</a></li>

<li><a href="acercate_a_las_TIC.htm">Presentación</a></li>
<li><a href="calendario.htm">Calendario</a></li>
<li><a href="entidades.htm">Entidades</a></li>
<li><a href="contenidos.htm">Contenidos</a></li>
<li><a href="noticias.htm">Noticias</a></li>
<li><a href="Descargas.htm">Descargas</a></li>
</ul>*/
