@import "../fonts/roboto/roboto.css";
@import "../fonts/font-awesome-4.7.0/css/font-awesome.min.css";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block}
body {line-height: 1;background-color: #fff}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0}
* {box-sizing: border-box}


/*CABECALHO*/
#container {width:980px;min-height: 800px;margin:0 auto}
.banner {width:980px;height:110px;margin-top:20px}
.logo-bcc {width:480px;float:left}
.logo-cb {width:480px;height:106px;float:right;text-align:right}
.logo-cb img {/*margin-top:25px*/}


/*MENU*/
#menu {width: 980px;margin:0 auto}
ul.menu a {font-weight:700;font-size:24px;color: #0E0500;padding: 0px;text-transform: uppercase}
#cssmenu > ul > li > a:hover {color: #f34031 }
#menu .menu-filmes {margin-right:3px}
#menu li a {text-decoration: none}
#menu .menu-cartazes, #menu  .menu-fotos, #menu .menu-textos, #menu .menu-colecoes, #menu .menu-busca {margin-left:90px}
#cssmenu ul { margin: 0; padding: 0}
#cssmenu li { margin: 0; padding: 0;}
#cssmenu a { margin: 0; padding: 0;}
#cssmenu ul {list-style: none;}
#cssmenu a {text-decoration: none;}
#cssmenu {height: 30px;margin-top:30px;margin-bottom: 30px;}
#cssmenu > ul > li {float: left;position: relative}
#cssmenu > ul > li > a {
    font-family:'Roboto',sans-serif;
    color:#000;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

#cssmenu > ul > li > ul {
    opacity: 0;
    visibility: hidden;
    padding: 16px 0 10px 0;
    background-color: rgb(198,66,54);
    text-align: left;
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -70px;
    width: 150px;
-webkit-transition: all .3s .1s;
   -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}

#cssmenu > ul > li:hover > ul {
    opacity: 1;
    top: 44px;
    visibility: visible;
}

#cssmenu > ul > li > ul:before{
    content: '';
    display: block;
    border-color: transparent transparent rgb(198,66,54) transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -40px;
}

#cssmenu > ul ul > li { position: relative;}

#cssmenu ul ul a{
    color: rgb(255,255,255);
    font-family:'Roboto',sans-serif;
    font-size: 13px;
    font-weight: 400;
    background-color: rgb(198,66,54);
    padding: 5px 8px 7px 16px;
    display: block;
-webkit-transition: background-color .1s;
   -moz-transition: background-color .1s;
     -o-transition: background-color .1s;
        transition: background-color .1s;
}

#cssmenu ul ul a:hover {background-color: rgb(198,66,54);}
#cssmenu ul ul ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -16px;
    left: 206px;
    padding: 16px 0 20px 0;
    background-color: rgb(198,66,54);
    text-align: left;
    width: 160px;
-webkit-transition: all .3s;
   -moz-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
   -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4);
        box-shadow: 0px 1px 3px rgba(0,0,0,.4);
}
#cssmenu ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;}
#cssmenu ul ul a:hover{background-color: rgb(205,44,36);color: rgb(240,240,240);}




/*PRÉ-DEFINIÇÕES DE TIPOGRAFIA*/
body {font-size:16pt;font-family:'Roboto',sans-serif}
h1 {font-size:22pt}
h2 {font-size:16pt}
h3 {font-size:14pt}
h1, h2, h3 {font-weight:700;text-transform: uppercase}
h5 {font-weight:600;text-transform: uppercase}

