/* CSS Document */
*{margin:0;padding:0;}
html{margin:0;padding:0;}
body{width:100%;height:100%;margin:0;padding:0; background:#000;}
img{border:0;}
#container{ position:relative; margin:auto; width:1000px;overflow:hidden;}	

#header{ position:relative; height:35px; font-family: Verdana, Geneva, sans-serif; color:#FFF; font-size:12px; z-index:15; padding-left:20px; z-index:20;}
#logo{float:left;  margin-top:10px; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-transform:uppercase; color:#666;}
#nav-1{z-index:30;float:left;margin-left:7px;font-family:Verdana, Geneva, sans-serif; font-size:11px; text-transform:uppercase; color:#666; margin-top:9px;}


#sombras{position:absolute;width:100%;height:62px;z-index:25; top:0}

#rollerTape{position:relative;top:0; left:0; background: #000; z-index:1;}
#rollerTape ul{padding:0; margin:0;	list-style:none;background:#0F3;}
#rollerTape ul li{float:left; background: url(../images/loading.gif) 50% 50% no-repeat;display:inline;}
#rollerTape img{float:left};

.arrow-left{position:absolute; top:0; left:0; width:62px; height:62px; background:url(../images/arrow-left.png) top left; margin-left:20px; z-index:25;}
.arrow-left:hover{cursor:pointer;}
.arrow-right{position:absolute; top:0; right:0; width:62px; height:62px; background:url(../images/arrow-right.png) top left; margin-right:20px; z-index:25;}
.arrow-right:hover{cursor:pointer}

.som-left{width:200px; position:absolute; top:0; left:0; z-index:5;}
.som-right{ width:200px; position:absolute; top:0; right:0;  z-index:5;}

#nav-controls{position:absolute;width:100%;height:75px;z-index:98;}
	#nav-controls #controls-box{position:absolute;top:0;}
.button-control{width:50px; height:50px; background:#999; float:right;margin-right:15px;}
.play-1-BT{ background:url(../images/button-play-izq.png) top left no-repeat; }
.play-2-BT{ background:url(../images/button-play-der.png) top left no-repeat; }
.stopBT{ background:url(../images/button-stop.png) top left no-repeat; }
.no-margin{margin:0 !important;}

#loader{position:absolute;width:32px;height:32px;background: url(../images/loading.gif) top left no-repeat;}
	#loader div{margin-top:40px; color:#FFF; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; text-align:center;}

#footer{position:absolute;left:0; bottom:0; width:100%; height:20px; background:#000; z-index:99;}
#footer .copy{float:right;font-family:Verdana, Geneva, sans-serif; font-size:10px; text-transform:uppercase; color:#666; margin-top:4px; margin-right:5px;}
#footer .elespacio{float:right;height:inherit; margin-right:15px; margin-top:4px;font-family:Verdana, Geneva, sans-serif; color: #666; font-size:10px;}
#footer .elespacio a{color: #666; text-decoration:none;}
#footer .elespacio a:hover{color:#FFF; text-decoration:none;}
#footer .elespacio span{color:#666;}

#message-box{ position:absolute; top:0; left:0; width:40%; height:200px; background:#000; z-index:99; -moz-border-radius: 8px;border-radius: 8px; }
	#message-box .closeBT{width:15px;height:15px;background: url(../images/close.gif) top left no-repeat;float:right;clear:both;margin:5px;}
	#message-box .text{	font-family:Verdana, Geneva, sans-serif; color: #999; font-size:11px; margin:15px; margin-top:27px;line-height:14px;}
	#message-box .text span{ color:#FFF;}
	
#message-box-2{ position:absolute; top:0; left:0; width:40%; height:200px; background:#000; z-index:99; -moz-border-radius: 8px;border-radius: 8px; }
	#message-box-2 .closeBT-2{width:15px;height:15px;background: url(../images/close.gif) top left no-repeat;float:right;clear:both;margin:5px;}
	#message-box-2 .text-2{	font-family:Verdana, Geneva, sans-serif; color: #999; font-size:11px; margin:15px; margin-top:27px;line-height:14px;}
	#message-box-2 .text-2 span{ color:#FFF;}
	#message-box-2 .text-2 a{color:#FFF; text-decoration:none;}
	#message-box-2 .text-2 a:hover{color:#999; text-decoration:none;}