﻿* 	 	{padding:0; margin:0;}
html  	{margin:0px; padding:0px; border:0px;}
body	{font-family: Verdana, Arial, Helvetica, sans-serif; height: 100%;font-size:100%; width:100%; /*background-color:white;*/ background-image:url('../images/background.gif'); background-repeat:repeat;}
img		{border:0;}

#contenedorgeneral	{width:75%; display:block; height:90%; margin:auto;}

/*cabecera logo y slogan*/
#cabecerablanca  					{width:100%;height:80px; background-color:#FFF; clear:both;}
#cabecerablanca #logo            	{margin-left:10px; margin-top:10px; width:330px; height:75px; float:left;}
#cabecerablanca #recursiva          {float: right; font-size:.7em; color:gray; text-align:right; margin-right:10px; margin-top:2px;}
#cabecerablanca #recursiva a        {text-decoration:none; color:gray;}
#cabecerablanca #recursiva a:hover  {text-decoration:underline ;color:gray;}
#cabecerablanca #buscador			{margin-top:10px;}

 
 /*IDIOMAS*/
#idiomas				  {float:right; font-size:65%;}
#idiomas a, a:visited     {color:#666; text-decoration:none; width: auto;}
#idiomas a:active  	      {color:gray;}
#idiomas a:visited        {color:#666; text-decoration: none;}
#idiomas a:hover          {color:#333; text-decoration: underline;}

/*MENÚ PRINCIPAL*/
#menu       {width:100%;clear:both;height:31px; background-image: url('../images/azul_inactivo.gif'); background-repeat:repeat-x; text-transform:uppercase; font-weight:bold;}
#menu ul li {display:inline; font-size:75%; text-align:center; text-decoration:none; float:left; vertical-align:middle; line-height:31px; margin-left:12px; margin-right:4px; }

/*ESTADOS DEL MENÚ PRINCIPAL*/
#menu li a			{color:#666; text-decoration:none; display:block; padding:0 4px; width: auto;}
#menu li a:active 	{color:#666;}
#menu li a:visited 	{color:#666; text-decoration: none;}
#menu li a:hover 	{color:#fff; text-decoration: underline;font-size:100%; background-image: url('../images/azul_seleccionado.gif'); background-repeat:repeat-x;}
#menu li.on a		{color:#fff; font-weight:bold; font-size:100%; text-decoration:underline; background-image: url('../images/azul_seleccionado.gif'); background-repeat:repeat-x;}

/*SUBMENÚ*/
#submenu        {width:100%; background:#8B8A8A;float:left; clear:both; height:28px;}
#submenu ul li  {display:inline; font-size:85%; color:#666; text-align:center; text-decoration:none; padding:0 1% 0 1%; float:left; vertical-align:middle; height:28px; line-height:28px;}

/*ESTADOS DEL SUBMENÚ*/
	#submenu li a			{color:#fff; text-decoration:none; display:block; padding:0 5px; width: auto; font-size:85%;}
	#submenu li a:active 	{color:#fff;}
	#submenu li a:visited 	{color:#fff; text-decoration: none;}
	#submenu li a:hover 	{color:#f0f0f0; text-decoration: underline;}
	#submenu li.on a		{color:#fff; font-size:100%; text-decoration:underline; font-weight: bold; font-size:85%;}

#fotocabecera1 		 {width:100%; height:120px; background-image:url(../images/fotocabecera/fotocabecera02.jpg); background-repeat: no-repeat; background-position:right top;}
#fotocabecera2 		 {width:100%; height:120px; background-image:url(../images/fotocabecera/fotocabecera04.jpg); background-repeat: no-repeat; background-position:right top;}
#fotocabecera3 		 {width:100%; height:120px; background-image:url(../images/fotocabecera/fotocabecera03.jpg); background-repeat: no-repeat; background-position: right top;}
#fotocabecera4 		 {width:100%; height:120px; background-image:url(../images/fotocabecera/fotocabecera05.jpg); background-repeat: no-repeat; background-position:right top;}
#fotocabecera5 		 {width:100%; height:120px; background-image:url(../images/fotocabecera/fotocabecera06c.jpg); background-repeat: no-repeat; background-position:right top;}
#fotocabeceraportada {width:100%; height:175px; background-image: url('../images/fotocabecera/cabecera01.jpg'); background-repeat: no-repeat; background-position:right top;}

/*MIGAS*/
#migas              {font-size: 60%; margin-left:1em; margin-top: 1em; clear:both; height:22px;}
#migas ul li        {display:inline;}
#migas li a	        {color: #666; text-decoration:none;}
#migas li a:hover 	{color:#848283; text-decoration: underline;}
#migas li.on		{color:#333; text-decoration:underline; font-weight: bold;}


