@font-face {
    font-family: 'FuturaMdBTMedium';
    src: url('fonts/futuram_0-webfont.eot');
    src: local('?'), url('fonts/futuram_0-webfont.woff') format('woff'), url('fonts/futuram_0-webfont.ttf') format('truetype'), url('fonts/futuram_0-webfont.svg#webfontsyv3AFj2') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    padding:0;
    margin:0;
    outline:none;	
    z-index:0;
}

a {
    text-decoration:none;
}

li {
    list-style :none;	
}

html {
   height:100%;
    min-height:100%;	
    /*background:url(../imagens/bg_html.jpg) repeat-x left top #edeced;*/
    background:#fafafa;
}

body {
    background:url(../imagens/bg.jpg) no-repeat center -20px transparent;	
    min-height:100%;
    font-family:Verdana, Arial, Tahoma, Geneva, sans-serif;
    font-size:11px;
    color:#66655c;
}

p { text-align:justify; }

#wrapper {
    width:890px;
    margin:0 auto;	
    position:relative;
}

#topo {
    height:225px;	
    position:relative;
}

#topo h1 a {
    width:234px;
    height:46px;
    position:absolute;
    bottom:10px;
    right:0px;	
    display:block;
    background:url(../imagens/logotipo.png) no-repeat left top;
    text-indent:-9999px;
}

#menu {
    height:28px;
    overflow:hidden;
}

#menu li {
    float:left;	
    padding:6px 0;
}

#menu li a {
    font-family:'FuturaMdBTMedium', Verdana, Arial;
    font-size:14px;
    color:#80838a;
    padding:0px 19px;
    display:block;
}

#menu li.separator {
    width:2px;
    background:url(../imagens/menu-separator.png) no-repeat center center;	
}

#principal {
    width:890px;
    height:345px;
    overflow:hidden;
    position:relative;
    margin-left:50px;
}

#rodape {
    height:21px;
    text-align:left;
    line-height:16px;
    color:#939292;
    font-size:10px;	
}
#rodape a{
    font-size:10px;	
    color:#939292;
    line-height:16px;
    text-align:right;
    *margin-top:-15px;
}

.principal-content {
    position:absolute;	
    top:0;
    left:890px;
    width:890px;
    height:355px;
    text-align:justify;
    background:url(../imagens/principal-content-bg.jpg) repeat-x left top;
}

.principal-content.visible {
    z-index:10;
}

.principal-content.visible * {
    z-index:10;	
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


#home-bem-vindo {
    background:url(../imagens/home-bem-vindo-bg.jpg) no-repeat left top;
    width:466px;	
    height:331px;
    padding:40px 30px 40px 15px;
    float:left;
}

#home-bem-vindo h2 {
    font-family:'FuturaMdBTMedium', Verdana, Arial;
    font-size:18px;
    color:#14295a;
    margin-bottom:20px;
    font-weight:normal;
    letter-spacing:2px;
    margin-top:0px;
}

#home-bem-vindo p {
    line-height:18px;	
    margin-bottom:15px;
}

#home-eventos {
    width:330px;
    padding:40px 0 40px 14px;
    height:331px;
    float:right;
    background:url('../imagens/home-eventos-bg.jpg') no-repeat left top;
    color:#80838a;
}
#home-eventos a{
    color:#80838a;
}

#home-eventos h2 {
    font-family:'FuturaMdBTMedium', Verdana, Arial;
    font-size:18px;
    color:#14295a;
    margin-bottom:20px;
    font-weight:normal;
    letter-spacing:2px;
        margin-top:0px;
}

#home-eventos ul {
    margin-top:30px;	
}

#home-eventos ul li{
    margin:15px 0;
    cursor:pointer;	
}

#home-eventos a h3 {
    margin-bottom:3px;	
    font-size:12px;
}

#home-eventos a p {
    font-size:10px;	
}

#home-eventos a:hover {
    opacity:0.5;
    filter:alpha(opacity=50);
    color:#333;
    }

div.home-evento-foto
{
    width:138px;
    height:92px;
    overflow:hidden;
    float:right;
    margin-right:10px;
}

div.principal-content.interna {
    width:790px;
    height:295px;
    padding:20px 50px;
}
 h2 {
    font-family:'FuturaMdBTMedium', Verdana, Arial;
    font-size:18px;
    color:#14295a;
    margin-bottom:20px;
    font-weight:normal;
    letter-spacing:2px;
    margin-top:15px;
}

div.interna p {
    line-height:18px;	
    margin-bottom:15px;
}


