/*    
         ************************************************************************************************
         ************************************************************************************************
         ***                                  Diseno de la Pagina Casa                                           * * *
         ************************************************************************************************
         ************************************************************************************************
*/



/*   

	En la version de internet explorer 5.0, el borde superior del cuerpo queda separado del menu horizontal y para evitarlo se pone span como primer elemento del cuerpo y no poner un p.
Tambien existe un padding inferior en el menu horizontal que queda muy feo para ello aun no tengo solucion salvo poner a continuacion un margin -4px, aunque esta tampoco es una solucion por que en el resto de ordenadores nos encontramos esta parte mal.  

*/





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: 0.75%  0 0% 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;
 					padding-top: 0%;
					padding-bottom: 0%;  }
												
					
					 
				 	
.uno, .dos, .tres, .cuatro, .cinco									{ text-align: center; 
																margin-top: 0px;
																margin-bottom: 0px;
																padding-top: 2.5%;
																padding-bottom: 2.5%;
																width: 19.45%; }
																
																
																
.menu															{ border-top: solid  rgb(14,24,181) 1px;
 																border-bottom: solid  rgb(14,24,181) 1px; }															
																

div.menu a:hover												{  background-color: rgb(214,234,246); }
																
																
																

/*
Dise__el Texto
*/


.menu span					{ font-family: "Garamond" ,serif; 
							font-weight: bold; 
							font-size: 123%; 
							color: black; }
				


a							{ text-decoration: none;
							color: black;}






				
/*      ************************************************************************************************
              	                    	Diseno de la Seleccion del Menu 
       *************************************************************************************************
*/
				


.uno						{ border-left: solid  rgb(14,24,181)  1px;
							border-right: solid  rgb(14,24,181)  1px; }




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


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




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




.menuizqd 	 			 { font-family: "Lucida Sans", "Palatino Linotype", Georgia, Garamond, "Times New Roman", serif;
						float: left;
						background-color: rgb(214,234,246);
						color: black;
						margin: 0 2.5% 2.5% 0;
						width: 18%;
  						padding: 9% 0 35% 0%;
						border-right: solid  rgb(171,228,195) thick;
						border-top: solid rgb(171,228,195) 9px;
						border-bottom: solid rgb(171,228,195) thick; }
					
				
				
.menuarriba			 	{ margin-bottom: 25%; 
						padding-left: 6%;}



.menuizqd a				{ text-decoration: none; }

				
				 
ul						{ padding: 0em;
						margin-left: 0.75em;
						margin-top: 15.5%em; }		
				
				
				
li 						{ margin-top: 0.95em;
						margin-bottom: 0.95em; 
						font-style: italic; 
						font-size: 95%}		 
				 
				 
				 
li a         	 			{ padding: 0em;
 						text-decoration: none;
						font-weight: bold;
						color: black;
						margin-top: 1.55em;
						margin-bottom: 1.55em; }
					
					
				
li a:hover				{  text-decoration: underline; }
				
	
	
div.principal				{ border-top: solid  rgb(171,228,195) 1px;
						border-bottom: solid  rgb(171,228,195) 1px;
						font-family: "Lucida Sans", "Palatino Linotype", Georgia, Garamond, "Times New Roman", serif;
						font-size: 95%;
						font-weight: bold;
						padding-left: 15%;
						margin-bottom: 25%;
						vertical-align: middle;
						text-align: left;  
						padding: 0 0 0 15%; 
						font-style: normal; }	


.principal a:hover			{  background-color: rgb(171,228,195);
							padding: 0 5% 0 5%;
							text-align: center;   }	
	
	
	
				
				
/*      ************************************************************************************************
              	                      	Diseno del Menu Otros
       *************************************************************************************************
*/


.otros				{ border-top: solid  rgb(171,228,195) 1px;
					font-family: Garamond;
					font-size: 95%;
					font-weight: bold;
					padding-left: 15%; 
					text-align: left;
					vertical-align: middle; 
					padding-left: 8%;
					margin-left: 0; 
					padding-top: 9%}
				
.menuizqd			{ padding-bottom: 15%;  }				

.otrosizqd a			{ color:black; }



div.opciono			{ font-family: Verdana;
					font-size:75%;
					padding: 1.5% 0 0% 5%;
					text-decoration: none; }
				
.otrosizqd a:hover			{ color: rgb(14,24,181); }








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

.carcasa		{ font-family: "Arial"
					font-size: 1em;
					font-weight: bold;
					color: black;
					text-indent: 3%; 
					line-height: 150%; 
					text-align: justify;
					border-top: solid  rgb(171,228,195) 9px;
					margin-top: 0;
					  }



div.obras			{  text-align: center; 
					margin-left: 0;
					margin-right: 0;
					padding: 0; }







/*      ************************************************************************************************
              	                          Para que el cuerpo este a la derecha
       *************************************************************************************************
Para que todo el texto del cuerpo salga a la derecha del menuizqd hice por encima del cuerpo un div que se llama carcasa y un float right

*/





.cuerpo			{ float: right; 
				padding: 2.5% 2.5% 2.5% 2.5%; }
				
				
				



/*      ************************************************************************************************
              	   Diseno de las Fotos explicativas y el texto asociado a ellas
       *************************************************************************************************
*/


.diapositiva			{ text-align: center; 
					margin-top: 4%;
					margin-bottom: 0;
					padding-bottom: 0; }
					 

.txtdiapositiva		{ text-family: Technic , Technical, serif;
					font-size: 65%;
					margin-top: 0;
					padding-top: 0; 
					margin-bottom: 4%;}
					
					
.diapositiva img		{ border: solid black 2px;  }