@import url(http://fonts.googleapis.com/css?family=Inconsolata);
@import url(http://fonts.googleapis.com/css?family=Scada:400italic,700italic,400,700);

body{
    overflow-y: scroll;
}

sup{
    font-size: 10px;
    font-weight: bold;
    color: #6F0205;
}

.clear{
    clear: both;
}

#conteudo{
    width: 100%;
    height: auto;
}

#conteudo a{
    color: #6F0205;
}

.barra{
    background: transparent;
    width: 100%;
    height: auto;
    display: table;
}

#barra2{
    display: none;
}

.nome_sala_esquerda{
    background: transparent;
    width: 450px;
    height: auto;
    float: left;
    padding: 5px 0 5px 0;
    font-family: Scada;
    font-size: 32px;
    color: #6F0205;
}

.nome_sala_direita{
    background: transparent;
    width: 470px;
    height: auto;
    float: right;
    padding: 5px 0 5px 0;
    font-family: Scada;
    font-size: 32px;
    color: #6F0205;
    text-align: right;
}

.sobre_sala{
    background: transparent;
    width: 490px;
    height: auto;
    float: right;
    //-webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);
    //-moz-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);
    //box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);
    cursor: pointer;
    //text-align: right;
}

.sobre_sala img{
    width: 100%;
}

.voltar_galeria{
    background: transparent;
    width: 490px;
    height: auto;
    float: right;
    //-webkit-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);
    //-moz-box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);
    //box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.75);
    cursor: pointer;
    //text-align: left;    
}

.voltar_galeria img{
    width: 100%;
}

.galeria{
    background: transparent;
    width: 100%;
    min-height: 768px;
    display: table;
    padding-bottom: 10px;
}

.slider{
    background: transparent;
    width: 100%;
    min-height: 768px;
    margin-top: 10px;
}

.artigo{
    background: transparent;
    width: 100%;
    height: auto;
    margin-top: 10px;    
}

.titulo_coluna_texto{
    background: transparent;
    width: 100%;
    height: auto;
    font-size: 22px;
}

.coluna_texto{
    background: transparent;
    width: 460px;
    margin-right: 20px;
    font-family: Scada, sans-serif;
    font-size: 18px;
    text-align: justify;
    float: left;
}

.coluna_texto_central{
    background: transparent;
    width: 680px;
    font-family: Scada, sans-serif;
    font-size: 18px;
    text-align: justify;
    margin: 0 auto;   
}

.imagem_descricao{
    background: transparent;
    width: 100%;
    height: 375px;
}

.imagem{
    background: #F4E099;
    width: 35%;
    height: 100%;
}

.imagem img{
    height: 100%;
}

.descricao{
    background: #F4E099;
    width: 65%;
    height: 100%;
    position: relative;
}

.fechar{
    background: transparent;
    width: 100%;
    height: 30px;
}

#btnFechar{
    background: transparent;
    width: 30px;
    height: 30px;
    float: right;
}

.fechar img{
    width: 100%;
}

.legenda{
    background: transparent;
    width: auto;
    height: auto;
    margin: 0 25px 0 25px;
    font-family: Scada;
    font-size: 16px;
    font-weight: bold;
}

.texto{
    background: transparent;
    width: auto;
    height: auto;
    margin: 10px 25px 10px 25px;
    font-family: Scada;
    font-size: 14px;
    font-weight: normal;
}

.download_container{
    background: transparent;
    width: 100%;
    height: auto;
    bottom: 10px;
    position: absolute;
}

a.link_download{
    background: #9C9796;
    display: block;
    width: 200px;
    height: auto;
    padding: 8px 0 8px 0;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    font-family: Scada;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
}

.imagem,
.descricao{
    float: left;
}

.pager_container{
    background: transparent;
    width: 100%;
    height: 100px;
    margin-top: 25px;
    //overflow-y: hidden;
    //overflow-x: scroll;
}

#slideshow { left: 20px }
#nav { width: auto; margin: 19px; }
#nav li { width: 60px; float: left; margin: 8px; list-style: none }
#nav a { width: 60px; padding: 3px; display: block; border: 1px solid #CCCCCC; }
#nav li.activeSlide a { background: #333333 }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }

.item_galeria{
    background: transparent;
    width: 220px;
    height: 300px;
    margin: 10px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.item_galeria img{
    width: 100%;
}

.nota{
    border-top: 1px solid #333;
}