/*    
         ************************************************************************************************
         ************************************************************************************************
         ***                                 Diseno de la Foto Ampliada                                          * * *
         ************************************************************************************************
         ************************************************************************************************
*/




body		{ margin: 0em; 
			background-color: rgb(245,242,199); }
			
			
			
/*      ************************************************************************************************
              	                             	Diseno del Logo
       *************************************************************************************************
*/
			
			
			
.logo			{ margin: 0em;
				text-align: left;
				vertical-align: middle;}			
			

			

/*      ************************************************************************************************
              	                             	Diseno del Menu
       *************************************************************************************************
*/



.menu				{ margin-top: 0.75%;  
					padding: 4px 0 4px 0;
					background-color: rgb(255,204,102); 
					border-top: solid  rgb(14,24,181) 1px;
 					border-bottom: solid  rgb(14,24,181) 1px;
 					text-align: center; }
	



/*
Evitar el cuadrado tras haber usado un enlace
*/


a:visited  ,  a:active			{ text-decoration: none;
							border-style: none;	}




/*
Diseno del Texto de "Enlaces" o "Noticias"
*/


p.menu					{ font-family: "Garamond" ,serif; 
						font-weight: bold; 
						font-size: 123%; 
						text-align: center; 
						color: black;  }
						
						
/*
Diseno del texto para poder volver
*/

						
						
span.anterior, span.volver, span.siguiente			{  font-family: "Franklin Gothic Demi"
													font-size: 1em;
													font-weight: bold;
													color: black;
													text-indent: 3%; }


													
.movfoto span a			{ text-decoration: none; 
						color: black; }
						

a:hover					{ text-decoration: underline;
					color: red }


						
.movfoto				{ margin-top: 4.5%; }



span.volver				{ padding: 0 1.95% 0 1.95%; }


.movfoto				{ text-align: center; }






/*      ************************************************************************************************
              	                             	Diseno de la Imagen
       *************************************************************************************************
       
*/

.obras						{ text-align: center; }				




/*      ************************************************************************************************
              	                           	Diseno del Contenido
       *************************************************************************************************
*/
					

.cuerpo						{ font-family: "Arial"
							font-size: 1em;
							font-weight: bold;
							color: black;
							text-indent: 3%; 
							margin-top: 2.5%
							margin-left: 1%; 
							line-height: 150%; 
							text-align: justify;
							padding: 0% 4.5% 1% 4.5%;  }


/*      ************************************************************************************************
              	                           	Diseno del Fecha de Noticia
       *************************************************************************************************
*/



.subrayado			{ font-family: "Garamond";
				font-size: 1.5em;
				font-weight: bold;
				color: red;
				text-decoration: underline; 
				display: list-item; 
				list-style-type: disc; }



/*      ************************************************************************************************
              	                           	Diseno del em
       *************************************************************************************************
*/


em				{ text-decoration: underline; }