body, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}
h1 img {
	display: block;
}
img {
	border: 0px;
}
a {
	color: #FF7F00;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #FFA405;
	text-decoration: underline;
}

.left {
	float: left;
}
.right {
	float: right;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}

body {
	background: #0D0D0D;
	text-align:;
	font: 12px arial, sans-serif;
	color: #989898;
}
#wrapper {
	text-align:;
	margin: auto;
	width: 800px;
	background: #hhhhhh;
}
#fondo {
	text-align: left;
	margin: auto;
	width: 1000px;
	height: 956px;
	background: #181818;
}
.fondo_dj {
	text-align: left;
	margin: auto;
	width: 778px;
	height: 1094px;
	_height: 1114px;
	#height: 1114px;		
	background: #181818;	
}
.fondo_gen {
	text-align: left;
	margin: auto;
	width: 778px;
	height: 924px;
	_height: 956px;
	#height: 956px;		
	background: #181818;	
}
.fondo_stat {
	text-align: left;
	margin: auto;
	width: 778px;
	height: 1624px;
	_height:1650px;
	#height: 1650px;		
	background: #181818;	
}
.fondo_chat {
	text-align: left;
	margin: auto;
	width: 778px;
	height: 988px;
	background: #181818;	
}
#fondo_auto {
	text-align: left;
	margin: auto;
	width: 300px;
	height: 2600px;
	background: #181818;	
}
#body {
	position: relative;
	margin-left: 4px;
}
#head2 {
	position: left;
	top: 0px;
	left: 10px;
	width: 370px;
	height: 396px;
	background: url(Imagenes/menu/header.jpg) no-repeat;
}
#topnav {
	position: absolute;
	top: 41px;
	left: 22px;
}
#topnav a {
	font-weight: normal;
	color: #989898;
}
#topnav a:hover {
	color: white;
}
#topid {
	position: absolute;
	_z-index: -2; /* IE */
	#z-index: -2; /* IE */		
	background: #181818;
	top: 272px;
	left: 486px;
	width: 284px;
	height: 64px;	
	color: red;
	font-size: 24px;
	padding-top: 18px;
	text-align: center;
}
#horario {
	text-align: center;
	margin: auto;
	background: #181818;
	font-size: 16px;
	font-weight: bold;
}
#horario tr {
	height: 37px;
	margin: auto;
	background: #131212 url(Imagenes/menu/left_bg.jpg) repeat-x;
}
.hcabecera {
	margin-top: 10px;
	background: #FF8040 url(images/left_bg_ama.jpg) repeat-x !important;
	color: #330a04;
	font-family: monospace;
	font-size: 12px;
 	font-style: italic;
}
.finde{
		background: red  url(images/left_bg_ro.jpg) repeat-x !important;
}
.red {
	
	background: red  url(images/rojo_bg.jpg) repeat-x !important;
	color: aqua;
}
#djs {
	text-align: center;
	margin: auto;
	background: #181818;
	font-size: 16px;
	font-weight: bold;
}
#djs tr {
	height: 140px;
	margin: auto;
	background: #131212 url(Imagenes/menu/left_bg.jpg) repeat-x;
}
#djs td {
	width: 190px !important;
	overflow: auto;	
}
#djs img {
	padding-top: 2px;
	margin-top: 0px;
}
#left-box {
	position: absolute;
	top: 271px;
	left: 0px;
	width: 285px;
	height: 477px;
	background: #131212 url(Imagenes/menu/left_bg.jpg) repeat-x;
}
#left-box .inner {
	padding: 14px 0px 0px 6px;
}
#left-box h2 {
	margin: 10px 0px 0px 0px;
}
#left-box p.date {
	font-weight: bold;
}
#left-box p {
	margin: 3px 2.5em 1em 1.3em;
}
#left-box .spa {
	margin: 0px 2.5em 0px 1.3em;
}
.nav {
	position: absolute;
	top: 271px;
	left: 10px;
	width: 515px;
	margin-bottom:65px; overflow:auto; clear:both;
}
.nav a{
		display:block;
		text-indent:-9999px;
		width:97px;
		height:65px;
		margin-right:0px;
		float:left;
		background-image:url(Imagenes/menu/menu.png);
		background-repeat:no-repeat;
	}
