/* 				elemento.clase       para los elementos "elemento" que sean de esa clase  */
/* 				.clase       para todos los elementos pertenecientes a esta clase  */
/*				# la almoadilla aplica el estilo a los tag html con ese id */
/* 				orden: arriba,derecha,abajo,izquierda*/	

body 			{	margin: 0;
					padding: 0;
					background: #AECBAE;    	/* verde-gris claro*/	
					font-family: "Lucida Grande", Verdana, sans-serif;
					font-size: 100%;		}
h2				{	font-weight:bold;
					color: #000000; 		  	/* negro*/
					font-size: 1.2em;		}
h3				{	font-weight:bold;
					color: #000000; 		  	/* negro*/
					font-size: 1.1em;		}
h4				{	color: #000000;				/* negro*/
					font-size: 1.3em;		}
p, td, div		{ 	color: #000000; 		 	/* negro*/
					font-size: 1em;			}
a:link			{	color: #000000;	
					font-size: 1em;			}
a:visited 		{	color: #00a402;			}
a:hover 		{	color: #00a402;			}				

#contenedor 	{	width: 90%;
					padding-left: 2%;									}
#menu 			{	position:fixed; 		 										/* para que el elemento no se desplace con el scroll  */
					width: 20%;
					float: left ;										}
#contenido		{	float: right;
					width: 80%;
					padding-top:5%;										}			/* agrupo  estudio, obras++*/	
.ColIzq			{	float:left;	
					width: 30%;			
					text-align:right;
					padding-right:3%;			
					padding-top: 0.7em;		   
					clear:left; 										}
.ColDer			{	float:left;	
					width: 40%;	
					text-align:left;
					padding-top: 0.7em;									}
.bold			{	font-weight:bold;									}
.mapa 			{	padding-top:2%;	
					width: 40%; 										}
#validator		{	float: right;
					clear:left; 			
					margin: 3% 0 0 0;
					width: 100%;
					border-style: solid none none none;
					border-color: #1C201C;
					border-width: 1px;									}
.cabeceralistaObras		{ 	float: right; 		 					
					width: 90%;
					font-weight:bold;
					margin: 0px 0px 20px 0px;							}
.TextLeft		{ 	text-align: left;									}
.TextRight		{ 	text-align: right;									}					
.separador 		{  	width: 100%;
					clear:both; 										}
.credito 		{ 	text-align: right;			
					padding: 0.7em 1em 0em 0em;							}
.nombrecredito 	{	padding: 0.7em  0em 0em 1em;		  
					text-align: left;		
					font-weight:bold;
					font-size: 1em;										}
.colaborador 	{ 	text-align: right;
					font-weight:bold;			
					padding: 0.7em 1em 0em 0em;							}
.nombrecolaborador 	{   				
					padding: 0.7em  0em 0em 1em;		  
					text-align: left;		
					font-size: 1em;										}				
.licencia 		{  	padding: 10em  0em 0em 0em;
					text-align: justify;		
					font-size: 0.7em;									}
.sombra 		{   float:left;					
					background-color: #000000; 												/*#070707 0D0D0D gris oscuro más negro que el del fondo*/	/*#2D2A2A;	gris mas claro*/ 
					margin: 0px 0px 5px 5px;							}					/* margen abajo (sombra + separacion adicional), izquierda (para compensar el margen negativo de la sombra*/
.obraEnlace .sombra:hover	
				{ 	
					background-color:  #00a402;
				}
.obraEnlace p:hover		
				{ 	
					color:  #00a402;
				}
.imagenEnlace	{ 	margin: 10px 5px 5px -5px;												/* para hacer el efecto sombra (combinado con el div sombra) */
					float:left;
					border: 0;													}						
div.linea1		{	width:225px;		 													/* +++*/				 		
					float:left;
					margin: 0px 0px 0px 0px;
					padding-left:15px;			
					border-style: none none solid none;
					border-color: #005300;
					border-width: 1px;											}
