body {
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	color: #000;
}

.error { display: none; }

#top { background: url(../img/bg_top.png) repeat-x top; width: 100%; height: auto; margin: 0; padding: 16px 0 0; }

#bottom { background: url(../img/bg_bottom.png) repeat-x bottom; width: 100%; height: auto; margin: 0; padding: 0 0 16px; }

#central { background: url(../img/bg_central.png) repeat; width: 100%; min-height: 406px; margin: 0; padding: 14px 0 0; }

#descripcion {
	display: none;
	text-align: left;
	height: 190px;
	border-right: 1px solid #c3c3c3;
	padding: 0;
	overflow: hidden;
	width: 22%;
	margin: 0 0 0 2%;
}
#descripcion .descripcion-Title { font-size: 28px; font-weight: 300; letter-spacing: -1.5px; line-height: 22px; margin: 41px 0 0; padding: 0; width: 95%; }
#descripcion .descripcion-Text { font-size: 14px; font-weight: 400; letter-spacing: -0.75px; line-height: 18px; color: #666; margin: 5px 0 0 1px; padding: 0; width: 95%; }

.header {
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -1.15px;
	line-height: 16px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#estrenos { width: 100%; overflow: hidden; margin: 0; padding: 0; }
#estrenos .movies {
	/*display: table;
	table-layout: fixed;*/
	margin: 14px 0 0;
	padding: 0;
}
#estrenos .movies .movie {
	/*position: relative;
	display: table-cell;
	vertical-align: top;*/
	margin: 0;
	padding: 6px 0 0;
	opacity: 0.5;
	width: 113px;
	height: 152px;
	text-align: center;
}
#estrenos .movies .movie a {
	cursor: default;
	display: block;
    height: 100%;
    width: 100%;
	position: relative;	
}
#estrenos .movies .movie.selected a { cursor: pointer; }
#estrenos .movies .movie .overlay {
	display: none;
	position: absolute;
	width: 103px;
	height: 146px;
	top: 0;
	left: 5px;
	z-index: 10;
	background-color: #000;
	color: #fff;
	font-size: 13px;
	line-height: 12px;
	text-align: center;
	text-transform: lowercase;
}
#estrenos .movies .movie.selected a:hover .overlay { display: block; opacity: 0.84; }
#estrenos .movies .movie .overlay span {
	display: block;
	margin: 60% 0;
}
#estrenos .movies .movie img { width: 103px; height: 146px; }
#estrenos .movies .movie.selected img {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
}
#estrenos .movieInfo {
	height: 47px;
	margin: 11px 0 0;
	padding: 0;
}
#estrenos .movieInfo h3, #estrenos .movieInfo p { float: left; text-align: center; font-size: 14px; font-weight: 400; width: 100%; margin: 0; padding: 0; }
#estrenos .movieInfo .movieInfo-Title { text-transform: uppercase; }
#estrenos .movieInfo .movieInfo-Data { color: #666; letter-spacing: -0.5px; }
#estrenos .scrollbar { background: #c3c3c3; width: 100%; }
#estrenos .scrollbar .scroll { background: url(../img/ico_scroll.png) center no-repeat #000; width: 100%; height: 9px; }

#buscador { width: 100%; overflow: hidden; margin: 11px 0 0; }
#buscador .header { display: none; }
#buscador .selectStyle {
	width: 93%;
	height: 29px;
	background: url(../img/arrow_select.png) 95% 11px no-repeat #fff;
	border: 1px solid #d9dadb;
	margin: 9px 0 0 3.5%;
	padding: 0;
	overflow: hidden;
}
#buscador .selectStyle select {
	width: 100%;
	wid\th: 112%;   /* IE hack */
	height: 100%;	
	background: transparent;
	border: none;
	padding: 4px 0 0 6px;
	color: #666;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.5px;
	-webkit-appearance: none;
    -moz-appearance: window;
}
#buscador .selectStyle select option { padding: 10px; }
#buscador .search { display: block; background: url(../img/ico_search.png) #000 no-repeat center; width: 93%; height: 31px; margin: 15px 0 0 3.5%; padding: 0; }
#buscador .search.disabled { pointer-events: none; cursor: default; /*opacity: 0.5;*/ }

@media screen and (min-width: 475px) {
	#central { min-height: 198px; padding: 8px 0 0; }
	
	#descripcion, #estrenos, #buscador { float: left; }
	
	#estrenos {
    	width: 52%;
		margin: 0 0 0 2.5%;
	}
	#estrenos .header { display: none; }
	#estrenos .movies { /*margin: 4px 0 0;*/ margin: 0; }
	#estrenos .movies .movie {
		/*width: 83px;
		height: 119px;*/
		width: 93px;
		height: 125px;
	}
	#estrenos .movies .movie .overlay { width: 83px; height: 119px; }
	#estrenos .movies .movie img { width: 83px; height: 119px; }
	#estrenos .movieInfo { /*margin: 12px 0 0;*/ margin: 2px 0 0; }
	
	#buscador {
		height: 190px;
		border-left: 1px solid #c3c3c3;
    	width: 42%;
		margin: 0 0 0 2.5%;
	}
	#buscador .header {
		display: block;
		width: 90%;
		margin: 18px 0 19px 6%;
	}
	#buscador .selectStyle {
		width: 90%;
		margin: 9px 0 0 6%;
	}
	#buscador .search {
		width: 90%;
		margin: 15px 0 0 6%;
	}
}

@media screen and (min-width: 800px) {
	#descripcion { display: block; }
	
	#estrenos {
    	width: 43%;
		margin: 0 0 0 2%;
	}
	
	#buscador {
    	width: 26%;
		margin: 0 0 0 2%;
	}
	#buscador .header {
		margin: 18px 0 19px 10%;
	}
	#buscador .selectStyle {
		margin: 9px 0 0 10%;
	}
	#buscador .search {
		margin: 15px 0 0 10%;
	}
}