.nav-derecha {
	position: absolute;
	top: 271px;
	left: 0px;
	width: 515px;
	margin-bottom:65px; overflow:auto; clear:both;
}
.nav-derecha a{
		display:block;
		text-indent:-9999px;
		width:97px;
		height:65px;
		margin-right:0px;
		float:left;
		background-image:url(Imagenes/menu/menu.png);
		background-repeat:no-repeat;
	}
#estado {
	position: absolute;
	top: 271px;
	left: 10px;
	width: 200px;
	border: red 1px;
	margin-bottom:65px;
}
				
#content {
	position: absolute ;
	_z-index: -1; /* IE */
	#z-index: -1; /* IE */	
	top: 336px;
	left: 285px;
	width: 488px;
	height: 406px;
    padding-top: 5px;
	background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
#tambien {
	position: absolute ;   
    padding-top: 6px;
    padding-left: 10px;
    text-align: left;	
	top: 750px;
	left: 1px;
    vertical-align: middle;
	width: 270px;
/*	_width: 760px;490
	#width: 760px; */       
	height: 60px;
/*	_height: 42px;
	#height: 42px; */       
	background: #131212 url(Imagenes/menu/left_bg.jpg) repeat-x;
}
#social {
	position: absolute ;   
    padding-top: 6px;
    padding-left: 10px;
    text-align: center;	
	top: 750px;
	left: 271px;
    vertical-align: middle;
	width: 490px;
/*	_width: 760px;
	#width: 760px; */       
	height: 60px;
/*	_height: 42px;
	#height: 42px; */       
	background: #131212 url(Imagenes/menu/left_bg.jpg) repeat-x;
}
#content-bot {
	background: bottom url(Imagenes/menu/body_bg.gif) repeat-x;
	height: 409px;
	margin-left: 1px;
	margin-bottom: 5px;
	
}
#content .inner {
	padding: 10px 27px;
}
#content .date {
	margin-top: 0.5em;
}
#content p {
	margin: 0.9em;
}
#contentos {
	position: absolute;
	_z-index: -1; /* IE */
	#z-index: -1; /* IE */		
	top: 336px;
	left: 0px;
	width: 770px;
	height: 612px;
	background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
#contentos_stat {
	position: absolute;
	_z-index: -1; /* IE */
	#z-index: -1; /* IE */		
	top: 336px;
	left: 0px;
	width: 770px;
	height: 1282px;
	_height: 642px;
	#height: 642px;		
	background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
#contentos_gen {
	position: absolute;
	_z-index: -1; /* IE */
	#z-index: -1; /* IE */		
	top: 336px;
	left: 0px;
	width: 770px;
	height: 585px;
	_height: 618px;
	#height: 618px;		
	background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
#contentos_chat {
	position: absolute;
	_z-index: -1; /* IE */
	#z-index: -1; /* IE */	
	top: 336px;
	left: 0px;
	width: 770px;
	height: 582px;
	background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
#contentos_auto {
	margin-top: 7px;
	position: absolute;
	top: 336px;
	left: 0px;
	width: 770px;
	height: 2200px;
	background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
