* { margin:0;padding:0 }

/*  elementos   */
body { background:#000 url(i/bg-body-footer-1980.jpg) center 565px no-repeat }
b, strong {font-weight:800 }
i, em { font-style: italic }
ul { list-style:none }
a { cursor:pointer }





#content,
#footer {
    margin:0 auto;
    overflow:hidden;
    width:750px;
}



#header {
    background:url(i/bg-topo-1980-2.jpg) center 0 no-repeat;
    height:364px;   
    position:absolute;
    top:0;
    z-index:10
}

#bg_header {
    background:url(i/bg-topo-1980.jpg) center 0 no-repeat;
    height:366px;
    position:absolute;
    width:100%;
    z-index:15
}

#bg_header .relative {
    margin:0 auto;
    position:relative;
    width:750px
}

#bg_footer {
    background:url(i/bg-footer.png) center 0 no-repeat
}

#content {
height:360px;
position:relative;
color:#8bb3ec;
font:10px Arial, sans-serif;
z-index:1;
overflow:hidden;
}

#bg_content {
    background:url(i/bg-content-ext-1980.png) center bottom no-repeat;
    width:100%
}

#faux { height:240px;margin:0 auto;position:relative }

.content {
    width:750px;
    text-align:center;
    height:332px;
    overflow:hidden;
    margin:0 auto;
}

#content.form .alert { border-color:#fc0 }

#content_home {
position:absolute;
z-index:199;
top:124px;
left:-1px;
height:229px;
overflow:hidden
}

/*  menu     */

#jFlowSlide { }  

div.jflow-content-slider {
 
    margin:0 auto;
    position:relative;
    width:750px
}

#mnu {

    font:11px Verdana, sans-serif;
    margin:0 auto;
    margin:2px 0 0 7px;
    overflow:hidden;
    width:748px;
    height:27px;
   
    }
 

#mnu li {
    
    float:left;
    position:relative
    
}



#mnu li a {
    display:block;
    height:27px;
    padding:0;
    margin:0;
    cursor:pointer;
    outline:none;
    position:relative
}


#mnu li span {
    
    position:absolute;
    display:block;
    height:27px;
    top:0;
    left:0;
    background:url(i/mnu.jpg) -16px -2px no-repeat

}

#mnu li.home span { background-position:-22px -33px }
#mnu li.release span { background-position:-89px -33px }
#mnu li.programacao span { background-position:-177px -33px }
#mnu li.osteatros span { background-position:-305px -33px }
#mnu li.osartistas span { background-position:-415px -33px }
#mnu li.faleconosco span { background-position:-527px -33px }


#mnu li.home { margin-left:52px }

#mnu li.home span,
#mnu li.home a { width:67px }

#mnu .release span,
#mnu .release a { width:88px }

#mnu .programacao span,
#mnu .programacao a { width:128px }

#mnu .osteatros span,
#mnu .osteatros a { width:110px }

#mnu .osartistas span,
#mnu .osartistas a { width:112px }

#mnu .faleconosco span,
#mnu .faleconosco a { width:115px }


#mnu li.home span.hover { background-position:-22px -2px }
#mnu li.release span.hover { background-position:-89px -2px }
#mnu li.programacao span.hover { background-position:-177px -2px }
#mnu li.osteatros span.hover { background-position:-305px -2px }
#mnu li.osartistas span.hover { background-position:-415px -2px }
#mnu li.faleconosco span.hover { background-position:-527px -2px }

#mnu li a:focus span.hover,
#mnu li span.hover:hover { background-image:none }


#mnu.inicial .home span.hover { background-image:none }
#mnu.inicial a.jFlowSelected span.hover { background-image:url(i/mnu.jpg) }  
#mnu.inicial a.jFlowSelected span.hover:hover { background-image:none }  
    
#mnu a.jFlowSelected span.hover { background-image:none }  



/*  slides/conteudo */




.slide-wrapper a { color:#fff;text-decoration:none }  

.slide-wrapper a:hover { background:#071223 }  


.slide-wrapper { margin-top:18px }  

.slide-wrapper h1 { 
line-height:50px;
vertical-align:middle;
height:45px;
font:12px Verdana, sans-serif
}  


.slide-thumbnail {
    width:153px;
    height:150px;
    float:left; }  
.slide-thumbnail img {max-width:300px; }  
.slide-details { font:10px Arial, sans-serif;color:#8bb3ec;width:518px;float:left;margin-top:8px;overflow:hidden  } 


.slide-details span {
background:#071223;
padding:2px;
font-weight:800;
position:relative;
left:-2px
}

.slide-details p { line-height:14px }

#release .slide-details p { margin-bottom:8px }

.slide-details ul {
margin:5px 0 15px 2px
 }

#programacao .slide-details ul {
margin-bottom:35px
 }

.slide-details li { 

line-height:19px }


.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height:1; margin:0; }  
.slide-details .description {  }  
.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding:2px 5px;; }  
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {  }



/* slide - os teatros */



.logo-anhembi { margin-left:15px }
.logo-ciee { margin:32px 0 0 25px }


.logo-mobile { margin:10px 0 0 25px }
.logo-daniela { margin:32px 0 0 25px }





#programacao .logo-ciee { margin-top:18px }

#faleconosco .slide-details,
#programacao .slide-details,
#osteatros .slide-details {
margin-top:48px
}


#osteatros .slide-details p {
margin-bottom:30px
}

#faleconosco .slide-details p {
margin-bottom:71px
}

#faleconosco .slide-details {
height:230px
}


/* footer */



#footer { color:#23558b;font:10px Verdana, sans-serif; letter-spacing:-1px; font-variant:small-caps }
#copy_developers { margin:100px 0 20px;text-align:center }
#copy_developers li { margin-bottom:20px}
#copy_developers span { background:#071223;padding:2px }

.developers { font-variant:normal }
#copy_developers a { color:#23558b }

#copy_developers a:focus,
#copy_developers a:hover { color:#fff;text-decoration:none }


.mobile { width:117px;margin-right:5px }
.branco { width:67px;margin-right:6px }
.governofederal { width:67px;margin-right:5px  }
.lei { width:42px; }
.replubique { width:72px; }
.radio { width:72px;margin-right:4px  }
.legrand { width:37px;margin-right:2px  }
.culturesfrance { width:52px;margin-right:4px  }
.gol { width:67px;margin-right:4px  }
.rennes { width:52px;margin-right:6px  }
.vilaine { width:62px }

h1 { color:#fff }
h2 { text-indent:-9999px }

ul#realizacao_apoio a {
    display:block;
    height:70px
}

#realizacao_apoio li {
    height:70px;
    
    float:left;
    text-indent:-9999px
}


#osartistas { position:relative }

#osartistas .slide-details {
left:25px;
position:absolute;
top:33px;
width:700px
}