F* {
	padding: 0px;
        margin: 0px;
        -moz-user-select: none;
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-font-smoothing: antialiased;
}
#loader
{
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #000000;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	z-index:10000;
}
	#loader.invisible
	{
		display:none;
	}
	#loader .blockLoader
        {
            position:absolute;
            right:24px;
            bottom:0;
        }
	#loader .gif_loader
	{
                position: relative;
                width: 24px;
                height: 24px;
                background: url("../imgs/ajax-loader.gif") no-repeat;
                background-position: right bottom;          
		bottom:5px;
	}
        #loader .textLoader
        {
            position: absolute;
            color: white;
            float: left;
            right: 52px;
            bottom:5px;
            background-color: rgb(0,0,0);
            font-family: Arial, Helvetica, sans-serif;
            font-size: 1em;
        }
#mainContainer
{
    width: 800px;
    height: 600px;
    overflow: hidden;
    /*background-color: rgb(35, 35, 35);*/
    background-color: #000;
}
#Album
{
    position: relative;
    width: 1024px;
    overflow: hidden;
   
    
}

.picture
{
    position: relative;
    float : left;
    width: auto;
    height: 780px;
	overflow: hidden;
}
    .picture img
    {
        width: auto;
        height: auto;
        position: relative;
	
    }
    .picture .containerPicture
    {
        position: relative
    }
    .picture .boxText
    {
        position: absolute;
        width:19em;
        top:10%;
        font-size: 1em;
        color: white;
        background: url('../imgs/icones/contrair.png') no-repeat;
        background-color: rgb(0, 0, 0); 
        background-color: rgba(0, 0, 0, 0.85);
       
    }
         .picture .boxText.ativo
         {
             background-color: rgb(0, 0, 0); 
             background: url('../imgs/icones/expandir.png') no-repeat;
             background-color: rgba(0, 0, 0, 0.85);
         }
        .picture .boxText.capaText
        {
            background: url(); 
            background-color: rgb(0, 0, 0); 
            background-color: rgba(0, 0, 0, 0.85);
            padding: 0;
            font-size: 1.2em
        }
    
        .picture .boxText.rCorner{ border-radius: 0px 10px 10px 0px}
        .picture .boxText.lCorner{ border-radius: 10px 0px 0px 10px}
        .picture .boxText p{ font-family: 'granbrookregular'; font-size: 1em;}
        .picture .boxText p.title{ font-family: 'HelveticaNeueLTStdMedCnRg'; margin: 1em 1em 0em 1em; font-size: 1.3em; font-weight: bold;}
        .picture .boxText.capaText p.title{ margin: 0.5em 1em 0em 0.5em; }
        .picture .boxText p.subtitle{ margin: 0em 1em 1em 1.2em; font-size: 100%;}
        .picture .boxText p.text{ font-family: 'granbrookregular'; margin: 1em 1em 1em 1em; }
        .picture .boxText.capaText p{font-family: 'HelveticaNeueLTStdMedCnRg'; font-size: 50px}
        .picture .boxText.left{background-position: 96% 20px; }
        .picture .boxText.left.ativo{background-position: 96% 20px; }
        .picture .boxText.right{ background-position: 96% 20px;}
        .picture .boxText.right.ativo{ background-position: 96% 20px;}
        .picture .boxText.negativo
        { 
            background-color: rgba(255, 255, 255, 0.8);
            color: #000;
        }
.contTitle
{
    position: absolute;
    height: 65px;
    width: 100%;
    z-index: 105;
}
#navMenu
{
    position: fixed;
    width: auto;
    height: auto;
    z-index: 103;
    top: 0;
    display: none;
}
    #navMenu .itemNavegacao
    {
        position: relative;
        width: 55px;
        height: 1.2em;
        margin: 0.5em 0.3em;
        background-color: rgba(255, 255, 255, 0.298039);
        float: left;
        box-shadow: rgb(0, 0, 0) 2px 2px 5px;
        -moz-box-shadow: rgb(0, 0, 0) 2px 2px 5px;
        -webkit-box-shadow: rgb(0, 0, 0) 2px 2px 5px;
        cursor: pointer;
    }
    #navMenu .itemNavegacao.ativo {
        background: rgba(255, 255, 255, 1);
        background: #AAA\9;
        box-shadow: inset 2px 2px 5px #000;
        -webkit-box-shadow: inset 2px 2px 5px #000;
    }
    
#fullscreen
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 1000;
    background-color: #000000;
    overflow: auto;
}
    #fullscreen img
    {
        position: relative;
    }

