*{
    font-family: Candara, Arial, Tahoma, sans-serif;
    font-size: 12px;
    outline:0;
}

html, body {
    margin:0;
    padding:0;
    min-width: 980px;
    height: 100%;
}

body {background: #EC7109 url('../images/background.body.jpg') no-repeat top center;  }

.clear {
    clear:both
}

#site {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    height: 100%;
}


/*-------------------------- HEADER --------------------- */
#header{
    width: 980px;
    margin: 0 auto;
    height: 100px;
}
#header .logo{
    width: 197px;
    height: 100px;
    float: left;
    margin-left:53px;
}
#header .logo a{
    float: left;
    background: url('../images/background.logo.jpg') no-repeat top center;
    width: 197px;
    height: 100px;
    border: 0;
}

/*  TOP MENU */

#header .topmenu {
    float:right;
    margin-top:7px;
    margin-right: 31px;
    height: 16px;
}
#header .topmenu .arearestrita {
    float:left;
}
#header .topmenu .arearestrita a {
    background: url('../images/topmenu.arearestrita.off.jpg') no-repeat;
    width: 82px;
    height: 16px;
    display: block;
}
#header .topmenu .arearestrita a:hover {
    background: url('../images/topmenu.arearestrita.on.jpg') no-repeat;
}
#header .topmenu .promocoes {
    float:left;
}
#header .topmenu .promocoes a {
    background: url('../images/topmenu.promocoes.off.jpg') no-repeat;
    width: 72px;
    height: 16px;
    display: block;
}
#header .topmenu .promocoes a:hover {
    background: url('../images/topmenu.promocoes.on.jpg') no-repeat;
}
#header .topmenu .eventos {
    float:left;
}
#header .topmenu .eventos a {
    background: url('../images/topmenu.eventos.off.jpg') no-repeat;
    width: 54px;
    height: 16px;
    display: block;
}
#header .topmenu .eventos a:hover {
    background: url('../images/topmenu.eventos.on.jpg') no-repeat;
}
#header .topmenu .cadastrese {
    float:left;
}
#header .topmenu .cadastrese a {
    background: url('../images/topmenu.cadastrese.off.jpg') no-repeat;
    width: 76px;
    height: 16px;
    display: block;
}
#header .topmenu .cadastrese a:hover {
    background: url('../images/topmenu.cadastrese.on.jpg') no-repeat;
}
#header .topmenu .noticias {
    float:left;
}
#header .topmenu .noticias a {
    background: url('../images/topmenu.noticias.off.jpg') no-repeat;
    width: 54px;
    height: 16px;
    display: block;
}
#header .topmenu .noticias a:hover {
    background: url('../images/topmenu.noticias.on.jpg') no-repeat;
}
#header .topmenu .trabalheconosco {
    float:left;
}
#header .topmenu .trabalheconosco a {
    background: url('../images/topmenu.trabalheconosco.off.jpg') no-repeat;
    width: 107px;
    height: 16px;
    display: block;
}
#header .topmenu .trabalheconosco a:hover {
    background: url('../images/topmenu.trabalheconosco.on.jpg') no-repeat;
}
#header .topmenu .contato {
    float:left;
}
#header .topmenu .contato a {
    background: url('../images/topmenu.contato.off.jpg') no-repeat;
    width: 54px;
    height: 16px;
    display: block;
}
#header .topmenu .contato a:hover {
    background: url('../images/topmenu.contato.on.jpg') no-repeat;
}
#header .acessorapido {
    float:right;
    width: 372px;
    margin-top:13px;
}
#header .acessorapido img {
    float:left;
}
#header .acessorapido select {
    float:left;
    margin-left:5px;
    font-size: 11px;
    border:1px solid #fe8b00;
    width: 230px;
}
/* --------------MENU-------------- */

