html, body {
	margin:0; padding:0;
	height:100%;
}

body {
	font: Tahoma;
/*	background-color: #a68361; */
	background-color: #222;		
	color:#eee;
	margin:0 auto;
}


p, img, ul, li {
	margin:0;
	padding: 0;
}


#floater	{position:relative; float:left; height:50%; margin-bottom:-200px; width: 956px;}
#wrapper	{position:relative; clear:left; height:400px; margin:0 auto; width: 956px; border: 1px solid black;}


#flash-paisaje {
	position: relative;
	float:left;
	margin:0;
	padding:0;
	width: 728px;
	height: 400px;
	background-color: Black;
}


#h-content {
	margin:0;
	padding: 0;
	width: 228px;
	text-align: center;
	background-color: #000;
	height: 400px;
	float: right;
}

.logo-h {
	margin-top: 120px;
}
a#r1 {
	display:block;
	width:66px;
	height:20px;
	text-indent: -9999px;
	background:url(../images/b_english.jpg) top left no-repeat;
	background-position:0 -20px;
	float: left;
	margin:0;
	padding:0;
	padding-right: 16px;
    }
    
a#r1:hover {
	background-position:0 0px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#r2 {
	display:block;
	width:72px;
	height:20px; 
	text-indent: -9999px;
	background:url(../images/b_spanish.jpg) top left no-repeat;
	background-position:0 -20px;	
	float: left;
	margin:0;
	padding:0;	
    }
a#r2:hover {
	background-position:0 0px;/* con esto cambiamos la porcion de imagen que se muestra */
}


#idiomas {
	margin-top: 30px;
	margin-left: 25px;
	text-align: center;
	list-style-type:none;
	list-style-position:outside;

}
#idiomas li {
	display: block;
	float: left;
	padding-left:  5px;

}