@charset "utf-8";
/* CSS Document */


.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}

</style>






body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


.shadow{
	border:1px solid silver;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index:100;
	padding-bottom:7px;
	padding-right:5px;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	background-color:#FFFFFF;

}




.cubre {width900px; height:80px;}

.menu {
	width:900px;
	height:32px;
	margin-bottom:5px;
	margin-top:5px;
	background-image:url(imaganes/botones/fondo.jpg);
	background-repeat:repeat;
	vertical-align:top;
	}
	
.top_izq  {
	width:485px;
	height:80px;
	
	float:left;
	}

.top_drch  {
	width:415px;
	height:80px;
	float:right;
	background-image:url(imaganes/fansi.jpg);
	background-repeat:no-repeat;

	}
	
.separata {width:600px; height:3px; margin-top:4px; margin-left:5px; margin-bottom:12px; background-color:#EBEBEB;}
.separata_publi{width:250px; height:3px; margin-top:5px; margin-bottom:5px; float:right; background-color:#EBEBEB;}



.home_video {
	width:600px;
	height:195px;
	background-image:url(imaganes/fonof_ventana_home.jpg);
	background-repeat:repeat;
	color:#FFFFFF;
	font-size:12px;
	margin-left:5px;
	margin-top:15px;
	}

.caja_derecha {
	height:900px;
	width:260px;
	float:right;
	padding-left:10px;
	padding-right:10px;

	}
	
.caja_derecha_larga {
	height:1475px;
	width:240px;
	float:right;
	}
	
.caja_izquierda {
	
	width:615px;
	float:left;
	}
	


.video_derecha {
		width:250px;
		height:190px;
		margin-top:5px;
		float:right;
	
		font-weight:100;
		font-size:12px;
	}
	
.ventana_novedades {
	height:225px;
	width:600px;
	margin-left:5px;
	font-size:12px;
	font-weight:100;
	}
	
	
.ventana_interior_video {
	height:355px;
	width:600px;
	background-color:#EBEBEB;
	margin-left:5px;
	font-size:13px;
	}
	
.ventana_interior_canal {
	height:auto;
	width:600px;
	background-color:#EBEBEB;
	margin-left:5px;
	font-size:13px;
	}
	
.comentario_interior_video {
	height:auto;
	width:558px;
	border-style:groove;
	border-width:1px;
	border-color:#E0E0E0;
	margin-left:5px;
	padding:21px;
	}
	
.quienes {
	height:auto;
	width:600px;
	border-style:groove;
	border-width:1px;
	border-color:#E0E0E0;
	margin-left:5px;
	
	}
	
.publi_bajo_video_right {
	width:115px;
	height:114px;
	float:right;

	}

.publi_250 {
		width:250px;
		height:250px;
		margin-top:5px;
		float:right;
	}
	
	

	
.linkeo {
	width:250px;
	height:85px;
	margin-top:5px;
	float:right;
	}
	
	
/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 450px; 
    height:350px;  
    text-align:center; 
    margin-left:20px; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:150px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}
/* ****************************************** */ 
	
/* styling of the container. ************HOME PAGE */ 
a.myPlayer1 { 
    display:block; 
    width: 251px; 
    height:187px;  
    text-align:center; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer1 img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer1:hover { 
    border:1px solid #000; 
}
	
	
<script type="text/javascript">

var gradientshadow={}
gradientshadow.depth=6 //Depth of shadow in pixels
gradientshadow.containers=[]

gradientshadow.create=function(){
var a = document.all ? document.all : document.getElementsByTagName('*')
for (var i = 0;i < a.length;i++) {
	if (a[i].className == "shadow") {
		for (var x=0; x<gradientshadow.depth; x++){
			var newSd = document.createElement("DIV")
			newSd.className = "shadow_inner"
			newSd.id="shadow"+gradientshadow.containers.length+"_"+x //Each shadow DIV has an id of "shadowL_X" (L=index of target element, X=index of shadow (depth) 
			if (a[i].getAttribute("rel"))
				newSd.style.background = a[i].getAttribute("rel")
			else
				newSd.style.background = "black" //default shadow color if none specified
			document.body.appendChild(newSd)
		}
	gradientshadow.containers[gradientshadow.containers.length]=a[i]
	}
}
gradientshadow.position()
window.onresize=function(){
	gradientshadow.position()
}
}

gradientshadow.position=function(){
if (gradientshadow.containers.length>0){
	for (var i=0; i<gradientshadow.containers.length; i++){
		for (var x=0; x<gradientshadow.depth; x++){
  		var shadowdiv=document.getElementById("shadow"+i+"_"+x)
			shadowdiv.style.width = gradientshadow.containers[i].offsetWidth + "px"
			shadowdiv.style.height = gradientshadow.containers[i].offsetHeight + "px"
			shadowdiv.style.left = gradientshadow.containers[i].offsetLeft + x + "px"
			shadowdiv.style.top = gradientshadow.containers[i].offsetTop + x + "px"
		}
	}
}
}

if (window.addEventListener)
window.addEventListener("load", gradientshadow.create, false)
else if (window.attachEvent)
window.attachEvent("onload", gradientshadow.create)
else if (document.getElementById)
window.onload=gradientshadow.create

</script>
