@media print {
    * {
        background: transparent !important;
        -webkit-print-color-adjust: exact;
        color: black !important;
        text-shadow: none !important;
        -ms-filter: none !important; }
    }

*:focus {
    outline: 0;
}

u {
   color:#CC9900;
}

body {
font-family: arial, verdana, sans-serif !important;

}

.active { background-color: #D5FFE1;}

.invisivel {
    visibility: hidden;
    position: absolute;
}

.logo {
    position: absolute;
    margin-left: 400px;
    margin-top: 20px;
}

.centralizar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
}

/*TOPO*/

/*MENU MOBILE*/
#menu_mobile {
    width: 100%;
    height: 200px;
    background: url(../img/bg2_modulo.jpg) repeat-x;
    display: block;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#controles_mobile {
    width: 396px;
    height: 190px;
    background: url(../img/mobile_grid.png) no-repeat;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -198px;
}

#menu_mobile .ui-link {
}

#controles_mobile .andamento {
    width: 133px;
    left: 133px !important;
}

#controles_mobile .porcento {
    left: 133px !important;
}


#navegacao2 {
    width: 405px;
    position: absolute;
    margin-top: 68px;
    padding: 0px;
}

#navegacao2 li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.migalha2 {
    width: 396px;
    position: relative;
    float: right;
    top: 137px;
}

.migalha2 div {
    display: block;
    width: 352px;
    margin-top: 8px;
}

.logo2 {
    position: absolute;
    margin-left: 124px;
    margin-top: 5px;
}

/*TESTE*/


/*MENU CONVENCIONAL*/
#menu {
    width: 100%;
    height: 175px;
    background: url(../img/bg1_modulo.jpg) repeat-x;
    display: block;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    top: 0%;  
    z-index:9998;
}

#controles {
    width: 1250px;
    height: 200px;
    background: url(../img/topoprincipal.png) no-repeat;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -768px;
}

#navegacao {
    width: 405px;
    position: absolute;
    margin-left: 567px;
    margin-top: 13px;
    padding: 0px;
}

#navegacao li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

/*BOTOES TOPO*/
#voltaPag {
    width: 122px;
    height: 63px;
    background: url(../img/bt_avancar.png) 0px -63px;
    display: block;
    text-indent: -9999px;
}

#voltaPag:hover {
    background-position: -122px 63px;
}

#voltaPag:active {
    background-position: -244px 63px;
}

#voltaPag:disabled {
    background-position: -366px 63px;
}

#avancaPag {
    width: 122px;
    height: 63px;
    background: url(../img/bt_avancar.png) 0px 0px;
    display: block;
    margin-left: 150px;
    text-indent: -9999px;
}

#avancaPag:hover {
    background-position: -122px 0px;
}

#avancaPag:active {
    background-position: -244px 0px;
}

#avancaPag:disabled {
    background-position: -366px 0px;
}


/*BARRA ANDAMENTO */

.andamento {
    width: 133px;
    height: 32px;
    left: 135px;
    top: 30px;
    position: absolute;
    background: url(../img/mask_andamento.png);
    text-indent: -9999px;
    z-index: 2;
}

.porcento {
    width: 50px;
    height: 30px;
    position: absolute;
    left: 135px;
    top: 30px;
    background: #FFF;
}

/*BARRA ACESSIBLIDADE*/

#acessibilidade {
    width: 240px;
    position: absolute;
    right: 26px;
    margin-top: 25px;
    padding: 0px;
}

#acessibilidade li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 48px;
    height: 46px;
    text-indent: -9999px;
}

#acessibilidade li a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/botoes_padrao.png);
}


.bt_acessibilidade1 {
    background-position: 0px -3px !important;
}

.bt_acessibilidade1:hover {
    background-position: -48px -3px !important;
}

.bt_acessibilidade1:active {
    background-position: -96px -3px !important;
}

.bt_acessibilidade2 {
    background-position: 0px -49px !important;
}

.bt_acessibilidade2:hover {
    background-position: -48px -49px !important;
}

.bt_acessibilidade2:active {
    background-position: -96px -49px !important;
}

.bt_acessibilidade3 {
    background-position: 0px -95px !important;
}

.bt_acessibilidade3:hover {
    background-position: -48px -95px !important;
}

.bt_acessibilidade3:active {
    background-position: -96px -95px !important;
}

.bt_acessibilidade4 {
    background-position: 0px -279px !important;
}

.bt_acessibilidade4:hover {
    background-position: -48px -279px !important;
}

.bt_acessibilidade4:active {
    background-position: -96px -279px !important;
}

.bt_acessibilidade5 {
    background-position: 0px -327px !important;
}

.bt_acessibilidade5:hover {
    background-position: -48px -327px !important;
}

.bt_acessibilidade5:active {
    background-position: -96px -327px !important;
}


.acessibilidade6 {
    width: 380px;
    position: absolute;
    right: 10px;
    margin-top: 10px;
    padding: 0px;
}

.acessibilidade6 li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 44px;
    height: 42px;
    text-indent: -9999px;
}

.acessibilidade6 li a {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/botoes_padrao_mobile.png);
}