#header .menu {
    float:right;
    margin-right: 2px;
    margin-top:13px;
    height: 22px;
    width: 670px;
}
#header .menu .sobre {
    float:left;
}
#header .menu .sobre a{
    background: url('../images/menu.sobre.off.jpg') no-repeat top center;
    display: block;
    width: 132px;
    height: 22px;
}
#header .menu .sobre a:hover{
    background: url('../images/menu.sobre.on.jpg') no-repeat top center;
}
#header .menu .cinema {
    float:left;
}
#header .menu .cinema a{
    background: url('../images/menu.cinema.off.jpg') no-repeat top center;
    display: block;
    width: 63px;
    height: 22px;
}
#header .menu .cinema a:hover{
    background: url('../images/menu.cinema.on.jpg') no-repeat top center;
}
#header .menu .lojas {
    float:left;
}
#header .menu .lojas a{
    background: url('../images/menu.lojas.off.jpg') no-repeat top center;
    display: block;
    width: 53px;
    height: 22px;
}
#header .menu .lojas a:hover{
    background: url('../images/menu.lojas.on.jpg') no-repeat top center;
}
#header .menu .pracadealimentacao {
    float:left;
}
#header .menu .pracadealimentacao a{
    background: url('../images/menu.pracadealimentacao.off.jpg') no-repeat top center;
    display: block;
    width:169px;
    height: 22px;
}
#header .menu .pracadealimentacao a:hover{
    background: url('../images/menu.pracadealimentacao.on.jpg') no-repeat top center;
}
#header .menu .onibus {
    float:left;
}
#header .menu .onibus a{
    background: url('../images/menu.onibus.off.jpg') no-repeat top center;
    display: block;
    width: 149px;
    height: 22px;
}
#header .menu .onibus a:hover{
    background: url('../images/menu.onibus.on.jpg') no-repeat top center;
}
#header .menu .servicos {
    float:left;
}
#header .menu .servicos a{
    background: url('../images/menu.servicos.off.jpg') no-repeat top center;
    display: block;
    width: 70px;
    height: 22px;
}
#header .menu .servicos a:hover{
    background: url('../images/menu.servicos.on.jpg') no-repeat top center;
}


/*----------------- VINHETA -----------------*/
.boxcontainer {
    padding: 0 30px;
}

.boxcontainer .flash {
    background: url('../images/background.flash.jpg') no-repeat top center;
    width: 900px;
    height: 242px;
    padding:8px 10px;

}

.boxcontainer .flash .vinheta {
    width: 744px;
    background-color:#EB720A;
    height: 242px;
    float:left;
}
.boxcontainer .flash .abas  {
    margin-left:1px;
    float:left;
    width: 27px;
}
.boxcontainer .flash .abas .abag {
    background-color:yellow;
    width: 27px;
    height: 113px;
    background: url('../images/background.abag.jpg') no-repeat top center;
}
.boxcontainer .flash .abas .aba {
    background-color: yellow;
    width: 19px;
    padding-top:10px;
    padding-left:8px;
    background: url('../images/background.aba.jpg') no-repeat top center;
    height: 32px;
    margin-top:1px
}
.boxcontainer .flash .abas a:hover {
    background: url('../images/background.aba.hover.jpg') no-repeat top center;
    color:#fff;
}
.boxcontainer .flash .abas a.activeSlide { background: url('../images/background.aba.hover.jpg') no-repeat top center; }
.boxcontainer .flash .abas a {
    width: 19px;
    display: block;
    padding-top:10px;
    padding-left:8px;
    background: url('../images/background.aba.jpg') no-repeat top center;
    height: 32px;
    margin-top:1px;
    color:#a95500;
    font-size: 16px;
    text-decoration: none;
    font-family: Arial;
    font-weight: bold;
}
.boxcontainer .flash .banners {
    float:left;
    margin-left:10px;
    width: 116px;
}
.boxcontainer .flash .banners img {
    margin-bottom:7px;
    border:1px solid #eb7d02;
}
.boxcontainer .box {
    background:url('../images/background.box.home.jpg') no-repeat;
    padding: 10px;
    width: 430px;
    margin-top:20px;
    float:left;
    height: 171px;
}
.boxcontainer .box.left {
     background:url('../images/background.box.home.left.jpg') no-repeat;
     margin-left:20px;
}
.boxcontainer .box .white{
    border:1px solid #eb7d02;
    padding: 0 10px;
    height: 171px;
    background-color:#fff;
}
.boxcontainer .box .white .title {
    border-bottom:1px solid #dedede;
    padding-bottom: 3px;
}
.boxcontainer .box .white .title img.cine { float:left; }
.boxcontainer .box .white .title img { float: left; }
.boxcontainer .box .white .title a.todos { float:right; }
.boxcontainer .box .white .descricao {
    margin-top:8px;
}
.boxcontainer .box.left .white .descricao {
    margin-top:10px;
    float:left;
    margin-right: 25px;
    margin-left:0;
}
.boxcontainer .box.left .white .descricao.last {
    margin-right: 0px;
}

