div#envoltura
{
margin-left:-220px;
margin-top:5px;
position:relative;
height:180px;
}

div#videoFLASH
{
position:absolute;
left:0px;
top:0px;
}

/*\*/
* html body div#envoltura
{
position:absolute;
width:752px;
}



div#espacioIE
{
*height:200px;/* funciona tanto en IE6 como 7 */
_height:390px;/* funciona sólo en IE6 y no en IE7 */
}



div#envoltura div#fraseIZQ
{
width:355px;/*360 - padding-right*/
float:left;
text-align:left;
padding-right:5px;
font-size:20px;
line-height:340px; /* height * 2 - font-size */
margin-bottom:-180px;/* -(line-height / 2 + font-size / 2) */
background-color:#666666;
}

/*\*/

* html body div#envoltura div#fraseIZQ
{

}

/**/

div#envoltura div#fraseDER
{
width:353px;/* descuento el borde*/
float:left;
padding-left:5px;
border-left:2px solid #F8AF07;

font-size:14px;
text-align:left;
height:180px;
/* BUG IE , le afecta al pie*/
padding-top:20px;
/* La altura será de height+padding-top */

background-image:url(imagenes/tema/guySanzOtero.png);
background-position:0px -34px;
background-repeat:no-repeat;
}

div#envoltura div#fraseDER span.titulo
{
color:#FF6600;
font-size:20px;
}

div#envoltura div#fraseDER span
{
display:block;
width:200px;
}

/*\*/

* html body div#envoltura div#fraseDER
{

}

/*
760 -20 -20 = 720
720 = 300 + 210 + 210
*/

div#envoltura div#menuPrincipal
{
width:300px;
height:100%;
float:left;
}

div#envoltura div#menuPrincipal div#relleno
{
width:20%;
height:100%;
background-color:#CC3300;
float:left;
}

div#envoltura div#menuPrincipal div#listado
{
width:80%;
height:100%;
background-color:#000000;
color:#FFFFFF;
font-family:"Trebuchet MS","Lucida Grande",Verdana, Arial;
font-size:16px;
float:left;
}

div#envoltura div#menuPrincipal div#listado ul
{
margin-top:40px;
list-style-type:square;
list-style-position:outside;
}

/*\*/
* html body div#envoltura div#menuPrincipal div#listado ul
{
list-style-position:inside;
}
/**/

div#envoltura div#menuPrincipal div#listado ul li
{
margin-bottom:10px;
cursor:pointer;
padding-left:50px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}


div#envoltura div#foto1
{
width:260px;
background-color:#999999;
float:left;
text-align:center;
height:100%;
margin-bottom:-5px;
}

div#envoltura div#foto1 img
{
width:100%;
height:100%;
}

div#envoltura div#foto2
{
width:160px;
background-color:#CCCCCC;
float:left;
text-align:center;
height:100%;
margin-bottom:-5px;
}

div#envoltura div#foto2 img
{
width:100%;
height:100%;
}