.margem1 {
    margin-left: 193px;
}

.bt_acessibilidade6 {
    background-position: 0px 0px !important;
}

.bt_acessibilidade6:hover {
    background-position: -44px 0px !important;
}

.bt_acessibilidade6:active {
    background-position: -88px 0px !important;
}

.bt_acessibilidade7 {
    background-position: 0px -42px !important;
}

.bt_acessibilidade7:hover {
    background-position: -44px -42px !important;
}

.bt_acessibilidade7:active {
    background-position: -88px -42px !important;
}

.bt_acessibilidade8 {
    background-position: 0px -210px !important;
}

.bt_acessibilidade8:hover {
    background-position: -44px -210px !important;
}

.bt_acessibilidade8:active {
    background-position: -88px -210px !important;
}

.bt_acessibilidade9 {
    background-position: 0px -252px !important;
}

.bt_acessibilidade9:hover {
    background-position: -44px -252px !important;
}

.bt_acessibilidade9:active {
    background-position: -88px -252px !important;
}

.bt_acessibilidade10 {
    background-position: 0px -294px !important;
}

.bt_acessibilidade10:hover {
    background-position: -44px -294px !important;
}

.bt_acessibilidade10:active {
    background-position: -88px -294px !important;
}

/*BLOCO DE INFORMACOES*/

#nav-panel {
    background: url(../img/bg_comp.jpg);
    -moz-box-shadow: inset 0 0 10px #d0d6c9;
    -webkit-box-shadow: inset 0 0 10px #d0d6c9;
    box-shadow: inset 0 0 10px #d0d6c9;
}

#info {
    width: 800px;
    height: 55px;
    position: absolute;
    top: 110px;
    right: 5px;
    padding-top: 12px;
}

.bt_indice {
    height: 46px;
    position: absolute;
    width: 173px;
    background: url(../img/bt_acesso.png);
    text-indent: -9999px;
    margin-top: 16px;
    left: 0%;
}

.bt_indice:hover {
    background-position: -173px 0px;
}

.bt_indice:active {
    background-position: -346px 0px;
}

.migalha1 {
width: 500px;
position: relative;
float: left;
left: 180px;
line-height: 1.2em;
height: 62px;
padding-right: 5px;
}

.migalha1 h1, h2, h3 {
    margin: 5px;
    padding: 0px;
    font-size: 80%;
    text-shadow: none;
    color: #898989;
    font-family: Arial, Helvetica, sans-serif;
}

/*CONTEUDO*/

#conteudo {
    max-width:700px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#conteudo a {
    color: #457f3e;
}

#conteudo h1 {
    background: url(../img/marcador1.png) no-repeat;
    padding: 6px 10px 10px 50px;
    color: #0a687c;
    font-size: 120%;
}

#conteudo h2 {
    padding: 0px 10px 10px 50px;
    color:black;
    font-size: 120%;
}

#conteudo p {
    text-indent: 50px;
    font-size: 16px;
    text-align: justify !important;
    font-weight: 0;

}

#conteudo p.citacao {
    text-indent: 0px !important;
    margin-left: 120px !important;
}

#conteudo p.autoria{
    text-align:right !important;
}

#conteudo p.disticoilustracao {
    text-align: justify !important;
    font-size: 14px;
}

#conteudo p.box-azul {
    background-color: #d2e5e7;
    border-radius: 15px;
    padding: 15px; 
    margin-left: 70px;
    margin-right: 70px;
    text-indent: 0px;

}

#conteudo p.notas {
    background-color: #ffffcc;
    border-radius: 15px;
    padding: 15px; 
    margin-left: 70px;
    margin-right: 70px;
    text-indent: 0px;
}

#conteudo p.referencias{
    text-align: justify !important;
    text-indent: 0px !important;
    font-size: 16px;
}

/*MENU LATERAL*/

    .menu-acesso-rapido {
    position: fixed;
    top: 0;
    left: -400px;
    width: 400px;
    height: 100%;
    background: #F0F0F0;
    z-index:9999;
    -moz-box-shadow: inset 0 0 10px #d0d6c9;
    -webkit-box-shadow: inset 0 0 10px #d0d6c9;

    }

    .menu-acesso-rapido h3 {
    position: relative;
    padding: 12px 10px;
    color: #0A687C;
    font-size: 2em;
    font-weight: normal;
    }

    .menu-acesso-rapido .fecha_menu {
    position: absolute;
    top: 12px;
    right: 10px;
    display: inline-block;
    padding: 6px 9px 5px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    background: url(../img/bg_comp.jpg);
    color: #5C7891;
    text-decoration: none;
    vertical-align: top;
    }

    .menu-acesso-rapido .fecha_menu:hover {
    color: #484848;
    }

    .menu-acesso-rapido ul {
    list-style: none;
    font-weight: 300;
    }

    .menu-acesso-rapido ul li {
    background-color: #C7CEC1;
    margin-top:5px;
    margin-bottom:5px;
    margin-right: 30px;
    }
    
    .menu-acesso-rapido ul li {
    color:green;
    }

    .menu-acesso-rapido ul li a {
    position: relative;
    display: block;
    padding: 15px;
    color: #5C7891;
    font-weight: 700;
    text-decoration: none;
    }

    .menu-acesso-rapido ul li a:focus {
border-style:dotted;
    }

    .menu-acesso-rapido ul li a:hover {
background-color: #FFF;
    }

    .menu-acesso-rapido ul li a i{
    position: absolute;
    top: 15px;
    bottom: 15px;
    right: 10px;
    opacity: .5;
    }

    .stop-scrolling {
      overflow: hidden;
    }

