* {margin:0; padding:0;}

div {border:0px solid #00FF99;}

html, body {margin:0px auto;
			padding:0px;
			background-color:#000000;
			font-family:Arial, Helvetica, sans-serif;	
			font-size: 12px;
			color:#000000;
			overflow-x:hidden;}
			
/* ------------------------------------------------------ 
	MENU BUTTONS
-------------------------------------------------------- */
			 
div.synopsis {height: 22px;
			width: 70px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/synopsis_on.gif");
			background-repeat:no-repeat;}
div.synopsis a, div.synopsis a:link, div.synopsis a:visited {display:block;}
div.synopsis img {width:100%;
				height:100%;
				border:0;}
div.synopsis a:hover img {visibility:hidden;}



div.trailer {height: 22px;
			width: 152px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/trailer_on.gif");
			background-repeat:no-repeat;}
div.trailer a, div.trailer a:link, div.trailer a:visited {display:block;}
div.trailer img {width:100%;
				height:100%;
				border:0;}
div.trailer a:hover img {visibility:hidden;}



/*div.interviews {height: 31px;
			width: 135px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/interviews_on.gif");
			background-repeat:no-repeat;}

div.interviews a, div.interviews a:link, div.interviews a:visited {display:block;}

div.interviews img {width:100%;
				height:100%;
				border:0;}

div.interviews a:hover img {visibility:hidden;}*/

/* ------------------------------------------------------ 
	TEST


.menu{padding:0; margin:0; z-index:100; background-color:#000000; text-align:center;}
.menu ul{padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {visibility:hidden; position:absolute;}
.menu li{position: relative; float: left; list-style: none; margin: 0; padding:0;}
.menu li a{width:93px; height: 22px; display: block; font-size:9px; text-decoration:none; text-align: center; line-height: 20px; background-color:#000000; color: #FFFFFF;}
.menu li a:hover{color: #808080;}
.menu ul ul{position: absolute; bottom: 22px;visibility: hidden;}
.menu ul li:hover ul{visibility:visible;}
.menu li a.on{color: #808080;}

/* specific to non IE browsers 
.menu ul li:hover a {color:#FFFFFF;}
.menu ul li:hover ul {display:block; position:absolute;}
.menu ul li:hover ul li a.hide {background:#000000; color:#808080;}
.menu ul li:hover ul li a {display:block; background:#000000; color:#FFFFFF;}
.menu ul li:hover ul li a:hover {background:#000000; color:#808080;}
-------------------------------------------------------- */


li a.interviews {height: 22px;
			width: 93px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/interviews_on.gif");
			background-repeat:no-repeat;}
li a.interviews , li a:link.interviews, li a:visited.interviews {display:block;}
li a.interviews img {width:100%;
				height:100%;
				border:0;}
li a:hover.interviews img {visibility:hidden;}



div.gallery {height: 22px;
			width: 68px;
			margin:0;
			padding:0;
			float:right;
			background-image:url("../img/gallery_on.gif");
			background-repeat:no-repeat;}
div.gallery a, div.gallery a:link, div.gallery a:visited {display:block;}
div.gallery img {width:100%;
				height:100%;
				border:0;
				}
div.gallery a:hover img {visibility:hidden;}



a.register {height: 18px;
			width: 125px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/register_off.gif");
			background-repeat:no-repeat;}
a.register , a:link.register, a:visited.register {display:block;}
a.register img {width:100%;
				height:100%;
				border:0;}
a:hover.register img {visibility:hidden;}



a.contact {height: 18px;
			width: 46px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/contact_off.gif");
			background-repeat:no-repeat;}
a.contact , a:link.contact, a:visited.contact {display:block;}
a.contact img {width:100%;
				height:100%;
				border:0;}
a:hover.contact img {visibility:hidden;}



a.follow {height: 18px;
			width: 160px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/follow_on.gif");
			background-repeat:no-repeat;}
a.follow , a:link.follow, a:visited.follow {display:block;}
a.follow img {width:100%;
				height:100%;
				border:0;}
a:hover.follow img {visibility:hidden;}



a.youtube {height: 18px;
			width: 45px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/youtube_on.gif");
			background-repeat:no-repeat;}
a.youtube , a:link.youtube, a:visited.youtube {display:block;}
a.youtube img {width:100%;
				height:100%;
				border:0;}
a:hover.youtube img {visibility:hidden;}



a.twitter {height: 18px;
			width: 19px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/twitter_on.gif");
			background-repeat:no-repeat;}
a.twitter , a:link.twitter, a:visited.twitter {display:block;}
a.twitter img {width:100%;
				height:100%;
				border:0;}
a:hover.twitter img {visibility:hidden;}



a.facebook {height: 18px;
			width: 19px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/facebook_on.gif");
			background-repeat:no-repeat;}
a.facebook , a:link.facebook, a:visited.facebook {display:block;}
a.facebook img {width:100%;
				height:100%;
				border:0;}
a:hover.facebook img {visibility:hidden;}



a.rss {height: 18px;
			width: 20px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/rss_on.gif");
			background-repeat:no-repeat;}
a.rss , a:link.rss, a:visited.rss {display:block;}
a.rss img {width:100%;
				height:100%;
				border:0;}
a:hover.rss img {visibility:hidden;}



a.olallo {height: 18px;
			width: 121px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/follow_olallo_on.gif");
			background-repeat:no-repeat;}
a.olallo , a:link.olallo, a:visited.olallo {display:block;}
a.olallo img {width:100%;
				height:100%;
				border:0;}
a:hover.olallo img {visibility:hidden;}



a.myspace {height: 18px;
			width: 19px;
			margin:0;
			padding:0;
			float:left;
			background-image:url("../img/myspace_on.gif");
			background-repeat:no-repeat;}
a.myspace , a:link.myspace, a:visited.myspace {display:block;}
a.myspace img {width:100%;
				height:100%;
				border:0;}
a:hover.myspace img {visibility:hidden;}



a.send {height: 25px;
			width: 70px;
			margin:0;
			padding:0;
			text-align:center;
			background-image:url("../img/submit_on.gif");
			background-repeat:no-repeat;}
a.send , a:link.send, a:visited.send {display:block;}
a.send img {width:100%;
				height:100%;
				border:0;}
a:hover.send img {visibility:hidden;}

/* ------------------------------------------------------ 
	DROP DOWN MENU


	
#sddm {margin: 0;
	padding: 0;
	z-index: 30;
	background-color:#000000;}

#sddm li {margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: normal 12px arial;}

#sddm li a {margin: 0;
			padding:0;
			width: 135px;
			color: #FFFFFF;
			text-align: center;
			text-decoration: none;
			background-image:url("../img/interviews_on.gif");
			background-repeat:no-repeat;}

#sddm li a:hover {background-color: #000000;
				color:#FFFFFF;}

#sddm div {position: absolute;
		visibility: hidden;
		margin: 0;
		padding-top: 0px;
		background-color: #000000;
		border: 0;}

	#sddm div a {position: relative;
				display: block;
				margin: 0;
				padding: 10px 8px 0px 10px;
				width:117px;
				white-space: nowrap;
				text-align: center;
				text-decoration: none;
				background-color: #000000;
				color: #FFFFFF;
				font: 12px arial;}

	#sddm div a:hover {background-color: #000000;
					color: #808080;}
-------------------------------------------------------- */
/* ------------------------------------------------------ 
	CONTAINER
-------------------------------------------------------- */

#wrap {width:900px; 
	   height:712px;
		padding:0px;
		border:0px #CC0000 solid;
		overflow-y: hidden;
		overflow-x: hidden;}
		
