/*	

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

/*		Desktop layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */


body { width: 990px; }
.alerta { position: absolute; top: 180px; left: 45%; background-color: orange; color: white; padding: 5px 10px; text-align: center; z-index: 1000; }
.destaque { position: absolute; top: 180px; left: 45%; background-color: #FC0; color: white; padding: 5px 10px; text-align: center; z-index: 1000; }
.barraSeparadora { clear: both; display: block; width: 100%; margin: 20px 0; border-top: 1px solid #CCC; }
.center { margin: 0 auto; text-align: center; }
.fade { color: #999; }
span { color: #999; }
/*

Cabecalho

*/
header { clear: both; margin-top: 5px; display: block; width: 100%; }
#Logo { float: left; padding: 25px 0; }
#Logo a { color: black; font-size: 3em; font-weight: 700; }
#Logo a span { color: #555; }
#MenuTopo { float: right; }
#MenuTopo ul li { float: left; margin-left: 20px; }
#MenuTopo ul li a { font-size: 80%; color: #666; }
/*

Menu

*/
#MenuArea { clear: both; font-family: "Montserrat", "Trebuchet MS", Arial, Helvetica, sans-serif; }
menu { display: table; width: 100%; background-color: #fff /*DDD*/; border: 1px solid #ccc; /*963 ba8*/ }
menu ul li { float: left; list-style: none; }
menu a { display: block; color: black; padding: 5px 15px 4px 15px; }
menu a:hover { background-color: #eee; }
menu ul li ul li { display: none; }
menu .active { background-color: #999; color: white; }
menu a.home { width: 25px; background: url('/assets/img/home.gif') 15px 3px no-repeat; }
menu a.home:hover { background: #eee url('/assets/img/homeh.gif') 15px 3px no-repeat; }
#Procurar { float: right; }
#Procurar input[type="text"] { margin: 4px; float: right; width: 130px; height: 18px; background-color: #DDD; border: 1px solid #AAA; padding: 2px 4px; color: #333; }
#Procurar input[type="submit"] { display: none; }
/* 

Corpo

*/
#InfoArea { clear: both; display: block; width: 100%; }
#Info { min-height: 300px; width: 100%; padding: 15px 0; float: left; }
.coluna1 { float: left; width: 700px; }
.coluna2 { float: right; padding: 0 0 0 10px; border-left: 1px solid #CCC; }
.coluna1 h3 { clear: both; text-align: left; font-size: 1em; text-transform: uppercase; z-index: 1; }
.coluna1 h3 span { background: #fff; padding: 0 12px; z-index: 10; }

/*

Publicidade

*/
#Publicidade { }
#Publicidade span { color: #999; font-size: 50%; padding: 0; margin: 0; }
/*

Posters

*/
.listaPoster li { display: inline-block; vertical-align: top; margin: 0; padding: 0; }
.listaPoster li .posterBloco { margin: 10px 0px; }
.listaPoster li .posterBloco, .listaPoster li, .listaPoster li img { width: 160px; }
.listaPoster li, .listaPoster li { margin: 0 3px; }
.listaPoster li .posterFilme { text-align: center; }
/*

Filmes

*/
.filme p { margin: 5px 0; }
.filme .poster img { max-width: 300px; margin: 0 30px 15px 0; float: left; }
.filme .titulo { font-size: 25px; line-height: 32px; }
.ocupacoes span { font: 14px/24px Arial, Helvetica, sans-serif; color: #000; }
.ocupacoes a { font: 14px/24px Arial, Helvetica, sans-serif; color: #963; }
.ocupacoes .adicional { font: 14px/24px Arial, Helvetica, sans-serif; color: #999; }
.equipas a { font: 14px/24px Arial, Helvetica, sans-serif; color: #963; }
.sinopse { font: 14px/24px Arial, Helvetica, sans-serif; }
.filme .sinopseEng { font: 14px/24px Arial, Helvetica, sans-serif; }
.filme .classificacao {  }
.filme .minutos { margin: 0; }
.minutos a {font: 14px/24px Arial, Helvetica, sans-serif; }
.trailers,
.equipas,
.imagens,
.observacoes,
.localidades,
.entidades, 
.paises { clear: both; display: block; width: 100%; margin: 20px 0; padding: 5px 0; border-top: 1px solid #CCC; }
.trailers li iframe { width: 640px; }
.trailers li,
.imagens li { display: inline-block; float: left; margin: 5px 10px 10px 5px; }
.trailers .titulo,
.equipas .titulo,
.imagens .titulo,
.observacoes .titulo,
.entidades .titulo,
.localidades .titulo,
.paises .titulo { font-size: 1.2em; margin: 5px 0; }
.imagens li { display: inline-block; float: left; }
.equipas li { /*float: left; margin: 0 20px 10px 20px;*/ font: 14px/24px Arial, Helvetica, sans-serif; }
.entidades ul { /*float: left; margin: 0 20px 10px 20px;*/ font: 14px/24px Arial, Helvetica, sans-serif; }
.sinopse ul { /*float: left; margin: 0 20px 10px 20px;*/ font: 14px/24px Arial, Helvetica, sans-serif; }
/*

Caminho

*/
#CaminhoArea { clear: both; float: right; padding: 0px 5px; font-size: 10px; }
/*

ContactosForm

*/
#contact_form { margin: 0px 30px 10px 0px; padding: 10px; float: left; display: block; width: 340px; }
#contact_form input[type="text"],
input[type="text"],
input[type="password"],
#username,
#password,
#contact_form textarea,
textarea { width: 320px; padding: 3px 5px; background-color: #EEE; border: 1px solid #999; }
textarea { height: 200px; width: 90%; }
#contact_form input[type="text"]:focus,
#contact_form textarea:focus { background-color: #DDD; }
#contact_form textarea { height: 100px; margin-bottom: 10px; }
legend { font-size: 14px; }
label { color: grey; font-size: 12px; }
.locationMap { float: right; margin-right: 20px; }
/*

Listas

*/
#lista { margin: 10px 0; }
#lista li { padding: 5px; }
/*.lista li:nth-child(odd) { background-color: #f3f3f3; } */
#lista li:nth-child(even) { background-color: #e0e0e0; }
#lista a { }
#lista a:hover { color: red; }
/*

Paginacao

*/
.pagination { clear: both; margin: 5px auto; text-align: center; }
.pagination ul { }
.pagination ul li { display: inline-block; margin: 5px; }
.pagination a { color: black; padding: 4px 10px; border: 1px solid #ccc; background-color: #ddd; }
.pagination a:hover { color: red; background-color: #EEE; }
.pagination a.active { background-color: #EEE; color: #999; }
/*

Rodape

*/
#RodapeArea { clear: both; margin: 0 auto; text-align: center; padding: 20px 0; font-size: 80%; border-top: 1px solid #ccc; }
#RodapeArea { text-transform: uppercase; }
footer * { color: #666; }
footer a { padding: 0px 5px; color: #777; }
footer ul { list-style-type: none; }
footer ul.apoios { margin: 30px 0; }
footer ul li { display: inline; }
footer ul li:after { content: '|'; }
footer ul.apoios li:after { content: ''; }
footer ul li:first-child { list-style: none; }
footer .submenu { display: none; }
footer p { clear: both; }
footer .apoios img { height: 60px; }