/*----- Definiciones de CSS que 'obligan' a que Firefox e IE se comporten de forma lo más parecida posible ----*/
/*----- Sin estos parámetros, las tablas con borde en Firefox salen 'deformadas' frente a lo que se ve en IE ---*/
/*----- El problema en el fondo no es Firefox, si no IE, que es quién no sigue los estándares. Solución: diseñar ---*/
/*----- y probar la web en Firefox, y si ahí se ve bien, lo hará en IE ----*/
/**{-moz-box-sizing: border-box;box-sizing: border-box}*/
p{margin-top:1px;margin-bottom:1px}
form{margin:0px}
input{padding:1px}



.img {margin-right:15px}



body {
	background-color:#ffffff;   /*----- COLOR DEL FONDO DE LA PÁG. WEB ------*/
	Color:#000000;              /*----- COLOR POR DEFECTO DEL TEXTO DEL ÁREA DE CONTENIDOS ----*/
	font-family:tahoma;         /*----- Fuente por defecto para la página web ----*/
	font-size:11px;
	padding:0;
	margin:0;
	line-height:14px;
	text-align:center;
}



  
  
#wrap {
margin: auto;
padding:0;
width:651px;
height:186px;
}


/*-----  IMAGENES DE CABECERA PARA CADA UNA DE LAS PÁGINAS DEL SITE ------*/
#top {margin:0px 2px 0px 0px;
background:url(images/head_02_orange.png);
width:647px;
height:186px;
text-align:left;
padding:0px;

}


/*---- Imagen (de pocos píxeles de altura) usada para rellenar (repitiéndola verticalmente) el fondo de la zona de contenidos ----*/
#content {background:url(images/linea_fondo1.png) left repeat-y;
width:751px;
margin:0px 0px 0px 1px;
padding:0;
float:left;
text-align:left;}


/*-----  IMAGEN (LINEA) BAJO LOS TEXTOS DEL MENU IZQDO ------*/
.line {background-image:url(images/line.png);
width:150px;
height:2px;
margin-top:3px;
margin-bottom:9px;
margin-left:10px;}


/*-----  IMAGEN DEL BOTON BAJO EL LOGO ------*/
/*-----   Ahora ya no es un botón es un rectágulo que rellena la zona del menú ----*/
#left_content {
padding:0;
margin:0;
text-align:left;
width:169px;
float:left;
display:table;
}

/*-------------------------------------------------------PAGE_1_2_3_4-------------------------------------------------------*/
/*-----  IMAGEN DE FONDO DEL AREA DE CONTENIDOS ------*/
#right_content {
padding:0;

margin:0px auto 0px auto;
float:left;
text-align:left;
/*width:535px;*/
width:480px;
/* display:table; */
}

/*---- MARGENES superior, derecho, inferior, izqdo  DEL ÁREA DE CONTENIDOS ----*/
/*---- Es en esta zona (inner_right) en la que se muestran los contenidos de las páginas ---*/
/*---- Los márgenes afectan a la separación de los contenidos de los límites SUP, DERECHO, INFERIOR e IZQDO ---*/
#inner_right {margin:0px 25px 15px 20px;}

/*-------------------------------------------------------PAGE_1_2_3_4-------------------------------------------------------*/
/* --- Creo que right_content_left y right_content_right no son usados en las páginas --- */
#right_content_left {
padding:0;
margin:0;
float:left;
text-align:left;
width:217px;}

#right_content_right {
padding:0;
margin:0;
float:right;
text-align:left;
width:200px;}


/*--------------------------------------------------------------------------------------------------------------------*/


.blue {color:#9CC2DD; text-decoration:none}
.green {color:#FFE46B; text-decoration:none}
.dark {color:#000000; text-decoration:none}
/*.white {color:#ffffff; text-decoration:none}*/
.verde_osc {color:#009900; text-decoration:none}
.marron_osc {color:#996600; text-decoration:none}
.color_fecha {color:#996600; text-decoration:none}
.rojo {color:#ff0000; text-decoration:none}
.gris {color:#999999; text-decoration:none}
.naranja_claro {color:#FFFF66}
.naranja_osc {color:#FFCC33}
.align {vertical-align:baseline}


/*----- TAMAÑOS DEL TEXTO Y OTROS ATRIBUTOS -----*/
.big {font-size:12px}
.bigg {font-size:13px}
.bigger {font-size:15px}
.bigger2 {font-size:16px}
.bigger3 {font-size:20px}
.n {font-size:11px}
.sm {font-size:10px}
.clear {clear:both}
.negrita {font-weight: bold}


.Estilo1 {font-weight: bold}
.Estilo2 {font-weight: bold}


/*-----  COLOR DEL TEXTO DE LOS LINKS DEL MENU IZQDO ------*/
a {	color:#000000; text-decoration:underline}

.align {vertical-align:middle}


/*-----  COLOR CAJAS DE TEXTO DEL FORMULARIO ------*/	
.form { width:206px;
		height:20px;
		font-family:tahoma;
		font-size:13px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
		background-color:#658a3f;
		color:#ffffff;
		margin-left:0px;
		margin-right:0px}
		
.textarea { width:200px;
		height:143px;
		font-family:tahoma;
		font-size:13px;
		border-style:solid;
		border-width:1px;
		border-color:#ffffff;
		background-color:#658a3f;
		color:#ffffff;
		overflow:auto;
		margin-left:0px;
		margin-right:0px}
		
.u		{text-decoration:underline}
/*------ nu: estilo de texto sin 'under-link' -----*/
.nu		{text-decoration:none}
.t 		{text-transform:uppercase}

a:hover{text-decoration:none;}
.a:hover{text-decoration:none;}
/*-----  COLOR DEL TEXTO DE LOS LINKS DEL MENU IZQDO AL PASAR EL RATON POR ENCIMA ------*/
.menu:hover{
	text-decoration:underline;
	/*color:#ffffff;*/
}

.menu2:hover{
	text-decoration:underline;
	color:#00cc33;
}

.menu3:hover{
	text-decoration:underline;
	color:#ff0000;

}
	
.menu4:hover{
	text-decoration:underline;
	color:#009900;	
}

/*-----  Parámetros para el script de la hora en tiempo real ------*/
.styling{
/*background-color:black;*/
/*color:white;*/
/*font: bold 16px MS Sans Serif;*/
padding: 1px;
}