/*	

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

/*	
5-column layout
60 px columns, 24 px gutters, 42 px margins, 480 px total
---------------------------------------------------------
1     2      3      4      5
60px  144px  228px  312px  396px	*/


body { width: 95%; }
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.mProcurar { display:none; }
#Procurar input[type="text"] { width: 50px; }
#Info { min-height: 300px; width: 100%; padding: 15px 0; float: none; }
.trailers li iframe { width: 420px; }
.coluna1 { float: none; margin: 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:last-child { display: none; }
.listaPoster li { display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.listaPoster li .posterBloco { margin: 10px 0px; padding:0; position: relative; top: 0; left: 0; }