.navBtn
{
    position: fixed;
    width: 55px;
    height: 90%;
    z-index: 102;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.navBtn:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
    .navBtn.next {
          background: url('../imgs/icones/navNxt.png') no-repeat center center;
          right: 5px; 
    }
    .navBtn.prev {
           background: url('../imgs/icones/navPrv.png') no-repeat center center ;
           left: 5px;
     }
#linksCapa { margin-top: 3em; text-align: center; max-height: 300px; overflow-x: hidden; overflow-y: hidden;}
    #linksCapa li {
            font-family: 'HelveticaNeueLTStdMedCnRg';
            color: #000;
            font-weight: bold;
            text-align: center;
            padding: 5px;
            list-style: none;
            margin:0.2em 0.2em 1em 1em;
            display: inline-block;
            background-color: rgba(255, 255, 255, 0.5);
            border-radius: 5px;
            cursor: pointer;
            font-size: 1.1em;
    }
    #linksCapa li .thumbLink {
            display: block; margin-left: auto; margin-right: auto; /* CENTRALIZAR A IMAGEM */   
            width: 118px;
            height: 85px;
            margin-bottom: 5px;
            background: url('../imgs/thumbs.png');
    }
    #linksCapa li .thumbLink.nothumb {
         display: none
    }
    #linksCapa li label {
        font-size: 22px;
    }
.legend
{
    position: absolute;
    bottom: 0px;
   
    color: #FFFFFF;
    background: url('../imgs/icones/bt_legenda.png') no-repeat;
    min-height: 45px;
    min-width: 44px;
    cursor: pointer;
    z-index: 100;
    max-width: 80%;
}
    .legend .legendText
    {
        font-family: 'granbrookregular'; 
        font-size: 1.1em;
        position: relative;
        left: 40px;
        height: auto;
	   background: rgb(0,0,0);	
	   border-radius: 0 10px 10px 0;
        padding: 0.2em 0.5em;
        display: none; 
        width: auto;
        
    }
     .legend .legendText.ativo
    {
         display: block; 
    }
.credito
{
    font-size: 0.7em;
    
}
.fullscreen
{
    position: absolute;
    bottom: 0px;
   
    color: #FFFFFF;
    background: url('../imgs/icones/bt_full.png') no-repeat;
    min-height: 45px;
    min-width: 44px;
    cursor: pointer;
}
.backhome
{
    position: absolute;
    bottom: 0px;
   
    color: #FFFFFF;
    background: url('../imgs/icones/bt_home.png') no-repeat;
    min-height: 45px;
    min-width: 44px;
    cursor: pointer;
}
.btSobre {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url('../imgs/icones/bt_info.png') no-repeat center center;
	background-size: 70% 70%;
	z-index: 1;
	cursor: pointer;
}
/* properties */
.invisible{ display: none}
.scroll-y
{
    overflow-y: auto;
}

/* SOBRE */
#sobreShield {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	background-color: #333\9;
	z-index: 500;
}
#sobreBox {
	font-family: 'Arial';
	position: absolute;
	width: 490px;
    max-height: 460px;
	bottom: 0;
	left: 50%;
	top: 50%;
    min-height: 161px;
	margin-left: -245px;
	margin-top: -230px;
	z-index: 501;
}
#sobreTitulo {
	font-family: 'HelveticaWorld';
	font-size: 1.3em;
	line-height: 1.8em;
	color: #FFF;
	padding-left: 0.5em;
    background: #000 url('../imgs/sobre/bkgTitulo.png');
}
#sobreFechar {
	width: 1.8em;
	height: 1.8em;
	background: url('../imgs/sobre/btFechar.png') no-repeat center center;
	background-size: 50% 50%;
	cursor: pointer;
	float: right;
}
#sobreAcessibilidade {
	background-color: #A8A8A0;
	overflow: hidden;
	width: 100%;
}
#sobreAcessibilidade div {
	color: #393939;
	float: left;
	margin: 0.3em 0;
	font-size: 15px;
}
#sobreAcessibilidade > div:first-child {
	margin-left: 1em;
	margin-top: 0.5em;
	color: #FFF;
	float: none;
}

#sobreAcessibilidade #teclaRBaixo {
	background: url('../imgs/sobre/btAcessR.png') no-repeat;
	margin-left: 1em;
	width: 205px;
	height: 48px;
	overflow: visible;
}
#sobreAcessibilidade #teclaRBaixo div {
	float: left;
	margin-left: 50px;
	vertical-align: middle;
}

#sobreAcessibilidade #teclaRBaixo div:first-child { margin-top: 0.7em; }
#sobreAcessibilidade #teclaRBaixo div:last-child { width: 86px; }
#sobreAcessibilidade #teclaEsquerda { background: url('../imgs/sobre/btAcessVl.png') no-repeat; }
#sobreAcessibilidade #teclaDireita { background: url('../imgs/sobre/btAcessAv.png') no-repeat; }
#sobreAcessibilidade #teclaEsquerda, #teclaDireita {
	width: 68px;
	height: 38px;
	padding-left: 3.2em;
	padding-top: 0.6em;
}

