/*---------------------------------------------------------------------------------------------------------------
												%1.ESTILOS GENERALES
---------------------------------------------------------------------------------------------------------------*/

html *{
  margin:0;
  padding:0;
  }

body{
  font-size:62.5%;
  background-color:#fff;
  color:#333;
  font-family:Arial, Helvetica, sans-serif;
  }
.hide{
  display:none;
  }
.clear{
  clear:both;
  font-size:0;
  }
hr{display:none;}
img{
  border:0;
  }
img.nofloat{float:none;}
strong{color:#333;}
 
  
/*-------------------------------------------------- %1.1 enlaces ----------------------------------------------*/  

a{
  background-color:inherit;
  color:#333;
  text-decoration:none;
  outline:none;
  }
a:hover{
  background-color:inherit;
  color:#D73B3B;
  }
  

/*-------------------------------------------------- %1.2 encabezados y párrafos -------------------------------*/  

h1,h2,h3,h4,h5,h6{
  font-family:Arial, Helvetica, sans-serif;
  background-color:inherit;
  color:#333;
  }
/*h1{
  display:none;
  }*/
h2{
  background-color:#F6F1D5;
  font-size:1.6em;
  padding:10px 17px 10px 17px;
  margin:5px;
  }
h2#home{
  background-color:#FFFFFF;
  font-size:1.6em;
  padding:2px 17px 2px 17px;
  margin:2px;
  }
h3, 
#contenidoint div.articulosCol1 div.gr1 h3.tit,
#contenidoint div.articulosCol3 div.gr1 div.box h3{
  font-size:1.1em;
  background-image:url(../img/ic1.gif);
  background-repeat:no-repeat;
  background-position:8px 4px;
  padding:0 10px 0 17px;
  margin-bottom:5px;
  }
  
  
 h7, 
#contenidoint div.articulosCol1 div.gr1 h7.tit,
#contenidoint div.articulosCol4 div.gr1 div.box h7{
  font-size:1.0em;
  background-image:url(../img/ic1.gif);
  background-repeat:no-repeat;
  background-position:18px 4px;
  padding:0 10px 0 27px;
  margin-bottom:5px;
  border:1px solid red;
  }
	#contenidoint div.articulosCol1 div.gr1 h3,
	#contenidoint div.articulosCol2 div.gr1 h3,
        #contenidoint div.articulosCol3 div.gr1 h3,
	#contenidoint div.articulosCol4 div.gr1 h3{
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:1.4em;
	  color:#D73B3B;
          background-image:none;
	  background-color:inherit;
	  padding:5px 10px 5px 17px;
          margin-bottom:0;
	  }
       #contenidoint div.articulosCol1 div.gr1 h3.tit,
       #contenidoint div.articulosCol2 div.gr1 h3.tit,
       #contenidoint div.articulosCol3 div.gr1 h3.tit,
       #contenidoint div.articulosCol4 div.gr1 h3.tit{
          margin-top:10px;
          }


h4{
  font-size:1.2em;
  padding:0 10px 0 17px;
  margin-bottom:5px;
  }
         /*#contenidoint div.articulosCol1 div.gr1 h4,
         #contenidoint div.articulosCol2 div.gr1 h4,
         #contenidoint div.articulosCol3 div.gr1 h4,
         #contenidoint div.articulosCol4 div.gr1 h4{
           background:#FBF9EA url(/infoglueDeliverWorkingeducacion/digitalAssets/ic1.gif);
           background-repeat:no-repeat;
           background-position:8px 9px;    
	   color:inherit;
           padding-top:5px;
           padding-bottom:5px;
	    } */
	
p{
  font-size:1.1em;
  }
p img{
  clear:both;
  float:left;
  margin:0 10px 10px 0;
  border:1px solid #E2E2E2;
  }

.azul{
  color:#2954b6;
  background-color:inherit;
  }
.verde{
  color:#468b32;
  background-color:inherit;
}
.amarilla{
  color:#dada1f;
  background-color:inherit;
}
.roja{
  color:#cc3300;
  background-color:inherit;
}
.naranja{
  color:#FF6600;
  background-color:inherit;
}



/*-------------------------------------------------- %1.3 listas ----------------------------------------------*/ 

ul{
  list-style:none;
  font-size:1.1em;
}
ol{
  font-size:1.1em;
  }
.letra{
  list-style-type:lower-alpha;
  }
.letra li{
  background-image:none;
  }



/*---------------------------------------------------------------------------------------------------------------
												%2. ESTRUCTURA PRINCIPAL
---------------------------------------------------------------------------------------------------------------*/

#contenedor{
  width:769px;
  margin:0 0 0 17px;
  }

.gr1, .gr2, 
.gr3, .gr4,
#laterali, 
#contenido{
  float:left;
  }
  
  
