body         { background-color:transparent;font-family: Arial; font-size: 10pt; }
#OfertaNavidad {
	width: 750px;
	height: 500px;
	visibility:block;
	position: absolute;
	border: double 2px red;
	Background-color: white;
}
/* Para todas las páginas, metemos los mismos estilos... */
.SpanGenerico {
	border-collapse: collapse;
	border:none;
	text-align:justify;
	/*color:#000099; */
	color:#000000;
	font-family: Tahoma;
	font-size:12px;
}	
.TituloGenerico	{
	text-align:left;
	color:#000000;
	font-family: Times New Roman;	
	font-size:22px;
	font-weight:bold;	
	text-decoration:italic;
}
.FinGenerico	{
	font-family: Tahoma;
	font-size:20px;
	color:#000099;
	text-align:center;
}

.FinGenerico table	{
	font-family: Tahoma;
	font-size:20px;
	color:#000099;
	text-align:center;
}

/* TODO LO QUE VEMOS.... NOS FIJA EL TAMAÑO DE LA WEB */
div#Cuerpo {
	left:0px; 
	/*top:50px; */
	margin-top: 3px;
	z-index: -1; 
	width:1000px; 
	height:617px; 
	background-image: url("./images/fondo.jpg");
	background-repeat: no-repeat;
}

/* La BARRA QUE VEMOS ARRIBA */
div#Cabecera
{
	width:1000px; 
	height:20px;
	border-collapse: collapse;
	border:none;
	background-image:url('images/celdalinea.gif');
	text-align:right;	
}
div#Cabecera a img
{
	border:none;
	text-align:right;	
	text-decoration:none;
	margin-right:10px;
	margin-top:5px;
}
/* BARRA DE MENU, CON LOS BOTONES */
div#ContenedorMenu
{
	float:left;
	height:40; /*50*/
}
div#ContenedorMenu IMG	
{
 	width:93px;
 	height:20px;	/*25*/
 	border:none;
 }

/* PARTE IZDA DE LA WEB, Solo va el logo de 43N */
div#MargenIzdo
	{
	width:230px; 
	height:575px; 
	float:left;
	border:none;
	}
 div#Logo
	{
	width:150px; 
	height:150px; 
	float:left;
	margin-top: 10px;
	margin-left: 40px;
	background-image:url("./images/marco_logo.png");
	}
	
	.TituloClub a
	{
		color: rgb(0, 0, 204);
		font-size:32px;
		font-family: Palatino Linotype;	
		font-weight:bold;
	}	
 .Barcos a
	{
		color: rgb(0, 0, 204);
		font-size:28px;
		font-family: Lucida Handwriting;	
		font-weight:bold;
		font-style:italic;
	}	
/* PARTE DINAMICA DE LA WEB, incluye la zona central, y la derecha... */
div#Contenido
{
	float:left;
	width:755px; 
	height:540px; 	
	border:none;
	color:#802323;
}

.limpiar 
{
	clear:both;
	}
/* PIE DEL INDEX */	
div#Pie
	{
	width:1000px; 
	height:20px; 
	border-collapse: collapse;
	border:none;
	background-image:url('images/celdalinea.gif');
	text-align:center;
	}
div#Pie span
	{
	color:white;
	}

/* PARTE CENTRAL DE LA WEB */
div#TextoDinamicoTop	{
		background-image: url("./images/marco_sup.png");
		background-repeat: no-repeat;
		width:580px;
		height:10px;
		margin:0px;
		padding:0px;
		border:none;
		float:left;
		font-size:0em;
}

/* EL DIV DE TEXTO DEL CONTENIDO, cambia en cada opcion de menu...... */
div#TextoDinamico {
	float:left;
	width:580px;
	height:510px;
	background-image: url("./images/marco_int.png");
	background-repeat: repeat-y;
	color:#000;
	margin:0px;
	padding:0px;
	border:none;
	font-size:0em;
}
div#TextoDinamicoBottom	{
		background-image: url("./images/marco_inf.png");
		background-repeat: no-repeat;
		width:580px;
		height:10px;
		margin:0px;
		padding:0px;
		border:none;
		float:left;
		font-size:0em;
}


/* Los dos de info.... */
div#EuskalMet 	{
 	float:left;
 	overflow:hidden; 
 	margin-top: 20px;
 	margin-left: 10px;
 	width:160px; 
 	height:145px; 
}
div#WindGuru	{
	float:left;
 	overflow:hidden; 
 	margin-top: 20px;
 	margin-left: 10px;
 	width:160px; 
 	height:65px; 
}

div#EPV	{
	float:left;
 	overflow:hidden; 
 	margin-top: 20px;
 	margin-left: 10px;
 	width:160px; 
 	/*height:65px; */
}

div#Tweeter	{
	float:left;
 	overflow:hidden; 
 	margin-top: 20px;
 	margin-left: 10px;
 	width:160px; 
 	height:305px; 
}

div#Sindicacion	{
	float:left;
 	overflow:hidden; 
 	width:170px; 
 	height:30px; 
 	text-align:right;
 	border:none;
}

div#Sindicacion	a img {
	border:none;
	text-align:right;	
	text-decoration:none;
}


/* ********************************************************** */
/* ******************* Contacto.php ************************* */
/* ********************************************************** */
/* Iframe dinámico en el que mostramos la información, esta dentro de TextoDinamico */
.FrContenido	{
	width:570px;
	height:510px; /*505*/
	margin:5px;
	padding:0px;
	border:none;
	color: #000099;
	Background-color: transparent;
}
/* Para el formulario de contacto, dentro de formu.php */
.Contacto	{
	font-family: Tahoma; 
	font-size: 10pt; 
	color: #000099;
}
input.BotonTabla	{
	font-size:12px;
	font-family:Verdana,sans-serif;
	color:#000;
	width:60px;
	background-color: #6699CC;
	border: 1px solid blue;
	}
