/* DEFINICIONES GENERALES
	
===== Medidas relativas ==========
	10px ----- 1 em 
	1px -------0.10 em 

===== Layout =====================

1. Body
    2. #cabecera
		 
    3. #contenedor
     
		 3.3 .clear
 
	
=== ESQUEMA CSS====================

	=Global
	=Estructura
		=Cabecera
		=Contenedor
	=CLASES:
		=Listas ul/ol/dl
		=Tablas
*/

/* =========== Global====================*/

body{font-size:62.5%;font-family:"Verdana", Arial, Helvetica, sans-serif;background-image:url(../img/generales/celda_mosaico_fondo_navegador.gif);background-repeat: repeat;}

.invisible { display:none;}
.right { float:right;}
.left { float:left;}
.noborder { border:none;}
address { font-style:normal; font-size:90%;}
.negrita { font-weight:bold;}
hr { display:none;}
abbr { text-decoration:none; border:none;}
h1 { font-size:180%;}
h2 { font-size:150%; font-weight:bold; position:relative;padding:0.6em 0.5em 0.6em 0.8em;}
h3 {font-size:120%;font-style:italic;color:#7c4c35;font-weight:normal; margin:0.8em 0 0 0; padding:0;}
h4 {font-size:100%;padding-bottom:0.3em;margin:1em 0;margin-left:1em;}
h5 { font-weight:bold; font-size:100%; border-bottom:solid 0.1em;}
img a { border:none;}
.noitalic { font-style:normal;}
.aligncenter { text-align:center; margin-bottom:0.5em!important;}

/* 
Estructura --------------------------------------------------------------------------------------------------------------------- */

#webcontainer {
	position:relative;
	/*margin:2% auto;*/
	margin:0 auto;
	height:65.5em;
	width:96em;
	background-image: url(../img/generales/fondo_contenidos.png)!important;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:none;
	filter:none!important;}


#webcontainer_eusk {
	position:relative;
	/*margin:2% auto;*/
	margin:0 auto;
	width:96em;
	height:65.5em;
	background-image: url(../img/generales/fondo_contenidos_euskera.png)!important;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:none;
	filter:none!important;}

/* index -------------------------------------------------------*/

#webcontainer_index {
	position:relative;
	margin:2% auto;
	width:96em;
	height:66em;
	background-image: url(../img/generales/fondo_portada.png)!important;
	background-repeat: no-repeat;
	background-position: left top;
	background-image:none;
	filter:none!important;}

#innerwrap_index {width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/generales/fondo_portada.png', sizingMethod='scale'); }




#idiomas { position:relative; float:left; width:30em; top:18.5em; left:37em;}
#idiomas ul { position:relative; list-style-type:none;}
#idiomas ul li { display:inline; margin-right:10em; }

#idiomas ul li a {position: relative;z-index: 1;}
#idiomas ul li a img { border:none;}