/*BANNER*/
#banner                                {background-image:url('../images/azul_banner.gif'); background-repeat:repeat-x; height:100px;}
	#banner #delegaciones_banner       {width:47%; float:left;}
	#banner #delegaciones_banner p img {float:left; margin-left:12px; margin-top:10px; margin-right:8px;}
	#banner #ofertas_banner            {width:47%;float:left;}
	#banner #ofertas_banner p img      {float:left; margin-left:15px; margin-right:10px; margin-top:10px;}
	#banner #delegaciones_banner p     {float:left;}

/*ESTADOS INFO BANNER*/
	#banner  a			{color:#666; text-decoration:none; padding:0 5px; /*width: auto;*/}
	#banner  a:hover 	{color:#666; text-decoration: underline;}
	
#contenido {background-color:#FFF; width:100%;}


/*div contenidos a una columna*/
#unacolumna	{clear:both; margin-left:1em; /*padding-top: 1em;*/ width:90%; margin-left:2%;}


/*NOTICIAS DESTACADAS CONTENIDO 3 COLUMNAS*/
#contenido #columnanoticias {float:left; width:18%; margin-left:12px; background-color:#DDD6C6; padding-left:8px; padding-right:8px; padding-top:12px;}
#contenido #columnanoticias ul li  {list-style-type: none; text-decoration:none; font-size:70%; margin:5px; border-top: 1px solid #999; margin-bottom:1.5em; padding-top:5px;}
#contenido #columnanoticias ul li.primero { border-top: 1px solid #DDD6C6;}

#contenido #columnaizquierda {float:left; width: auto;/*border: solid silver;*/ height: auto; margin-left:2%;}
/*#contenido #columnaizquierda img {float: right; margin-left:6px;} */
#contenido #columnaizquierda ul li {list-style-type: none; text-decoration:none; font-size:75%; margin:5px;}

	/*ESTADOS ENLACES IZQUIERDA*/
/*	#columnaizquierda li a	        {color: #666; text-decoration:none;}
	#columnaizquierda li a:hover 	{color:#848283; text-decoration: underline;}
	#columnaizquierda li.on		    {color:#333; text-decoration:underline; font-weight: bold;}*/

#columnaizqrrhh     {float:left; width:auto; margin-left:2%; height:auto;}
#columnacentralrrhh {float:left; width: 41%;;margin-left:3%; height:auto;}
#columnacentralrrhh ul li  { font-size:70%;}


/*COLUMNA CENTRAL HOME*/
h1#titularhome	      	{font-size: 120%;  margin-bottom: 0.5em; color:#041D73; background-image:url('../images/azul_noticias_destacadas.gif'); background-repeat:repeat-x; margin-left:1%;}
/*columna central*/
#columnacentralhome          {float:left; /*width:auto; background-color:#000; */ width: 55%; margin-right:1%; margin-left:1%;vertical-align:top;}
#columnacentral, .columnacentral, #columnacentralnoticias  {float:left; width: 75%; margin-left:2%; height:auto;}
#columnacentralmapaweb       {float:left; width: 40%; margin-left:2%; height:auto;}
#columnacentral img, #columnacentral object          {float: left;}
#columnacentral img { margin-right:10px;}
/*#columnacentral object       {float: left; margin-right:10px;}*/
#columnacentralhome img  {margin-right: .8em; float:left;}
#columnacentral ul			 {float: left; margin: 0px auto; list-style-type:none; padding:0;/* width:100%;*/} 
#columnacentral ul li        {float: left;/* margin-right: 50px; clear: right; width:10%;*/ margin-right:5px;}

#columnacentral p a, #columnacentralnoticias p a, #columnacentral p a:visited, #columnacentralnoticias p a:visited, p a, p a:visited 	{color:#039; text-decoration:none;}
	#columnacentral p a:active 	{color: gray;}
	#columnacentral p a:hover, #columnacentralnoticias p a:hover, p a:hover 	{color:#333; text-decoration: underline;}

/*#columnacentral p   {margin: 10px; margin-top:25px; font-size:100%;}*/

#navarra, #paisvasco    {float: left; width:31%; margin-right:1%;}
/*#paisvasco  {float:left; width:31%; margin-right:1%;}*/
#zaragoza   {float:left; width:31%; margin-left:1%;}


/*pie*/
#pie .recursiva a		    	{color:#333; text-decoration:none; padding:0 5px;}
	#pie .recursiva a:active 	{color: gray;}
	#pie .recursiva a:visited 	{color:#666; text-decoration: none;}
	#pie .recursiva a:hover 	{color:gray; text-decoration: underline;}
	

/*SEDES ESTILO ENLACES GOOGLEMAPS*/
#unacolumna  a		    	{color:#039; text-decoration:none; /*padding:0 5px;*/ /*width: auto;*/}
	#unacolumna  a:active 	{color: gray;}
	#unacolumna  a:visited 	{color:#039; text-decoration: none;}
	#unacolumna  a:hover 	{color:gray; text-decoration: underline;}