#sobreConteudo {
	background-color: #E9E6DE;
	padding: 1em 1em; 
	-webkit-box-shadow: inset 0 3px 10px #555;
	box-shadow: inset 0 3px 10px #555;
	max-height: 270px;
	*height: 270px;
	overflow: overlay;
	overflow-y: scroll;
}

#sobreConteudo ul { list-style: none }
	#sobreConteudo .versao { padding-left: 0; }
	#sobreConteudo .versaoConteudo {
		background-color: #6C6B69;
		color: #FFF;
		border-radius: 5px;
		font-size: 0.7em;
		padding: 0.2em 0.8em;
	}
	#sobreConteudo .entitulacao { padding-left: 0.5em; margin-top: 0.5em; }
	#sobreConteudo .entitulacao > li { margin-bottom: 1em; }
	#sobreConteudo .entitulacao li span {
		color: #464748;
		font-size: 1.2em;
	}
	#sobreConteudo .descricao { padding-left: 0.5em; }
	#sobreConteudo .descricao li { 
		font-size: 1.01em; 
		color: #333;
		margin-bottom: 0.6em;
	}

#sobreRodape{
	background-color: #F3F2EE;
	padding: 0.5em 1.5em;
	font-size: 0.75em;
}
/* media queries */
/*
* regra para desaparecer botões de next, prev, e seta da box (contrair, expandir)
*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {  /*IPAD*/
    .picture .boxText p.title{ font-size: 1.8em;}
    .picture .boxText p.subtitle{ font-size: 1.5em;}
    .picture .boxText p.text{ font-size: 1.5em; }
    .picture .boxText.capaText p{font-size: 2.7em}
    .credito{font-size: 1em;}
}
@media screen and (max-width: 900px) and (orientation: portrait){ /* tablet vertical */
   
    .picture .boxText
    {
        background: url('');
        background-color: rgb(0, 0, 0); 
        background-color: rgba(0, 0, 0, 0.85);
    }
    .picture .boxText.ativo
    {
         
        background: url('');
        background-color: rgb(0, 0, 0); 
        background-color: rgba(0, 0, 0, 0.85);
    }
    .picture .boxText.rCorner{ border-radius: 0px 0px 0px 0px}
    .picture .boxText.lCorner{ border-radius: 0px 0px 0px 0px}
     .navBtn /*Reposicionando o botao next e prev*/
    {
        position: fixed;
        width: 55px;
        height: 13%;
        z-index: 102;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        margin-top:117px;
    }
}
@media screen and (max-height: 541px){ /* celular altura*/
    #linksCapa { margin-top: 3em; text-align: center;}
    .thumbLink { display: none; }
    .picture .boxText.capaText{top:5%; font-size: 1.0em}
    #navMenu {display:none}
    .navBtn/*Reposicionando o botao next e prev*/
    {
        position: fixed;
        width: 55px;
        height: 13%;
        z-index: 102;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        margin-top:72px;
        background-size: 40%;
    }

     #sobreBox {
        font-family: 'Arial';
        position: absolute;
        width: 272px;
        height: 161px;
        bottom: 0;
        left: 87%;
        top: 60%;
        z-index: 501;
        min-height: 161px;
    }
    #sobreTitulo {
        font-family: 'HelveticaWorld';
        font-size: 1em;
        line-height: 1.8em;
        color: #FFF;
        padding-left: 0.5em;
        background: #000 url('../imgs/sobre/bkgTitulo.png');
    }
    #sobreAcessibilidade {
        background-color: #A8A8A0;
        overflow: hidden;
        width: 100%;
    }
}
@media screen and (max-width: 600px) /* celular largura*/
{
     #linksCapa { margin-top: 3em; text-align: center;}
    .thumbLink { display: none; }
    .picture .boxText.capaText{top:5%; font-size: 1.0em}
     #navMenu {display:none}
    .navBtn/*Reposicionando o botao next e prev*/
    {
        position: fixed;
        width: 55px;
        height: 13%;
        z-index: 102;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        margin-top:72px;
        background-size: 40%;
    }   

    #sobreBox {
        font-family: 'Arial';
        position: absolute;
        width: 272px;
        bottom: 0;
        left: 87%;
        top: 60%;
        z-index: 501;
    }
    #sobreTitulo {
        font-family: 'HelveticaWorld';
        font-size: 1em;
        line-height: 1.8em;
        color: #FFF;
        padding-left: 0.5em;
        background: #000 url('../imgs/sobre/bkgTitulo.png');
    }

    #sobreConteudo {
        background-color: #E9E6DE;
        padding: 1em 1em; 
        -webkit-box-shadow: inset 0 3px 10px #555;
        box-shadow: inset 0 3px 10px #555;
        max-height: 270px;
        min-height: 161px;
        height: 161px;
        overflow: overlay;
        overflow-y: scroll;
    }
 }