img {border:0;}



body { margin:0; padding:0; background:#ffffff; background:url(bg.jpg) repeat-x top left; font:normal 10px verdana, helvetica, sans-serif; color:#333; line-height:1.5em;}

#header { width:995px; height:300px; margin:0 auto 30px; auto; position:relative; background:url(topo.jpg) no-repeat top left;}

#banner { width:820px; height:231px; margin:70px 0 0 140px; float:right; position:relative; z-index:10; background:url(banner.png) no-repeat top right;}

#main { width:995px; min-height:300px; margin:20px auto 0 auto;}

#main #left { width:750px; min-height:300px; float:left; margin:0 10px 0 10px; padding:10px; text-align:justify;}

#main #right { width:200px; float:right;}

#link_logo { width:500px; height:30px; float:left; cursor:pointer; z-index:1;}

#link_logo2 { width:220px; height:130px; float:left; cursor:pointer; z-index:2; position:absolute; top:0; left:0}



#footer {}



/*BANNER **************************************************************************************************/

#banner #showcase {width:748px; height:190px; float:right; position:relative; margin:0 6px 0; z-index:1}

#banner #showcase #navigator a{background:none; z-index:1}

#banner #showcase #slider {z-index:1;}

#banner #showcase #slider img {z-index:1;}





/*MENU TOPO **************************************************************************************************/

#header #menu_topo { position:absolute; top:8px; right:0; color:#ffffff; font:normal 10px verdana, helvetica, sans-serif;}

#header #menu_topo a { font:normal 10px verdana, helvetica, sans-serif; line-height:1.5em; color:#ffffff; text-decoration:none;}

#header #menu_topo a:hover { font:normal 10px verdana, helvetica, sans-serif; line-height:1.5em; color:#ffffff; text-decoration:underline;}



/*MENU ROOT **************************************************************************************************/

/* Menu */

#menu { width:750px; float:right;}



ul#navmenu {

        margin:0px;

        border: 0 none;

        padding: 0;

        padding-top:7px;

        width:748px; /*For KHTML*/

        list-style: none;

        height:24px;

        z-index:5;

		float:right;

        /*position:relative;*/

}

/* tamanho e posição dos subs menus */

ul#navmenu ul {

        margin:0;

        padding:0;

        font:14px Arial, Helvetica, sans-serif;

        list-style: none;

        display: none;

        position: absolute;

        top: 24px;

        left: 0;

		z-index:5;

		float:right;

}



ul#navmenu li {

        margin: 0;

        border: 0 none;

        padding: 0;

        float: left; /*For Gecko*/

        display: inline;

        list-style: none;

        position: relative;

        height: 24px;

		background-image: url(bg_li.jpg); background-position: top right; background-repeat:no-repeat;

}



ul#navmenu li.last {background:none;}





ul#navmenu ul:after /*From IE 7 lack of compliance*/{

        clear: both;

        display: block;

        font: 1px/0px serif;

        content: ".";

        height: 0;

        visibility: hidden;

}



/*Esse edita o segundo nivel*/

ul#navmenu ul li {

        /*background:url(ico_menu.jpg) no-repeat left;*/

		/*background-color:#01396C; /* cor de fundo - FUNDO DO SUB MENU */

        /*border-bottom:#086 1px solid; /* linha divisória entre uma submenu e outro */

        background:url(bg_sub_li.png) top left no-repeat;

        padding-bottom:6px;

        padding-left:8px;

        padding-top:5px;

        margin:0px;

        height:13px;

        width: 80px;

        float: left; /*For IE 7 lack of compliance*/

        display: block !important;

        display: inline; /*For IE*/



}



/* Menu principal - horizontal */

ul#navmenu a {

        padding: 0 7px;

        float: none !important; /*For Opera*/

        float: left; /*For IE*/

        display: block; 

        color: #fff; /* cor da fonte do menu principal - horizontal */

        text-decoration: none; /* tipo de decoração do menu principal (pode usar underline) - horizontal */

        height: auto !important;

        height: 1%; /*For IE*/ /* mudei e nada acontece */

        font-size: 10px; /* tamanho da fonte do menu principal - horizontal */

        font-family: Verdana, Arial, Helvetica, sans-serif; /* tipo de fonte do menu principal - horizontal */

		font-weight:bold;

		z-index:5;

		letter-spacing: -1px;

		line-height:2.1em;

		text-align:center;

}



