/* =============================================================================
   Fotografia
   ========================================================================== */
.fotografia .section-masthead .fotofolha,
.fotosfera .section-masthead a {
	color: #333;
}

.classificados .section-masthead a {
	color: #f60;
}

.mulher .section-masthead a {
	color: #f2615d;
}

.painel-do-leitor .section-masthead a {
	color: #00b6ec;
}

.guia .section-masthead .guia {
	background: url(http://f.i.uol.com.br/fotografia/images/sprite-fotofolha.png?2015090301) no-repeat 0 -1050px;
	display: inline-block;
	height: 45px;
	left: 100px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 7px;
	width: 160px;
}

.guia-cultural .section-masthead  .guia-cultural {
	background: url(http://f.i.uol.com.br/fotografia/images/sprite-fotofolha.png?2015090301) no-repeat 0 -1387px;
	display: inline-block;
	height: 52px;
	left: 100px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 7px;
	width: 400px;
}

.serafina .section-masthead .serafina {
	background: url(http://f.i.uol.com.br/fotografia/images/sprite-fotofolha.png?2015090301) no-repeat 0 -1259px;
	display: inline-block;
	height: 45px;
	left: 100px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0px;
	width: 160px;
}

/* Descrição */
.simple-text .description {
	font-family: Georgia, Times New Roman, serif;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 20px; 
}

/* Selo - Atualmente BBC */
.simple-text .stamp h1 {
	float: left;
	max-width: 830px;
}
.simple-text .stamp .stamp-container {
	float: right;
	margin: 0 10px 10px 0;
} 
.simple-text .stamp time {
	float: left;
	width: 100%;
}

/* =============================================================================
   Navigation
   ========================================================================== */
.fotografia .section-masthead {
	position: relative;
	z-index: 50;
}
.fotografia .section-masthead nav {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	padding: 3px 25px 3px 10px;
	position: absolute;
	text-transform: uppercase;
	top: 8px;
	width: 138px;
}
#nav-editorial {
	border-right: 0;
	left: 610px;
	width: 113px;
}
#nav-category {
	left: 758px;
}
.fotografia .section-masthead nav a {
	color: #00adef;
}
.fotografia .section-masthead nav .main:hover {
	text-decoration: none;
}
.fotografia .section-masthead nav .editorial {
	color: #444;
	display: inline-block;
	line-height: 30px;
}
.fotografia .section-masthead nav .arrow {
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid #444;
	height: 0;
	position: absolute;
	right: 10px;
	top: 16px;
	width: 0;
}
.fotografia .section-masthead nav ul {
	background: #fff;
	box-shadow: 0 4px 1px -2px #ccc;
	border: 1px solid #e5e5e5;
	border-top: 0;
	margin: 0;
	opacity: 0;
	padding: 7px 10px 0;
	position: absolute;
	right: -1px;
	top: 37px;
	transition: all .3s ease;
	visibility: hidden;
	width: 153px;
}
.fotografia .section-masthead nav li {
	margin-bottom: 5px;
}
#nav-editorial ul {
	width: 128px;
}
.fotografia .toolbar { z-index: 9; }
/* =============================================================================
   Legacy
   ========================================================================== */
.fotografia .double_column { 
	float: left;
	width: 640px;
} 
.fotografia .spacer { 
	display: none;
}
.fotografia .column { 
	float: left;
	padding-left: 20px;
	width: 280px;
}
.main-rotate hr {
	clear: both;
}
/* =============================================================================
   Rotate
   ========================================================================== */
.fotografia .rotate { 
	background-color: #e5e5e5; 
	float: left;
	height: 447px; 
	margin: 0 0 20px; 
	padding: 0; 
	position: relative; 
	width: 640px; 
}
.fotografia .rotate #credit { 
	background-color: #fff;
	display: block; 
	font-size: 10px; 
	padding: 0 0 2px 0; 
	text-align: right;
	width: 100%;
}
.fotografia .rotate a.sprite { 
	background: url("http://f.i.uol.com.br/fotografia/images/sprite-fotofolha.png") no-repeat;
	color: #fff; 
	height: 60px;
	width: 40px;
	position: absolute;
	text-indent: -9999px;
	top: 200px; 
	z-index: 1;
}
.fotografia .rotate a.sprite.prev { 
	background-position: -558px -230px;
	left: 0;
}
.fotografia .rotate a.sprite.next { 
	background-position: -599px -230px;
	right: 0;
}

