@import url("https://static.publicocdn.com/files/framework/framework.css?2018");
@import url("https://static.publicocdn.com/files/framework/perifericos.css?2018");

/*
PÚBLICO - Cinecartaz
webdesign@publico.pt
Hugo Baeta (@hugobaeta), Hugo Castanho (@hcastanho)
*/

/* @group Basic Styles */
body { background: #000; min-width: 980px; }
/* @end */

/* @group Links & BaseStyles */
#masthead a:link, #masthead a:visited { color: #efefef; text-decoration: none; }
#masthead a:hover, #masthead a:active { color: #fff; text-decoration: none; }

a.actionbtn { padding: 8px 30px 7px 10px; margin: 0 0 .5em; display: block; line-height: 1;
	font-family: 'PublicoRoman', Georgia, sans-serif; font-size-adjust: 0.51;
	border: 1px solid #3B3B38; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background: #5A5A57;
	background: -moz-linear-gradient(top, #5A5A57, #3B3B38); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#5A5A57), to(#3B3B38)); }
a.actionbtn:link, a.actionbtn:visited { color: #efefef; text-decoration: none; }
a.actionbtn:hover, a.actionbtn:active { color: #fff; background: #3B3B38; border-color: #000; }

a.actionbtn.light { padding: 8px 30px 7px 10px; margin: 0 0 .5em; display: block; line-height: 1;
	font-family: 'PublicoRoman', Georgia, sans-serif; font-size-adjust: 0.51;
	border: 1px solid #9F9F9C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background: #D1D1CE;
	background: -moz-linear-gradient(top, #C2C2BF, #9F9F9C); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#C2C2BF), to(#9F9F9C)); }
a.actionbtn.light:link, a.actionbtn.light:visited { color: #272724; text-decoration: none; text-shadow: 0 1px 0 #C2C2BF; }
a.actionbtn.light:hover, a.actionbtn.light:active { text-shadow: 0 1px 0 #000; color: #fff; background: #3B3B38; border-color: #000;  }

a.actionbtn.no-icon { padding: 8px 10px 7px; }

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited { color: #333; text-decoration: none; }
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active { color: #008290; text-decoration: none; }
/* @end Links & BaseStyles */

/* @group Typography */
h2.boxtitle, header.boxtitle { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #fff; padding: 0; text-shadow: 0 1px 0 #fff; }
h2.boxtitle span, header.boxtitle h2 { border-top: 1px solid #fff; border-bottom: 1px solid #d1d1d1; display: block; margin: 0; padding: 3px 1px 2px; }
h2.boxtitle.first span, header.boxtitle.first h2 { border-top: none; padding-top: 0; }

header.boxhead { position: relative; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #fff; padding: 0; margin-bottom: .5em; }
header.boxhead h2.boxtitle { border-top: 1px solid #fff; border-bottom: 1px solid #d1d1d1; margin: 0; }
header.boxhead h2.boxtitle span { border: 0; }
header.boxhead .boxnav { position: absolute; right: 0; top: 6px; font-size: 85.7% /*12px*/; }
.passatempos header.boxhead .boxnav { top: 11px; }
header.boxhead .boxnav li { list-style: none; margin: 0; padding: 0; float: left; }
.passatempos header.boxhead .boxnav li { width: 7px; height: 8px; margin-left: 5px; }
header.boxhead .boxnav li.ir a { display: block; width: 7px; height: 8px;  
	background: url(https://static.publico.pt/files/cinecartaz/img/iconmatrix.png) no-repeat -27px -32px; }
header.boxhead .boxnav li.nav-anterior a { background-position: -20px -32px; }
header.boxhead .boxnav li.nav-seguinte a { background-position: -34px -32px; }
header.boxhead .boxnav li.nav-bullet a:hover { background-position: -48px -32px; }
header.boxhead .boxnav li.nav-anterior a:hover { background-position: -41px -32px; }
header.boxhead .boxnav li.nav-seguinte a:hover { background-position: -55px -32px; }
header.boxhead .boxnav li.active a { background-position: -62px -32px !important; }
/* @end Typography */

/* @group Header */
#masthead { width: 100%; min-height: 130px; padding-top: 20px; margin-bottom: 0; position: relative; color: #efefef; }
#branding { position: relative; width: 100%; }
#branding hgroup, #branding nav { margin: 0 auto; width: 940px; padding: 0 20px; overflow: hidden; position:relative; z-index:10;}
#branding h1, #branding h2 { text-shadow: 0px 0 20px #000, -1px -1px 2px #000, 1px 1px 2px #000; margin: 0;  }
#branding h1 { float: left; padding: 0; text-transform: lowercase; font-size: 461.53% /*60px*/; }
#branding h1 a { background: url(https://static.publico.pt/files/cinecartaz/img/brandingsprites.png) no-repeat -20px 0; text-indent: -9999px; width: 320px; display: block; }
#branding h2 { float: right; padding: 12px 0 0; 
	font-family: 'PublicoBannerBlack', Georgia, sans-serif; font-size: 346.15% /*45px*/; font-weight: bold; }
#branding h2 abbr { outline: none; border: none; cursor: pointer; }
#branding h2 a:link, #branding h2 a:visited { color: #555; }
#branding h2 a:hover, #branding h2 a:active { color: #B50E20; }
#branding h2 a { background: url(https://static.publico.pt/files/cinecartaz/img/brandingsprites.png) no-repeat -340px -13px; 
	text-indent: -9999px; width: 55px; display: block; }
#branding h2 a:hover { background-position: -400px -13px; }

/* Navegação */
#branding nav { width: 940px; padding: 10px 20px; overflow: hidden; text-shadow: 0 1px 0 #000;
	font-size: 123.07% /*16px*/; line-height: 1.2; font-family: 'PublicoRoman', Georgia, sans-serif; font-size-adjust: 0.52; 
	background: url(https://static.publico.pt/files/cinecartaz/img/headerline.png) no-repeat center top; }
#branding nav ul li { float: left; }
ul#nav-main { width: 845px; float: left; padding: 0 0 0 5px; }
ul#nav-main li { margin-right: 30px; }
#branding nav a:link, #branding nav a:visited { color: #aaa; }
#branding nav a:hover, #branding nav a:active { color: #fff; }
#branding nav ul li.active a { color: #fff; }

/* Pesquisa */
#pesquisa { width: 100%; background: #E5E5E2;  border-bottom: 1px solid #fff;
	color: #6D6D6A; text-shadow: 0 1px 0 #fff;
	font-size: 100% /*13px*/; line-height: 1; font-family: 'PublicoRoman', Georgia, sans-serif; font-size-adjust: 0.52; }
#pesquisa .specialwrap { width: 100%; padding: 10px 0 7px; border-bottom: 1px solid #D1D1CE; }
#pesquisa .specialwrap .wrap { width: 940px; margin: 0 auto; padding: 0 20px; }
#pesquisa a:link, #pesquisa a:visited { color: #6D6D6A; text-decoration: none; }
#pesquisa a:hover, #pesquisa a:active, #pesquisa li.active a { color: #333; }

/* Selectors */
#pesquisa-selectors { width: 620px; float: left; overflow: visible; }
#pesquisa-selectors li a.actionbtn, #pesquisa-form input {  margin: 0; padding: 5px 30px 5px 10px; display: block; position: relative; 
	border: 1px solid #D1D1CE; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background: #F8F8F8; background: -moz-linear-gradient(top, #F8F8F8, #E6E6E6); background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#E6E6E6)); }
#pesquisa-selectors li a:hover, #pesquisa-selectors li a.active { border-color: #bbb; }
#pesquisa-selectors li a span { width: 10px; height: 6px; position: absolute; right: 10px; top: 50%; margin-top: -3px; background: url(https://static.publico.pt/files/framework/img/iconmatrix.png) no-repeat -69px -32px; }
#pesquisa-selectors li a:hover span { background-position: -79px -32px; }
#pesquisa-selectors li a.active { background: #fff; }
#pesquisa-selectors li a.active span { background-position: -89px -32px; }
#pesquisa-selectors li a.active:hover span { background-position: -99px -32px; }

#pesquisa-selectors .submenu { font: 100%/1.5em Arial, sans-serif; float: none; display: block; position: relative; }
#pesquisa-selectors .submenu .submenu-wrap { position: absolute; z-index: 9; top: 5px; padding: 5px;
	width: 218px; height: 300px; overflow-y: auto; background: #fff;
	border: 1px solid #aaa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5); box-shadow: 0 5px 10px rgba(0,0,0,.5); }
#pesquisa-selectors .submenu ul { margin: 10px 0; }
#pesquisa-selectors .submenu ul li { float: none; }
#pesquisa-selectors .submenu ul li h2 { text-shadow: 0 1px 0 #fff; text-align: left; float: none; padding: 0; font: 123.07% 'PublicoMedium', Georgia, serif; }





/*TEMP*/
#lista-salas .submenu-wrap,
#lista-filmes .submenu-wrap,
#bloco-local .submenu-wrap {display: none; width:225px !important;}
.submenu-wrap form > div {border-bottom: 1px solid #DDDDDD;margin-bottom: 0.5em;overflow: hidden;padding-bottom: 0.5em;margin-left: 10px;margin-right: 10px;}
#bloco-local .submenu-wrap {height:auto !important;}
#bloco-local .submenu-wrap form {margin-top:10px;}
#bloco-local .submenu-wrap form div label {display:block; width:61px; float:left; padding-top:2px;}
#bloco-local .submenu-wrap form div select {width:142px;padding:2px 0px;}
#bloco-local .submenu-wrap form > div#search {border:none;}
#bloco-local .submenu-wrap form #search a {margin-left:61px;margin-top:10px;}
div .submenu.on  > .submenu-wrap {display:block !important;}
/* active*/

/*TEMP*/

/* Pesquisa Livre */
#pesquisa-form { width: 300px; float: right; padding: 0; position: relative; }
#pesquisa-form label { display: none; }
#pesquisa-form input { width: 258px; padding: 5px 30px 5px 10px; color: #6D6D6A; text-shadow: 0 1px 0 #fff;
	font-size: 100% /*13px*/; line-height: 1; font-family: 'PublicoRoman', Georgia, sans-serif; font-size-adjust: 0.52;
	background: #E6E6E6;
	background: -moz-linear-gradient(top, #E6E6E6, #eee); 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#E6E6E6), to(#eee));
	-webkit-box-shadow: 0 1px 0 #fafafa inset; -moz-box-shadow: 0 1px 0 #fafafa inset; box-shadow: 0 1px 0 #fafafa inset; }
#pesquisa-form input:focus { border-color: #bbb; outline: none; }
#pesquisa-form button { width: 20px; height: 20px; position: absolute; right: 5px; top: 50%; margin: -9px 0 0 0;
	border: none; background: url(https://static.publico.pt/files/framework/img/iconmatrix.png) no-repeat 0 0; }
#pesquisa-form button:hover { background-position: 0 -20px; }

/* Pesquisa Submenus

#pesquisa .submenu ul li { width: 300px; margin: 0 10px; }
#pesquisa .list-column-processed { margin: 0 10px 0 0; }
#pesquisa .submenu #lista-filmes, #pesquisa .submenu #lista-salas {height:1px;overflow:hidden;}
#pesquisa .submenu .showMe {height:auto !important; overflow:visible !important;}
#pesquisa .submenu .columnizer ul {margin:0px !important;list-style:none; }
#pesquisa .submenu .columnizer ul li {width:290px !important;}
#pesquisa .submenu .basicvertlist { padding: 20px 0; }
 */

/* Homepage */
body.home #masthead { min-height: 340px; padding-top: 0; position: relative; border-top: 1px solid #555; margin-top: -1px; }
body.home #branding { margin-top: 240px; position: relative; z-index: 100; }
#mastdestaques { width: 100%; height: 340px; margin: 0; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; }
#mastdestaques ul { width: 980px; margin: 0 auto; list-style: none; }
#mastdestaques li { width: 980px; list-style: none; }
#mastdestaques li a { width: 980px; height: 240px; position: absolute; top: 0; left: 0; display:block; z-index: 100; 
	background: #000;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: .0;
  /* Safari 1.x */
  -khtml-opacity: .0;
  /* Good browsers */
  opacity: .0;
}
/* @end Heaader */


/* @group Content */
#main { width: 100%; background: #f4f4f4; padding: 1.5em 0; }
#main .container { padding: 0 10px; }
.posterlist {  margin-bottom: 1.5em;  }
.posterlist li { width: 140px; height: 225px; overflow: hidden; }
.posterlist li h3 { font-size: 85.7% /*12px*/; font-family: Arial, sans-serif; width: 620px; }

/*Home*/
.destaque-ipsilon article.noticia p.subtitle { margin-bottom: 0; }
.destaque-ipsilon article.noticia h3 { margin: 0; }
.destaque-ipsilon article.noticia img { margin-bottom: .5em; }

/* Genéricos */
header.intro { border-bottom: 1px solid #ddd; margin-bottom: .5em; }
.fichatec h3, .resultadospesquisa h3, .resultadospesquisa p { margin-bottom: .3em; }
.resultadospesquisa .stars { float: right; margin-top: 3px; }
.itemindex a:link p, .itemindex a:visited p { color: #333 !important; text-decoration: none; }
.itemindex a:link p.subtitle, .itemindex a:visited p.subtitle { color: #888 !important; }
.itemindex a:hover h3, .itemindex a:active h3 { color: #008290 !important; }
li.spacerli { margin-top: 1.5em !important; }

/* Ficha de Filme */
.fichafilme.wrap, .votos.wrap { margin-bottom: 1em; }

.fichatecfilme { margin: 0; padding: 0; }
.fichatecfilme dl { font-size: 85.7% /*12px*/; }
.fichatecfilme h3 { margin-bottom: 0; }
.cc-cartazfilme { margin-bottom: 1em; }
.votosdoscriticos ul li h3 { width: 220px; float: left; margin: 0; font-weight: normal; }
.votosdoscriticos ul li ul { float: right; margin-top: 4px; }
.votosdoscriticos ul li ul li { border: none; margin-bottom: 0; padding-bottom: 0; }
.filmecriticas p { margin: 0; }
.filmecriticas li { margin-bottom: 1em; padding-bottom: 1em; }

/* Sessões overlay */
.sessoes.wrap { width: 640px; margin: 20px auto; }
.sessoes h2 { color: #ddd; font-size: 114.3% /*16px*/; 
	margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #333; }
.sessoes .distrito ul li a { text-decoration: none; }
.sessoes .distrito ul li a:hover { color: #ddd; }
.sessoes .resultados ul { height: 400px; overflow-y: scroll; }
.sessoes .resultados ul li dl { margin-bottom: 0.5em; color: #555; }
.sessoes .resultados ul.stripelist li { border-bottom-color: #222; }
.sessoes .resultados h3 { margin-bottom: 0; }
.sessoes .resultados h3 a { color: #aaa; }
.sessoes .resultados h3 a:hover { color: #008290; }

/* Star rating system */
.stars { overflow: hidden; margin: 0; }
.stars li { list-style: none; float: left; width: 15px; height: 15px; margin-left: 2px; 
	background: url(https://static.publico.pt/files/cinecartaz/img/iconmatrix.png) -20px 0; }
.votosdosleitores .stars { margin-bottom: .5em; }
.show1stars li.stars1,
.show2stars li.stars1, .show2stars li.stars2, 
.show3stars li.stars1, .show3stars li.stars2, .show3stars li.stars3, 
.show4stars li.stars1, .show4stars li.stars2, .show4stars li.stars3, .show4stars li.stars4, 
.show5stars li.stars1, .show5stars li.stars2, .show5stars li.stars3, .show5stars li.stars4, .show5stars li.stars5 { 
	background-position: -20px -15px; }
li.stars0 { background-position: -35px 0; }
.shownostars li.stars0, 
.show1stars li.stars0, 
.show2stars li.stars0, 
.show3stars li.stars0, 
.show4stars li.stars0, 
.show5stars li.stars0 { display: none; }
.show0stars li.stars1, .show0stars li.stars2, .show0stars li.stars3, .show0stars li.stars4, .show0stars li.stars5 { 
	display: none; } 
.show0stars li.stars0 { background-position: -35px -15px; margin-right: 60px; }

/* Ficha de Cinema e Pesquisa */
ul.cinema ul.fichatec { margin-bottom: 0; }
ul.cinema ul.fichatec li.sala { margin-top: 1em; }

/* Notícia/Critica/Passatempo */
article.noticia .subtitle, article.critica .subtitle, article.passatempo .subtitle, .resultadospesquisa .subtitle,
article.noticia .date, article.critica .date, article.passatempo .date
article.noticia footer, article.critica footer, article.passatempo footer { font-size: 85.7% /*12px*/; margin-bottom: .5em; color: #888; }
article.noticia img, article.critica img, article.passatempo img { margin-bottom: 1.5em; }
.critica-filme { border-bottom: 1px solid #ddd; margin-bottom: 1em; }
.critica header ul.stars { margin-bottom:1em; margin-top:-0.5em; }
/* Comentários */
.comentarios ol { margin-bottom: 1.5em; }
.comentarios ol, .comentarios ol li { list-style: none; margin-left: 0; }
.comentarios ol li { border-bottom: 1px solid #ddd; font-size: 85.7% /*12px*/; margin-bottom: 1em; position: relative; }
.comentarios ol li:last-child { border: none; }
.comentarios ol li ul li { border-bottom: 0; }
.comentarios ol li p { margin-bottom: 1em; }
.comentarios .author { margin-bottom: .5em; }
.comentarios ol li h3 { font-family: Arial, sans-serif; margin-bottom: .5em; }
.comentario-entry-action { position: absolute; top: 0; right: 0; text-align: right; }

/* Comentário Form */
.comentario-nome input, .comentario-email input, .comentario-local input, .comentario-anonimo { width: 293px;}
.comentario-titulo input, .comentario-texto textarea { width: 608px; }
/* Critica-form */
#criticas-form .comentario-titulo input,
#criticas-form .comentario-texto textarea,
#criticas-form .comentario-nome input, 
#criticas-form .comentario-email input, 
#criticas-form .comentario-local input { width: 208px; float: none; }
#criticas-form .comentario-nome, #criticas-form .comentario-local, #criticas-form .comentario-email { float: none; }
#criticas-form .comentario-submit { overflow: hidden; margin-top: 5px; }
#criticas-form .comentario-submit input.comentario-enviar { position: static; float: right; }
.comentario-submit input.loading { padding-right: 30px; }
/* @end Content */

/* @group Sidebar */
.passatempos.widget {  }
.passatempos.widget h3.basic { font-weight: bold;  }
.passatempos.widget p { font-size: 85.7% /*12px*/; }
.passatempos.widget a.actionbtn { text-align: center; }
.passatempos .widgetcontent { height: 200px !important; overflow: hidden; }
.passatempos .widgetcontent li { margin: 0 0 .5em; }
/* @end Sidebar */

/* Pesquisa forms */

#page-nav, .paginator {margin-bottom:40px; margin-top:20px; clear:both;}
#page-nav span a, .paginator span a {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline; padding:0px 5px; background-color:#D1D1CE; margin:0px 1px; vertical-align:middle; text-align:center; min-width:10px; text-decoration:none;}
#page-nav span, .paginator span {padding:3px;}
#page-nav span a:hover, .paginator span a:hover {background-color:#000; color:#D1D1CE;}

/*SPECIAL*/

.resultadospesquisa ul.fichatec { list-style: none; margin: 0; padding: 0; overflow: hidden; }

.cinema.basicvertlist.stripelist ul { overflow:hidden; }
/* .cinema.basicvertlist.stripelist ul li a { color: #008290; text-decoration: underline; cursor:pointer;} */

.cinema.basicvertlist.stripelist h2, .cinema.basicvertlist.stripelist h3 {display:inline;}
.cinema.basicvertlist.stripelist span {display:block;}
#pesquisa-selectors .actionbtn {background-color:#EFEFEF;}
.cinema.basicvertlist.stripelist {font-size:97.0%;}
.noticia p a.actionbtn { float: left; padding-right: 10px; overflow: hidden; clear: both; }