/*CONTEUDO DE CAPA*/
.content h1 {color: #f34031;margin-top:15px;margin-bottom:15px}
.bcc-about {background-color:#d1d3d4;padding:40px;margin-top:14px}
.bcc-about h5, .bases-about h5 {padding-bottom:10px;letter-spacing:1px}
.bcc-about p, .bases-about p {color:#58595b;line-height:140%;margin-bottom:10px;font-size: 12pt;}
.bcc-about em {background-color:#000;font-size:12px; padding: 1px 12px 1px 12px;text-transform: uppercase;font-style:normal;}
.bcc-about em a {color:#fff;text-decoration:none}
.bcc-about em a:hover {color:#f34031}
.content h1 a {color: #f34031;text-decoration:none}
.content h1 a:hover {color: #000}
#filmes {width:100%;height:295px;margin:0}
.filme-destaque {width:50%;float:left}
.tvtupi-destaque {width:50%;float:right;text-align:right}
.tvtupi-destaque h1 {text-align:left;padding-left: 5px;}
#share {margin:0 auto;width:980px;height:160px;margin: 36px 0 40px 0}
.share-content {width:485px;float:left;height:150px}
.social {height:50px;padding-top:0px;font-weight:500;font-size:20px;line-height:120%;width:242px;float:left;height:140px}
.social ul {margin-top:15px;margin-left: 5px;}
.social li {display:inline-block;margin-left:-5px;margin-right:5px}
.bases-about {width:490px;float:right;height:170px; padding: 25px 20px 20px 20px;border:1px solid #dcddd3;font-size:12pt}
.bases-about em {background-color:#000;font-size:12px;padding:1px 12px 1px 12px;text-transform: uppercase;font-style:normal;float: right;}
.bases-about em a {color:#fff;text-decoration:none}
.bases-about em a:hover {color:#f34031;}

.bases-about h5 {
    color: #58595b;
    font-size: 18px;
    letter-spacing: 0px;
		margin-bottom: -12px;
    }


.mailchimp {width:242px;float:right;height:140px}
.mailchimp input[type=text], .mailchimp input[type=email] {border: 1px solid #f34031;background-color:#fff;margin-bottom:5px;padding:8px}
.mailchimp input[type=submit] {border: 1px solid #f34031;background-color: #f34031;color: #fff;margin-bottom:5px;padding:5px;font-weight:900;text-transform: uppercase}
.mailchimp ::-webkit-input-placeholder {color: #f34031}
.mailchimp :-moz-placeholder {color: #f34031;opacity: 1}
.mailchimp ::-moz-placeholder {color: #f34031;opacity:  1;}
.mailchimp :-ms-input-placeholder {color: #f34031;}
.mailchimp ::-ms-input-placeholder {color: #f34031;}
.mailchimp ::placeholder {color: #f34031}
.mailchimp h5 {text-transform: uppercase;padding-bottom:8px;font-weight:600;letter-spacing:1px;color: #f34031}

/*FORMULÁRIO*/
.form-wrapper input[type="submit"] {overflow: visible;position: relative;float: right;border: 0;padding: 0;cursor: pointer;height: 60px;width: 160px;color: #fff;text-transform: uppercase;background: #f34031}


/* html.js input.form-autocomplete, */
.form-item.form-type-textfield.form-item-search-block-form input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-1 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-2 input[type="text"],
.form-item.form-type-textfield.form-item-custom-search-blocks-form-3 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-4 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-5 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-6 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-7 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-8 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-9 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-10 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-11 input,
.form-item.form-type-textfield.form-item-custom-search-blocks-form-12 input
 {width: 815px;height: 60px;margin-right: 5px;float:left;border: 2px solid #f34031;background: #fff;background-image: url('../imagens/lupa-input.png');background-position: 15px 10px; background-repeat: no-repeat;padding: 12px 20px 12px 60px;color:#f34031}
.form-wrapper input:hover {background: #e54040;}
.form-wrapper input:hover {background: #e54041;}
2
.,form-wrapper input:hover {background: #e54040;}

.form-wrapper input:active,.form-wrapper input:focus{background: #c42f2f}
.form-wrapper input:hover:before{border-right-color: #e54040}
.form-wrapper input:focus:before{border-right-color: #c42f2f}
.form-wrapper input::-moz-focus-inner {border: 0;padding: 0}
.form-wrapper input::-webkit-input-placeholder, .form-wrapper input:-ms-input-placeholder, .form-wrapper input:-moz-placeholder {color: #f34031;font-weight: normal;font-style: italic}
.form-item-retain-filters, .spelling-suggestions {display: none !important}
.menu-busca {margin-top: -7px !important;}


#edit-search-block-form--4 {
	height: 60px;
}

.page-busca-texto-avancada .form-type-textfield input[type="text"],
.page-busca-foto-avancada .form-type-textfield input[type="text"],
.page-busca-cartaz-avancada .form-type-textfield input[type="text"],
.page-busca-filme-avancada .form-type-textfield input[type="text"] {
	width: 226px;
	height: 40px;
	margin-right: 5px;
	float: left;
	border: 2px solid #f34031;
	background: #fff;
	padding: 12px 20px 12px 20px;
	color: #f34031;
}


.page-busca .views-exposed-form label {
	font-size: 11pt;
	font-weight: normal;
	text-transform: uppercase;
	margin-top:7px
}

.page-busca .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 28px;
	border: 0;padding: 0;
	cursor: pointer;height: 40px;width: 160px;color: #fff;
	text-transform: uppercase;
	background: #f34031 !important;
	margin-left:-2px;
}

/*CARROSSEL*/
.box {cursor: pointer;height: 397px;float: left;margin: 0px;position: relative;overflow: hidden;width: 980px}
.box img {position: absolute;left: 0}
.box .caption {font-size: .5em;background-color: #f34031;position: absolute;color: #fff;z-index: 100;left: 0;opacity: 0;width: 980px;height: 50px;text-align: left;padding: 0;margin-top:310px}
.box img, .box .caption {-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out}
.box:hover .fade-caption {opacity: 1}
.owl-destaque .item {text-align: center;height: 397px;margin-top: 30px;}
.wrapper {position: relative;max-width: 980px;margin: 0 auto}
#nav {position: relative}
.wrapper:hover #nav > div {visibility: visible}
#nav > div {font-size: 100px;position: absolute;top: -250px;z-index: 2;cursor: pointer;padding: 0 5px;visibility: hidden;color:#f34031;-moz-opacity: 0.7;opacity: 0.7;filter: alpha(opacity=70)}
.owl-prev {left: 0}
.owl-next{right: 0}
.caption h2 {text-transform: uppercase;font-size: 22px;font-weight:600;text-align:center;margin-top:14px}
.caption h2 a, .owl-cartazes a {color:#000;text-decoration: none;}
span.ano {color:#fff}
/*.owl-fotos .item {text-align: center;height: 213px;}*/
.owl-fotos .item {text-align: center;height: 250px;}
.owl-documentos .item {text-align: center;height: 158px}


#nav2, #nav-documentos {position: relative}
.wrapper:hover #nav2 > div, .wrapper:hover #nav-documentos > div {visibility: visible}
#nav2 > div, #nav-documentos > div {font-size: 60px;color:#f34031;position: absolute;z-index: 2;cursor: pointer;padding: 0 5px;visibility: hidden}
#nav2 > div {top: -150px}
#nav-documentos > div {top: -125px}



.owl-cartazes {height:170px}
.owl-cartazes .item {text-align: center;height: 167px}
.owl-cartazes .item .container-slide {position: relative;width: 112px}
#nav3 {position: relative}
.wrapper:hover #nav3 > div {visibility: visible}
#nav3 > div {font-size: 40px;color:#f34031;position: absolute;top: -100px;z-index: 2;cursor: pointer;padding: 0 5px;visibility: hidden}
.container-slide {position: relative;width: 320px;background-color:#000}
/*.container-documentos {position: relative;width: 180px;background-color:#000;height:190px} */
.container-documentos {position: relative;}
.image {opacity: 1;display: block;width: 320px;height: auto;transition: .5s ease;backface-visibility: hidden}
/*.image-documentos {opacity: 1;display: block;width: 154px;height: auto;transition: .5s ease;backface-visibility: hidden}*/
.image-documentos {opacity: 1;display: block;transition: .5s ease;backface-visibility: hidden}
.image-documentos {overflow: hidden;}
.middle {transition: .5s ease;opacity: 0;position: absolute;top: 80%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width:100%}
.container-slide:hover .image, .container-filme:hover .image-filme, .container-documentos:hover .image-documentos, .container-fc:hover .image-fc, .container-fc-capa:hover .image-fc-capa {opacity: 0.7}
.container-slide:hover .middle, .container-filme:hover .middle, .container-documentos:hover .middle, .container-fc:hover .middle, .container-fc-capa:hover .middle{opacity: 1}
.text {background-color: #f34031;color: #000;font-size:12px;padding: 5px 5px;font-weight:500;text-align: center;}
.container-filme {position: relative;width: 485px;background-color:#000}
.container-fc {position: relative;width: 980px;background-color:#000}
.container-fc-capa {position: relative;width: 157px;background-color:#000}
.container-fc-capa a {text-transform: uppercase;text-decoration:none;}
.image-filme {opacity: 1;display: block;width: 485px;height: auto;transition: .5s ease;backface-visibility: hidden}
.image-fc {opacity: 1;display: block;width: 980px;height: auto;transition: .5s ease;backface-visibility: hidden}
.image-fc-capa {opacity: 1;display: block;width: 157px;height: auto;transition: .5s ease;backface-visibility: hidden}
.filme-info {width:50%;float:left}
.filme-info h4 {font-weight:700}
.filme-info h1 {font-size:18pt}
.filme-info p {
    line-height: 1.7;
    margin-bottom: 30px;
    font-size: 12pt;
}

.relacionamentos {margin-top: 30px}
.relacionamentos p a, .relacionamentos li a {color:#c7c7c8;font-size:12px;text-transform: uppercase}
.relacionamentos p {margin-top:-10px}
.fc-capa {float:left;/*width:486px;height:230px*/;margin-right:7px;margin-bottom:10px}
#content-area h1 {color: #f34031}
.assuntos a {color:#c7c7c8}
.views-field-field-assuntos-primarios a, .views-field-field-assuntos-secundarios a {color:#58595b}
.views-field-field-assuntos-primarios a:hover, .views-field-field-assuntos-secundarios a:hover {color:#f34031}



/*INTERNAS*/
.single {width:980px;margin:0 auto}
/*.single-info {width:480px;float:right;padding-left:45px;margin-top:80px}*/
.single-info {
    width: 43%;
    float: right;
    padding-left: 2%;
    margin-top: 80px;
    font-size: 12pt;
    line-height: 1.7;
}
.single-info strong, .single strong {text-transform: uppercase;font-weight: bold}
.single-info a, .single a {color: #58595b}
.single-info a:hover, .single a:hover {color:#f34031}
.views-field {padding-top:5px;padding-bottom: 5px}
.views-label {text-transform: uppercase}
.page-filmes .views-field {padding-top:5px;padding-bottom: 0;margin-bottom: -12px;font-weight: 600}
.nome-filme a {color:#f34031;text-decoration: none;font-size: 9pt;text-transform: uppercase;font-weight: 600}
.nome-filme {font-size:12px;font-weight: bold}
.text.nome-filme {width:98px}

.fake, .more-open {display: none;}
ul.primary {white-space: normal}
.node-type-filme-cultura-artigos p {margin-bottom:0}

/*.more-open {width:980px;clear:both;background-color: #dcddde;padding:40px;margin-left: -28px}*/
.more-open {width:980px;clear:both;background-color: #dcddde;padding:40px}
.page-cartazes .more-open, .page-filmes .more-open, .page-fotos .more-open, .page-textos .more-open {background-color: #fff;padding:0}

.single-info .views-field {padding-top:5px;padding-bottom: 5px}
.single-info .views-field {padding-top:5px;padding-bottom: 0;margin-bottom: 0;font-weight: 400}

.busca-info {width:980px;float:right}
.busca-info .views-field {padding-top:5px;padding-bottom: 5px}
.busca-info .views-field {padding-top:5px;padding-bottom: 0;margin-bottom: 0;font-weight: 400}

.busca-image-left {float:left ;clear:both;width:170px}
.fc-destaque .item {text-align: center;height: 340px;background-color: #c00}
.boxfc {cursor: pointer;height: 320px;float: left;margin: 0px;position: relative;overflow: hidden;width: 980px}
.boxfc img {position: absolute;left: 0}
.boxfc img, .boxfc .caption {-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;transition: all 300ms ease-out}
.boxfc .caption {font-size: .5em;background-color: #f34031;position: absolute;color: #fff;z-index: 100;left: 0;opacity: 0;width: 980px;height: 50px;text-align: left;padding: 0;margin-top:10px}

/*BUSCA*/
.header-busca {width:980px;height:32px;margin-top:20px}
.busca-simples, .busca-avancada {width:150px;font-size:10pt;text-align:center;padding:5px;font-weight: 500}
.busca-simples {background-color:#dcddde;float:left;color:#58595b;border:1px solid #dcddde}
.busca-avancada {background-color:#fff;float:left;border:1px solid #fff}
.header-busca a {color:#58595b;text-decoration:none;}
.header-busca a:hover {color:#f34031}
.views-exposed-form .views-exposed-widget {float: left;padding:0;margin-top:-2px}
.views-exposed-form .views-exposed-widget .form-submit {margin-top: 0;margin-left:10px}

.page-filmes .views-submit-button input[type="submit"],
.page-cartazes .views-submit-button input[type="submit"], .page-textos .views-submit-button input[type="submit"],
.page-fotos .views-submit-button input[type="submit"], .page-colecoes-silenciosos .views-submit-button input[type="submit"] {width: 120px;font-size:15pt;background-color: #f34031;color:#fff;border: solid 1px #f34031;height:48px}


.page-busca-cartaz-avancada .views-exposed-form .views-exposed-widget .form-submit,
.page-busca-foto-avancada .views-exposed-form .views-exposed-widget .form-submit {margin-top: 20px;margin-left: 0px}

/*.page-filmes .form-type-textfield input[type="text"], .page-textos .form-type-textfield input[type="text"],
.page-cartazes .form-type-textfield input[type="text"], .page-fotos .form-type-textfield input[type="text"]
.page-textos .form-type-textfield input[type="text"], .form-item.form-type-textfield.form-item-sm-field-xmp-headline input[type="text"],
.page-colecoes-silenciosos .form-type-textfield input[type="text"] {width: 820px;border:1px solid #dcddde;height:48px} */

.page-filmes-filtro .form-type-textfield input[type="text"],
.page-cartazes-filtro .form-type-textfield input[type="text"],
.page-fotos-filtro .form-type-textfield input[type="text"],
.page-textos-filtro .form-type-textfield input[type="text"] {width: 150px;border:1px solid #dcddde;height:38px}

.page-filmes-filtro .form-type-textfield input, .page-cartazes-filtro .form-type-textfield input,
.page-fotos-filtro .form-type-textfield input, .page-textos-filtro .form-type-textfield input {margin-right:10px}

.page-filmes-filtro label, .page-cartazes-filtro label,
.page-fotos-filtro label, .page-textos-filtro label {font-size:10pt;margin-top:10px}

.page-filmes-filtro .views-submit-button input[type="submit"],
.page-cartazes-filtro .views-submit-button input[type="submit"],
.page-fotos-filtro .views-submit-button input[type="submit"],
.page-textos-filtro .views-submit-button input[type="submit"] {width: 120px;font-size:15pt;background-color: #f34031;color:#fff;border: solid 1px #f34031;height:38px;margin-top:30px;margin-left:0}

.nome-cartazes a {color: #f34031;text-decoration: none}
.nome-cartazes a:hover {color: #000}

.resultado-itens {min-height:150px;margin-bottom: 10px;border-bottom: 1px solid #dcddd3;margin-top:22px}

.page-filmes .page-filmes-filtro {}

.views-field-sm-field-ano, .views-field-sm-field-ano-cartaz, .views-field-sm-field-xmp-scene {font-size: 10pt;color:#000}
.page-filmes table, .page-cartazes table, .page-fotos table {border: 1px solid fff;table-layout: fixed}


.page-filmes th, .page-filmes td {text-align: left !important}

.page-filmes th, .page-filmes td, .page-cartazes th, .page-cartazes td,
.page-fotos th, .page-fotos td, .page-colecoes-ligiaclark td,
.page-colecoes-encontrostransversais td {
    width: 100%;
    text-align: center;
    /* vertical-align: middle; */
    height: 190px;
    padding-bottom: 30px;
    /* padding-right: 20px; */
    /* padding-left: 20px; */
}


/*{border: 1px solid fff;width: 190px;text-align: center;
	vertical-align: top;height:190px}*/
	.cartazes td {
	  text-align: center;
	  height: 200px;
	  padding: 20px;

	}

	.cartazes > p {
	  width: 200px;
	}

	.cartazes > a > img{
	  height: 130px;
	}

.page-colecoes-ligiaclark td, .page-colecoes-encontrostransversais td {border-right: 42px solid transparent}
/*.page-filmes td:first-child, .page-cartazes td:first-child, .page-fotos td:first-child {text-align: left;}
.page-filmes td:last-child, .page-cartazes td:last-child, .page-fotos td:last-child {text-align: right;} */
.page-textos td {border-right: 12px solid transparent;border-bottom: 12px solid transparent}

/*.col-3 {padding-left: 16px;padding-right: 16px} */
.imagem-fc {margin-right:8px}
.sumario {clear:both;height:136px;padding: 25px 25px 25px 25px;background-color:#000;color:#fff;font-size:12pt;text-align:justify;line-height: 110%;}
.fc-artigos-edicao {float:left;width:486px;height:230px}
.fc-artigos-edicao:last-child {margin-left:8px}
.taxonomia-assuntos a {color: #58595b}
.taxonomia-assuntos a:hover {color: #f34031}
h4.fc  {margin-top:25px}


#saiba {width:980px;height:220px;background-color:#dcddde;padding:23px 28px;margin-top:40px;margin-bottom:40px;font-size: 13pt}
#saiba p {line-height: 110%}
.saiba {margin-top:40px}
.saiba-content {width:400px;height:32px;background-color:#000;text-align:center;margin:0 auto;padding-top:8px}
.saiba a, .saiba {color:#fff;text-transform: uppercase;text-decoration:none;font-size:11pt;font-weight: 500}
.saiba a:hover {color:#f34031}
#saiba p strong, .autor-fc-item strong {font-weight: 600}
.saiba-resumo {height:70px}
.saiba-credito {height:40px}
.saiba2 {background-color: #58595b;padding: 5px;margin-left:10px}
.saiba2 a {color:#fff;text-decoration: none}
/* .saiba3 {background-color: #000;padding: 2px;margin-left:10px;color:#fff;text-transform: uppercase}
.saiba3 a {color:#fff;text-decoration: none}
.saiba3 a:hover {color:#f34031} */

.saiba3 {background-color:#000;font-size:12px; padding: 1px 12px 1px 12px;text-transform: uppercase;font-style:normal;color:#fff}
.saiba3:hover {color:#f34031}

/* .saiba3 a {color:#fff;text-decoration:none}
 */


.artigo-fc-item {background-image: url('../imagens/icon-fc-artigo.png');background-position: 0 15px; background-repeat: no-repeat;padding: 8px 0px 12px 28px}
.artigo-fc-item a, .saiba2 a:hover {color:#f34031;text-decoration: none}
.autor-fc-item {margin-top:-15px;font-size:11pt}

#fc-edicao {width:980px;margin:0 auto;padding-top:20px}
#fc-editorial {width:490px;float:left;padding-bottom:100px}
#fc-artigo-info {width:490px;float:left;padding-left:40px;margin-top:-15px}
#fc-artigo-info p strong, #fc-editorial h4 {text-transform: uppercase;font-weight:500;}



/*PAGINACAO*/
.item-list ul li {margin: 6px}
.item-list .pager li {padding: 0}

/*RODAPE*/
#footer {width:100%;height:180px;background-color:#303030;clear:both}
.footerin {width:1140px;margin:0 auto;padding-top:25px}
.sidebar {float:left}
.sidebar a {text-transform: uppercase;font-weight:500;font-size:12pt;color:#fff;text-decoration: none}
.sidebar a:hover, nav a:hover, .aside a:hover, .social h6, .relacionamentos a:hover {color:#f34031}
.sidebar li {margin-top:5px}
.logos {float:right;}
.logos img {margin-top:60px;padding:10px}


.taxonomias-general {height:20px;margin-bottom:5px;margin-top: 5px;font-size:11pt;margin-top: 20px;clear:both}
.taxonomias-general strong {font-weight: bold}

.search-page-general {height:120px;margin-bottom:5px;margin-top: 5px;font-size:11pt;margin-top: 20px;clear:both}
.search-page-general img {float:left;margin-right:25px}
.search-page-general strong {font-weight: bold}
.search-tag {font-weight: bold;text-transform: uppercase;}
.search-tag strong, .marvin a:hover {color:#f34031}
.search-tag a {color:#000;text-decoration: none}
.sharebar {margin: 20px 0px 20px 0px}
.sharebar a {color:#58595b;height:30px;padding:2px;font-size:0.95em}

/*modal da busca*/
.interior {display: table-cell;vertical-align: middle;text-align: center;}
.modal-window {position: fixed;background-color: rgba(255,255,255, 0.9);top: 0;right: 0;bottom: 0;left: 0;z-index: 999;opacity: 0;pointer-events: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.modal-window:target {opacity: 1;pointer-events: auto}
.modal-window>div {width: 960px;height:120px;position: relative;margin: 17% auto;padding: 2rem;background: #fff;color: #444;}
.modal-close {position: absolute;right: 17px;top: -10px;width: 47px}
.modal-window input[type=text] {width: 725px !important}


.play {z-index:9;position:relative;top:160px;left:460px !important;height:81px;width:81px !important}
.modal-window2 {position: fixed;background-color: rgba(255,255,255, 0.9);top: 0;right: 0;bottom: 0;left: 0;z-index: 999;opacity: 0;pointer-events: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.modal-window2:target {opacity: 1;pointer-events: auto}
.modal-window2>div {width: 540px;height:420px;position: relative;margin: 10% auto;padding: 2rem;background: #fff;color: #444;}
.modal-close2 {color: #000;line-height: 25px;font-size: 10px;position: absolute;right: 0;text-align: center;top: 0;width: 40px;text-decoration: none}
.modal-close2:hover {color: #000}

.icon-filme {background-image: url('../img/icon-01.png');background-position: 0 15px; background-repeat: no-repeat;padding: 8px 0px 0px 22px}
.icon-foto {background-image: url('../img/icon-02.png');background-position: 0 15px; background-repeat: no-repeat;padding: 8px 0px 0px 22px}
.icon-cartaz {background-image: url('../img/icon-03.png');background-position: 0 15px; background-repeat: no-repeat;padding: 8px 0px 0px 22px}
.icon-ficha {background-image: url('../img/icon-04.png');background-position: 0 15px; background-repeat: no-repeat;padding: 8px 0px 0px 22px}
.historygo {margin-top:20px}
.historygo a {color:#f34031;text-decoration: none;font-size: 15px}
.historygo a:hover {color:#58595b}

.box-destaque {width:980px;height:535px}
.box-intro-colecao {clear:both;height:140px;padding: 12px 40px 40px 40px;background-color:#000;color:#fff;font-size:12pt;text-align:justify}
.box-intro-colecao em, .more-open em, #saiba em, em {font-style: italic;}
.more-open p {margin-top:20px}

/*LIMPAR ESSE CSS*/
.content {width:980px;clear:both}
#content-area {line-height:1.5;font-size:14pt;padding-bottom:50px}
#content-area p {padding-top:10px}
.aside {width:210px;float:left}
.aside p {font-weight:400;padding-bottom:20px;padding-top:10px;line-height:120%}
.aside a {text-decoration: none;color:#000}
.home {width:740px;float:right}
.acervos {width:730px;height:290px}
.recent {float:left;width:570px}
.more {float:right;width:160px}
.list {height: 139px}
.filmes {height:170px;margin-top:15px}
.fotos {height:225px;margin-top:15px}
.cartazes {height:225px;margin-top:15px}
.tit  {width:570px;position:absolute;height:50px;margin-top:-52px;background-color:#000;color:#fff;padding:10px 15px;opacity: 0.7;filter: alpha(opacity=70);font-size:20pt}
.list .tit {width:160px;height:40px;margin-top:-42px;padding:10px 6px}
.tit h2 {font-size:10pt}
h3.title a {color:#000}
label[for=edit-keys] {display:none}
.field-type-text-with-summary a, .view-id-Filtros2 a {color:#b93229}
#user-login input[type=submit] {background: #999;border:#999;color:#fff;font-size:14pt;width:120px;height:40px;float:inherit;border:0;border-radius:0}
#content-area .search-form {margin-top:-200px}


.page-search .search-form {margin-top:-25px !important}
body.page-search-site h2 {padding-top:100px}
.view-display-id-page_10 {border:0}
.views-view-grid {margin-top:30px}
.view-display-id-page_12 h6, .view-display-id-page_11 h6 {font-size:8.5pt;color:#000}
.view-display-id-page_12 td, .view-display-id-page_11 td {padding-right:40px;padding-bottom:20px}

.page-filmes td {border-right: 2px solid transparent}
.page-colecoes-silenciosos td {border-right: 32px solid transparent}
.page-textos td, .page-colecoes-tupi-textos td {border-right: 20px solid transparent}

#views-exposed-form-Filtros2-page-4 {height:130px}
#views-exposed-form-Filtros2-page-4 input {width:160px;}
.img-left {float:left;padding-right:10px}
.description-right, .cartazes-description-right {height:140px;font-size:10pt;border-bottom:1px solid #999;padding-bottom:10px;padding-top:10px}
.cartazes-description-right {height:184px}

.form-type-textfield input[type="text"], .views-submit-button input[type="submit"] {padding: 5px;height:30px;border: solid 1px #c9c9c9}
.form-type-textfield input[type="text"] {width:226px}
.views-submit-button input[type="submit"] {width:120px;background-color: #e6e6e6}
/*#views-exposed-form-Filtros2-page-4, #views-exposed-form-Filtros2-page-7, #views-exposed-form-Filtros2-page-3, #views-exposed-form-Filtros2-page-1  {background: #eed6d6 none repeat scroll 0 0;height: 100px;margin-top:-10px;padding: 0 10px 10px;font-size:10.5pt} */
#views-exposed-form-Filtros2-page-7 {height: 80px;margin-top:10px}
#views-exposed-form-Filtros2-page-3 {height: 128px;}
/*.view-display-id-page_7 td {padding-right:35px} */
#views-exposed-form-Filtros2-page-1 .form-type-textfield input[type="text"] {width:190px}
#views-exposed-form-Filtros2-page-1 {height:70px}
h6.intro, em.intro {}
.views-label {float:left;font-weight: bold;margin-right:3px}
#tfilme {width:960px;padding:20px 10px}
.video {width:500px;padding-left:10px;float:left}
.descricao {width:430px;float:right;font-size:12pt}
.descricao strong, #tfilme strong, .node-page strong {font-weight: bold}
.titulo-interno, .tipo, h1.title, .text.nome-filme {text-transform: uppercase;}
#player {height: 360px; width: 480px;/*float:right;*/}
.sinopse {width:500px;padding:13px;font-size:12pt}
.sinopse h4, h1.titulo-pe a, .titulo-interno {font-size:18pt;padding-bottom:5px}
#interna {border:1px solid #000;min-height:740px}
.row-3 {width:200px}
.filme-item {padding:15px 35px 10px 0;margin:5px;font-size: 9.5pt;line-height: 15px;vertical-align: top;}
.filme-item a, .pager li a {text-decoration: none;color:#f34031;font-size:10.5pt}
.item-list .pager {margin-top:40px}
#lado {float:left;width:400px;padding-left:20px}
.filmee .view-content {margin-left:75px}
.view-internas a, .tit:hover, #main_nav li a:hover {color: #f34031}
.field-type-text-with-summary a:hover, .view-id-Filtros2 a:hover, .filme-item a:hover, .view-internas a:hover {color: #555}
.description {font-size:8pt}
#tfilme {font-size:12pt}
nav {font-size:16pt}
.busca {height:30px}
.cf:before, .cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}
.view-header h1, .post-meta h2 {font-size:30px}





.icon-play { max-width: 50px; position: absolute; display: block; margin: 0 auto; }
.icon-close { max-width: 40px; }
#closebt { position: absolute; font-size: 20px; color: #fff; right: 120px; top: 40px; display: none; width: 50px; height: 50px; text-decoration: none; font-size: 30px; z-index: 999999; cursor: pointer; }
.window{
    display:none;
    width:660px;
    min-height:420px;
	  height: auto;
    position:absolute;
    left:0;
    top:120px;
    background:#fff;
    z-index:9900;
    padding:10px;

}

.window video {
max-width: 100%;
}

#mascara{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#fff;
}

.fechar{display:block; text-align:right;}




@media(max-width: 768px) { #closebit { position: absolute; right: 5px; top: 40px; } #cboxOverlay { background: #fff; } .videoBox { width: 100%; } }