.fotografia .column a.anchors_title { 
	cursor: pointer;
}
.fotografia .column h1 { 
	font: 300 40px/40px "folhaii-heavy" , serif;
	margin: 0;
	padding: 12px 0 0;
}
.fotografia .column h1 a {
	color: #000;
}
.fotografia .column p { 
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 20px;
}
.fotografia .column a { 
	color: #00adef;
	font-weight: 700;
}
.fotografia .column .description { 
	display: block;
	height: 242px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 10px 0; 
	width: 100%;
}
/* =============================================================================
   Share
   ========================================================================== */
.fotografia .column .share { 
	height: 186px;
}
.fotografia .column .share span { 
	border-bottom: 2px solid #000; 
	display: block;
	height: 25px; 
	width: 100%; 
}
.fotografia .column .share .signup .sprite { 
	background: url("http://fotografia.folha.uol.com.br/images/targe-folha_signup-124x22.png") 0 0 no-repeat; 
	border: 0; 
	height: 18px;
	width: 125px; 
}
.fotografia .column .share p { 
	border: 1px solid #fff; 
	float: left;
	height: 50px;
	margin: 17px auto 17px 15px;
	padding: 0;
	width: 264px;
}
.fotografia .column .share p .title {
	color: #006;
	font: 700 16px/18px Arial, Helvetica, sans-serif;
}
.fotografia .column .share p .like { 
	border: 0; 
	float: left;
	height: 22px; 
	margin: -22px 0 0 68px;
	width: 200px;
}
.fotografia .column .share .division { 
	border-top: 1px solid #ccc; 
	border-bottom: 0; 
	clear: both;
	height: 0; 
} 
.fotografia .column .share p span { 
	border: 0;
	color: #333;
	font-size: 13px; 
	font-weight: 700;
	height: auto;
	line-height: 15px;
	width: auto;
}
.fotografia .column .share p .ico { 
	float: left;
	height: 50px;
	margin: 0 20px 0 0;
	padding: 0;
	width: 50px;
}
.fotografia .column .share p .ico.facebook { 
	background: url("http://fotografia.folha.uol.com.br/images/ico-facebook-50x50.png") 0 0 no-repeat;
}
.fotografia .column .share p .ico.instagram { 
	background: url("http://fotografia.folha.uol.com.br/images/ico-instagram-50x50.png") 0 0 no-repeat;
}

/* =============================================================================
   Folha 10
   ========================================================================== */
