body{

margin:0;

padding:0 0 0px 0;

font:76% tahoma,verdana,sans-serif;

color:#222;

}



#thetop{

margin:0;

}



#container{

background: #FFFFFF;

width: auto;

height: 768px;

margin-left: auto;

margin-top: auto;

color:#222;

}



a{

text-decoration:none;

background-color:inherit;

color:#26c;

}



a:hover{

text-decoration:underline;

}



a img{

	border:0;

}



p{

margin:0 0 15px 0;

line-height:1.5em;

}



#main p,#sidebar p{

padding:0 0 0 10px;

}



#banner{
	width: auto;
	float:right;
	margin:-180px 0px 0px 400px;
	border:0px solid #dde;
	color:#555;
	position: absolute;
	height: auto;
	left: -24px;
	top: 635px;

}



#logo h1{

margin:50px 5px 1px 5px;

letter-spacing:-3px;

}



#logo a{

background-color:inherit;

width: 798px;

height: 133px;

color:#26a;

text-decoration:none;

}



#logo a:hover{

background-color:inherit;

color:#69e;

}



#tagline{

text-align:center;

font-size:1.2em;

}



#intro p{

line-height:1.5em;

}



#lateral{

width:183px;

height: 768px;

padding:0;

visibility: visible;

position: inherit;

}





#sidebar{
	width:230px;
	height: 256px;
	float:left;
	margin-top:-470px;
	font-size:1em;
	line-height:1.3em;
	position: absolute;
	margin-left: 50px;
	visibility: visible;
	border: thick;
	overflow: scroll;
	background-color: #FFFFFF;
	border-color: #000066;
	padding: 5px;
	left: -16px;
	top: 759px;

}

#mail{
	width:250px;
	
	float:left;

	margin-top:-330px;

	font-size:1em;

	line-height:1.8em;

	position: absolute;

	margin-left: 40px;

	visibility: visible;

	border-color: #000066;

	padding: 5px;

}




#sidebar2{

	width:200px;

	height: auto;

	float:right;

	margin-top:-590px;

	font-size:1em;

	line-height:1.3em;

	position: absolute;

	margin-left: 530px;

	visibility: visible;

	border-color: #000066;

	padding: 5px;

	top: 577px;

}



.headerstyle{

display:block;

margin:30px 0 10px 0;

padding:5px 0 5px 8px;

background:#eee url(img/gradient2.png) repeat-x;

color:#222;

border-top:1px solid #ddd;

border-right:1px solid #bbb;

border-bottom:1px solid #bbb;

border-left:1px solid #ddd;

text-decoration:none;

}





#fondotxt{
	position: absolute;
	width: 508px;
	height: 400px;
	margin-left: 360px;
	margin-top: -720px;
	left: 13px;
	top: 750px;

}



#texto {

	width: 487px;

	height: 400px;

	margin-left: 0px;

	margin-top: -400px;

	overflow: scroll;

	left: -1px;

	padding: 15px 10px 0px 10px;

}



#sidebar p{

font-size:0.9em;

}



.sidelink{

display:block;

width:140px;

margin:3px 10px 2px 0;

padding:5px 0 5px 8px;

font-size:1.1em;

font-weight:bold;

text-align:left;

background:#eee url(img/gradient1.png) repeat-x;

color:#26c;

border-top:1px solid #ddd;

border-right:1px solid #bbb;

border-bottom:1px solid #bbb;

border-left:1px solid #ddd;

}



.sidelink:hover,.menuheader{
	background:#fff url(img/gradient2.png) repeat-x;
	color:#222;
	border-top:1px solid #ddd;
	border-right:1px solid #888;
	border-bottom:1px solid #888;
	border-left:1px solid #ddd;
	text-decoration:none;
	background-color: #FFFFFF;

}



#menu_der{

	margin-top: -670px;

	margin-left: 520px;

	width: 279px;

	height: 768px;

}



#footer{

	margin:-50px auto auto auto;

	;

	width:1200px;

	padding:0 0 5px 0;

	font-size:0.9em;

	color:#888;

	text-align:center;

	position: absolute;

	margin-left: 0px;

	margin-bottom: -20px;

	border-bottom-color: #000099;

	border-top-color: #000099;

	border: 2px;

	;

	top: 767px;

}



h1,h2,h3,h4{

margin:0 0 10px 0;

font-weight:normal;

}



h1{

font-size:2.8em;

}



h2{

margin:0 0 4px 0;

font-size:1.8em;

}



h3{

margin:20px 0 8px 0;

font-size:1.4em;

}



h4{

margin:10px 0 5px 0;

font-size:1.2em;

}



.clear{

clear:both;

margin:0;

}



.right{

text-align:right;

}



.internallink{

font-size:0.9em;

text-align:center;

}



.block{

padding:20px;

background:#eee;

color:#222;

border:2px solid #ddd;

}



.credit{

color:#888;

background-color:inherit;

}



.hide{

display:none;

}