#nav{width:566px; border:1px solid #00CC33;}

#espacio{padding-top:17px; padding-bottom:47px; margin-top:40px;}

.frases {text-align:left; padding-right:56px;}
.clear {clear:both;}

#content{padding-top:0px;}

.sinosi{padding-top:4px;}
#trailer{padding-top:1px; padding-bottom:1px;}
#interviews{padding-top:1px; padding-bottom:1px;}
#gallery{padding-top:3px; padding-bottom:13px;}


.text{width:587px; height:272px; background-color:#000000;}

.sublinks{margin-top:5px; background-color:#000000; padding:5px; text-align:center;}

#footer{height:32px; color:#FFFFFF; overflow-y: hidden; overflow-x: hidden;}
		
		
div.scroll{background-color:#000000;
		width:227px;
		height:265px;
		overflow:scroll;}
		
td.top {vertical-align:top;}
		
/* ------------------------------------------------------ 
	SYNOPSIS LINKS
-------------------------------------------------------- */
			
a, a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	cursor:pointer;
} 
a:hover {
	color:#808080;
	text-decoration:none;
}

a:active {
	color:#808080;
	text-decoration:none;
}


a.dwnld, a.dwnld:link, a.dwnld:visited, a.dwnld:hover, a.dwnld:active {
	text-decoration:underline;
	font-weight:normal;
	color:#000000;
	cursor:pointer;
} 
a.dwnld:hover {
	color:#808080;
	text-decoration:underline;
}

a.dwnld:active {
	color:#808080;
	text-decoration:underline;
}


/* ------------------------------------------------------ 
	BUTTONS
-------------------------------------------------------- */

input.btn { 
	background-color:#000000;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-decoration:underline;
	font-weight:normal;
	color:#FFFFFF;
	cursor:pointer;
	}
	
input.btnhov { 
	background-color:#000000;
	border:0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	text-decoration:underline;
	font-weight:normal;
	color:#808080;
	cursor:pointer;
	} 
	
/* ------------------------------------------------------ 
	FORM
-------------------------------------------------------- */	
.formsuscribe { margin:0px 0px 0px 10px; }
.formsuscribe input { width:186px; max-width:186px; border:none; height:20px; max-height:20px;}