body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	background: #003B67 url(Imagenes/fondos/supervivo/fondo_publicosolo.gif) repeat-x fixed bottom;
	height: 100%;
	text-align: center;
}
html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	}
table
{
	background: #03093B url(Imagenes/fondos/supervivo/fondo_dt-v1.gif) repeat-x;
}	
a:link {
	font-weight: 900;
	color: #E6E6FA;
	text-decoration: none;
}

a:visited {
	font-weight: 900;
	color: #999;
	text-decoration: none;
	}

a:hover, a:active {
	font-weight: 900;
	color: ButtonFace;
	text-decoration: underline;
}

/* Layout */	
#contenedor {
	position: relative;
	width: 780px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top: 0px;
	border-bottom: 0px;
	text-align: left; /* Could not get the right column to stretch heigh: 100% of window view. So I cheated and had to
	create a background image to fake the 100% column. */
	background: #03093B url(Imagenes/fondos/supervivo/fondo_dt-v1.gif) repeat-x;
}
html>body #contenedor {
	width: 780px; /* ie5win fudge ends */
	}
#top{
	height: 330px;
	width: 780px;
	background: transparent url(Imagenes/Supervivo/top_supervivo.jpg) no-repeat;
	margin-top: 0px;
	margin-bottom: 3px;
}
#menu_top {
	text-align: right;
	display: block;
	padding: 315px 6px 0px 6px;
}

/*Css: Menu */
#marco {
	width: 780px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.preload2 {
	background: url(Imagenes/Recursos/menu/supervivo/button4a.gif);
}
.menu2 {
	padding: 0;
	margin: 0;
	margin-bottom: 0;
	list-style: none;
	height: 25px;
	background: #fff url(Imagenes/Recursos/menu/supervivo/button4a.gif) repeat-x;
	position: relative;
	font-family: arial, verdana, sans-serif;
}
.menu2 li.top {
	display: block;
	float: left;
	position: relative;
}
.menu2 li a.top_link {
	display: block;
	float: left;
	height: 25px;
	margin-left: 6px;
	line-height: 25px;
	color: #333366;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 10px;
	cursor: pointer;
}
.menu2 li a.top_link span {float:left; display:block; padding:0 10px 0 6px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 10px 0 6px; height:25px;/*background:url(prodrop2/down.gif) no-repeat right top;*/}
.menu2 li a.top_link:hover {
	color: #fff;
	background: url(Imagenes/Recursos/menu/supervivo/menu-on.gif);
}
.menu2 li a.top_link:hover span {
	background: url(Imagenes/Recursos/menu/supervivo/menu-on.gif);
}
.menu2 li a.top_link:hover span.down {
	background: url(Imagenes/Recursos/menu/supervivo/button4a.gif);
}
.menu2 li:hover > a.top_link {
	color: #fff;
	background: url(Imagenes/Recursos/menu/supervivo/menu-on.gif);
}
.menu2 li:hover > a.top_link span {
	background: url(Imagenes/Recursos/menu/supervivo/menu-on.gif);
}
.menu2 li:hover > a.top_link span.down {
	background: url(Imagenes/Recursos/menu/supervivo/menu-on.gif);
}
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {
	left: 6px;
	top: 25px;
	background: #DCE8F3;
	padding: 0; /*border:1px solid #1E8BB5; white-space:nowrap;*/
	width: auto;
	height: auto;
	font-weight: normal;
}
.menu2 :hover ul.sub li {
	display: block; /*height:20px; */
	position: relative;
	float: left;
	width: 160px;
	border-bottom: 1px solid #340100;
	border-left: 1px solid #340100;
	border-right: 1px solid #340100;
	margin-bottom: 0;
}
.menu2 :hover ul.sub li a {
	display: block;
	height: auto;
	font-size: 11px;
	padding: 4px 3px;
	line-height: 1;
	color: #333366;
	text-decoration: none;
}
.menu2 :hover ul.sub li a.fly {
	background: #fff url(Imagenes/Recursos/menu/Pasional/vineta-1.png) no-repeat 150px 6px;
}
.menu2 :hover ul.sub li a:hover {
	background: #FFF;
	color: #333366;
}
.menu2 :hover ul.sub li a.fly:hover {
	background: #FFF url(Imagenes/Recursos/menu/Pasional/vineta-1.png) no-repeat 150px 6px;
}
.menu2 :hover ul li:hover > a.fly {
	background: #FFF;
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:160px; top:-1px; background: #fff; padding:0; /* white-space:nowrap; */width:auto; z-index:300; height:auto;}
.menu2 :hover ul.sub li ul {border-top:1px solid #005FB9; background: #fff; z-index:300;}
/*Fin Css: Menu */

#menuhoriz ul li {
	display: inline;
	list-style-type: none;
   text-align: center;
	padding: 2px; /*Separar el texto*/
	margin: 3px; /* Separar los botones */	
}   
#menuhoriz ul li:hover {   
        cursor: pointer; /* cambiar el aspecto del puntero */   
}   
#menuhoriz ul {   
        /* Linea para delimitar la botonera */   
        border-bottom-width: 0px;   
        border-bottom-style: solid;   
        border-bottom-color: #E4E4E4;   
}
#cuerpo{
	overflow: auto;
	display: inline;
	float: left;
	height: 687px;
	width: 590px;
	margin: 0;
	padding: 0;
	background: transparent url(Imagenes/fondos/supervivo/fondo_dt-h1.gif) repeat-y;
}
#lateral_der {
	display: inline;
	width: 190px;
	min-height: 687px;
	background-color: White;
	float: right;
} 
#fotoizquierda {
	float: left;
	padding: 10px;
}
#fotoderecha {
	float: right;
	padding: 10px;	
}
#textoizquierda {
	clear: both;
	float: left;
	padding: 10px;
	overflow: auto;
}
#textoderecha {
	float: right;
	width: 299px;
	padding: 10px;
	overflow: auto;
}
#pie {
	clear: both;
	width: 780px;
	margin: auto;
	padding: 5px;
}
#creditos {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;	
	padding: 2px 2px;
}
#actualizacion{
	float: left;
	margin-top: 1px;
	padding: 2px 2px;
}
#videos {
	width: 746px;
	height: 413px;
	float: right;
	padding: 5px 12px 5px;
}
.trebuchet_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: White;
	padding: 5px;
}
.trebuchet_small_blanca {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.trebuchet_medium {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.trebuchet_medium_bk {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
}
.verdana_small {
	font-family: Verdana;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: Black;
}
.lucida_menu {
	font-family: "Lucida Sans";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}
.lucida_cuerpo {
	font-family: "Lucida Sans Typewriter";
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #F5F5F5;
}
.titlat{
	background-color: #ECEFF5;
	color: #3B5998;
	font-size: 10px;
	text-transform: uppercase;
	padding: 7px 5px 5px 8px;
	font-weight: bold;
	letter-spacing: 3px;
	margin: 0px 0px 1px 0px;
	}
.font_menu {
	font-family: "Lucida Sans Typewriter";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: White;
}
.verdana_titulo {
	font-family: Verdana;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-align: center;	
	color: #FFFFFF;
}
.trebuchet_titulo {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
}