body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: rgb(204,204,204) url("../images/bkg.gif") repeat-x;
	}

h1, h2, h3, p{
	margin: 0;
	padding: 0;
	}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

a img{
	border: none;
	}

a span, a strong, h1 span, h1 strong{
	visibility: hidden;
	display: none;
	}

#container{
	background: #ffffff;
	margin: 0 auto 0 auto;
	width:760px;
	}
	
/* ||||||||||||||||||||||||||||||||||| HEADER ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */
h1{	
	display: block;
	float: left;
	width: 154px;
	height: 57px;
	background: url("../images/dargo.gif") no-repeat;
	margin: 20px 0 0 20px;
	}

.flash{
	display: block ;
	float: right;
	width: 165px;
	height: 128px;
	background: url("../images/flash.gif") no-repeat;
	}

.flashanimation{
	display: block ;
	float: right;
	width: 165px;
	height: 128px;
	/*background: url("../images/flash.gif") no-repeat;*/
	}
/* |||||||||||||||||||||||||||||||| LISTADOS PARA MENU Y PIE |||||||||||||||||||||||||||||||||||||||||||| */
#header ul{
	float: left;
	margin: 40px 0 0 35px;
	font-size: 13px;
	}
	
#header ul li, #footer ul li{
	float: left;
	}

#header ul li a, #footer ul li a{
	color: #666666;
	background: url("../images/sep_li.gif") 100% 2px no-repeat;
	padding: 0 7px 0 5px;
	}

#header ul li.last a, #footer ul li.last a{
	color: #666666;
	background: none;
	}

#header ul li a:hover, #footer ul li a:hover{
	color: #000000;
	}

#header ul li.last a:hover, #footer ul li.last a:hover{
	color: #000000;
	}
	

#header ul li a.active, #footer ul li a.active{
	color: rgb(220,0,103);
	}

#header ul li.active_last a, #footer ul li.active_last a{	
	color: rgb(220,0,103);
	background: none;
	}

/* |||||||||||||||||||||||||||||||||||||||| MAIN ||||||||||||||||||||||||||||||||||||||||||||||||| */
#main{
	clear: both;
	}

h2, h3{
	color: rgb(220,0,103);
	}

h3{
	font-size:18px;
	font-weight: normal;
	}



	
.movietitle{
  color: rgb(0,0,0);  
  font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight: 900;
}

.bitrate{
  color: rgb(0,0,0);
  font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:9px;
  font-weight: 500;
  	margin:-12px -0px -0px -0px;	
  float:right;
}

.outsider{
color: rgb(0,0,0);  
  font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:10px;	
	font-weight: 900;
	margin:-5px -0px -5px -0px;	
	padding:0px 0px 0px 0px;
	text-decoration: none;
	/*border: solid blue;*/
}
/*A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline; color: red;}
*/

.quality{
 color: #747374;
 /*rgb(220,0,103);*/
  font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
  font-weight: 900;
}
/* ||||||||||||||||||||||||||||||||||||| DARGO LAYER |||||||||||||||||||||||||||||||||||||||||||||||*/
DIV.outer
      {
      position: absolute;
      left: 50%;
      top: 60%;
      width: 386px;
      height: 268px;
      margin-left: -193px; /* half of width */
      margin-top: -134px;  /* half of height */
      /*border:1px solid red;*/
      /*background-color: #6699CC;*/
      } 
      
DIV.inner
      {
      position:absolute;
      left: 50%;
      top :50%;
      width: 376px;
      height: 258px;
      margin-left: -188px;  /* half of width */
      margin-top: -129px;   /* half of height */
      /*background-color: #99CCFF;*/
      }
div#demosite2
  {
      margin: 0px 20px 0px 0px;
      display: none;
  }

/* ||||||||||||||||||||||||||||||||||||| MAIN - LEFT ||||||||||||||||||||||||||||||||||||||||||||||||*/
#left{	
	float: left;
	width: 475px;
	border-right: 1px solid rgb(220,0, 103);
	padding: 0 0px 0 20px;
	margin: 0 0 20px 0;
	}

h2{
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 15px 0;
	}

#left h3{
	margin: 25px 0 15px 0;
	}

#left p{
	padding: 0 20px 0 0;
	}	

/* |||| Demo Gallery |||| */

#left ul li{
	display: block;
	float: left;
	width: 140px;
	padding: 5px 17px 15px 0;
	}

#left ul li ul li{
	padding: 0;
	}

#left ul li ul li a{
	padding: 4px 0 5px 0;
	display: block;
	}

/* ||||||||||||||||||||||||||||||||||||| MAIN -RIGHT |||||||||||||||||||||||||||||||||||||||||||||||| */
#right{
	float: left;
	width: 224px;
	padding: 0 20px 0 20px;
	} 

#right h3{
	margin: 0 0 15px 0;
	}

#right ul{
	margin: 5px 0 10px 0;
	}
	
#right ul li{
	margin: 13px 0 0 0;
	}
	
#right ul li strong{	
	display: block;
	}

#right ul li{
	padding: 0 0 0 40px;
	}

#right ul li.r_1{
	background: url("../images/screen.gif") 0% 0% no-repeat;
	}

#right ul li.r_2{
	background: url("../images/quality.gif") 0% 0% no-repeat;
	}

#right ul li.r_3{
	background: url("../images/no_waiting.gif") 0% 0% no-repeat;
	}
	
#right ul li.r_4{
	background: url("../images/click.gif") 0% 0% no-repeat;
	}
	
#right ul li.r_5{
	background: url("../images/player.gif") 0% 0% no-repeat;
	}
	
#right ul li.r_6{
	background: url("../images/streaming.gif") 0% 0% no-repeat;
	}
	
#right ul li.r_7{
	background: url("../images/drm.gif") 0% 0% no-repeat;
	}
	
/* |||||||||||||||||||||||||||||||||||||| FOOTER ||||||||||||||||||||||||||||||||||||||||||||||||||||| */
#footer{
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	border-top: 1px solid #666666;
	clear: both;
width: 720px;

	}

a.vividas{
	background: url("../images/vividas.gif") no-repeat;
	width: 96px;
	height: 60px;
	display: block;
	float: left;
	}
	
#cont{
	float: left;
	width: 600px;
	}
	
#footer #cont ul{
	float: left;
	padding: 12px 0 6px 20px;
	width: 600px;
	display:block
	}
	
#footer #cont span{
	float: left;
	width: 120px;
	padding: 0 0 0 24px;
	font-size: 11px;
	color: #666666;
	}


	
.clear{
	clear: both;
	}