/* CSS Document. Para página www.museodelnino.es/proyecto/proyecto.htm incluyendo el CSS de las cajas*/
     #contenedor
		{
			width: 776px;
			height: 1972px;
			top: 0px;
			margin-left: -388px;
			left: 50%;
			position: relative;
			background-color: #000042;
		}
     #cabecera
		{
			width: 774px;
			height: 129px;
			top: 0px;
			left: 1px;
			position: absolute;
			background-color: #fff;
		}
     #contenido
		{
			width: 774px;
			height: 1842px;
			top: 129px;
			left: 1px;
			position: absolute;
			background-color: #fff;
		}
/*................COMIENZO CAPA "TEXTO" Y SU FORMATO................*/
     #texto
		{
			float: left;
			width: 446px;
			height: 1839px;
			top: 0px;
			left: 4px;
			position: absolute;
			background-color: #fff;
		}		     
     .titular_t
		{
		  margin-top: 10px;
		  margin-bottom: 6px;
		  font-weight: 700;
		  color: #808000;
		} 
     .subtitular_t
		{
		  margin-top: 0px;
		  margin-bottom:2px;
		  font-family: Verdana, Arial, Helvetica;
		  font-size: 10pt;
		  font-weight: 600;
		  color: #000042;
		}     
     .texto_t
		{
			margin-top: 4px;						
			text-indent:12px;
			font-family: Arial, Verdana, Helvetica;
			font-size: 10pt;
			color: #000042;
			font-style:normal;
			font-weight:normal;
			text-decoration:none;
			line-height:12pt;			
		}     
     .corchetes_t
		{
			font-family: Verdana, Arial, Helvetica;
			font-size: 8pt;
			font-style: normal;		
			color: #808000;	
		}    
     .enlaces_t
		{
			font-family: Arial, Verdana, Helvetica;
			font-size: 10pt;
			font-style:normal;
			font-weight:normal;			
			text-decoration:underline;		
		}     
     .subtitulo_t
		{
		  margin-top: 13px;
		  margin-bottom: 6px;		  
		  font-weight: 700;
		  color: #808000;
		}
/*................FIN CAPA "TEXTO" Y SU FORMATO................*/
/*................COMIENZO CAPA "FLASHES" Y SU FORMATO................*/
     #flashes
		{
			float: left;
			width: 184px;
			height: 1415px;
			top: 12px;
			left: 453px;
			position: absolute;
			background-color: #fff;			
		}		
/*................Comienzo código CSS para caja Flashes................*/
     #contenedor_flash { width:184px;margin-left:0;left:0%;
             position:absolute;
     }
     .cajaarriba_f {
		background-image: url('cajas/arriba_184.gif');
		background-repeat: no-repeat; background-position-y: left top
     }
	
     .caja_f {
		width: 184px;
		background-image: url('cajas/centro_184.gif');
		background-repeat: repeat-y
     }
	
     .cajaabajo_f {
		background-image: url('cajas/abajo_184.gif');
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 10px;
     }
/*................Fin código CSS para caja Flashes................*/
/*................Comienzo código CSS para viñetas y texto flashes................*/
     .vinetas_f
		{
			font-size: 9pt;
			color: #000042;	
		}
     .texto_f
		{
			margin-left: 6px;
			text-indent:-8px;
			font-family: Times New Roman,Serif;
			font-size: 10pt;
			font-style: italic;
			color: #5B5BFF;	
		}
/*................Fin código CSS para viñetas y texto flashes................*/
/*................FIN CAPA "FLASHES" Y SU FORMATO................*/

/*................COMIENZO GALERÍA1, GALERÍA2 Y GALERÍA3................*/
/*................Comienzo capa y caja Galería1................*/
     #galeria1		
		{
			float: left;
			width: 132px;
			height: 605px;
			top: 12px;
			left: 640px;
			position: absolute;
			background-color: #fff;
		}		
     #contenedor_gal1 { width:132px;margin-left:0;left:0%;
             position:absolute;
     }
     .cajaarriba_g1 {
		background-image: url('cajas/arr132_1.gif');
		background-repeat: no-repeat; background-position-y: left top
     }	
     .caja_g1{
		width: 132px;
		background-image: url('cajas/cen132_1.gif');
		background-repeat: repeat-y
     }	
     .cajaabajo_g1 {
		background-image: url('cajas/ab132_1.gif');
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 10px;
     }