.scrollable {
    height:275px;	
    padding-right:10px;
    outline:none;
    line-height:22px; 
}

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
    outline:none;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    background: #eee;
}
.jScrollPaneDrag {
    position: absolute;
    background: #14295A;
    cursor: pointer;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
a.jScrollArrowUp {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url(../imagens/scroll-up.png) no-repeat center 0;
    height: 10px;
    margin:0px;
}
a.jScrollArrowUp:hover {
    background:url(../imagens/scroll-up.png) no-repeat center -10px;
}

a.jScrollArrowDown {
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    text-indent: -2000px;
    overflow: hidden;
    background:url(../imagens/scroll-down.png) no-repeat center -10px;
    height: 10px;
    margin:0px;
}
a.jScrollArrowDown:hover {
    background:url(../imagens/scroll-down.png) no-repeat center 0;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/	
}


/*Internas*/

div.scrollable li
{ 
    margin-left:30px;
    list-style:disc;   
    list-style-position:inside; 
}

img.imagem-esquerda
{
    float:left; 
    margin-right:20px;
}



/*Eventos*/

.eventos-foto
{
    float:left;
    width:180px;
    height:180px;
    margin:10px;
    padding:10px;
    border:solid 1px #80838a;
    text-align:center;
    background:url(../eventos/imagens/bg-eventos.png) top center repeat-x;
}
.eventos-foto img
{
    border:none;
    height:100px;
}
.eventos h3
{
    font-family:'FuturaMdBTMedium', Verdana, Arial;
    font-size:12px;
    color:#66655c;
    margin-bottom:20px;
    font-weight:normal;
    letter-spacing:2px;
    text-align:center;      
}

.eventos h4
{    
    font-family:Verdana, Arial, Tahoma, Geneva, sans-serif;
    font-size:11px;
    color:#80838a;
    font-weight:normal;
}

/*eventos-interna*/ 
#eventos-interna 
{
    width:800px;
    height:400px;
}


#eventos-interna p
{
    line-height:22px;
    padding:30px;
}

#eventos-interna h2
{
    color:#14295A;
    font-family:'FuturaMdBTMedium',Verdana,Arial;
    font-size:18px;
    font-weight:normal;
    letter-spacing:2px;
    margin:20px;  
}
img.eventos-interna
{
    float:left; 
    margin-right:20px;
}
/**destaques home*/
.interna-evento li a
{
 color: #80838a;    
}
/* CONTATO */

.contato {
    width:410px;
}
.contato span{
    background:url(../faleconosco/imagens/bulletFone.gif) 0 0 no-repeat;
    width:110px;
    height:110px;
    display:block;
    text-indent: -9999px;
    margin:0 10px 0 20px;
    float:left;
}
.contato p {
    margin:0 0 0 5px;
    line-height:30px;
}

.contato h3 
{
    font-family:'FuturaMdBTMedium', Arial, Verdana;    
    width:90px;
    font-size:12px;
    color:#66655c;
    font-weight:normal;
    margin:5px 5px;
    float:left;

}

.contato-box{
    border:solid 1px #5a5f63;
    margin:5px 5px; 
    width:220px;
    padding:4px;
    font-size:12px;
    color:#581d35;
    float:left;

}

.contato-box2{
    border:solid 1px #5a5f63;
    width:200px;
    padding:4px;
    font-size:12px;
    color:#581d35;
    float:left;
    margin:5px 5px;

}

.contato-box3{
    border:solid 1px #5a5f63;
    width:50px;
    padding:4px;
    font-size:12px;
    color:#581d35;
    float:left;
    margin:5px 5px;
}

.contato-box4{
    border:solid 1px #5a5f63;
    margin:5px 5px;
    width:30px;
    padding:4px;
    font-size:12px;
    color:#581d35;
    float:left;
}

.contato-box5{
    border:solid 1px #5a5f63;
    margin:5px 5px;
    width:150px;
    padding:4px;
    font-size:12px;
    color:#581d35;
    float:left;
}

.contato-btn{
    background-color:#14295A;
    border:solid 1px #5a5f63;
    color:#FFF;
    width:60px;
    float:left;
    margin:30px 5px;
}

.contato-icones 
{
    float:right;  
    width:250px; 
}

.contato-icones p
{
    line-height:22px; 
    margin:0px;
}
.contato-icones a
{
    line-height:15px; 
    margin:0px;
    color:#14295A;
}

/* Eventos - INTERNA */

.interna-eventos-foto {
    width:100px;
    height:100px;
    text-align:center;
    float:left;
    padding:5px;
}

.eventos-interna p{
    font-family:Verdana, Arial, Tahoma, Geneva, sans-serif;
    font-size:11px;
    color:#66655c;
    line-height:22px;
    
}

.interna-eventos-foto img{
    border:none;
    text-align:center;
}

.eventos-interna-topo {
    width:850px;
    margin:15px;
}
 .eventos-interna-topo img{
    margin:10px 44px;
}
.eventos-interna-galeria{
    text-align:center;
    float:left;
    overflow:auto;
    height:90px;
    width:810px;
    margin-left:35px;
}


/**jcaroussel**/
.jcarousel-skin-tango .jcarousel-container 
{
    margin-left:15px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 780px;
    padding: 5px 30px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  780px;
    height: 100px;
    padding:5px;
    border:solid 1px #cccccc;
 }

.jcarousel-skin-tango .jcarousel-item {
    width: 68px;
    height: 100px;
  
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 20px;
   
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: -5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imagens/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../imagens/prev-horizontal.png);
}


.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -4px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../imagens/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../imagens/next-horizontal.png);
}