/* 
=Cabecera ----------------------------------------------------------------------------------*/
#cabecera { position:relative; width:100%; float:left; height:21.5em;}
#cabecera_tarifas { position:relative; width:100%; float:left; height:20em;}
	#menu { position:relative; float:left; width:85em; height:6.5em; margin:9.5em 0 0 7em;clear:both;	}
		
		/* castellano ---------------------------------------------------------------------*/
		#nav { position:relative; display:block; float:left; height:2.4em;}
		#nav li  { display:inline; width:20em; float:left; margin-right:1em;}
		#nav li a { display:block; height:6.5em; width:20em; float:left;position: relative;z-index: 1}
		#nav li a.casa:link, #nav li a.casa:visited {
			background-image: url(../img/generales/boton_la_casa.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li a.casa:hover, #nav li a.casa:focus{
			background-image: url(../img/generales/boton_la_casa.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li.casa_act {	background-image: url(../img/generales/boton_la_casa.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;}
				

		#nav li a.tarifas:link, #nav li a.tarifas:visited{
			background-image: url(../img/generales/boton_tarifas.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li a.tarifas:hover, #nav li a.tarifas:focus {
			background-image: url(../img/generales/boton_tarifas.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li.tarifas_act {
			background-image: url(../img/generales/boton_tarifas.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;}
			
		
		#nav li a.entorno:link, #nav li a.entorno:visited  {
			background-image: url(../img/generales/boton_el_entorno.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li a.entorno:hover, #nav li a.entorno:focus  {
			background-image: url(../img/generales/boton_el_entorno.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li.entorno_act {
			background-image: url(../img/generales/boton_el_entorno.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;}
		
		
		#nav li a.actividades:link, #nav li a.actividades:visited   {
			background-image: url(../img/generales/boton_actividades.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li a.actividades:hover, #nav li a.actividades:focus   {
			background-image: url(../img/generales/boton_actividades.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#nav li.actividades_act {
			background-image: url(../img/generales/boton_actividades.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;} 
			
		/* Euskera -----------------------------------------------------------------------*/
		
		#naveusk { position:relative; display:block; float:left; height:2.4em;}
		#naveusk li  { display:inline; width:20em; float:left; margin-right:1em;}
		#naveusk li a { display:block; height:6.5em; width:20em; float:left; position: relative;z-index: 1}
		#naveusk li a.casa:link, #naveusk li a.casa:visited {
			background-image: url(../img/generales/boton_etxea.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li a.casa:hover, #naveusk li a.casa:focus{
			background-image: url(../img/generales/boton_etxea.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li.casa_act {	background-image: url(../img/generales/boton_etxea.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;}
				

		#naveusk li a.tarifas:link, #naveusk li a.tarifas:visited{
			background-image: url(../img/generales/boton_tarifak.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li a.tarifas:hover, #naveusk li a.tarifas:focus {
			background-image: url(../img/generales/boton_tarifak.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li.tarifas_act {
			background-image: url(../img/generales/boton_tarifak.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;}
			
		
		#naveusk li a.entorno:link, #naveusk li a.entorno:visited  {
			background-image: url(../img/generales/boton_ingurunea.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li a.entorno:hover, #naveusk li a.entorno:focus  {
			background-image: url(../img/generales/boton_ingurunea.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li.entorno_act {
			background-image: url(../img/generales/boton_ingurunea.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;}
		
		
		#naveusk li a.actividades:link, #naveusk li a.actividades:visited   {
			background-image: url(../img/generales/boton_jarduerak.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li a.actividades:hover, #naveusk li a.actividades:focus   {
			background-image: url(../img/generales/boton_jarduerak.png);
			background-repeat: no-repeat;
			background-position: left top;}
		#naveusk li.actividades_act {
			background-image: url(../img/generales/boton_jarduerak.png);
			background-repeat: no-repeat;
			background-position: left bottom;
			height:6.5em; width:20em;} 
			
			
			
		
			
	#menu_secundario {
	position:relative;
	float:left;
	width:100%;
	height:3em;
}
	#menu_secundario ul { position:relative; float:left; width:100%; display:block; /*margin:0.5em 0 0 12em;*/ margin-top:0.5em; text-align:center;}
	#menu_secundario ul li { display:inline; margin-right:3.5em;}
	#menu_secundario ul li.activo { font-size:140%;
	text-decoration:none;
	color:#7f5647;
	font-weight:bold;
	padding-left:1em;
	margin-right:3em;
	position:relative;
	background-image:url(../img/generales/flechita_menu_seleccionado.png);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	}
	
	
	#menu_secundario ul li.ultimo { margin-right:0;}
	#menu_secundario ul li a  {
	font-size:150%;
	text-decoration:none;
	color:#7f5647;
	font-weight:normal;
	background-image:url(../img/generales/flechita_menu_sin_seleccionar.png);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	padding-left:1em;
	position: relative;z-index: 1;
}

#menu_secundario ul li a:hover , #menu_secundario ul li a:focus  {
	font-size:150%;
	color:#573223;
	font-weight:normal;
	background-image:url(../img/generales/flechita_menu_seleccionado.png);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	padding-left:1em;
	position: relative;z-index: 1;
}

#idiomasweb {  position:relative; float:left; width:95%; height:2em;}
#idiomasweb ul { position:relative; float:right; }
#idiomasweb ul li { display:inline; margin-right:1.7em;}
#idiomasweb ul li a {position: relative;z-index: 1;}

/* Modificaciones para promoci�n Navarra te recibe gratis -------------------------------*/
#promo { position:relative; width:96em; margin:0.8em auto 0 auto; height:6.3em;}
#idiomaspromo { position:relative; float:left; width:30em;}
#idiomaspromo ul { position:relative; float:left; margin-top:4em; }
#idiomaspromo ul li { display:inline; /*margin-right:1.7em;*/ margin-left:1.7em;}
#idiomaspromo ul li a {position: relative;z-index: 1;}

#promoNavarra { position:relative; float:right; /*width:30em;*/ margin-right:2.2em;}
#promoNavarra img {margin-top:3.3em; margin-bottom:-1.1em; width:225px;}
 	
/* 
=Contenedor ----------------------------------------------------------------------------------*/

 #contenedor { position:relative; width:85%; float:left; margin-left:7.5em; margin-top:1.3em;}
 #contenedor p { font-size:1.1em; color:#573223; line-height:1.6em; letter-spacing:0.02em; margin-bottom:1.2em;}
 #contenedor p a { color:#767207;position: relative;z-index: 1;}
 #contenedor p a:hover, #contenedor p a:focus { text-decoration:underline;}
 
 .left_col1, .left_col1_txt { position:relative; float:left; width:25.4em; margin-right:2.2em;}
 .left_col1_txt { height:35em; clear:right;}
 .center_col1 { position:relative; float:left; width:25.4em; margin-right:2.2em;}
 .right_col1 { position:relative; float:left; width:25.4em;}
 
 .left_col1 img, .center_col1 img, .right_col1 img, .bloque_col1 img, .right_col2 img, .center_col2 img,  .bloque_right img, .center_col2_txt img, .left_col1_txt img  { border:0.1em solid #707173;}
 
 .bloque_top { position:relative; float:left; margin-bottom:2.2em; height:15.4em;}
 .bloque_bottom { position:relative; float:left;height:15.4em;}
 
 .bloque_col1 { position:relative; float:left; margin-bottom:2.2em; margin-right:2.2em; width:25.4em;}
 .right_col2 { position:relative; float:left; width:50.8em; margin-bottom:2.2em;}
 .center_col2, .center_col2_txt { position:relative; float:left; margin-right:2.2em; margin-bottom:2.2em;}
 .center_col2_txt { width:50em;}
 .bloque_right { position:relative; float:left; width:25.4em;}
 
/* actividades deportivas -------------------------------------------*/


.titular { position:relative; height:3.6em; float:left; width:80.9em;text-align:center; background-color:#d4b18b;margin-bottom:0.5em;}
.titular_promo { position:relative; height:3.6em; float:left; width:100%;text-align:center; background-color:#d4b18b; margin-bottom:1em;}
.nomargen { margin:0.3em 0 0 0;}

.codigoNAV { text-align:center;}
#contenedor .codigoNAV p { font-size:90%;}

.marginbottom { margin-bottom:6.2em;}

#act_col1 { position:relative; float:left; width:25.6em; margin-right:2.2em; height:28.6em; border-right:solid 0.1em #5a3a3f;}
#act_col2 {position:relative; float:left; width:25.6em; margin-right:2.2em;height:28.6em;}
#act_col3 {position:relative; float:left; width:25.6em;}
#act_col4 {position:relative; float:left; width:53.5em; height:12.1em;}
#act_col5 {position:relative; float:left; width:51.2em; height:14.3em;}
#act_col3 img, #act_col4 img, #act_col5 img  {border:0.1em solid #707173;}

#act_col1 ul { position:relative; float:left; display:block;padding-left:2em; list-style-position:outside;}
#act_col1 ul li { list-style-type:circle; font-size:120%; font-weight:normal; margin-bottom:1.2em; color:#7c4c35; height:1%;}
#act_col1 ul li a:link, #act_col1 ul li a:visited { text-decoration:none;color:#7c4c35;}
#act_col1 ul li a:hover, #act_col1 ul li a:focus { text-decoration:underline;color:#7c4c35;}
#act_col1 ul li.activo { list-style-type:disc; font-size:120%; font-weight:bold; margin-bottom:1.2em; color:#7c4c35;}

.bloque { width:25.6em; height:12.1em; float:left;}
.margenright { margin-right:2.2em;}
/* tarifas ----------------------------------------------------*/
.destacado { position:relative; float:left; height:2.4em; width:99%; border-bottom:solid 0.1em #b39274;border-top:solid 0.1em #b39274; margin-bottom:0.5em;} 
.destacado2 {position:relative; float:left; width:99%;margin-bottom:0em;}
#contenedor .destacado2 p {font-size:110%; color:#7C4C35; padding-left:2em;}
#contenedor .destacado p { text-transform:uppercase; padding:0.4em 0;font-size:110%; color:#7C4C35; text-align:center;} 
.destacado span { margin-right:2.2em;}
.txt15 {
	font-size:130%;
	font-weight:bold;
	color:#54301e;
	letter-spacing:0.02em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.txt_tarifas {color:#54301e;}
 

/*
= CLASES-----------------------------------------------------------------------------------------------------------------------------*/

/*=Listas

ul*----------------------------------------------------*/

.listamenu {display:block; padding:1em 0em 2em 1em; position:relative; z-index:0;}
.listamenu li { padding:0.5em 0em; padding-left:1em;}
.listamenu li a {font-size:100%;font-weight:bold; position: relative;z-index: 1;}

/*ol * --------------------------------------------------*/

.lista_ol ol {list-style: decimal; padding-left:3em;display:block; position:relative;}
.lista_ol li {padding:0.3em 0em 0.3em 0.6em;}


/*dl*----------------------------------------------------*/

.listadl { display:block; padding:1.8em; position:relative;}
.listadl dt { font-size:100%;font-weight:bold; padding-bottom:0.2em;}
.listadl dd { padding:0.5em 0.2em 2.5em 0.2em;}

/* Table -------------------------------------------*/
table { font-size:110%; color:#7C4C35; margin:0 0 1em 0;; border-collapse:collapse; width:99%; float:left;}
table th { text-transform:uppercase; text-align:left; width:32.7em; padding:0.2em 0; font-weight:normal; letter-spacing:0.02em; padding-left:2em; border-bottom:solid 0.1em #b39274;}
/*table tr { border-bottom:solid 0.1em #b39274;}*/
table td { text-align:center; width:8em; border:solid 0.1em #b39274; padding:0.4em 0.4em;}
table td.sinbordes { border-top:none; border-left:none; border-right:none;text-align:center; width:16em;}
table td.sinborde {border-top:none; border-bottom:none; padding-bottom:1em;text-align:center;width:16em;}
table td.sinbordetitular { border-top:none; border-left:none; border-bottom:none; border-right:none;}
.mayus { text-transform:uppercase;}
.minus { text-transform:lowercase;}
table td.sinsup { border-top:none;}
caption { font-size:110%; text-align:center;}
img.promos { border:solid 0.3em #463b2c;}