/*

Style Sheet for Proximamente de Portada Cinemark CA

version: 1.0
last modified: 22.04.2010 by gmelendez
author: gilberto melendez
email: gmelendez@cinemarkca.com
website: http://www.cinemarkca.com

*/

@charset "utf-8";





	
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	
	/* required settings */
	
	position:relative;
	overflow:hidden;
	width: 200px;
min-height:300px;
height:370px;
	/* custom decorations */
	/*border:1px solid #ccc;
	background:url(/imgs/2008/themes/cinemark/cinemark-estrenos-bg.png) repeat-x;*/
	background: transparent url(../imgs/2008/themes/cinemark/cinemark-proximamente-bg.png) 
	0 10 no-repeat;
	
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {

	position:absolute;
	/* this cannot be too large */
	height:375px;

}

 
 
/* single scrollable item */
.scrollable div.item {

	float:left;
	margin-left:3px;
	margin-top:5px;
	
	padding:0px;
	/*border:1px solid #ccc;*/
	cursor:pointer;
	min-width: 190px;
	min-height:100px;
	height:180px;
	
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

/* active item */
.scrollable .active {
	border:2px solid #fff;
	z-index:9999;
	position:relative;

}



/************************************
	NAVIGATOR
*/

/* position and dimensions of the navigator */
.navi {
	margin-left: 500px;
	text-align:center;
	height:25px;


}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:30px;
	background-color:#00FF00;
	display:block;
	font-size:1px;
	border::none;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	border:none;
	background-position:0 -16px;     
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/***********
ITEM

************/

.poster {
	text-align:center;
	padding:2px;
	width:190px;
}


/***********************
OVERLAY facebox
**********************/

#facebox  .black{
	background-image:url(/tools/img/overlay/transparent.png);
}


#facebox { 
 
    /* overlay is hidden before loading */ 
    display:none; 
 
    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */ 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
	
	background-image:url(/tools/img/overlay/transparent.png);
    height:750px; 
} 
 
#facebox div { 
    padding:10px; 
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif 
} 
 
#facebox h2 { 
    margin:-11px; 
    margin-bottom:0px; 
    color:#fff; 
    background-color:#6D84B4; 
    padding:5px 10px; 
    border:1px solid #3B5998; 
    font-size:20px; 
}

#facebox div.close { 
   background-image:url(../imgs/2010/sv/portada/close.png);
    position:absolute; right:-15px; top:-15px; 
    cursor:pointer; 
    height:10px; 
    width:65px; 
}




/* player container */
div.player {
	height:300px;
	width:700px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:67px;
}