.fotografia .folha10 { 
	border-top: 3px solid #0fbaed; 
	float: left;
	height: auto;
	margin: 15px 0 20px 0;
	padding: 0;
	position: relative;
	width: 940px;
} 
.fotografia .folha10 .logo { 
	background: url("http://fotografia.folha.uol.com.br/images/lgo-folha10-120x40.gif") 0 0 no-repeat; 
	clear: both;
	height: 40px; 
	display: block; 
	margin: 0; 
	padding: 0; 
	position: absolute; 
	right: 0; 
	top: 5px; 
	width: 120px; 
}
.fotografia .folha10 p { 
	float: left;
	font-size: 16px; 
	font-weight: 700; 
	color: #333;
	margin: 15px 0;
	position: relative; 
	width: 820px;
}
.fotografia .folha10 ul { 
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.fotografia .folha10 li { 
	float: left;
	margin: 0 20px 0 0; 
	padding: 0; 
	position: relative;
}
.fotografia .folha10 li.last { 
	margin: 0;
}

/* =============================================================================
   Gallery List
   ========================================================================== */
.fotografia .gallery_list { 
	float: left;
	width: 974px;
}
.fotografia .gallery_list .over,
.fotografia .gallery_list .overline {
	left: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	width: 99.7%;
	z-index: 1;
}
.fotografia .gallery_list .over { 
	background-color: #fff; 
	border: 0; 
	bottom: -2px;
	height: 5px;
}
.fotografia .gallery_list .overline { 
	background-color: #dadada;
	bottom: 0;
	height: 1px;
}
.fotografia .gallery_list li { 
	border-bottom: 1px solid #e5e5e5;
	float: left;
	font-size: 12px;
	height: 215px;
	line-height: 14px;
	margin: 0;
	padding: 12px 8px 25px 0;
	overflow: hidden;
	width: 150px;
}
.fotografia .gallery_list .bottom { 
	border: 0;
}
.fotografia .gallery_list li.last { 
	padding-right: 0;
} 
.fotografia .gallery_list li span { 
	display: block;
	font-size: 11px;
	line-height: 13px;
}
.fotografia .gallery_list li .section-name { 
	border-bottom: 3px solid #000; 
	font-weight: 700; 
	height: 22px;
	text-transform: uppercase;
}
.fotografia .gallery_list li .tit_editorial { 
	color: #000;
	cursor: pointer;
}
.fotografia .gallery_list li .tit_editorial:hover {
	text-decoration: none;
}
.fotografia .gallery_list li .section-name.acervo {
	border-color: #006;
	color: #006;
}
.fotografia .gallery_list li .section-name.ambiente {
	border-color: #008500;
	color: #008500; 
}
.fotografia .gallery_list li .section-name.bbc-brasil {
	border-color: #000;
	color: #000;
}
.fotografia .gallery_list li .section-name.bichos { 
	border-color: #ed7463;
	color: #ed7463;
}
.fotografia .gallery_list li .section-name.ciencia,
.fotografia .gallery_list li .section-name.cotidiano,
.fotografia .gallery_list li .section-name.educacao,
.fotografia .gallery_list li .section-name.opiniao,
.fotografia .gallery_list li .section-name.saber {
	border-color: #600;
	color: #600;
}
.fotografia .gallery_list li .section-name.classificados {
	border-color: #f60;
	color: #f60;
}
.fotografia .gallery_list li .section-name.comida,
.fotografia .gallery_list li .section-name.ilustrada,
.fotografia .gallery_list li .section-name.ilustrissima {
	border-color: #ae2f3e;
	color: #ae2f3e;
}
.fotografia .gallery_list li .section-name.equilibrio-e-saude,
.fotografia .gallery_list li .section-name.folhateen,
.fotografia .gallery_list li .section-name.folhinha,
.fotografia .gallery_list li .section-name.tec,
.fotografia .gallery_list li .section-name.turismo {
	border-color: #00b6ec;
	color: #00b6ec;
}
.fotografia .gallery_list li .section-name.empreendedor,
.fotografia .gallery_list li .section-name.empreendedor-social  {
	border-color: #036;
	color: #036;
	font-size: 11px;
}
.fotografia .gallery_list li .section-name.esporte { 
	border-color: #f90;
	color: #f90;
}
.fotografia .gallery_list li .section-name.f5 { 
	border-color: #0098e5;
	color: #0098e5;
}
.fotografia .gallery_list li .section-name.guia-da-folha { 
	border-color: #181a16;
	color: #181a16;
}
.fotografia .gallery_list li .section-name.internacional-en,
.fotografia .gallery_list li .section-name.internacional-es,
.fotografia .gallery_list li .section-name.mundo,
.fotografia .gallery_list li .section-name.poder,
.fotografia .gallery_list li .section-name.treinamento { 
	border-color: #036;
	color: #036;
}
.fotografia .gallery_list li .section-name.livraria,
.fotografia .gallery_list li .section-name.saopaulo { 
	border-color: #900;
	color: #900; 
}
.fotografia .gallery_list li .section-name.mercado {
	border-color: #360;
	color: #360;
}
.fotografia .gallery_list li .section-name.painel-do-leitor { 
	border-color: #00b6ec;
	color: #00b6ec;
}
.fotografia .gallery_list li a img { 
	display: block;
}
.fotografia .gallery_list li a.title {
	color: #00adef; 
	display: block; 
	font-weight: 700; 
	margin: 10px 0 3px 0; 
	text-transform: uppercase; 
}

#paginate { 
	clear: both;
	margin: 20px 0 10px;
	text-align: center; 
}
#paginate p {
	margin: 0; 
}
#paginate p a,
#paginate p b {
	font-size: 16px; 
	font-weight: 700; 
	margin: 0 5px; 
	padding: 5px 10px;
}
#paginate p a {
	background-color: #e5e5e5;
	color: #777; 
}
#paginate p a:hover { 
	background-color: #00adef; 
	color: #fff;
	text-decoration: none; 
} 
#paginate p b { 
	color: #00adef;
}

/* =============================================================================
   Gallery
   ========================================================================== */
.fotografia .gallery { 
	background: rgba(0,0,0,.90);
	margin: 10px 0 0; 
	/*position: relative; */
}

.gallery.fullscreen {
	position: fixed;
	width: calc(100% - 320px);
	top: 0;
	left: 0;
	margin: 0;
	z-index: 999;
}

/* =============================================================================
   Thumbnails
   ========================================================================== */