/*---------------------------------------------------------------------------------------------------------------
												%2.1 CABECERA DE PÁGINA
---------------------------------------------------------------------------------------------------------------*/

#cabecera{
  width:100%;
  }
#cabecera span.gr1{
  width:191px;
  }
#cabecera span.gr2{
  width:570px;
  text-align:right;
  }
#cabecera{text-align:right;margin-bottom:5px;height:50px;}
#cabecera h1{width:450px;}
#cabecera h1{float:left;margin:0 0 4px;padding:0;height:50px;}
#cabecera h1 a{width:450px;display:block;height:50px;}
#cabecera h1 a span{display:none;}
#cabecera h1.cas a{background:url(../img/tit.gif) left top no-repeat;}
#cabecera h1.eu a{background:url(/infoglueDeliverWorkingeducacion/digitalAssets/logo.Educacion.eu.gif) left top no-repeat;}
#cabecera map{text-align:left;}
#cabecera p.idiomas{font-size:11px;position:relative;top:10px;margin-bottom:4px;}
#cabecera p.idiomas a{color:#999;}
#cabecera p.idiomas span{color:#eee;padding:0 11px;}

#menuEspecial{overflow:hidden;width:100%;display:block;padding:0;margin:0.5em 0 0.5em;font:12px/100% Arial, Helvetica, sans-serif;}
#menuEspecial ul{font-size:1em;font-weight:bold;margin:0.1em 0;padding:0;background-color:#ccc;text-align:right;list-style:none;}
#menuEspecial li{padding:0;display:inline;}
#menuEspecial a{color:#666;padding:0 0.8em;text-decoration:none;border:none;line-height:1.35em;}
#menuEspecial a:hover{background-color:#fff;}
#menuEspecial .on a{background-color:#fff;position:relative;top:1px;}
#menuEspecial .logo{float:right;position:relative;top:-1px;background-color:#fff;padding:0 0 0 1em;}
#menuEspecial .logo h1{display:inline;}
#menuEspecial .logo h1 a{display:block;padding:0;background:url(/infoglueDeliverWorkingeducacion/digitalAssets/logo.navarra.es.p.gif) left top no-repeat;width:120px;height:20px;}
#menuEspecial .logo span{display:none;}


/*---------------------------------------------------------------------------------------------------------------
												%2.2 CUERPO DE PÁGINA
---------------------------------------------------------------------------------------------------------------*/

#cuerpo{
  background:#fff url(../img/bg.gif) repeat-y;
  color:#333;
  width:100%;
  position:relative;
  }
  
  
   /*-------------------------------------------------- %2.2.1 ruta -------------------------------------------*/
	
	#ruta{
	  padding-top:5px;
	  padding-bottom:5px;
	  background-color:#EDECEC;
	  color:#CC0000;
	  }
	#ruta p{
	  margin:0 0 0 5px;
	  }
	#ruta a{
	  text-decoration:underline;
	  }
	#ruta a:hover{
	  text-decoration:none;
	  }
	
	
	/*------------------------------------------------- %2.2.2 col izquierda -----------------------------------*/  
	
	#laterali{
	  width:150px;
	  background-color:#CCCCCC;
          color:inherit;
	  }
	  
	  
	/*------------------------------------------------- %2.2.3 col derecha -------------------------------------*/  
	
	#contenido{
	  width:619px;
          margin-bottom:6px;
 	  }
	  
	  
	/*------------------------------------------------- %2.2.4 barra utilidades --------------------------------*/  
	
	#utils{
	  background-color:#EDECEC;
          color:inherit;
  	  text-align:center;
	  padding:10px 9px 10px 5px;
	  }
	#utils h3{display:none;}
	
	#utils ul{
	  width:100%;
	  font-size:1.0em;
	  }
	#utils ul li{
	  display:inline;
	  list-style:none;
	  /*background-image:url(/infoglueDeliverWorkingeducacion/digitalAssets/ic2.gif);
	  background-repeat:no-repeat;
	  background-position:0px 4px;*/
	  margin-left:15px;
	  padding-left:10px;
	  }
	 	#utils ul li img{ padding-right:15px;}
	  


/*---------------------------------------------------------------------------------------------------------------
												%2.3 PIE DE PÁGINA
---------------------------------------------------------------------------------------------------------------*/

#pie{
  width:100%;
  padding:5px 0 5px 0;
  clear:both;
  }
	#pie p{
  	  margin-left:10px;
  	  margin-right:7px;
  	  }
	#pie div.gr1{
	  width:483px;
	  }
	#pie div.gr2{
	  width:286px;
	  text-align:right;
	  }

td a {text-decoration:underline}
.portadaIzda {margin:2px; padding-top:15px;}