input.BotonTabla:hover	{
	font-weight:bold;
	color:#FFFFFF;
	}
.InputNuevo    {
	border: 1px solid blue;
	background-color:#ccccff;;
	font-family: Tahoma; 
	font-size: 10pt; 
	color: #000;
	}	
/*.InputNuevo    {
	border: 1px solid blue;
	background-color:#6699CC;
	font-family: Tahoma; 
	font-size: 10pt; 
	color: #FFFFFF;
	}		*/
	
/* ********************************************************** */
/* ******************* condiciones.php ************************* */
/* ********************************************************** */	
#ListaCondiciones li { 
	  text-align:left;
	  list-style-type:none;
	  margin-left: 8;
	  list-style-image: url("./images/imglista.gif"); 
	  font-size:12px;
	  text-decoration:none; 
	  font-family:arial, verdana, sans-serif; 
		padding-left: 0px;
		margin: 0px;	  
		color:#000099;
	  } 
#ListaCondiciones li:hover { 
		font-family:arial, verdana, serif; 
		color:#FF1010;
	  /*font-weight:bold;*/
	  cursor:default;
	  } 

/* ********************************************************** */
/* ******************* Inicio.php ************************* */
/* ********************************************************** */		  
/* El mensaje de los 105 €.... */
div#Aviso  {
	width: 530; /*515*/
	height: 28; 
	border-style: ridge; 
	border-width: 1; 
	padding-left: 4; 
	padding-right: 4; 
	padding-top: 1; 
	padding-bottom: 1; 
	margin-left:auto;
	margin-right:auto;	
	background-color: #FF7C5B;
}

div#Aviso span		{
	font-family:lucida, verdana, sans-serif; 
	vertical-align:center;
	font-size:17px;
	text-align:center;
	font-weight:bold;
	color:#000066;
}

/* ********************************************************** */
/* ******************* Galeria ************************* */
/* ********************************************************** */		 
div#DGaleria	{
	overflow:hidden;
	display: none;
	z-index:100;
	position: absolute;
	Background-color: transparent;
	background-image: url("./images/marco_int.png");
	background-repeat: repeat;	
	height:600px;
	width:900px;
	top:50%;
	left:50%;
	/*la mitad de la anchura de la capa o tabla principal*/
	margin-left:-450px;   
	/*la mitad de la altura de la capa o tabla principal*/
	margin-top:-300px;	
	border: 1px solid silver;
}
	
.FrGaleria	{
	width:900px;
	height:600px;
	padding:0px;
	border:none;
	Background-color: transparent;
}

/* ********************************************************** */
/* ******************* Foro ************************* */
/* ********************************************************** */
div#DivForoTop	{
		width:540px;
		height:13px;
		border:none;
		font-size:13px;
		text-decoration: underline;
		text-align:center;
		font-weight:bold;		
}
div#DivForo {
	width:540px;
	height:145px;	
	color:white;
	overflow-y:scroll;
	overflow-x: hidden;
	font-size:0em;
	border:1px solid black;
}

.FuenteRSS    {
	font-family: Tahoma; 
	font-size: 8pt; 
	color: #000000 
	}
.TituloRSS {
	font-family: Tahoma; 
	font-size: 8pt; 
	color: #000000 
	}
	
/****************** Menu PRINCIPAL ***********************/
  #tabsJ {
    float:left;
    width:100%;
    background:transparent;
    font-size:93%;
    line-height:normal;
    border-bottom:1px solid #24618E;
    }
  #tabsJ ul {
    margin:0;
    padding:10px 10px 0 0px;
    list-style:none;
    }
  #tabsJ li {
    display:inline;
    margin:0;
    padding:0;
    }
  #tabsJ a {
    float:left;
    background:url("./images/tableftJ.gif") no-repeat left top;
    margin:0;
    padding:0 0 0 5px;
    text-decoration:none;
    }
  #tabsJ a span {
    float:left;
    display:block;
    background:url("./images/tabrightJ.gif") no-repeat right top;
    padding:5px 15px 4px 6px;
    color:#24618E;
    }
  /* Commented Backslash Hack hides rule from IE5-Mac \*/
  #tabsJ a span {float:none;}
  /* End IE5-Mac hack */
  #tabsJ a:hover span {
    color:#CCF;
    }
  #tabsJ a:hover {
    background-position:0% -42px;
    }
  #tabsJ a:hover span {
    background-position:100% -42px;
    }
  #tabsJ #current a {
			font-weight:bold;	
      background-position:0% -42px;
  }
  #tabsJ #current a span {
      font-weight:bold;	
      background-position:100% -42px;
      color:#FFF;
  }

/*********** BIHURRI  ****************/
div#Pelicula	{
	position:absolute; 
	overflow:hidden; 
	left:5px; 
	top:70px; 
	width:545px; 
	height:420px; 
	z-index:10;
	display:none;
	/*border: 1px solid red;*/
}

div#cierre	{
	text-align:right;
	width:300px;
	color:#FF0000; 
}

div#cierre	span{
	text-align:right;
	color:#FF0000;
	font-family: Tahoma;
	font-size:11px%; 
	font-weight:bold;	
}

.Datos{
	font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px;
	border-top: 4px solid #5E93B1;
	border-right: 1px dotted #416D89;
	border-left:1px dotted #416D89;
	border-bottom: 4px solid #5E93B1;
}

.celda{
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 4px solid #5E93B1;
	border-right: 1px dotted #416D89;
	border-left:1px dotted #416D89;
	border-bottom:none;
	/*background-color:#EEEEEE;*/
	padding-left: 3px;
}