/* Menu principal - horizontal (quando o mouse está em cima - hover) */

ul#navmenu a:hover{

        color:#fff; /* cor do menu principal com o mouse em cima do link */

		font-size: 11px; /* tamanho da fonte do menu principal - horizontal */

		text-shadow: 0 0 5px #fff, 0 0 100px #fff, 0 0 5px #fff;

}



ul#navmenu a.m1 {width:100px;}

ul#navmenu a.m2 {width:52px;}

ul#navmenu a.m3 {width:52px;}

ul#navmenu a.m4 {width:52px;}

ul#navmenu a.m5 {width:90px;}

ul#navmenu a.m6 {width:97px;}

ul#navmenu a.m7 {width:140px;}

ul#navmenu a.m8 {width:47px;}









/* SUB MENUS - vertical */

ul#navmenu li:hover li a,

ul#navmenu li.iehover li a {

        color: #333; /* cor do link normal - SUB MENUS - vertical */

        font:11px Arial, Helvetica, sans-serif; /* tamanho e fonte do link normal - SUB MENUS - vertical */

        padding-left:0px;

		z-index:5;

		text-align:left;

}



/* SUB MENUS - vertical * Com o mouse em cima */

ul#navmenu li:hover li a:hover,

ul#navmenu li:hover li:hover a,

ul#navmenu li.iehover li a:hover,

ul#navmenu li.iehover li.iehover a {
	color:#660066;
        /*color:#9ebd21; cor do link do SUB MENUS - vertical * Com o mouse em cima */

        text-decoration:underline; /* decoração dos SUB MENUS - vertical * Com o mouse em cima */

		z-index:5;

		text-shadow:none;

		font-weight:bold;

}



/* 3rd Menu */

ul#navmenu li:hover li:hover li a,

ul#navmenu li.iehover li.iehover li a {

        background: #305069;

        color: #fff;

  }



/* 3rd Menu Hover Persistence */

ul#navmenu li:hover li:hover li a:hover,

ul#navmenu li:hover li:hover li:hover a,

ul#navmenu li.iehover li.iehover li a:hover,

ul#navmenu li.iehover li.iehover li.iehover a {

        background: #FDAF0F;

        color: #FFF;

}



/* 4th Menu */

ul#navmenu li:hover li:hover li:hover li a,

ul#navmenu li.iehover li.iehover li.iehover li a {

        background: #EEE;

        color: #666;

}



/* 4th Menu Hover */

ul#navmenu li:hover li:hover li:hover li a:hover,

ul#navmenu li.iehover li.iehover li.iehover li a:hover {

        background: #CCC;

        color: #FFF;

}



ul#navmenu ul ul,

ul#navmenu ul ul ul {/* Posicao to 3? nivel de menu*/

        position: absolute;

        top: 0;

        left: 210px;

}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu li:hover ul ul,

ul#navmenu li:hover ul ul ul,

ul#navmenu li.iehover ul ul,

ul#navmenu li.iehover ul ul ul {

        display: none;

}



ul#navmenu li:hover ul,

ul#navmenu ul li:hover ul,

ul#navmenu ul ul li:hover ul,

ul#navmenu li.iehover ul,

ul#navmenu ul li.iehover ul,

ul#navmenu ul ul li.iehover ul {

        display: block;

}



#ocineclube #menu a.m1,

#programacao #menu a.m2,

#filmes #menu a.m3,

#onde #menu a.m4,

#eventos #menu a.m5,

#tvcineclube #menu a.m6,

#cinecluberecomenda #menu a.m7,

#parceiros #menu a.m8 {color:#FF88CC; font-weight:bold; text-shadow: none}




/*===========================================================================================================================================*/



/*MENU ABCD **************************************************************************************************/

#left #menu_abcd	{ width:100%; text-align:center; padding:5px 0 5px 0;}

#left #menu_abcd ul			{ list-style:none; margin:0px 0px 0px 0px; padding:0;}