/*columna derecha*/
#contenido #columnaderecha        {float:right; width:20%; border-left: 1px solid #ccc; font-size:.9em; padding-left:4px; /*background-image:url('../images/azul_sedes.gif'); background-repeat:repeat-x; background-color:#b1b2b2;*/}
#columnaderecha #seccionnoticias  {background-image:url('../images/seccion_noticias.jpg'); background-repeat:no-repeat; height: 100px; width: 99%;}
#columnaderecha #seccionrrhh      {background-image:url('../images/seccion_rrhh.jpg'); background-repeat:no-repeat; height: 100px; width: 99%;}
#columnaderecha #seccioncmmi2     {background-image:url(../images/cmmi.jpg); background-repeat:no-repeat; height: 170px; width: 99%;}
 

/*PARA HACER QUE UN DIV ENTERO SEA UN ENLACE Y SE COMPORTE COMO BOTÓN PONER DISPLAY BLOCK Y 100% DE TAMAÑO*/
#seccionnoticias a	{display:block; width: 100%; height: 70%; color:#F4680B; text-decoration:none; padding-top:35px; font-size: 110%; margin-left: 10px; margin-bottom:5px;}
#seccionrrhh a		{display:block; width: 100%; height: 70%; text-decoration:none; padding-top:15px; font-size: 110%; color: #039;/*#F4680B*/; margin-left: 10px; margin-bottom:5px;}
#seccioncmmi2 a		{display:block; width: 100%; height: 70%; color:#F4680B; text-decoration:none; padding-top:15px; font-size: 110%; margin-left: 10px; margin-bottom:5px;}

                                     

/*PIE DE PÁGINA*/
#pie			{clear: both; font-size: 65%; width:100%; height: 1.5em; margin-top:3em; line-height:1.5em; border-top:1px solid #ccc; padding-top:.2em; background-color:#DADADA;padding-bottom:0.8em;}
#pie .recursiva {float: right; margin-right:.5em; color:#d4d4d4;}


/*COMUNES*/
.enlacestitulo:link, .enlacestitulo:active, .enlacestitulo:visited {text-decoration:underline !important; color:#F4680B !important;}
.enlaces	                        	{margin:0px; color:#333; font-style:normal;}
a.enlaces:active                        {text-decoration:underline; color:#666;}
a.enlaces:link,  a.enlaces:visited      {text-decoration:none;color:#333;}
a.enlaces:hover   						{text-decoration:underline; color: #666;}
/*#columnacentral,*/ #columnacentralrrhh ul li     {/*font-size: 70%*/; margin-left:5em; margin-top:1em; list-style-type:none;
; margin-left:5em; margin-top:1em; list-style-type:none;}
#columnaizqrrhh ul li                   {font-size:70%;}



/*.enlacesizq	      	{margin:3px; color:#00038C; font-style:normal;}*/
h1.titular, h1#titular	      	{font-size:85%;clear:both;margin-bottom:0.5em;color:#666;margin-left:1%; text-transform:uppercase;}
.negrita          	{font-weight:bold;}
.naranja			{font-weight:bold; color: #039;/*#F4680B;*/}
.titulonoticias		{font-weight:bold; color: #039;/*#F4680B;*/ font-size:90%; margin-top:2em; border-top:1px solid #999; padding-top:10px;}
.separador        	{clear:both; height:16px;}
h4 					{font-size:85%;}
h5.home				{font-size:75%; border-bottom:1px solid #f0f0f0;color:#666; margin-left:12px;}
h5					{font-size:75%; /*border-bottom:1px solid #f0f0f0;*/ color:#666;}
p 					{font-size:70%; margin-bottom:1em;}
.textoseccion       {font-size: 85%; color: #000; margin-top:10px; margin-left: 3%;margin-right: 8%; font-weight:bold; background-color:white;}
.destacada			{font-size: 120%; color:#000063; margin-left:25px; margin-bottom:25px; margin-top:3px;}
.textodestacada     {margin: 10px; margin-top:10px; font-size:75%; text-align: left; margin-right:25px; margin-left:0;}
span.titulonaranja  {color:#666; /*#F4680B; */font-size:120%; font-weight:bold; font-variant:small-caps;}
.piefoto            {font-size: 70%; margin-left:1em;}
.negrita 			{font-weight: bold;}
.negritahome 		{font-weight: bold; text-transform:uppercase; font-size:80%; color:#666;}
p a {}

.enlacesRedes 		{float:left;margin-left:0.9em;}
.enlacesRedes a 	{margin-right:0.2em; text-decoration:none;}
.enlacesRedes a img {width:21px;}
