/* parametros por defecto -------------------------------------------------------------------------------------- */
.ancho_principal {		width:900px;  margin:0 auto; }

*{margin:0; padding:0;}

body { 					font-family: Arial, verdana, helvetica, sans-serif;  color:#000000;  font-size:12px;  }

img {					border: none; margin: 0px;  text-align:left;  vertical-align:top;  }

strong {				color:#5BC8F2;  }

ul {					list-style:none;  }

.clear {				clear:both;	}


/* espacios verticales ------------------------------------------------------------------------------------------ */
.espacio5 {				padding-top:5px;	}
.espacio10 {			padding-top:10px;	}
.espaciodesobra {		height:300px;		}


/* vínculos --------------------------------------------------------------------------------------------------- */			
a 	{					color:#003881;	text-decoration:none;	}

a:hover {				text-decoration: underline;				} 

a #calidad {			background-image:url(img/menu_org_blau.gif);	} 

a:hover #calidad {		background-image:url(img/menu_org_blanc.gif);	} 

#link_actual {			color:#FFFFFF;	} 


/* cabecera --------------------------------------------------------------------------------------------------- */
.imagen_superior { 		position: relative;  width:100%;  float:left;  margin-top: 2px;  }

.cabecera {				position: relative;  margin-top: 5px;  width:100%; height:75px;  float:left;  }

#cuadro_transparente { 	/* sobre el nombre de Poraxa, para que sirva de link */	
						position: relative;  top: -45px;  left: 15px;  width:230px;  float:left;  text-decoration:none; }

.menu {				    position:relative; color: #FFFFFF; font-size: 14px; top:-70px; margin:0 0 0 10px; float: right; }

.menu  a{				color:#FFFFFF; text-decoration:none;}

.menu a:hover {			color: #FFFFFF; font-weight:bold; text-decoration:none;} 

.menuSubmarca {			position: relative; margin-top: 5px;  margin-left: 2px;  float: right;  }


/* página de incio --------------------------------------------------------------------------------------------- */
#news {					position: relative;  margin-top: 15px; width:100%; }

#news .col_1 {			width:216px; height:301px; margin-right:12px; float:left;  background:url(img/noticia_fondo_claro.gif) no-repeat top;  }

#news .col_2 {			width:216px; height:301px; margin-right:12px; float:left;  background:url(img/noticia_fondo_claro.gif) no-repeat top;  }

#news .col_3 {			width:216px; height:301px; margin-right:12px; float:left;  background:url(img/noticia_fondo_medio.gif) no-repeat top;  }

.news_foto_col {		position: relative;  width:196px;  height:147px; margin:10px 10px 5px 10px;  float:left;  }

#news .col_4a {			width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4a.gif) no-repeat top;  }
#news .col_4b {			width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4b.gif) no-repeat top;  }
#news .col_4c {			width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4c.gif) no-repeat top;  }
#news .col_4d {			width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4d.gif) no-repeat top;  }
#news .col_4e {			width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4e.gif) no-repeat top;  }

#news .foto {			width:196px;  height:147px; margin:10px 10px 5px 10px;  z-index:1 }



.news_txt_negro_3 {		position: relative;  color:#000000;  width:190px; padding: 0px 10px 10px 10px;  text-align: justify;  float:left;}

.news_txt_negro {		position: relative;  color:#000000;  width:190px; height:119px;  padding: 0px 10px 10px 10px;  text-align: justify;  float:left;}

.news_txt_negro a {		color:#003399;  }

.news_txt_negro a:hover{font-weight:bold;  } 

.news_txt_blanco {		position: relative;  color:#FFFFFF;  width:190px; height:119px;  padding: 10px 10px 0px 10px;  text-align: justify; float:left;}


/* páginas comunes --------------------------------------------------------------------------------------------- */
.contenido_fondo {		position: relative;  margin-top: 15px;  background:url(img/contenido_fondo.gif) no-repeat;
						width:900px;  height: 301px;  float:left;	}

.link { 				color:#FF9900;  text-decoration:none;		}

.foto {					position: relative;  width:380px;  height:285px;  margin: 8px;  float:left;		}

.titulo {				margin-top:5px;  margin-left:8px;  font-size:18px;  font-weight:bold;  }

.texto {				padding: 8px;  text-align: justify;  }


/* páginas marcas --------------------------------------------------------------------------------------------------- */
.submarca {position: relative;  margin-top: 15px;  width:900px;  float:left;  color:#000000; }
.submarca #titulo {position: relative;  width:390px;  font-size:18px;  font-weight:bold;  float:left; }
.submarca #texto {position: relative;  width:400px;  text-align: justify;  margin:0 20px 0 40px;  float:left; }
.submarca #foto {position: relative; /*background-color:#336699;*/  width:340px;  float:left; }
.submarca #foto #img {width:340px;  height:255px;  float:left; }
.submarca #foto .mini {width:64px; height:48px; float:left; margin-right:5px; }
.submarca #foto .last_mini {width:64px; height:48px; float:left; }

.submarca #nuevos_apartados {position: relative;  width:100px;  text-align: right;  float:right;  }
.submarca #cinco_fotos {position: relative;  width:100px;  text-align: right;  float:right;  }
.submarca #cinco_fotos_h {position: relative;  width:340px;  text-align:left;  float:left; margin-top:5px;  }
			

/* página apartados del menú superior ----------------------------------------------------------------------------------- */
.apartado {				position: relative;  margin-top: 15px;  width:900px;  float:left;  }

.apartado #cinco_fotos {position: relative;  width:100px;  float:left;  }

.apartado #foto {		position: relative;
						background-color : #336699;			
						width:300px;
						height:225px;
						float:left;
						z-index: 1;
						}

.apartado #titulo {		position: relative;
						width:455px;		
						font-size:14px;
						margin-bottom:5px;
						font-weight:bold;
						float:right;
						}

.apartado #texto {		position: relative;
						width:455px;		
						text-align: justify;
						float:right;
						}




/* página noticia ------------------------------------------------------------------------------------------------ */

#noticia {		position: relative;	margin-top: 15px; width:900px; float:left; color:#000000;	}

#noticia .c1 {	width:240px; float:left; }

#noticia .c2 {	width:430px; float:left; }

#noticia .c3 {	width:230px; float:right; }

#noticia .c1 .foto { width:200px; height:150px; margin: 0 0 20px 0; padding: 0;	}

#noticia .c2 .titulo {	width:380px; font-size:14px; margin-bottom:5px; font-weight:bold; }

#noticia .c2 .texto {	width:380px; text-align: justify; }

#noticia .c3 .texto {	width:210px; margin-bottom: 10px; padding: 0px 10px 10px 10px;	text-align: justify; }
						

/* página de contacto y direcciones ------------------------------------------------------------------------------------ */
.contacto {				position: relative;
						margin-top: 15px;
						width:100%;
						float:left;
						}

.contacto #foto {		position: relative;
						width:200px;
						height:150px;
						text-align: justify;
						float:left;
						}

.contacto #direccion {	position: relative;
						width:200px;
						margin: 0 50px 0 50px;	
						float:left;
						}

.contacto #email 	{	position: relative;
						width: 400px;
						float: right;
						}

.contacto #email .campo {
						position:relative;
						width:25%;
						margin: 0 0 10px 0;
						float:left;
						}	

.contacto #email .dato {
						position:relative;
						width:75%;
						margin-bottom:10px;
						vertical-align:top;
						float:left;
						}	


/* página de aviso legal ------------------------------------------------------------------------------------ */
#aviso .c1  {			position: relative;  margin-top: 15px;  width:100%; text-align: justify; float:left;  
						}


/* pie -------------------------------------------------------------------------------------------------------- */
.pie {					position: relative;  width:900px;  margin-top:15px;  height:100px;  font-size:12px;  color:#003A84;
						float:left;  }

.pie #volver_atras {	width:97%;  float:left;  }

.pie #banner_cierre {	margin: 5px 0 5px 0;  width:97%;  float:left;  }

.pie #izquierdo {		float:left;  width:300px;  }

.pie #lafecha {			float:left;  width:300px;  text-align: center;  }

.pie #derecho {			float:right;  width:300px;  text-align: right;  }
.pie #idiomas { 		float:left;  width:100%;  text-align:center;  margin-top:10px;}