.nombreobra		{ 	float: left; 		 					
					width: 25%;
					font-weight:bold;
					margin: -8px 0px 10px 15px;	
				}

.linea2			{	float: left; 		 					
					width: 25%;	
					border-style: solid none none none;
					border-color: #005300;
					border-width: 1px;											}
.comentario		{ 	
					float: left ;
					width: 45%;
					text-align: justify;
					margin: -8px 0px 15px 35px;									}
div.linea3		{	float:left;
					padding-left:15px;			
					border-style: none none solid none;
					border-color: #005300;
					border-width: 1px;
					width: 45%;  												}
img.imagenLista	{ 	width:200px;		 /* width:200px;+++*/		
					margin: -5px 5px 5px -5px;		/* para hacer el efecto sombra (combinado con el div sombra) */
					float:left;
					border: 0;	   											
				}						
img.imagen			{ 	width:300px;		 /* +++*/				 		
					float:right;
					clear:right;
					margin: 10px 0px 10px 40px;	
					border: 0;	   												}
img.pie			{ 	width:88px;		 /* +++*/				 		
					height:31px; 
					float: right ;
					margin: 10px 0px 10px 10px;									}
img.imagenNoAlineada	{width:100%;		 		
					float:right;
					clear:right;
					margin: 10px 0px 10px 30px;	
					border: 0;	   												}
.FloatRight		{	float:right;			}
.FloatLeft		{	float:left;				}
.imagen:hover	{ 	width:600px;		 /* +++*/				 		
					float:right;
					border: 0;	   												}
div.parrafoBloque {	float: left;					
					width: 100%;
					margin: 0px 0px 0px 30px;   								}
.parrafoBloque p {	
					margin: 10px 330px 10px 0px;
					text-align: justify;
				}
div.fotoBloque 	{	float: right;
					width: 40%; 												}
div.obra,div.obraEnlace
				{	float: right;
					width: 90%;
					margin: 0px 0px 7px 0px;									}
div.separacionAno {	float: right;											
					width: 90%; 												}

div.Ano 		{	float: right;
					width: 9%;
					text-align:right;
					padding:0px;			
					font-size: 0.8em;
					margin: -2em 0px 0px 0px;									}
#contenido p 	{	margin: 0.7em 0 0 0;	  		
					font-size: 1.2em;	
					float: right;					
					text-align:right;
					line-height:2em;											}
#contenido h4	{	margin: 0.7em 0 0 0;	  		
					float: right;					
					text-align:right;
					line-height:1.95em;	
					border-style: none none solid none;
					border-color: #005300;
					border-width: 1px;											}

#libreoffice p {	margin: 0.7em 0 0 0;  		
					float: right;					
					text-align:left;
					line-height:2em;
					color: #1C201C; 											}

#menu img		{ 	margin: 10px 0px 0px 30px; 									}
ul#naDesliza	{	list-style: none;				
					margin: 0;		 /* +++*/		
					padding: 0;													}				
					
ul#naDesliza li.elDesliza a
				{	display: block;
					width: 150px;		 /* +++*/		
					margin: 0;
					margin-bottom: 5px;											}
					
ul#naDesliza li.elDesliza a:hover { color: #F3F314; 				}	   		/* verdeClaro*/

li.elDesliza a	{	color: #005300;		  	  									}			/* verde oscuro*/
#menu a			{	display: block;
					width: 150px;		 		
					padding: 5px 25px;														/* antes 5 y 18 */  /* el 2º debe ser igual al de sliding_effeect.js */
					margin: 0 0 5px 0;	  		
					color: #005300;			  	  											/* verde oscuro*/
					background: #9CC49C;			 										/* verde-gris más claro que fondo*/
					text-decoration: none;		
					text-align:left;											}
#menu a.actual	{	padding: 5px 5px 5px 45px;												/* antes 5 y 18 */  /* el 2º debe ser igual al de sliding_effeect.js */
					color: #F3F314;			  	  											/* verde oscuro*/
					text-align:right;
					font-size: 1.1em;											}
.submenu1		{	display: none; }