@charset "utf-8";
    body
	{
		font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #ffffff;
    	margin: 0;
    	padding: 0;
    	text-align: center;
    	color: #000000;
    }
	a
	{
	color:#8E0BD5
	}
    .pagebody #container
	{
		width: 800px;
		margin: 0 auto;
		text-align: left;
    }
    .pagebody #mainContent
	{
    	padding: 10px 0px;
    }
	#header
	{
		vertical-align: top;
    	background: url('img/hd.jpg');
		text-indent:-1000em;
    	padding: 0 0px 0 0px;
	}
	#logo
	{
		background: url('images/logo.gif') no-repeat;
		text-indent:-1000em;
		width:440px;
		height:100px;
	}
	#supder
	{
		float: right;
    	width: 340px;
		height:100px;
    	padding: 15px 10px;
		text-indent:0em;
		text-align:center;
	}
	#daleplay
	{
		background: url('images/daleplay.gif') no-repeat;
		width:262px;
		height:78px;
	}
	#closedaleplay
	{
		float: left; 
		width: 15px; 
		height:15px; 
		margin-top: 19px; 
		margin-left:235px;
	}	
	#linkdaleplay
	{
		float: left;
		width: 220px; 
		height:30px; 
		margin-top: 0px; 
		margin-left:25px;
	}	
	#player
	{
		margin-top:55px;
		margin-left:5px;	
		text-indent:0em;
		text-align:left;
	}
	.tdbtn a img
	{
	border:0;
	}
	.tdbtn2
	{
		width:30px;
		height:40px;
	}
	.tdbtn
	{
		width:100px;
		height:40px;
	}
    #haymas
	{
	position:absolute;
	display:none;
	width:200px;
	background-color:#FFFFFF;
	}
	#haymas a
	{
	text-decoration:none;
	}
	.clearfloat
	{
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
    .derecha
	{
		float: right;
		width: 282px;
		margin: 20px 0 0 0;
		padding: 0;
    }
    .izquierda
	{
		float: left;
		margin: 20px 0 0 0;
		padding: 0;
		width: 465px;
	} 	
	.columna
	{
		margin: 0 auto;
		padding:20px;
		min-height:360px;
		vertical-align:top;
	}
	.columna a
	{
	text-decoration:none;
	color:#8E43D1;
	}
    .col1 .columna 
	{
		background:url('images/bgc11.gif') no-repeat;
	}
    .col2 .columna 
	{
		background:url('images/bgc21.gif') no-repeat;
	}
	.col1
	{
		margin: 0 auto;
		min-height:360px;
	 	background:url('images/bgc12.gif') repeat-y;
	}
	.col2
	{
		margin: 0 auto;
		min-height:360px;
		background:url('images/bgc22.gif') repeat-y;
	}
	.col1 .piecol
	{
		margin: 0 auto;
		height:18px;
		background:url('images/bgc13.gif') no-repeat;
	}
	.col2 .piecol
	{
		margin: 0 auto;
		height:18px;
		background:url('images/bgc23.gif') no-repeat;
	}