#thumbnails { 
	margin: 0 auto 0;
	padding: 0 18px;
	position: relative; 
	width: 904px; 
}
#thumbnails a.prev,
#thumbnails a.next,
#thumbnails a.step-thumbnails { 
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 20px;
	position: absolute;
	top: 35px;
	width: 13px;
	margin: 0 2px;
}
#thumbnails a.prev {
	left: 0;
}
#thumbnails a.prev { 
	background-image: url("http://f.i.uol.com.br/folha/images/fotografia/thumbnails-arrow_left.png");
	
}
#thumbnails a.next,
#thumbnails a.step-thumbnails {
	right: 0;
}
#thumbnails a.next,
#thumbnails a.step-thumbnails { 
	background-image: url("http://f.i.uol.com.br/folha/images/fotografia/thumbnails-arrow_right.png"); 
}
#thumbnails .thumb_list { 
	height: 77px; 
	overflow: hidden; 
	padding: 10px 0 0; 
	position: relative; 
	white-space: nowrap;
	width: 100%; 
}
#thumbnails p { 
	display: block;
	position: absolute;
	margin: 0; 
	padding: 0 2px 0 0;
}
#thumbnails p a { 
	display: inline-block; 
	margin: 0 -4px 0 0;
}
html.lt-ie8 #thumbnails p a {
	margin: 0;
}
#thumbnails p a img { 
	border: 5px solid transparent;
}
#thumbnails p a.selected img,
#thumbnails p a:hover img { 
	border-color: #00adef;
}
#thumbnails p a span { 
	display: block;
	height: 14px; 
	margin: -4px 0 0 35px;
	text-align: center; 
	width: 22px;
}
#thumbnails p a.selected span,
#thumbnails p a:hover span { 
	background: url('http://f.i.uol.com.br/fotografia/images/sprite-fotofolha.png') -475px -409px;
}

/* =============================================================================
   Picture
   ========================================================================== */
#picture { 
	margin-bottom: 20px;
	position: relative;
}
#picture.fullscreen {
	position: fixed;
	width: calc(100% - 320px);
	height: calc(100% - 87px);
	top: 87px;
	left: 0;
	z-index: 999;
}
#picture a.erro.photosprite { background-position: -236px -307px; width: 20px; height: 18px; float: right; text-decoration: none; }
#picture a.comunicar { color: #000099; font: 11px/18px tahoma,helvetica,sans-serif; float: right; margin: 0 10px 0 0; }


#picture a.prev,
#picture a.next,
#picture a.step {
	background: url(http://f.i.uol.com.br/folha/furniture/5.4/images/1x1.png);
	display: block; 
	height: 600px;
	outline: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -999px;
	top: 19px;
	width: 470px;
	z-index: 1;
}
#picture a.step { 
	display: none;
}
#picture a.prev { 
	left: 0; 
}
#picture a.step,
#picture a.next { 
	right: 0; 
}
#picture a:active {
	outline: 0;
}
#picture a.photosprite .nav-bg {
	background: #333;
	filter:alpha(opacity=0);
	height: 60px;
	opacity: 0;
	position: absolute;
	top: 270px;
	transition: all .3s ease;
	width: 40px;
}
#picture a.prev .nav-bg {
	left: 0;
}
#picture a.next .nav-bg,
#picture a.step .nav-bg {
	right: 0;
}
#picture a .arrow {
	filter:alpha(opacity=0);
	height: 0;
	opacity: 0;
	position: absolute;
	top: 292px;
	width: 0;
	transition: all .3s ease;
}
#picture a.prev .arrow {
	border-bottom: 8px solid transparent; 
	border-right: 10px solid #fff;
	border-top: 8px solid transparent;
	left: 14px;
}
#picture a.next .arrow,
#picture a.step .arrow {
	border-bottom: 8px solid transparent; 
	border-left: 10px solid #fff;
	border-top: 8px solid transparent;
	right: 14px;
}
#picture a:hover {
	text-decoration: none;
}
#picture a.photosprite:hover > .arrow {
	display: inline-block;
	filter:alpha(opacity=100);
	opacity: 1;
}
#picture a.photosprite:hover > .nav-bg {
	display: block;
	filter:alpha(opacity=30);
	opacity: .3;
}

/* =============================================================================
   Photo
   ========================================================================== */
#photo { 
	background: rgba(0,0,0,.90);
	height: 620px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
#picture.fullscreen #photo {
	height: 100%;
}
html.lt-ie8 #photo {
	height: 600px;
}
#photo #credit {
	width: 904px;
	margin: 0 auto; 
	padding-bottom: 5px;
	color: #fff;
	display: block;
	font-size: 11px; 
	text-align: right; 
}
#photo p { 
	position: relative; 
	top: 300px; 
	margin: 0;
}
#photo img {
	margin: 0 auto;
	max-width: 940px;
	position: relative;
}
#picture #legend { 
	color: #444; 
	height: 65px;
	margin: 15px 0;
	overflow: hidden;
}
#picture.fullscreen #photo #legend {
	display: none;
}
#picture #legend .read-more {
	text-transform: uppercase;
	font-weight: bold;
}

