* {   
    margin: 0;   
}   
html, body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color: #000000;/**/
	background-image: url(images/background_01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}   
.contenido {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width:960px;
	margin: 0 auto -30px; /* el margin del bottom debe ser el mismo valor que el alto del footer pero en negativo */
	background-image: url(images/back50black.png);
	background-position: 100% 100%;
	display:table;
}   
.footer, .push {   
    height: 30px; /* .push debe ser el mismo alto que .footer */ 
	margin: 0 auto 0px; /* el margin del bottom debe ser el mismo valor que el alto del footer pero en negativo */ 
	width:960px;
	text-align:center; 
	clear:both;
}
#header {
	position:absolute;
	width:960px;
	z-index:100;
	background-image: url(images/back50black.png);
	background-position: 100% 100%;
	height:155px;
}
#logo {
	position:relative;
	top:10px;
	left:10px;
	width:250px;
	height:123px;
}
#menu {
	position:relative;
	top:132px;
	left:270px;
	width:520px;
	height:20px;
	z-index:101;	
}
#ruta {
	position:relative;
	top:60px;
	left:660px;
	width: 290px;
	height:17px;	
	z-index:101;
}
#partners {
	position:relative;
	width: 290px;
	height:50px;
	background-image: url(images/despegar_fox_banner_new.gif);
	background-repeat: no-repeat;
}
#jump_menu select {
	width: 290px;
	height:17px;
	background:#CCCCCC;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
   	font-size:11px;
	/*background:url(images/back_select.gif)*/
}
.foto {
	width:92px;
	height:65px;
}
#foto {
	width:92px;
	height:65px;
	float:left;
	padding-right:10px;	
	
}
#foto_album {
	width:150px;
	height:100px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:10px;
}
.foto_home {
	width:316px;
	height:210px;
	float:left;
}
#foto_home {
	width:316px;
	height:210px;
}
#tit a:link,
#tit a:visited,
#tit a:active
		 {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;
	background-color: #000000;/**/
}
#tit a:hover,
		 {
	color: #999999;
	font-weight:bold;
	text-decoration: none;
	background-color: #CCCCCC;/**/
}
#wrapper {
	position:relative;
	left:10px;
	margin-top:120px;
	z-index:1;	

}
#Grilla {
	padding-bottom:10px;

}
#content_all {
	width: 640px;
	float:left;
}
#reproductor {
	width: 940px;
	height:386px;
}
#player {
	position:relative;
	width: 640px;
	float:left;
}
#listplayer {
	top:161px;
	margin-right:20px;
	width: 290px;
	float:right;	
}

#galery {
	position:relative;
	width:324px;
	float:left;
	padding:10px 0 10px 0;
}
#texto {
	padding-top:10px;
	background-image: url(images/back50black.png);
	background-position: 100% 100%;
	padding-bottom:10px;
}
#news {
	width:316px;
	float:left;
	padding:10px 0 10px 0;
}
#alcance {
	/*position:relative;*/
	width: 290px;
	float:left;
	left:10px;
	top:10px;
	display:table;
}
#banner {
	/*position:relative;*/
	width: 314px;
	padding:0 0 10px 0;
	float:left;
}
#banner_rf {
	/*position:absolute;*/
	width: 314px;
	padding:0 0 0px 0;
	float:right;
}
#alcance_dato {
	/*position:relative;*/
	width: 290px;
	height:300px;
	float:left;
	background-image: url(images/map.gif);
	background-repeat: no-repeat;
	left:10px;
}
#control_slider {
	 position:absolute;
	 padding-top:192px;
	 padding-left:277px;
	 z-index:1500
	 }
#tit_alcance {
	background-image:url(images/back_select.gif); 
	width:287px; 
	height:17px; 
	position:absolute; 
	top:369px; 
	padding-left:3px;
	}
a.link {
	color: #F6E529;
	text-decoration: none;
}
a.hover {
	color: #F6E529;
	text-decoration: none;
	background-color: #000000;/**/
}
a.visited {
	color: #F6E529;
	text-decoration: none;
}
a.active {
	color: #E01F71;
	text-decoration: none;
}
.link_logo {
	height: 205px;
	width: 167px;
	background-image: url(images/logotype.png);
	background-repeat: no-repeat;
	display:block;
}
.link_logo a {
	display: block;
	height: 205px;
	width: 167px;
}
.link_logo a span  {
	display: none;
}
/*////////////////////////////////////////////////////////*/

    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        /*background-color: #FFFFFF;      the default background color within the main menu container */
        z-index: 90;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
		
    }
    #dmenu li{                      /* top-level menu element */
	list-style-type: none;      /* disable the display of the list item bullets */
	float: left;                 /*this is to allow for the horizontal main menu */
	/*background-color: #FFFFFF;     main menu item background color */
    margin: 0px;               /* padding within main menu items */
	display: block;
	top:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        /* width: 120px;               should be the same as #dmenu li width */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
		/*background-color: #FFFFFF;      main menu item background color */
		top:0px;
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        border: none;               /* sub-menu item border settings */
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 0px;               /* This is for padding between menu items in the drop-downs */
        /*width: 114px;                (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: left;         /* text alignment in main menu item links */
        /*width: 170px;             set this to #dmenu ul width */
        display: block;
		margin-left:10px;
		color: #FFFFFF;
		text-decoration: none;
		font-weight:bold;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 0px;
        margin: 0px;
        /*width: 108px;                (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		color: #FFFFFF;		
		font-weight:bold;
		text-decoration: none;
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
		color:#999999;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        /*width: 109px;                should be set to the same value as #dmenu ul li width */
		color:#999999;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        /*margin-left: 114px;          this should be the width of #dmenu ul li */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2px;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

    li>ul {
        top: auto;
        left: auto;
    }
	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }

select {
	background: url('back_select.gif') right;
}
/*LITHBOX*/

#lightbox{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 0px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1000;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0px;
	}
#imageData #imageDetails{ width: 30%; float: left; text-align: left; }	
#imageData #numberDisplay{ display: block; clear: left; }			
#imageData #bottomNavClose{ width: 66px; float: right;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 900;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.input_form {
	width:350px;
	height:17px;
	background:#999;
	border:none;
	font-size:11px;
	}
.input_form_nota {
	width:350px;
	height:70px;
	background:#999;
	border:none;
	font-size:11px;
	}
.btn_form {
	height:17px;
	background:#999;
	border:none;
	font-size:11px;
	}
<script src="file:///C|/Documents and Settings/indiano/Datos de programa/Adobe/Dreamweaver CS4/en_US/Configuration/Temp/Assets/eam1D9.tmp/Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>