.boxcontainer .box .white .descricao img {
    float:left;
    border:1px solid #b3b3b3;
    margin-top: 2px;
}
.boxcontainer .box.left .white .descricao img {
    float:none;
    border:1px solid #b3b3b3;
    margin: 0;
}
.boxcontainer .box .white .descricao .desc {
    float:left;
    margin-left:15px;
    width: 280px;
}
.boxcontainer .box.left .white .descricao .desc {
    float:left;
    margin-left:0px;
    width: 118px;
}
.boxcontainer .box .white .descricao .desc .nome {
    color:#fb5900;
    font-size: 16px;
    font-weight: bold;
    padding-bottom:9px;
    border-bottom:1px solid #f2f2f2;
    line-height: 14px;
}
.boxcontainer .box.left .white .descricao .desc .nome a {
    color:#fb5900;
    font-weight: bold;
    text-decoration: none;
}
.boxcontainer .box.left .white .descricao .desc .nome a:hover {
    text-decoration: underline;
}
.boxcontainer .box.left .white .descricao .desc .nome {
    color:#fb5900;
    font-size: 12px;
    font-weight: bold;
    margin-top:8px;
    padding: 0;
    border: 0;
}
.boxcontainer .box .white .descricao .desc .genero {
    color:#333;
    font-weight: bold;
    margin-top:5px;
    padding-bottom:7px;
    border-bottom:1px solid #f2f2f2;
}
.boxcontainer .box .white .descricao .desc .genero p{
    padding: 0;
    margin: 5px 0 0 0;
}
.boxcontainer .box .white .descricao .desc .genero.nobottom {
    border-bottom:0;
}
.boxcontainer .box .white .descricao .desc .genero span.gray {
    color:#7a7a7a;
    font-weight: bold;
}
.boxcontainer .box .white .descricao .desc .genero span.blu {
    color:#4a7ac1;
    font-weight: bold;
}


/* RELACIONAMENTOS */
.relacionamento{
    margin-top:20px;
}

.relacionamento .indique {
    background: url('../images/background.indique.jpg') no-repeat top center;
    padding: 10px;
    width: 430px;
    float:left;
    height: 64px;
}
.relacionamento .indique .ghost {
    width: 150px;
    float:left;
    height: 60px;
}
.relacionamento .indique .campos {
    padding-top: 5px;
    float:left;
    height: 55px;
    width: 275px;
}
.relacionamento .indique .input {
    float:left;
    margin-top:5px;
    margin-left:5px;
}
.relacionamento .indique .input input {
    width: 122px;
    padding: 1px 3px;
    border:1px solid #c32601;
}
.relacionamento .indique .input label {
    position: absolute;
    top:2px;
    font-family: Candara;
    font-size:11px;
    left:5px;
}
.relacionamento .indique .input p {
    float:left;
    margin:0;
    padding:0;
    position:relative;
}
.relacionamento .indique .botao.indicar {
    float:left;
    margin-top:5px;
    margin-left: 5px;
}
.relacionamento .newsletter {
    background: url('../images/background.newsletter.jpg') no-repeat top center;
    padding: 10px;
    width: 430px;
    height: 64px;
    float:left;
    margin-left:20px;
}
.relacionamento .newsletter .ghostn {
    width: 206px;
    float:left;
    height: 60px;
}
.relacionamento .newsletter .input label {
    position: absolute;
    top:2px;
    font-family: Candara;
    font-size:11px;
    left:5px;
}
.relacionamento .newsletter .input p {
    float:left;
    margin:0;
    padding:0;
    position:relative;
}
.relacionamento .newsletter .campos {
    padding-top: 5px;
    float:left;
    height: 55px;
    width: 215px;
}
.relacionamento .newsletter .inputs{
    float:left;
    width: 125px;
}
.relacionamento .newsletter .input {
    float:left;
    margin-top:5px;
    margin-left:5px;
}
.relacionamento .newsletter .input input {
    width: 111px;
    padding: 1px 3px;
    border:1px solid #0e6ab8;
}
.relacionamento .newsletter .botao.news {
    float:left;
    margin-top:4px;
    margin-left:5px;
}


/* FOOTER */

#footer {
    margin-top:20px;
    background: url('../images/background.footer.jpg') no-repeat top center;
    padding-top:9px;
   /* padding-bottom:30px; */
	padding-bottom: 10px;
}
#footer .copyright {
    margin-left:40px;
    float:left;
    width: 610px;
    border-bottom: 1px solid #f79b03;
    color: #fff;
    padding: 17px 0 8px 0;
}

#footer .menufooter {
    float:right;
    margin-top:20px;
    margin-right: 40px;
    padding-left:10px;
    border-left:1px solid #f79b03;

}
#footer .menufooter a {
    font-family: Candara;
    text-decoration: none;
    color:#fff;
}
#footer .menufooter a:hover {
    color:#f79b03;
}

#footer .blackdrop {
    float:left;
    margin-top: 8px;
    margin-left:32px;
}

/* Formatação Leonardo Xavier (Dll Web) */

#redesSociais {
	float:right;
	margin:9px 8px 0px 0px;
}
#redesSociais a, #footer .blackdrop a {
	text-decoration:none;
	margin-left:10px;
}
#redesSociais a img, #footer .blackdrop a img {
	
}
#redesSociais a:hover img, #footer .blackdrop a:hover img {
	box-shadow:0px 1px 0px #FFFFFF;
}
#radio {
    float: left;
    margin: 5px 0 0;
}
#radio a {
	
}

/* Utilizado no popup */
#fechar {
    cursor: pointer;
    left: 95%;
    position: absolute;
    top: 0px;
    width: 30px;
}

#popup {
    position: absolute;
    left: -100%;
}