#left #menu_abcd li			{ display:inline; height: 24px !important; text-align:center;}

#left #menu_abcd a			{ background-color:#fafafa; border:1px #dbdbdb solid; margin:10px 0 20px 0; padding:2px 3px 2px 3px !important;}

#left #menu_abcd a:hover	{ background-color:#e5e5e5; border:1px #666666 solid; margin:10px 0 20px 0; padding:2px 3px 2px 3px !important; color:#336633; text-decoration:none;}

#left #menu_abcd #current	{ background-color:#e5e5e5; border:1px #dbdbdb solid; margin:10px 3px 20px 0; padding:2px 0px 2px 3px !important; color:#FF0000; text-decoration:none;}



/*LINKS DA DIREITA **************************************************************************************************/

#main #right #links {width:200px;}

#main #right #links ul { margin:5px;}

#main #right #links ul li {display:inline; list-style:none; float: left; padding-right: 0px; margin:0;}

#main #right #links ul li a { width:46px; height:46px; text-indent:-1000px; line-height:46px}



/*LINKS GERAIS *******************************************************************************************************/

a { text-decoration:none; color:#8b1a66}

a:visited { text-decoration:none; color:#8b1a66}

a:hover { text-decoration:underline; color:#321831}





/*BANNER RIGHT **************************************************************************************************/



#banner_right {width: 200px; margin: 0 0 20px 0; cursor:pointer;}

#box1 {width: 200px; min-height:80px; margin: 0; padding:0;padding-top:10px; text-align:center; color: #fff; background:#dfaa22;}/* url(bg_banner_right.jpg) top left no-repeat;*/

#box2 {width: 200px; min-height:15px; background-color:transparent; margin: 0; padding:0px; text-align:center;}

#box3 {width: 190px; min-height:15px; background-color:#000000; color:#dfaa22; margin: 0 0 2px 0; padding:5px; text-align:center;}

#box4 {width: 190px; min-height:15px; background-color:#212121; margin: 0 0 2px 0; padding:5px; text-align:center; color: #fff;}

#box5 {width: 190px; min-height:15px; background-color:#212121; margin: 0 0 2px 0; padding: 10px 5px 10px 5px; text-align:center; color: #fff; font-weight:bold; font-size:13px}

#banner_right .titulo {font-size:22px; font-weight:normal; font-family: Arial, Verdana, sans-serif;line-height:20px; color: #000;}

#banner_right .data {font-size:18px; font-weight:bold; line-height:20px;}

#banner_right .hora {font-size:14px; font-weight:normal;}

#banner_right .texto1 { font-size:16px;}

#banner_right .texto2 {}



/*CLASSES COMUNS A TODO O SITE *****************************************************************************************/

.texto {text-align:justify; margin-bottom:20px;}

h2 {}

h3 {color:#660066;}

.roxo {color:#660066; font-weight:bold; text-align:left}

.verde {color:#FF89D3; font-weight:bold; text-align:left}
/*#9fbd21*/
label {display:block; padding:5px; font-weight:bold;} 

li {margin:5px 0 5px 0;}

.div_chamada { width:750px; float:left; margin:0 0 20px 0;}

.div_chamada_img { width:240px; height:85px; float:left;}

.div_chamada_texto { width:500px; float:left; text-align:justify; margin:0 0 0 10px;}

.div_item { width:740px; float:left; padding:5px; margin:0 0 20px 0;}

.div_item_texto {width:480px; margin: 0 5px 0 5px; float:left}

.div_item_img{width:150px; min-height:100px; float:left; margin-top:1px;}

.textbox { width:90%; border: 2px solid #dbdbdb; background-color: #fafafa; color: #333333; margin:0 0 5px 0; padding: 2px 4px 2px 4px;}

.btn { width:40%; background: url(fade-butt.png); border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em;}



/*CLASSES COMUNS A TODO O SITE *****************************************************************************************/

#footer { width:995px; height:100px; clear:both; margin:0 auto 30px; auto; padding:30px 0 0 0; position:relative;}

#footer .logo { width:105px; float:left; margin:0 10px 0 0;}

#footer texto { width:100%; float:left; margin:5px 0 0 0;}