/*................Fin capa y caja Galería1................*/
/*................Comienzo capa y caja Galería2................*/
     #galeria2		
		{
			float: left;
			width: 132px;
			height: 377px;
			top: 659px;
			left: 640px;
			position: absolute;
			background-color: #fff;
		}		
     #contenedor_gal2 { width:132px;margin-left:0;left:0%;
             position:absolute;
     }
     .cajaarriba_g2 {
		background-image: url('cajas/arr132_2.gif');
		background-repeat: no-repeat; background-position-y: left top
     }	
	.caja_g2 {
		width: 132px;
		background-image: url('cajas/cen132_2.gif');
		background-repeat: repeat-y
     }	
     .cajaabajo_g2 {
		background-image: url('cajas/ab132_2.gif');
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 10px;
     }
/*................Fin capa y caja Galería2................*/
/*................Comienzo capa y caja Galería3................*/
     #galeria3		
		{
			float: left;
			width: 132px;
			height: 300px;
			top: 1078px;
			left: 640px;
			position: absolute;
			background-color: #fff;
		}		
     #contenedor_gal3 { width:132px;margin-left:0;left:0%;
             position:absolute;
     }
     .cajaarriba_g3 {
		background-image: url('cajas/arr132_3.gif');
		background-repeat: no-repeat; background-position-y: left top
     }	
     .caja_g3 {
		width: 132px;
		background-image: url('cajas/cen132_3.gif');
		background-repeat: repeat-y
     }	
     .cajaabajo_g3 {
		background-image: url('cajas/ab132_3.gif');
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 10px;
     }
/*................Fin capa Galería3................*/
/*................FIN CAPAS GALERÍA1, GALERÍA2 Y GALERÍA 3, Y SUS RESPECTIVAS CAJAS................*/

/*................COMIENZO CAPA "ECOS" CON SU CAJA Y SU FORMATO................*/
	 #ecos
		{
			float: left;
			width: 319px;
			height: 320px;
			top: 1422px;
			left: 453px;
			position: absolute;
			background-color: #fff;
		}		
     #contenedor_ecos { width:319px;margin-left:0;left:0%;
             position:absolute;
     }
     .cajaarriba2 {
		background-image: url('cajas/arriba_319.gif');
		background-repeat: no-repeat; background-position-y: left top
     }
     .caja2 {
		width: 319px;
		background-image: url('cajas/centro_319.gif');
		background-repeat: repeat-y
     }
     .cajaabajo2 {
		background-image: url('cajas/abajo_319.gif');
		background-position: left bottom;
		background-repeat: no-repeat;
		padding: 10px;
     }    
     .tit_ecos
		{
			margin-left: 6px;
			margin-top:10px;
			margin-bottom:10px;
			font-size: 16pt;
			text-indent:0px;			
			color: #000081;	
		}    
     .fecha
		{
			font-family: Arial, Verdana, Helvetica;
			font-size: 7pt;			
			color: #7f7f7f;	
		}
     .txt_ecos
		{
			margin-left: 6px;
			margin-top:0px;
			margin-bottom:5px;
			text-indent:0px;
			font-family: Verdana, Arial, Helvetica;
			font-size: 7pt;
			font-style: normal;
			color: #00008D;	
		}   
     .subtit_ecos
		{
			margin-left: 6px;			
			margin-bottom:0px;
			text-indent:0px;
			font-family: verdana, arial, helvetica;
			font-size: 8pt;
			font-weight: 700;
			color: #6C0000;	
		}    
     .corchetes_e
		{
			font-family: Verdana, Arial, Helvetica;
			font-size: 7pt;
			font-style: normal;		
			color: #808000;	
		}    
     .signo_mas
		{
			font-family: Arial, Verdana, Helvetica;
			font-size: 7pt;
			font-style: normal;		
			color: #5B5BFF;	
		}
/*................FIN CAPA "ECOS" SU CAJA Y SU FORMATO................*/
/*................COMIENZO CAPA "PIE" Y SU FORMATO................*/
     #pie
		{
			width: 774px;
			height: 25px;
			top: 1973px;
			margin-left: -387px;
			left: 50%;			
			position: absolute;
			padding-top: 10px;
		}
		a.p {font-size:10px; font-family:Arial; color:#000000; text-decoration:none;}
		a.p:hover {font-size:10px; font-family:Arial; color:#7f7f7f; text-decoration:none;}
		.pie {font-size:10px; font-family:Arial; text-align:center; color:#000000; margin-top: 0px; margin-bottom: 0px; text-decoration:none;}
/*................FIN CAPA "PIE" Y SU FORMATO................*/
/*................COLORES HIPERVÍNCULOS GENERALES................*/
<!--
a:link       { text-decoration: none }
a:visited    { text-decoration: none }
a:hover      { text-decoration: underline; color: teal }
a:active     { text-decoration: none }
-->