/*	

	Less+ by Jimmy Rosén, http://www.angrycreative.se/projekt/less-framework
	Based on Less Framework 4 by Joni Korpi, http://lessframework.com
	
*/

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

body { width: 320px; }
header { clear: both; margin: 0 auto; width: 100%; }
#Logo { float: none; width: 100%; text-align: center; }
#Logo a { font-size: 1em; font-weight: normal; }
#MenuTopo { float: none; display: block; width: 100%; margin: 0 auto; text-align: center; border-top: 1px solid #CCC; }
#MenuTopo ul { float: none; display: inline-block; margin: 0 auto; padding: 0; text-align: center; }
#MenuArea { float: none; display: block; width: 100%; margin: 0 auto; text-align: center; }
menu ul li { float: left; margin: 0 auto; }
menu a { font-size: 80%; padding: 6px 10px; }
menu a.home { display:none; }
#Procurar { float: left; }
#Procurar input[type="text"] { width: 80px; }
#q { width: 100px; }
#Info { min-height: 300px; width: 95%; padding: 15px 0; float: none; display: block; margin: 0 auto; }
.trailers li iframe { width: 320px; }
.coluna1 { float: none; margin: 0 auto; text-align: center; width: 100%; }
.coluna1 .filme, .coluna1 p, .coluna1 li { text-align: left; }
.coluna1 h3 { clear: both; text-align: center; border-bottom: 1px solid white; font-size: 1em; text-transform: uppercase; z-index: 1; }
.coluna1 h3 span { display: inline-block; position: relative; top: 50%; background: #fff; padding: 0 12px; z-index: 10; }
.coluna2 { clear: both; float: none; margin: 0 auto; text-align: center; border-left: none; border-top: 1px solid #CCC; padding-top: 10px; }
.listaPoster li { display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.listaPoster li:nth-child(n+3) { display: none; }
.listaPoster li .posterBloco { margin: 10px 0px; padding:0; position: relative; top: 0; left: 0; }
.listaPoster li .posterBloco, .listaPoster li, .listaPoster li img { width: 140px; }
.trailers li iframe { width: 100%; }