@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
html,body{height:100%;}
*{outline:none;}
body{margin:0px; padding:0px; background:#000; font-family: 'Roboto', sans-serif;}
#toolbar{position:fixed; z-index:3; right:10px; top:10px; padding:5px; background:url(../../assets/images/fs_img_g_bg.png);}
#toolbar img{border:none;}
#img_title{position:fixed; z-index:3; left:10px; top:150px; padding:10px; background:url(../../assets/images/fs_img_g_bg.png); color:#FFF; font-family:'Josefin Sans Std Light', arial, serif; font-size:24px; }
#bg{position:fixed; z-index:1; overflow:hidden; width:100%; height:100%;}
#bgimg{display:none; -ms-interpolation-mode: bicubic;}
#preloader{position:relative; z-index:3; width:32px; padding:20px; top:80px; margin:auto; background:#000;}
#thumbnails_wrapper{z-index:2; position:fixed; bottom:0; width:100%; background:url(../../assets/images/empty.gif); /* stupid ie needs a background value to understand hover area */}
#outer_container{position:relative; padding:0; width:100%; margin:0 auto;}

#outer_container .thumbScroller{position:relative;  overflow:hidden; background:url(../../assets/images/fs_img_g_bg.png);}

#outer_container .thumbScroller, #outer_container .thumbScroller .container, #outer_container .thumbScroller .content{height:170px;}

#outer_container .thumbScroller .container{position:relative; left:0;}

#outer_container .thumbScroller .content{float:left;}

#outer_container .thumbScroller .content div{margin:5px; height:100%;}

#outer_container .thumbScroller img{border:5px solid #fff;}

#outer_container .thumbScroller .content div a{display:block; padding:5px;}

.nextImageBtn, .prevImageBtn{display:block; position:absolute; width:50px; height:50px; top:36%; margin:-25px 10px 0 10px; z-index:3; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4;}

.nextImageBtn:hover,.prevImageBtn:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

.nextImageBtn{right:0; background:#000 url(../../assets/images/nextImgBtn.png) center center no-repeat;}

.prevImageBtn{background:#000 url(../../assets/images/prevImgBtn.png) center center no-repeat;} 

.img_title {background-color: #777 !important}



h1{
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 4px;
	text-align: center;
	margin-top: 10px
}




/* ----  ---- */

#cabecalho{position: relative}

 
#logo{margin:auto; width: 13%} 

 #compartilhamento {
    position: absolute;
    top: 5px;
    right: 60px;
    width: 170px
}


 #compartilhamento li {
    display: inline-block;
    margin-right: 5px;
    right: 220px;
    width: 33px;
}


#tituloDescricao {
	color: #fff;
	margin:10px auto 0 auto ;
	width: 78%;
}

#tituloDescricao p.credito{
	font: 13px Arial;
	margin-top:-20px;
	text-align: center;

}


#tituloDescricao p.descricao{
	display: none;
	font-size: 13px; 
	margin-top:14px;
	text-align: justify;
}

 .spriteAgenda{ background:url("../../assets/images/spriteGaleria.png") top left no-repeat; display: block}


.Click{
	cursor: pointer;
	margin-top: -51px
}

/* ------- ICONES REDES SOCIAIS ------- */
 #redesSociais .spriteAgenda  {text-indent:-50px; }

 .icoFacebook{ width:25px; height:40px; background-position:-10px -312px}
 .icoTwitter{ width:25px; height:40px; background-position:-10px -262px}
 .icoGooglePlus{ width:25px; height:40px; background-position:-10px -212px}
 .icoInstagram{ width:25px; height:40px; background-position:-10px -162px}
 .icoWhatsApp{ width:25px; height:40px; background-position:-10px -112px}





/* ------- ICONES REDES SOCIAOS COMPARTILHAMENTO ------- */

 .icoFacebook-Share, 
 .icoTwitter-Share, 
 .icoGooglePlus-Share{height:42px; width:42px}

 .icoFacebook-Share:hover, 
 .icoTwitter-Share:hover, 
 .icoGooglePlus-Share:hover{height:42px; width:42px}

 .icoFacebook-Share{background-position:-64px -116px}
 .icoTwitter-Share{background-position:-64px -160px}
 .icoGooglePlus-Share{background-position:-64px -204px}

 .icoFacebook-Share:hover{background-position:-64px -258px}
 .icoTwitter-Share:hover{background-position:-64px -302px}
 .icoGooglePlus-Share:hover{background-position:-64px -346px}