html, body {
		margin: 0; padding: 0;
		overflow: auto;
		}

	body {
		width: 100%; max-width: 100%;
		background-color: #333333;
		font: 100 0.8em  "Courier New", Courier, monospace;
		text-align: justify;
		color: #333333;
		}

	a {
		text-decoration: none;
		color: #333333;
		
		}

	a:hover {
		text-decoration: none;
		color: #CCCCCC;
		}
	a em {
font-style: normal;
font-weight: normal;
text-decoration: underline;
    }
	
	
	p {
		font-size:11px;	 
	word-spacing: 1pt;
	/*letter-spacing: 0.1em;*/
	line-height: 14pt;
	padding-right:10px;
		}
			
	h1 {
		display: inline;
		margin-right: 10px;
		font: 400 25px "Century Schoolbook", Georgia, "Times New Roman", Times, serif ;
		text-align: left;
		/*line-height: 0.8em;*/
		padding-right:10px;
				
		}
	h2 {
		display: inline;
		margin-right: 0px;
		font: 100 28px "Century Schoolbook", Georgia, "Times New Roman", Times, serif ;
		text-align: left;
		/*line-height: 0.8em;
		/*word-spacing: -0.2em;*/
		color:#999999;
				
		}
		
	.subtitulo{
		font: 400 20px "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
		text-align:left;
		margin-top: 20px;
		color: #669999;
		}
		
 	.sub_ingles{
		font: 400 20px "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		text-align:left;
		margin-top: 20px;
		color: #611551;
		}
		
	.raya_gris {
	border-top: dotted;
	border-top-color: #666666;
	border-top-width:1px;
	margin: 40px 0 20px 0;
}
	.proyecto{
	font-weight:bold;
	font-size:1em;
	}
		
/* menu*/		

	#left {
		position: absolute; top: 0; left: 50px; 
		overflow: hidden; 
		height: 100%; 
		width: 210px;
		text-align: right;
		background-color: #FFFFFF;
		border-left-color:#000000;
		border-left-style:solid;
		border-left-width:13px;
		border-right-color:#000000;
		border-right-style:solid;
		border-right-width:1px;
		z-index:0;
		}
		
		body > #left {
		position:fixed;
		}
		
		
	#outer {
		position: absolute; left: 0;
		top: 40px;
		width:100%;
		height: 240px;
		margin-top: 0px;
		
		}
		

	a.nav{
		display: block;
		margin: 0;
		text-decoration: none;
		font: 400 1em "Courier New", Courier, monospace;
		color: #333333;
		padding: 0 10px 20px 0;
		}

	a.nav:hover {
		color: #CCCCCC;
		text-decoration: underline;
		}
		
	

	
		
/* contenido */

	#main {
		/*height: 100%;*/
		margin: 0px 0px 0px 274px;
		width: 700px;
		position:absolute;
		/*padding-top: 0px !important;*/
		padding-top: 40px;
		padding-left:40px;
		padding-right:80px;
		padding-bottom:0px;
		overflow: visible;
		background-color:#FFFFFF;
		border-right-color:#000000;
		border-right-style:solid;
		border-right-width:13px;
		
		}
		
	.logo {
		float: left;
		margin: 0px 30px 30px 0px;
		padding: 4px;
	
		
		}
	
	.fotos {
		float: left;
		margin-top: 30px;
		padding: 6px;
		border: solid 1px #5c145e;
		}
		
	.fotos_peq {
		float: left;
		margin-top: 30px;
		margin-right:30px;
		padding: 6px;
		border: solid 1px #5c145e;
		}
		
	.clear {
		clear:both;
		height:40px;
}		
	.credit {
		display: block;
		text-align: left;
		background-color:#000000;
		height:20px;
		color: #FFFFFF;
		margin: 0px 0px 0px 0px;
		padding-left:20px;
		padding-top:10px;
		padding-bottom:0px;
		padding-right:0px;
		font: 400 0.9em "Courier New", Courier, monospace;
		}
		
	.subir{
	text-align:center;

	
}	
		
		
/* colores*/


	.ingles{
	color: #611551;
	font-style:italic;
	font-size:1em;
	}
	
	.ingles_soft{
	color: #CC99CC;
	font-style:italic;
	font-size:1em;
	} 
	
	.ingles a{ 
	color:#611551;

}

	.ingles a:hover{ 
	color: #CC99CC;

}