#picture #legend a:hover {
	text-decoration: underline;
}
/* =============================================================================
   Replay
   ========================================================================== */
#picture .replay { 
	background-color: #333;
	display: none;	
	height: 618px; 
	left: 0; 
	filter:alpha(opacity=94);
	opacity:0.94;
	position: absolute; 
	top: 0; 
	width: 940px;
	z-index: 2;  
}
#picture.fullscreen .replay {
	width: 100%;
	height: 100%;
}
#picture .replay .more { 
	height: 400px;
	margin: 0 auto;
	position: relative;
	top: 80px;
	width: 340px; 
}
#picture .replay .share { 
	height: 185px;
	margin: 0 auto 10px;
	text-align: center; 
	width: 140px; 
}
#picture .replay .share a:hover { 
	color: #fff;
}
#picture .replay .share span { 
	color: #fff;
	display: block;
	font-size: 18px; 
	font-weight: 700; 
	margin: 10px 0; 
}
#picture .replay .share img { 
	border: 1px solid #444; 
	display: block;
	margin: 0 auto; 
	position: relative; 
	top: 0; 
	z-index: 200;
}
#picture .replay .share ul { 
	height: 20px;
	list-style-type: none;
	margin: 0 auto;
	width: 105px;
}
#picture .replay .share li { 
	float: left; 
	height: 16px; 
	padding: 0 9px;
	width: 16px;
}
#picture .replay .share li a { 
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -9999px;
	width: 16px;
}
#picture .replay .share a.facebook { 
	background: url("http://fotografia.folha.uol.com.br/images/btn-facebook-16x16.png") 0 0 no-repeat;
}
#picture .replay .share a.twitter {
	background: url("http://fotografia.folha.uol.com.br/images/btn-twitter-16x16.png") 0 0 no-repeat;
}
#picture .replay .share a.gplus {
	background: url("http://fotografia.folha.uol.com.br/images/btn-gplus-16x16.png") 0 0 no-repeat;
}
#picture .replay .albuns { 
	height: 220px;
	margin: auto;
	width: 338px;
}
#picture .replay .more_albuns {
	color: #fff;
	margin: 5px 0 0;
}
#picture .replay .albuns .gallery_list { 
	width: 338px;
}
#picture .replay .albuns .gallery_list li {
	border: 0;
	height: 220px;
	padding-right: 0;
}
#picture .replay .albuns .gallery_list li.first { 
	padding-right: 37px;
}
#picture .replay .albuns .gallery_list a.desc { 
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

/* =============================================================================
   Picture infos
   ========================================================================== */
#picture_infos {
	opacity: 0;
	visibility: hidden;
	background: rgba(0,0,0,.90);
	position: absolute;
	width: 290px;
	height: 707px;
	top: -87px;
	right: -320px;
	padding: 0 10px 0 20px;
	z-index: 999999;
}
#picture_infos.fullscreen {
	opacity: 1;
	visibility: visible;
	position: fixed;
	height: 100%;
	top: 0;
	right: 0;
}
#picture_infos .share {
	margin: 20px 0;
}
#picture_infos a.fullscreen {
	position: absolute;
	width: 23px;
	height: 23px;
	right: 10px;
	top: 10px;
	font-size: 0;
	background: url(//f.i.uol.com.br/folha/images/fotografia/btn-expand_colapse.png) no-repeat;
}
#picture_infos.fullscreen a.fullscreen {
	background-position: 0 -23px;
}
#picture_infos .legend {
	margin-top: 5px;
	height: 190px;
	overflow: auto;
}
#picture_infos .legend p,
#picture_infos .legend p a {
	color: #fff;
	font-size: 15px;
	line-height: 17px;
}
#picture_infos .legend p a:hover {
	text-decoration: underline;
}
#picture_infos .legend p a .read-more {
	font-weight: bold;
	text-transform: uppercase;
}
#picture_infos .legend p a .read-more:before {
	content: "- ";
}
#picture_infos .advertising {
	width: 300px;
	height: 265px;
	position: absolute;
	right: 5px;
	bottom: 10px;
	margin: 0;
	padding: 0;
	background: none;
}

/* =============================================================================
   Last albums
   ========================================================================== */
.fotografia .last_albums h2 { 
	color: #00adef;
	font-size: 14px; 
	font-weight: 700; 
	margin: 0;
	text-transform: uppercase;  
}
.fotografia .last_albums .gallery_list li {
	border: 0;
}
/*