html, body{height:100%;} 

html,body {
		margin: 0;
		padding: 0;
}
body {		
		font: x-small arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #e0e0e0;
		background-image:url(images/background.jpg);
		background-position:center;
		background-repeat:no-repeat;
}
		
#container {
		margin-left:auto;
		margin-right:auto;
		width: 750px; 
		min-height:100%;
		text-align: left;
		background: #CEE0E1; /*url(images/bg.gif) repeat-y right top;*/
		border-left: 1px solid #a1a1a1;
		border-right: 1px solid #a1a1a1;
        position:relative;
		}

* html #container {height:100%;}		
* html #container {width:752px;w\idth:750px;}
* html body{font-size:xx-small;f\ont-size:x-small}


#mainheader {
		position:absolute;
		left:0;top:0;
		height: 193px;
		width:100%;
		background-color: #fff;
		border-bottom: 1px solid #e6e6e6;
		z-index:1;
}
#header {
		height: 185px;
		width:100%;
		background-color: #D1DCE9;
		margin: 0px 0px 5px 0px;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		position:relative;
		z-index:2;
		overflow:hidden;
		background-image:url(images/header.jpg);
		background-position:center;
		background-repeat: no-repeat;
}

* html #mainheader {height:195px;he\ight:193px}
* html #header {height:185px;he\ight:185px}
#mainnav {
		width:100%;
		height: 22px;
		z-index:2;
		text-align:right;
		padding-top:8px;
}
#mainnav img {
		padding-right:5px;
}		
* html #mainnav{height:24px;he\ight:22px}

	
#sidebar {
		float: right;
		text-align: center;
		width: 265px;
		padding-top:8px;
}

#content {
		width: 453px;
		padding-left:15px;
		font-size:small;
		margin-top: -25px;
		}
#content2 {
		
	font-size:small;
	margin-top: -25px;	
	float: right;
	width: 720px;
	overflow: hidden;	
	position: relative;
}  
#content3 {
	font-size:small;	
	margin-top: -25px;	
	margin-left: 15px;
	float: left;
	width: 680px;
	overflow: hidden;	
	position: relative;
}  
		
#content p, #sidebar p, #mainnav p, #header p,#footer p  {margin:0 5px 5px 5px}		
#footer	{
		position:absolute;
		bottom:0;
		width:100%;
		height: 120px;
		background-color: #f5f5f5;
		border-top: 1px solid #e9e9e9;
		text-align:center;
		font-family:"Times New Roman", Times, serif;
		font-size:small;
}

#footer img {padding:8px 8px 8px 9px}
* html #footer {height:122px;he\ight:120px;}



.divider1 {
	width:100%;
	height:5px;
	overflow:hidden;
	background:#fff;
	position:relative;
	border-bottom: 1px solid #e6e6e6;
}

#clearfooter {height:100px;width:100%;clear:both}
.blank , .blank2 {
	position:absolute;
	left:481px;
	width:7px;
	height:0px;
	overflow:hidden;
	border-top:	1px solid #fff;
}
.blank {top:-1px;}
.blank2 {bottom:-1px;border-top:1px solid #fff;
}

h1 {
font-family:"Times New Roman", Times, serif;
font-size: xx-large;
color:#000099;
font-style:italic;
}
.de {
font-size:x-large;
}
h2 {
font-family:"Times New Roman", Times, serif;
font-size:large;
color: #000099;
}
h3 {
}
h4 {
font-family: "Times New Roman", Times, serif;
font-size:large;
color: #666666;
}


#drag {
	width: 720px;
	height: 230px;
	overflow: auto;
	margin: 5px auto;
}
 
#drag { 
	cursor: url(openhand.cur), move;
}
 
.inside {
	width: 700px;
	height: 800px;
}
#drag2 {
	width: 680px;
	height: 210px;
	overflow: auto;
	margin: 5px auto;
}
 
#drag2 { 
	cursor: url(openhand.cur), move;
}
 
.inside2 {
	width: 600px;
	height: 330px;
}

.project {
height: 130px;
border-bottom: #999999 thin dotted;
padding-top:15px;

}

.project p {
padding:10px;
} 

.imagen {
float:left;
padding:10px 15px;
}

.serif {
font-family:"Times New Roman", Times, serif;
color: #333333;
}

.serif2 {
font-family:"Times New Roman", Times, serif;
}