@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
html {
    font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color:#000000;
    margin: 0 auto;
    padding: 0px;
}
body { /*background-image: url(/assets/img/bgb.jpg); background-repeat: repeat-x; background-attachment:fixed; background-position: bottom center; */
    overflow-x:hidden;
    overflow: -moz-scrollbars-vertical;
    background-color: #fff;
    margin: 0;
}
.body-class {
    background-image: url(../../images/BODY-BG.jpg);
    background-repeat: repeat-x;
    background-position: top;
    margin: 0 auto;
    padding: 0px;
}
.general-body {
    width: 95%;
    margin: 0 auto;
}
.top-banner {
    height: 105px;
    width: 100%;
    margin:0 auto;
    float: left;
    position: relative;
    background-image: url(../../images/TOP-BANNER.jpg);
}
.logo-cp {
    height: 605px;
    width: 121px;
    position: absolute;
    background-image: url(../../images/LOGO-CP.jpg);
    margin-left: 30px;
}
.bt-menu-box {
    float: right;
    height: 30px;
    width: 121px;
    margin-left: 5px;
    position: relative;
    margin-top: 40px;
}
.content-body {
    display:block;
    float: right;
    width: 85%;
    position: relative;
    margin-top: 10px;
    margin-left: 180px;
    background-repeat: no-repeat;
    min-height: 600px;
}
.destaques-box {
    height: 178px;
    width: 121px;
    position: absolute;
    margin-left: 30px;
    margin-top: 190px;
}
.logo-link { height: 190px; }
.cinza { color: #999; }
.white { color:#FFF; }
.hr {
    border-bottom: 1px solid black;
    padding-bottom: 2px;
    background-color: #669;
    margin-top: 30px;
}
.titulo {
    font-family: 'Open Sans Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: 2em;
    color: #669;
}
.pad10 { padding: 10px; }
.destaque {
    margin: 10px 0;
    padding: 10px;
    background-color: #CCC;
    color: black;
}
.botao {
    padding: 3px;
    border: 1px solid #CCC;
    background-color: #EEE;
    text-decoration:none;
}
.botao:hover { background-color: #BBB; }
.fRight { float:right; }
#Imagens {
    float:left;
    width: 220px;
    background-color: #f9f9f9;
}
#Imagens img { padding: 10px; }
#Imagens .imgLegenda {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    color: #999;
    font-size: 0.8em;
    text-align: center;
}
#Share {
    clear:both;
    padding:7px;
}
#Conteudos {
    float:right;
    margin-left: 231px;
    width: 600px;
}
#FilmeInfo {
    float:left;
    width: 570px;
    background-color: #FCFCFC;
}
#FilmeInfo h1 {
    margin: 10px 0 10px 20px;
    padding:0;
}
#FilmeInfo .subTitulo { margin: 0px 0 10px 20px; }
#MenuEsqVertical {
    padding: 7px;
    margin-top: 20px;
    font-size:0.8em;
}
#MenuEsqVertical ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#MenuEsqVertical ul li { margin: 3px 0px;  
}
#ProgramaJornadas {
    font-size:0.9em;
    clear:both;
}
#ProgramaJornadas strong, #ProgramaJornadas b  { color:#444; }
#ProgramaJornadas a, .resumo  { color:#999; }
.tabelaPrograma td {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.tabelaPrograma td.ultima { border-right: 1px solid #ccc; }
#Rodape, #Rodape a {
    color:#bbb;
    font-size:0.9em;
}
#Rodape {
    clear:both;
    position:relative;
    display:block;
    margin: 0 auto;
    padding: 30px 15px;
    border-top: 1px solid #aaa;
    text-align:center;
}
#Rodape a:hover {
    text-decoration: none;
    color:#666;
}
/* jQuery Countdown styles 1.5.7. */
.contagem {
    display: block;
    width: 100%;
}
.hasCountdown {
    border: 1px solid #ccc;
    background-color: #eee;
}
.countdown_rtl { direction: rtl; }
.countdown_holding span { background-color: #ccc; }
.countdown_row {
    clear: both;
    width: 100%;
    padding: 0px 2px;
    text-align: center;
}
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%; }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_show4 .countdown_section { width: 24.5%; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.25%; }
.countdown_show7 .countdown_section { width: 14%; }
.countdown_section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center;
}
.countdown_amount { font-size: 200%; }
.countdown_descr {
    display: block;
    width: 100%;
}
#defaultCountdown {
    width: 300px;
    float:left;
    left: 200px;
    margin: 10px;
}
.duasColunas {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    text-align:justify;
}
/*

Filmes

*/
#Titulo {
    display:block;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size:2em;
}
ul {
    padding: 0;
    margin: 0;
    clear:both;
    float:right;
}
ul li {
    display:inline;
    cursor:pointer;
}
ul li a {
    color: white;
    text-decoration: none;
}
ul li a:hover, .item:hover {
    background-color: #444;
    color: #999;
}
.item {
    float:left;
    display: block;
    width: 230px;
    height: 138px;
    /*	border: 1px dotted black; */
    margin: 0 13px 25px 0;
    overflow:hidden;
    background-color: black;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.moldura:nth-child(n) {
 width: 226px;
 height: 107px;
 background-color: #222;
 overflow:hidden;
 margin: 15px 2px 0px 2px;
}
.imagem {
    float:left;
    overflow:hidden;
    width: 80px;
    height: 107px;
    background-color: #272727;
}
.titulo:nth-child(n) {
 float:left;
 width: 133px;
 color: white;
 padding: 5px 0px 5px 10px;
 font-family: 'Open Sans Condensed', "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size: 1.2em;
 overflow:hidden;
}
.realizador {
    float: left;
    padding: 5px 0px 0px 10px;
    font-size: 0.9em;
    color:grey;
}
.rodape {
    clear:both;
    font-size: 0.7em;
}
.ano {
    float: right;
    padding: 4px 5px 3px 5px;
}
.genero {
    float: right;
    padding: 4px 5px;
}
/*

Menu

*/
#Menu {
    margin: 10px 0;
    padding:1px;
    display:block;
    width: 100%;
}
#Menu select { float: left; }
#Menu input {
    width: 134px;
    height:23px;
    margin-left: 20px;
    padding: 0px 0px 0px 30px;
    color:white;
    background:none;
    border: none;
    background-image:url(/assets/img/procurar.gif);
}
/*

Lista Filmes

*/
#TopFilmes {
    display:block;
    float:left;
    background-color: black;
    padding: 10px;
    color:white;
    width: 330px;
    height: 300px;
}
.listaFilmes ul {
    position: inherit;
    float:left;
    margin-left: 10px;
}
.listaFilmes ul li {
    margin: 5px 0;
    display:block;
}
.listaFilmes ul li a {
        padding: 5px;
}
#TrailersFilmes {
    display:block;
    float:left;
    margin-left: 20px;
    background-color: black;
    padding: 10px;
    color:white;
    width: 330px;
    height: 300px;
}