#modalOverlay {background-color:#000;}
#modalContainer {height:500px; width:800px; left:50%; top:15%; margin-left:-400px; background-color:#fff; border:3px solid #ccc; padding:5px;}
a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer; text-decoration:none;}

#horarios table tr td {
	empty-cells: show;
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CC00CC;
	text-align:center;
	font-weight:bold;
}

#horarios table {
	width:100%;
	border-collapse:collapse;
}

#mTitulo { 
	height:60px;
	text-align:center;
	padding-top:25px;
}

#mTitulo p {
	font-size:1.8em;
	font-weight:bold;
}

#poster {
	display:inline;
	float:left;
	width:200px;
	height:250px;
}

#poster img {
	width:190px;
	height:240px;
	margin:5px;
}

#sinopsis {
	display:inline;
	float:left;
	width:710px;
	height:250px;
}

#sinopsis p {
	margin:5px;
	text-align:justify;
}

#horarios {
	display:inline;
	float:left;
	width:480px;
	margin:5px;
}

#trailer {
	display:inline;
	float:left;
	width:430px;
	margin:5px;
}

/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */
	/*border: 2px solid #FFFF00;*/
	background: #000; 
	width: 916px; 
	height: 26px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 900px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

ul.newsticker { /* that's your list */
	position: relative;
	left: 10px;
	font: bold 10px Verdana;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #000;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
/*	color: #CC00CC;*/
	color: #FFFF00;
	font-size:1.6em;
	margin: 0 50px 0 0;	
}
 
ul.newsticker span {
	margin: 0 10px 0 0;
}