/* 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;	}

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

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;	} 


.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 */
/*
   para el fondo azul celeste usar-> noticia_fondo_claro.gif
	para el fondo azul usar -> noticia_fondo_medio.gif
	para el fondo naranja -> noticia_fondo_4c.gif
*/
	
#news {					position:relative;  z-index:0; margin-top: 15px; width:100%; }
#news .col_1 {			position:relative; z-index:0; width:216px; height:301px; margin-right:12px; float:left;  background:url(img/noticia_fondo_medio.gif) no-repeat top;  }
#news .col_2 {			position:relative; z-index:0; width:216px; height:301px; margin-right:12px; float:left;  background:url(img/noticia_fondo_medio.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 .col_3 {			position:relative; z-index:1;  width:216px; height:301px; margin-right:12px; float:left;  background:url(img/noticia_fondo_4c.gif) no-repeat top;  }
#news .col_4a {			position:relative; z-index:0; width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4a.gif) no-repeat top;  }
#news .col_4b {			position:relative; z-index:0; width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4b.gif) no-repeat top;  }
#news .col_4c {			position:relative; z-index:0; width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4c.gif) no-repeat top;  }
#news .col_4d {			position:relative; z-index:0; width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4d.gif) no-repeat top;  }
#news .col_4e {			position:relative; z-index:0; width:216px; height:301px; margin-right:0; float:right;  background:url(img/noticia_fondo_4e.gif) no-repeat top;  }

/*foto superior*/
.news_foto_col {		position:relative; z-index:0; width:196px;  height:147px; margin:10px 10px 5px 10px;  float:left;  }
/*foto inferior*/
#news .foto {			position:relative; z-index:0; width:196px;  height:147px; margin:10px 10px 5px 10px; }
.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 dco.php */
.dco {position:relative; float:left; margin:15px 0 15px 0; font-size:14px; /*background-image:url(img/3dco/3dcogris900.jpg);*/ }
.dco #ruta{	position:relative; float:left; width:900px; margin:0 0 20px 0; font-size:16px; }
.dco #texto  {	position:relative; float:left; width:600px; height:80px; margin:0 0 20px 15px; padding:10px;}
.dco #texto a { color:#000; font-size:16px; }
.dco #foto {		position:relative; float:left; width:150px;   margin-bottom:12px; }
.dco #foto img {height:100px;  float:right; }
.dco #titulo{	position:relative; float:left; width:900px; margin:0 0 20px 0; font-size:17px; color:#F07B00; font-weight:bold; }

/* página dcoficha.php */
.dcoficha {position:relative; float:left; margin:15px 0 15px 0; }
.dcoficha #ruta{	position:relative; float:left; width:900px; margin:0 0 10px 0; font-size:14px; }
.dcoficha #titulo{	position:relative; float:left; width:900px; margin:0 0 20px 0; font-size:17px; color:#F07B00; font-weight:bold; }
.dcoficha #texto  {	position:relative; float:left; width:400px; }
.dcoficha #texto #docs  {	position:relative; float:left; width:100%; }
.dcoficha #texto #docs  #c1 {	position:relative; float:left; width:49%; margin-top:15px; }
.dcoficha #texto #docs  #c2 {	position:relative; float:left; width:49%; margin-top:15px; }
.dcoficha a { position:relative; float:left; width:195px; margin-bottom:5px; }
.dcoficha #foto {	position:relative; float:right; width:490px; }
.dcoficha #foto img {width:300px; float:right; padding-right:75px; }

/* 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 vídeo */
#video #titulo 	{position:relative; width:85%; font-size:16px; margin:15px 0 5px 75px; font-weight:bold; float:left; color:#F07B00; }
#video #video 	{position:relative; width:100%; text-align:center; }
#video #otros 	{position:relative; width:85%; font-size:16px; margin:10px 0 5px 75px; font-weight:bold; float:left; color:#F07B00; }
#video a 	{margin-left:75px;}
#video img 	{width:100px;}
#video p 	{margin-top:10px;}


/* 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 trabajo */
#trabajo { position:relative;	margin-top:15px; width:900px; float:left; color:#000000;	}
#trabajo .c1 {	width:700px; float:left; }
#trabajo .c3 {	width:200px; float:right; }
#trabajo .c1 img { width:700px; }
#trabajo .c3 .texto {	width:190px; margin:0 0 5px 10px; text-align:justify; }
#trabajo .c2 {	width:900px; float:left; }
#trabajo .c2 img { width:900px; }
/* 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;}
