BODY {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 10px;
	COLOR: Black;
	SCROLLBAR-FACE-COLOR:  #FE5A1D;
	SCROLLBAR-ARROW-COLOR: #FFFFFF;
	SCROLLBAR-BASE-COLOR: #993333;
	scrollbar-dark-shadow-color: #993333;
	SCROLLBAR-TRACK-COLOR: #F7F1E7;
	margin: 0px;
	background-image: url(imagenes/background.gif);
}
HTML {
	SCROLLBAR-ARROW-COLOR: #FFFFFF; 
	SCROLLBAR-BASE-COLOR: #FE5A1D;
}
body {
	font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;
}
tbody{
font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:top;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size:18px;
	text-align:center;
	color: #003300;
	margin:0;
}

li{ margin:15px;

}
h2 {
	font-size:16px;
	text-align : left;
	color: #990000;
	
}
h3 {
	font-size:18px;
	text-align : left;
	color: #990000;
	text-decoration:underline;
}


#button {
	width: 11em;
	border-right:  1px solid #ffffff;
	padding:  0 0 1em 0;
	margin-bottom: 1em;
	font-family:  'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color:#D64101;  /*Color del borde del la div delmenu/;/**/
	color: #FFFF00/*0  #333*/;
	font-size:14px;
	text-align:left;
	}
#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
	#button li {
	border-bottom:  1px solid #ffffff;
	margin: 0;
	list-style: none;
	list-style-image: none;
	}
#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #FE5A1D;/* #666666;/*color del borde izquierdo vista normal*/
		/*/border-right: 10px solid #CE4E00;/*color del borde derecho vista normal*/
		background-color:#003300/* Color del menu en letras*/;
		color: #FFFFFF;
		text-decoration: none;
				}
#button li a:hover {
		border-left: 10px solid #99CC00;/*borde izquiedo cuando el mouse esta arriba*/
		/*border-right: 10px solid #BB4600;/*borde derechio cuando el mouse esta arriba*/
		color:#99CC00;
		background-color:#003366;
		}
html>body #button li a {width: auto;}

.lugar { font:Arial, Helvetica, sans-serif; font-size:14px; font-style:italic; color:#003300;}
.piede_foto {
	color: #009900;
	font-weight: bold;
	font-size: 9px;
	color:#003300;
}


#fotos {
	margin:5px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:200px; /*este ancho es para que cuadre con el texto*/ 
	height:150px; /*idem*/ 
	/*border:1px solid #333333; /*decoracion*/ 
	/*background-color:#CC6600; /*more*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
#fotos_300_225 {
	margin:5px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:300px; /*este ancho es para que cuadre con el texto*/ 
	height:225px; /*idem*/ 
	border:1px solid #CCCCCC; /*decoracion*/ 
	/*background-color:#CC6600; /*more*/ 
	float:left; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
#fotos_300_225_d {/*hace flotar un fota ala derecha*/
	margin:5px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:300px; /*este ancho es para que cuadre con el texto*/ 
	height:225px; /*idem*/ 
	border:1px solid #CCCCCC; /*decoracion*/ 
	/*background-color:#CC6600; /*more*/ 
	float:right; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}
#fotos_300_400_d {/*hace flotar un fota ala derecha*/
	margin:5px; /*para que no se pegue al borde*/ 
	padding:10px; /*algo de relleno*/
	width:300px; /*este ancho es para que cuadre con el texto*/ 
	height:400px; /*idem*/ 
	border:1px solid #CCCCCC; /*decoracion*/ 
	/*background-color:#CC6600; /*more*/ 
	float:right; /*lo flotamos a la izquierda*/ 
	display:inline; /*(*)*/ 
}

#navi {  
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	vertical-align:bottom;
 }
#navi li a {
	display:block;
	width:120px;
	padding:4px 0;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	background-color:#003300;
	border-left:10px solid #FE5A1D/*#666666*/; float:left;  /*/Agrego un borde ancho a la izquierda*/
	 
}
#navi li a:hover {
	color:#99CC00;
	background-color:#003366;
	float:left;
	border-left-color:#99CC00; /*/Luego le cambio el color al borde en el evento hover.*/
}

