@charset "utf-8";
/* CSS Document */



/*********************************************
				   HOME
*********************************************/
.bloco-cont{width: 324px; height: 280px; background: #F5F5EF; padding: 10px}
.bloco-cont:hover{background: #EAEADF;}
.img-bloco-cont{width: 324px; height: 160px; display: block}

.bloco-cont-b{width: 137px; height: 250px; background: #F5F5EF; padding: 5px 10px 5px 10px}
.bloco-cont-acessorapido{float: left; width: 137px; height: 100%; background: #F5F5EF; padding: 10px 10px 10px 10px}
.bloco-cont-b:hover{background: #EAEADF;}


/************** DESTAQUE ********************/
#bloco-destaque{width: 730px; height: 320px; margin-bottom: 20px}
#bloco-destaque .header{color: #12B14A; border-top: solid 8px #12B14A; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#featured{ 
	width:734px; 
	position:relative; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:530px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	font-size:12px; 
	float: left
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px; 
	background:#fff; 
	border:2px solid #12B14A;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	width: 86px;
	height:45px; 
	line-height:20px;
	opacity: 0.5;
    filter: alpha(opacity = 50);
}

#featured li.ui-tabs-nav-item a img{ 
    filter: alpha(opacity = 50);
}

#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
	opacity: 1.0;
    filter: alpha(opacity = 100);
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	opacity: 1.0;
    filter: alpha(opacity = 100);
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a img{ 
    filter: alpha(opacity = 100);
}
#featured .ui-tabs-panel{ 
	width:524px; height:265px; 
    position:relative;
}
#featured .ui-tabs-panel a img{ 
	border: none;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:187px; left:0; 
	height:70px; 
	width: 524px;
	background: url('../img/layout/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:20px; font-family: Arial, Helvetica, sans-serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
	text-shadow: #000 1px 1px 1px;
}
#featured .info p{ 
	margin:0 5px; 
	font-size:18px; font-family: Arial, Helvetica, sans-serif; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}


/************** FOTOS ********************/
#bloco-fotos{width: 730px; height: 320px; margin-bottom: 65px}
#bloco-fotos .header{color: #2B57A1; border-top: solid 8px #2B57A1; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#wrapper {
    width: 800px;
    margin: 25px auto;
}

#intro {
    padding-bottom: 10px;
}

#slider {
    width: 734px;
    margin: 0 auto;
    position: relative;
}

.scroll {
	overflow: hidden;
	width: 674px;
    margin: 0 auto;
    position: relative;
	background: #F5F5EF;
	padding-top: 20px;
	padding-left: 60px;
	height: 280px;
}

.scrollContainer {
	position: relative;
}

.scrollContainer div.panel {
    padding: 5px;
    width: 179px;
	height: 260px;
}

.inside div {
	padding: 5px 10px 5px 10px;
	width: 159px;
	height: 63px;
	background: #2B57A2;
}

.inside img {
	display: block;
	width: 179px;
}

.inside h2 {
	font-weight: normal;
	color: #111;
	font-size: 16px;
	margin: 0 0 8px 0;
}

.inside p {
	font-size: 11px;
	color: #ccc;
}

.scrollButtons {
    position: absolute;
    top: 0px;
    cursor: pointer;
	z-index: 1;
}

.scrollButtons.left {
    left: 0px;
}

.scrollButtons.right {
    right: 0px;
}

.hide {
    display: none;
}
.datafotos{ font: bold 18px Arial, Helvetica, sans-serif; color: #FFF; display: block;}
.localfotos{ font: normal 14px Arial, Helvetica, sans-serif; color: #FFF; display: block; }
.localfotos a{ font: normal 14px/21px Arial, Helvetica, sans-serif; color: #FFF; display: block; }

/********************** AGENDA *********************/
#bloco-agenda{width: 730px; height: 300px; margin-bottom: 85px}
#bloco-agenda .header{color: #FF9900; border-top: solid 8px #FF9900; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}

#jCarouselLiteDemo .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;
}
#carouselwrapper {
	width: 674px;
	height: 280px;
	background: #F5F5EF;
	padding-left: 60px; 
	padding-top: 20px;
    position: relative;
	overflow: hidden
}

    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
        margin-left: 40px;
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
        #carouselwrapper .carousel a.prev {
            position: absolute; 
			top: 0;
			left: 0;
			z-index: 3;
        }
			#carouselwrapper .carousel a.prev img{
				border: none
			}
        #carouselwrapper .carousel a.next {
            position: absolute; 
			top: 0;
			right: 0;
			z-index: 4;
        }
			#carouselwrapper .carousel a.next img{
				border: none
			}
               
    #jCarouselLiteDemo .carousel .jCarouselLite {
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
		width: 674px
		}
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;
        }
        
		#jCarouselLiteDemo .carousel li  {
            background-color: #ccc;
        }
        

        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            #jCarouselLiteDemo .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
					visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px;
				}
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }

.liagenda{ position: relative }
.infsagenda{width: 175px; height: 255px; background: #FF9900; position: absolute; top: 0; left: 0; z-index: 5; display: none; padding: 5px}
.infsagenda .infsagenda-titulo{ font: normal 18px Arial, Helvetica, sans-serif; color: #FFF; display: block; height: 45px; line-height: 17px}
.infsagenda .infsagenda-titulo a{ font: normal 18px Arial, Helvetica, sans-serif; color: #FFF;}

.infsagenda .infsagenda-local{ font: bold 11px Arial, Helvetica, sans-serif; color: #FFF; display: block; text-align: center; margin-top: 20px; height: 60px; margin-bottom: 20px }

.infsagenda .infsagenda-links a{ display: block; height: 32px; background: #FFF; font: bold 11px Arial, Helvetica, sans-serif; color: #FF9900; margin-top: 5px; text-align:right; padding-left: 32px; text-decoration: none }
.infsagenda .infsagenda-links a#ampliarcartaz{ background: #FFF url('../img/layout/icone-ampliar.gif') top left no-repeat; line-height: 32px; padding-right: 5px }
.infsagenda .infsagenda-links a#maisboate{ background: #FFF url('../img/layout/icone-mais.gif') top left no-repeat; padding-right: 5px; padding-top: 2px; height: 30px; text-transform: uppercase }
.infsagenda .infsagenda-links div#like{ line-height: 32px; padding-right: 5px }



/************** VIDEOS ********************/
#bloco-videos{width: 344px; height: 300px; float: left}
#bloco-videos .header{color: #8080C0; border-top: solid 8px #8080C0; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#video-local{ padding: 5px; background: #8080C0; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px }
#video-local:hover{ background: #5757AC; }
#video-titulo{ font: bold 19px Arial, Helvetica, sans-serif; color: #8080C0; width: 323px; float: left; text-align: left; }
#video-titulo:hover{ color: #5757AC; }
#video-desc{ font: bold 12px Arial, Helvetica, sans-serif; color: #999; width: 323px; float: left; text-align: left; margin-top: 3px }


/************** TWITTER ********************/
#bloco-twitter{width: 344px; height: 300px; float: left; margin-left: 46px}
#bloco-twitter .header{color: #33CCFF; border-top: solid 8px #33CCFF; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#twt-festaemlondrina{ padding: 5px; background: #33CCFF; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px; margin-right: 5px }
#twt-galera{ padding: 5px; background: #33CCFF; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px }

#twt-container{ width: 324px; float: left }
#twt-container ul{ padding: 0px; margin: 0px; float: left }
#twt-container ul li{ list-style: none; display: block; float: left; border-bottom: dotted 1px #E2E2E2; padding: 5px 0px 5px 0px; width: 324px; font: bold 11px Arial, Helvetica, sans-serif; color: #999;}
#twt-container ul li a.JRM{ font: bold 11px Arial, Helvetica, sans-serif; color: #999; margin-left: 5px; float: left; width: 250px }
#twt-container ul li a.JRA{ float: left; border: solid 2px #CCC; }
#twt-container ul li a.JRA img{ border: none; }
#twt-container ul li a.JRA:hover{ border: solid 2px #33CCFF; }
#twt-container ul li .time{font: bold 11px Arial, Helvetica, sans-serif; color: #33CCFF; margin-left: 5px; float: left; width: 250px }
#twt-container ul li .profileLink{ color: #33CCFF; }
#twt-container ul li .extLink{ color: #333; }

/************** NOTICIAS ********************/
#bloco-noticias{width: 344px; height: 300px; margin-top: 85px; float: left}
#bloco-noticias .header{color: #CC0000; border-top: solid 8px #CC0000; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#noticia-local{ padding: 5px; background: #CC0000; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px }
#noticia-local:hover{ background: #820000; }
#noticia-titulo{ font: bold 19px Arial, Helvetica, sans-serif; color: #CC0000; width: 323px; float: left; text-align: left; }
#noticia-titulo:hover{ color: #820000; }
#noticia-desc{ font: bold 12px Arial, Helvetica, sans-serif; color: #999; width: 323px; float: left; text-align: left; margin-top: 3px }


/************** CD E DVD ********************/
#bloco-cdedvd{width: 344px; height: 300px; margin-top: 85px; float: left; margin-left: 46px}
#bloco-cdedvd .header{color: #660066; border-top: solid 8px #660066; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#cdedvd-local{ padding: 5px; background: #660066; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px }
#cdedvd-local:hover{ background: #4A004A; }
#cdedvd-titulo{ font: bold 19px Arial, Helvetica, sans-serif; color: #660066; width: 323px; float: left; text-align: left; }
#cdedvd-titulo:hover{ color: #4A004A; }
#cdedvd-desc{ font: bold 12px Arial, Helvetica, sans-serif; color: #999; width: 323px; float: left; text-align: left; margin-top: 3px }


/************** CINEMA ***********************/
#bloco-cinema{width: 344px; height: 300px; margin-top: 85px; float: left;}
#bloco-cinema .header{color: #006666; border-top: solid 8px #006666; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#cinema-local{ padding: 5px; background: #006666; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px }
#cinema-local:hover{ background: #004242; }
#cinema-titulo{ font: bold 19px Arial, Helvetica, sans-serif; color: #006666; width: 323px; float: left; text-align: left; }
#cinema-titulo:hover{ color: #004242; }
#cinema-desc{ font: bold 12px Arial, Helvetica, sans-serif; color: #999; width: 323px; float: left; text-align: left; margin-top: 3px }


/************** EXCURSÕES ***********************/
#bloco-excursoes{width: 344px; height: 300px; margin-top: 85px; float: left; margin-left: 46px}
#bloco-excursoes .header{color: #3399FF; border-top: solid 8px #3399FF; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px}
#excursoes-empresa{ padding: 5px; background: #3399FF; float: left; font: bold 10px Arial, Helvetica, sans-serif; text-transform: uppercase; color:#FFF; text-decoration: none; margin-top: 3px; margin-bottom: 5px }
#excursoes-empresa:hover{ background: #3399FF; }
#excursoes-titulo{ font: bold 19px Arial, Helvetica, sans-serif; color: #3399FF; width: 323px; float: left; text-align: left; }
#excursoes-titulo:hover{ color: #3399FF; }
#excursoes-desc{ font: bold 12px Arial, Helvetica, sans-serif; color: #999; width: 323px; float: left; text-align: left; margin-top: 3px }

/************** PROMOÇÕES ***********************/
#bloco-promocoes{width: 155px; height: 315px; float: left; margin-left: 17px; margin-left: 20px; margin-bottom: 25px}
#bloco-promocoes .header{color: #000; border-top: solid 8px #000; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px; width: 157px}
.img-promo img{ border: none; }
a.img-promo{ display: block; text-align: center; padding-left: 3px; padding-bottom: 5px; border-bottom: 1px dotted #E2E2E2; float: left }
.tit-promo{ font: bold 11px Arial, Helvetica, sans-serif; color: #333; float: left; padding: 3px  }


/************** ACESSO RÁPIDO ********************/
#bloco-acessorapido{position: relative; width: 155px; height: 100%; float: left; margin-left: 20px}
#bloco-acessorapido .header{color: #000; border-top: solid 8px #000; font: bold 22px Arial, Helvetica, sans-serif; margin: 5px 0px 10px 0px; width: 157px;}

.img-boate img{ margin-left: 3px; margin-bottom: 3px; border: none }

.fbConnectWidgetFooter{display: none}