/* 
    Document   : front_hexagnos
    Created on : 14/Fev/2011, 12:03:42
    Author     : Jose Pedro Brito - brito.josepedro@gmail.com
    Description:
        Purpose of the stylesheet follows.
*/


div#apresentacao-banda-main{
    display: block;
    position: relative;
    background: none;
    width: 80%;
    min-width:  60em;
    min-height: 32.5em;
    background: url("images/apresentacao_banda.png") center left transparent no-repeat;
    margin-left: auto;
    margin-right: auto;
}

div.apresentacao-banda-item{
    display: block;
    float: left;
    position: absolute;
    z-index: 10;
    color: #000000;
    font-size: 16px;
    cursor: pointer;
}

div.apresentacao-banda-item-hover{
    display: block;
    float: left;
    position: absolute;
    z-index: 5;
    visibility: hidden;
}


div.apresentacao-banda-item-contents{
    display: block;
    float: left;
    position: absolute;
    z-index: 0;
    left: 470px;
}

div#apresentacao-banda-item-percussao{
    left: 110px;
    top: 170px;
}

div#apresentacao-banda-item-percussao-hover{
    background: url("images/apresentacao_banda_percussao_hover.png") transparent no-repeat;
    width: 344px;
    height:229px;
    left:6px;
    top: 145px;
}


div#apresentacao-banda-item-metais{
    left: 156px;
    top: 210px;
}

div#apresentacao-banda-item-metais-hover{
    display: block;
    float: left;
    position: absolute;
    background: url("images/apresentacao_banda_metais_hover.png") transparent no-repeat;

}

div#apresentacao-banda-item-madeiras{
    left: 200px;
    top: 250px;
}

div#apresentacao-banda-item-madeiras-hover{
    display: block;
    float: left;
    position: absolute;
    background: url("images/apresentacao_banda_madeiras_hover.png") transparent no-repeat;

}

div#apresentacao-banda-item-cordas{
    left: 350px;
    top: 280px;
}

div#apresentacao-banda-item-cordas-hover{
    background: url("images/apresentacao_banda_cordas_hover.png") transparent no-repeat;
    width: 194px;
    height:196px;
    top: 178px;
    left: 265px;
}

div#apresentacao-banda-item-maestro{
    left: 205px;
    top: 343px;
}

div#apresentacao-banda-item-maestro-hover{
    background: url("images/apresentacao_banda_maestro_hover.png") transparent no-repeat;
}


div#apresentacao-banda-img{
    background: url("images/apresentacao_banda_img.png") transparent no-repeat;
    width: 450px;
    height: 450px;
    margin: 50px 0px 0px 0px;
}


div#apresentacao-banda-main div.view-membros div.view-content table.views-table{
    float: left;
    margin: 5px 2px;
}

div#apresentacao-banda-main div.view-membros div.view-content table.views-table caption{
    min-height: 70px;
}

div#apresentacao-banda-main div.view-membros div.view-content table.views-table caption img{
    float: center;
}

div#apresentacao-banda-main div.view-membros div.view-content table.views-table td{
    min-width: 100px;
    max-width: 200px;
    white-space: normal;
    padding: 2px !important;
}

div#apresentacao-banda-main div#apresentacao-banda-item-maestro-contents div.view-membros div.view-content table.views-table td{
    min-width: 200px;
    max-width: 200px;
}


/*
div#organigrama-cfa-main div.organigrama-cfa-item-contents{
    position: absolute;
    width: 350px;
    max-width: 350px;
}

div#organigrama-cfa-main div.organigrama-cfa-item-contents h1,
div#organigrama-cfa-main div.organigrama-cfa-item-contents h2,
div#organigrama-cfa-main div.organigrama-cfa-item-contents h3,
div#organigrama-cfa-main div.organigrama-cfa-item-contents h4{
    font-size: 16px;
}

div#organigrama-cfa-main div.organigrama-cfa-item-contents table{
    width: 100%;
}

div#organigrama-cfa-main div.organigrama-cfa-item{
    height: 80px;
    width: 160px;
    position: absolute;
    display: block;
    float: left;
    cursor: pointer;
}

div#organigrama-cfa-item-executivo-cfa{
    left: 380px;
    top: 30px;
}

div#organigrama-cfa-item-pedagogico-cfa{
    left: 380px;
    top: 145px;
}

div#organigrama-cfa-item-danca-cfa{
    left: 5px;
    top: 265px;
}

div#organigrama-cfa-item-metaispercussao-cfa{
    left: 180px;
    top: 265px;
}

div#organigrama-cfa-item-madeiras-cfa{
    left: 380px;
    top: 265px;
}

div#organigrama-cfa-item-cordas-cfa{
    left: 580px;
    top: 265px;
}

div#organigrama-cfa-item-naoinstrumentais-cfa{
    left: 780px;
    top: 265px;
}

*/