html, body {
  height: 100%;
  margin: 0;
}
BODY {
	background-color:#DED6CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#000;
	text-align: left;

  }
#wrapper {
	text-align: left;
	margin: 10px 10px;
	padding:0em;	

	border:0;
	width: 99%;
}
#derecha{
position:absolute;
margin-left:325px;
width: 900px;
padding:0 0 0 1em;
border-left:#413493 solid 2px;
text-align:left;
}
#derecha h1{
font-weight:bold;
	font-size:12px;
color:#413493;
}
#derecha #introduccion{
width:50%;
}
#derecha #listaVideos{
margin-top:20px;
width:80%;
text-align:center;
}
#listaOpciones{
border-left:#413493 solid 2px;
margin-left:250px;
margin-top:6px;
padding-top:1px;
padding-bottom:1px;
text-align:left;
}
#introduccion p{
padding:10px 8px 10px 1px;
}
#izquierda{

position:absolute;
margin:0px;
padding:2px 4px 150px 0px;
width:314px;
text-align:left;

}
#menu{

margin:0px;
padding:0px;
position:relative;
float:left;
text-align:left;
width:120px;
}
#listaImagenes{

float:right;
margin:0px 0px;
padding:0px;
position:relative;
text-align:center;
width:190px;
}

#listaImagenes img{
padding:10px 0px 3px 0px;
}
.letrapie2{
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
padding:0px 0;
text-align:left;
font-weight:normal;
font-size:9px;
}
.imagenIzquierda{
clear:both;
float:left;
}
.imagenDerecha{
clear:both;
float:right;
}
.destacado{
font-weight:bold;
}
.destacado2{
font-weight:bold;
color:#413493;
}


#footer {
	clear:both;
	position:fixed;
	bottom:0;
	left: 50%;
	margin:0;
	padding: 0em;/* top right bottom left*/
	font-size:11px;
	text-align:center;
	color:#746666;

}
.footer,
.push {
  height: 50px;
}

div.footer a,div.footer a:hover
{
	margin:20px 0;
    color: #807272;
    text-align: center;
    padding:15px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}