#contentos-bot {
	background: bottom url(Imagenes/menu/body_bg.gif) repeat-x;
	height: 394px;
	margin-left: 1px;
	overflow: auto;
}
#contentos .inner {
	padding: 10px 27px;
}
#contentos .date {
	margin-top: 0.5em;
}
#contentos p {
	margin: 0.9em;
}
#contentos_gen .inner {
	padding: 10px 27px;
}
#contentos_gen .date {
	margin-top: 0.5em;
}
#contentos_gen p {
	margin: 0.9em;
}
#contentos_chat .inner {
	padding: 10px 27px;
}
#contentos_chat .date {
	margin-top: 0.5em;
}
#contentos_chat p {
	margin: 0.9em;
}
#contentos_stat .inner {
	padding: 10px 27px;
}
#contentos_stat .date {
	margin-top: 0.5em;
}
#contentos_stat p {
	margin: 0.9em;
}
#tray {
	margin-top: 508px;
    padding-left: 0px;
    _padding-left: 2px;
    #padding-left: 2px;        
	border: 1px solid #181818;
}
#tray .redbox {
	float: left;
	width: 226px;
	height: 315px;
	min-height: 279px;
	background: #800000 url(images/red_bg.jpg) repeat-x;
	margin-left: 2px;
	padding-top: 9px;
	padding-left: 14px;
	padding-right: 14px;
	color: #CFCFCF;
    text-align: left;
}
#tray .first {
	margin-left: 0px;
}
#tray p {
	margin-top: 1em;
	margin-bottom: .4em;
	padding-left: 2px;
}
ul {
	margin: 0px 1em 0px 2em;
	padding: 0px;
}
li {
	padding: 0px;
	margin: 0em 0px;
}
.divider {
	background: bottom url(Imagenes/menu/footer_bg.gif) repeat-x;
	height: 26px;
	margin-right: 5px;
	position: relative;
}
#details {
	margin-top: -1.4em;
	margin-bottom: -4em;
	margin-right:  -0.8em;
	float: right;
}
#footer-gen {
	position: absolute;
	top: 860px;
	_top: 896px;
	#top: 896px;		
	width: 737px;		
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 0px 15px 0px 15px;
	font-size: 8px;
}
#footer-stat {
	position: absolute;
	top: 1560px;
	_top: 1584px;
	#top: 1584px;		
	width: 737px;		
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 0px 15px 0px 15px;
	font-size: 8px;
}
#footer-gen_auto {
	position: absolute;
	top: 2541px;
	width: 737px;		
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 0px 15px 0px 15px;
	font-size: 8px;
}
#footer-dj {
	position: absolute;
	top: 1034px;
	_top: 1054px;
	#top: 1054px;		
	width: 737px;		
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 0px 15px 0px 15px;
	font-size: 8px;
}
#footer-chat {
	position: absolute;
	top: 924px;
	width: 737px;		
	background: #101010;
	text-align: right;
	margin: 0px 7px 0px 2px;
	padding: 0px 15px 0px 15px;
	font-size: 8px;
}
.tborder
{
	margin-left: 5px;
	margin-right: 5px;
}

.tcat
{
	color: #FFFFFF;
	font: bold 10pt verdana;
}

.thead
{
	font: bold 11px verdana;
}

.alt1, .alt1Active
{

}
.alt2, .alt2Active
{
	background: #181818;
}
.alt22
{
	border-right-width: 1px;
}
#separa {
		background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
		padding: 5px;
}
#separa2 {
		background: #1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
		padding: 5px;
		margin-top: 10px;
		margin-bottom: 10px;
}
  
	#boton01{background-position:0 0;}
	#boton01:hover,#boton01.hover{background-position:0 -65px;}
        
	#boton02{background-position:-97px 0;}
	#boton02:hover,#boton02.hover{background-position:-97px -65px;}
        
	#boton03{background-position:-194px 0;}
	#boton03:hover,#boton03.hover{background-position:-194px -65px;}
        
	#boton04{background-position:-291px 0;}
	#boton04:hover,#boton04.hover{background-position:-291px -65px;}
        
	#boton05{background-position:-388px 0;}
	#boton05:hover,#boton05.hover{background-position:-388px -65px;}	