/*ESPECIFICO PARA ESTE LIVRO*/

.avatar1 {
    height: 310px;
    width: 700px;
    background: url(../imagens/image1.png);
    -webkit-print-color-adjust: exact;

}

.textoavatar1 {
    position: absolute;
    text-align: justify !important;
    width: 300px;
    margin-top: 55px;
    margin-left: 60px;

}

.texto1graf1 {
    text-transform: uppercase;
position: absolute;
margin-left: 300px;
margin-top: -620px;
font-size: 120%;
}

.texto2graf1 {
text-transform: uppercase;
position: absolute;
margin-left: 550px;
margin-top: -450px;
font-size: 120%;
}

.texto3graf1 {

text-transform: uppercase;
position: absolute;
margin-left: 435px;
margin-top: -170px;
font-size: 120%;
width: 250px;

}

.texto4graf1 {

    text-transform: uppercase;
position: absolute;
margin-left: 130;
margin-top: -170px;
font-size: 120%;
width: 250px;

}

.texto5graf1 {
   text-transform: uppercase;
position: absolute;
margin-left: 50px;
margin-top: -450px;
font-size: 120%;

}

.info2 {
    height: 669px;
    width: 700px;
    background: url(../imagens/image6.png);
}

.texto1graf2 {
    position: absolute;
    text-align: justify !important;
    margin-top: 65px;
    margin-left: 60px;
}

.explicacao1graf2 {

  position: absolute;
text-align: justify !important;
margin-top: 40px;
margin-left: 290px;
font-size: 80%;
width: 350px;

}

.texto2graf2 {
    position: absolute;
    text-align: justify !important;
    margin-top: 130px;
    margin-left: 60px;
}

.explicacao2graf2 {

    position: absolute;
    text-align: justify !important;
    margin-top: 105px;
     margin-left: 290px;
   font-size: 85%;
    width:350px;

}

.texto3graf2 {
    position: absolute;
    text-align: justify !important;
    margin-top: 195px;
    margin-left: 60px;
}

.explicacao3graf2 {

    position: absolute;
    text-align: justify !important;
    margin-top: 160px;
    margin-left: 290px;
font-size: 80%;
    width:350px;

}

.texto4graf2 {
    position: absolute;
    text-align: justify !important;
    margin-top: 250px;
    margin-left: 60px;
}

.explicacao4graf2 {

    position: absolute;
    text-align: justify !important;
    margin-top: 235px;
    margin-left: 290px;
    font-size: 85%;
    width:350px;

}

.texto5graf2 {
    position: absolute;
    text-align: justify !important;
    margin-top: 315px;
    margin-left: 60px;
}

.explicacao5graf2 {

    position: absolute;
    text-align: justify !important;
    margin-top: 290px;
    margin-left: 290px;
    font-size: 85%;
    width:350px;

}

.texto6graf2 {
    position: absolute;
    text-align: justify !important;
    margin-top: 380px;
    margin-left: 60px;
}

.explicacao6graf2 {

    position: absolute;
    text-align: justify !important;
    margin-top: 345px;
    margin-left: 290px;
    font-size: 80%;
    width:350px;

}


.texto1graf3 {
    text-transform: uppercase;
    position: absolute;
    margin-left: 295px;
    margin-top: -650px;
    font-size: 120%;
    width: 200px;
}

.texto2graf3 {
    text-transform: uppercase;
    position: absolute;
    margin-left: 490px;
    margin-top: -560px;
    font-size: 100%;
    width: 150px;
}

.texto3graf3 {

    text-transform: uppercase;
    position: absolute;
    margin-left: 560px;
    margin-top: -340px;
    font-size: 120%;
    width: 200px;

}

.texto4graf3 {
    text-transform: uppercase;
    position: absolute;
    margin-left: 410;
    margin-top: -195px;
    font-size: 120%;
    width: 150px;

}

.texto5graf3 {
    text-transform: uppercase;
    position: absolute;
    margin-left: 190px;
    margin-top: -180px;
    font-size: 100%;
    width: 100px;

}

.texto6graf3 {

    text-transform: uppercase;
    position: absolute;
    margin-left: 60px;
    margin-top: -350px;
    font-size: 120%;
    width: 100px;

}

.texto7graf3 {
    text-transform: uppercase;
    position: absolute;
    margin-left: 100px;
    margin-top: -575px;
    font-size: 100%;
    width: 100px;

}

.textoavatar2 {
    
    position: absolute;
    text-align: justify !important;
    width: 300px;
    margin-top: 75px;
    margin-left: 60px;

}