.botao { background: #8B24B4; color: #FFFFFF; padding: 6px 10px; text-align: center; border: 0; }
.botao:hover, .botao:active, .botao:focus { background: #6c7a89; text-decoration: none; color: #FFFFFF; }
.fonte10 { font-size: 10px; }

/* GALERIA DE FOTOS */
#galeria { width: 680px; margin: 4px; position: relative; z-index: 50;}
/* GF - INFO */
#galeriaFaixa { width: 152px; height: 327px; float: left; background: #00CBBE; position: relative; }
#galeriaTitulo { font-family: Capture,sans-serif; font-size: 14px; background: rgba(139, 36, 180, 0.9); width: 160px; padding: 13px 0 0 20px; height: 95px; z-index: 1; position: absolute; top: 28px; color: #FFFFFF; }
#galeriaTitulo p { font-size: 14px; margin-top: 12px; font-family:"Trebuchet MS",Helvetica,sans-serif; }
#galeriaTitulo p strong { font-size: 14px; }
/* GF - PROXIMO TEMA */
#proximoTema { margin: 140px 0 0 20px; width: 116px; color: #FFFFFF; font-size: 14px; }
#proximoTema .botao { float: left; margin: 8px 0; width: 100%; }
#proximoTema .fonte10 { margin-bottom: 9px;}
#proximoTema .redesSociais { margin: 0 6px;}
/* GF - FOTO */
#foto { width: 528px; float: left; margin: 0; position: relative; background-image: url(/static/media/images/loading.gif); background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; }
#fotoAtual { width: 100%; height: 100%; border: 0; z-index: 0; }
/* GF - LEGENDA */
#galeriaLegenda { z-index: 999999; list-style: none; background: rgba(238, 238, 238, 0.7); width: 100%; height: 37px; position: absolute; bottom: 4px; left: 0; padding: 0; margin: 0; }
#galeriaLegenda > li { padding: 5px 0 0 8px; display: none; }
#galeriaLegenda .galeriaTitulo { color: #333333; font-weight: bold; line-height: 15px; }
#galeriaLegenda .galeriaFonte { color: #4c4c4c; font-size: 10px; }
#galeriaLegenda .galeriaData { color: #FFFFFF; line-height: 16px; width: 81px; height: 17px; position: absolute; right: 0; bottom: 9px; background: #929CA5; font-size: 10px; text-align: center; }
#galeriaLegenda .maisInf { display: none; }
/* GF - CONTROLES */
#galeriaControles { width: 100%; height: 33px; position: absolute; top: 50%; left: 0; margin-top: -24px; }
#galeriaControles a { width: 35px; height: 35px; display: block; position: absolute; background: url(/static/media/images/setas-galeria-imagem.png) no-repeat top left; }
#fotoAnterior { left: 7px; }
#fotoProxima { right: 7px; background-position: right top !important; }
/* GF - THUMBS */
#galeriaThumbs { float: left; margin: 2px 0 0 0; list-style: none; padding: 0; width: 528px;  }
#galeriaThumbs li { margin: 3px 0 0 2px; float: left; position: relative; cursor: pointer; }
#galeriaThumbs li:hover { opacity: 0.8; filter:alpha(opacity=80); }
#galeriaThumbs li img { display: block; width: 42px; height: 25px; }
#galeriaThumbs li.marcado .marcaThumb { display: block; }
.marcaThumb { display: none; width: 100%; height: 28px; position: absolute; top: -3px; left: 0; z-index: 1; background: url(/static/media/images/marcaThumb.png) top center no-repeat; }

@media screen and (max-width: 1048px) {
	.botao { min-height: 18px; padding: 2px 10px; font-size: 11px; }	
	#galeria .redesSociais > li > a{width:18px; height:18px; background-size:cover; position: relative; z-index: 50;}
	#galeria .redesSociais > li > a.twitter{background-position: -18px 0;}
	#galeria .redesSociais > li > a.googlePlus{background-position: -36px 0;}
	#galeria .redesSociais > li > a.linkedin{background-position: -54px 0;}
	
	#galeria { width: auto; float: left;}
	#foto { float: right; z-index: 0;}
	#galeriaThumbs { float: right; overflow: hidden; }

	/* GF - INFO */
	#galeriaFaixa { width: 108px; height: 100%; position: absolute; z-index: 1; }
	#galeriaTitulo { width: 114px; height: 67px; padding-left: 8px; font-size: 11px; top: 15px; }
	#galeriaTitulo p { font-size: 11px; margin-top: 6px; line-height: 12px;  }
	#galeriaTitulo p strong { font-size: 11px; }

	/* GF - PROXIMO TEMA */
	#proximoTema { margin: 90px 0 0 10px; width: 84px; font-size: 10px; }
	#proximoTema strong { font-size: 10px; }
	#proximoTema .botao { float: left; margin: 15px 0 10px; width: 100%; }	
	#galeriaThumbs li img { height: auto;}
	#proximoTema .redesSociais { margin: 0 0px;}
}

@media screen and (max-width: 768px) {
	/* GF - FOTO */
	#foto { width: 401px; height: auto; background-size: 100% auto; background-position: 0 0;  }
	#fotoAtual {  height: auto; }
	#galeriaTitulo p strong { font-size: 14px; }
	
	#galeriaTitulo { top: 5px;}
	#proximoTema { margin-top: 80px; }
	
	/* GF - THUMBS */
	#galeriaThumbs { width: 401px; margin-left: -1px; }
	#galeriaThumbs li { margin-top: 1px;}
	#galeriaThumbs li img { display: block; width: 31.4px; height: 18px; }
	.marcaThumb { height: 21px; background-size: 100% auto; }
}

@media screen and (max-width: 719px) {
	/* GALERIA DE FOTOS */
	#galeria { width: 100%; float: left; }
	/* GF - INFO */	
	#galeriaFaixa { width: 100%; height: 105px; background: transparent; position: relative; }
	#galeriaTitulo { height: 104px; background: #00CBBE; font-size: 20px; padding: 11px 0 0 0; width: 100%; top: 0; left: -15px; color: #8B24B4; text-align: center; }
	#galeriaTitulo p { font-size: 14px; margin-top: 12px; line-height: 18px; background: #8B24B4; color: #FFF; height: 57px; position: absolute; width: 100%; margin:0; top:42px; left: 15px; text-align: left; padding: 5px 0 0 13px; }
	span.counterGaleria {padding-top: 0;}
	#proximoTema a.btnCinza { float: right; margin: 25px 18px 0 0;}
	/* GF - PROXIMO TEMA */
	#proximoTema { width: 100%;height: 70px; background: #00CBBE; margin: 0; position: absolute; padding: 8px 0 0 15px; font-size: 14px; display: none;	}
	#proximoTema strong { float: left; font-size: 14px; width: 185px; }
	#proximoTema .botao { float: right; margin: 0; position: absolute; right: 18px; top: 6px; width: 85px; }
	#proximoTema .botao.enviarFoto {top: 25px;}
	#proximoTema .fonte10 { position: absolute; right: 20px; text-align: right; top: 10px; width: 121px; }
	#proximoTema .redesSociais { display: none; }
	/* GF - FOTO */
	#foto { width: 99% !important; float: left; }
	/* GF - LEGENDA */
	#galeriaLegenda { height: 70px; bottom: -70px; }
	#galeriaLegenda .galeriaData { top: 2px; }
	#galeriaLegenda .maisInf { display: block; margin-top: 12px; padding-left: 0;}
	#galeriaLegenda .maisInf li { padding: 0;}
	/* GF - CONTROLES */
	#galeriaControles { margin-top: -16.5px; }
	#galeriaThumbs { display: none; }
	#proximoTema .botao.outrasGalerias {top: 80px; width: 115px;}
}