.news_style{
display:none;
}
#news_show
{
background-color: #0D0D0D;
color:#989898;
width:420px;
height:250px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
overflow: auto;	

}
.news_border
{
background-color: #181818;
width:420px;
height:200px;
font: normal 100% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px solid #1c1d1c;
padding: 5px 5px 5px 5px;
overflow: auto;	

}
.news_mark{
background-color:#181818 ;
font: normal 70% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 1px solid #1c1d1c;
width:430px;
height:35px;
color:#989898;
text-align:center;
}
.news_title{
font: bold 120% "Arial", "Lucida Grande",Verdana,  Sans-Serif;
border: 0px solid #1c1d1c;
padding: 5px 0px 9px 5px;
color:#989898;
}
.news_show img{

margin-left: 5px;
margin-right: 5px;

}
.buttondiv
{
position: absolute;
float: left;
top: -12px;
left: 32px;
/*float: left;*/
/*top: 5px;*/
padding: 5px 5px 5px 5px;
background-color:#1c1d1c ;
border: 0px solid gray;
/*border-top-color: white;*/
border-top:none;
height:20px;
}
.result {
color: #FF8040;
overflow: hidden; 	
clear: both;
} 
/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(images/arrow_left.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-23px;
	height:69px;
	width:24px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(images/arrow_right.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:69px;
	width:16px;
    top:-3px;
}

#JT {
	position: absolute;
	text-align: left;
	z-index:100;
	border: 2px solid #000000;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(Imagenes/menu/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #000000;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #000000;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}	

.img_bajo {
	padding-top: 0px;
	padding-left: 13px;
	text-align: left;
}
.gallery{
  padding:35px;
}
.chatvent{
  padding:35px;
  text-align: left;
}
.galleryCont{
  display:none;
}
.descriptionBox{
  font-size:10px;
  background-color:#333333;
  color:white;
}

.nextProject{
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:40px;
}
.desc{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:14px;
}

.menu td{
  padding:10px;
  background-color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  color:#CC0000;
  font-size:14px;
}
.menu td a{
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#CC0000;
}
.menu td a:hover{
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  color:#000000;
}
.imgDesc{
  font-family:Arial, Helvetica, sans-serif;
  color:#fff;
  font-size:10px;

}
.galleryIDX{
  text-align:center;
  width:400px;
  margin:auto;
}
.btn{
  cursor:pointer;
}
.mbMask{
  position:absolute;
  background:#FF8000;
  /*background:url(Imagenes/menu/blockBgnd.png);*/
  left:0;
  top:0;
  width:100%;
  height:100%;
}
.reproductor {	
	background-color:#181818;
}
.reproductor table{
	margin-left: -2px;
		width: 774px;
}
.reproductor tr{
	background:#1c1d1c top left url(Imagenes/menu/left_shadow.jpg) no-repeat;
}
	#menu {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:860px; 
		height:40px;
	}
	
	#menu ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:10px; 
		top:6px; 
		
	}
	
	#menu ul li {
		
		/* give some spaces between the list items */
		margin:0 2px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#menu #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:8000; 

		/* image of the right rounded corner */
		background:url(Imagenes/menu/tailnr.png) no-repeat right center !important;
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:20px;
		
	}
	
	#menu #box .head {
		/* image of the left rounded corner */
		background:url(Imagenes/menu/headnr.png) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
/*		white-space:nowrap; */

		/* set the text position manually */
		padding-left:8px;
		padding-top:13px;
	}
	#menuder {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:830px; 
		height:40px;
	}
	
	#menuder ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:15px; 
		top:6px; 
		
	}
	
	#menuder ul li {
		
		/* give some spaces between the list items */
		margin:0 2px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#menuder #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:8000; 

		/* image of the right rounded corner */
		background:url(images/menu/tailnr.png) no-repeat right center !important;
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:20px;
		
	}
	
	#menuder #box .head {
		/* image of the left rounded corner */
		background:url(images/menu/headnr.png) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
/*		white-space:nowrap; */

		/* set the text position manually */
		padding-left:8px;
		padding-top:13px;
	}