/* > FONTES */
@font-face
{
	font-family: 'PFTempestaFiveCondensed';
	src: url( '../font/PFTempestaFiveCondensed.eot' );
	src: url( '../font/PFTempestaFiveCondensed.eot?#iefix' ) format( 'embedded-opentype' ),
		 url( '../font/PFTempestaFiveCondensed.woff' ) format( 'woff' ),
		 url( '../font/PFTempestaFiveCondensed.ttf' ) format( 'truetype' ),
		 url( '../font/PFTempestaFiveCondensed.svg#pf_tempesta_five_condensedRg' ) format( 'svg' );
	font-weight: normal;
	font-style: normal;
}
@font-face
{
  font-family: 'DINMittelschriftStd';
  src: url('../font/DINMittelschriftStd.otf') format('opentype');
}
@font-face
{
  font-family: 'MinionPro-Regular';
  src: url('../font/MinionPro-Regular.otf') format('opentype');
}
/* < FONTES */




/* > RESET */
*
{
	outline:0;
}
a:hover
{
	text-decoration: underline;
}
a:-moz-focus-inner
{
	border:0;
	color: transparent;
	text-shadow: 0 0 0 #000;
}
a:-moz-focusring
{
	color: transparent;
	text-shadow: 0 0 0 #000;
}
/* < RESET */



/* > VIDEO */
#player
{
	position: absolute;
}
#player-overlay
{
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1;
	background:#000;
	opacity: 0;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
#player-overlay.active
{
	opacity: 0;
}
/* < VIDEO */



header nav,
footer nav
{
	display: none;
	letter-spacing: 0.065em;
	background: transparent !important;
	background-color: #808080 !important;
	border: transparent !important;
	font-family: 'PFTempestaFiveCondensed', 'Lucida Console', monospace;
	
	/*font-size: 12px;*/
	font-size: 13px;

	/*min-height: 30px !important;
	height: 30px;
	line-height: 30px;*/

	min-height: 34px !important;
	height: 34px;
	line-height: 34px;

	color: #FFF;
	padding: 0 10px;
	text-transform: uppercase;
}
footer nav
{
	background-color: #000000 !important;
	color: #787878;
}
footer nav ul li:last-child
{
	padding-right: 0px;
}
footer nav ul li:after
{
	content: '|';
	padding-left: 10px;
}
footer nav ul li.share:after
{
	content: '';
	padding-left: 10px;
}
footer nav ul li:last-child:after,
footer nav ul li.no-divider:after
{
	content: '';
	padding-left: 0px;
}
footer nav ul li.fix
{
	padding-left: 5px !important;
}
footer nav ul li.no-divider
{
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
}
footer nav ul li.share-hover
{
	margin-left: 10px;
}
footer nav ul li a.facebook
{
	/*background: url(../img/sprite-social.png);
	background-position: 0 0;*/
	
	background: url(../img/facebook.svg);

	padding-left: 20px;
	text-indent: -9999em;
	display: inline-block;
	height: 20px;
	width: 20px;
	vertical-align: middle;
	margin-top: -1px;
	margin-left: 10px;
}
footer nav ul li a.twitter
{
	/*background: url(../img/sprite-social.png);
	background-position: -25px 0;*/

	background: url(../img/twitter.svg);

	width: 20px;
	height: 20px;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}
footer nav ul li a.gplus
{
	/*background: url(../img/sprite-social.png);
	background-position: -48px 0;*/

	background: url(../img/plus.svg);

	width: 20px;
	height: 20px;
	padding-left: 20px;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}
.list-inline > li.footer-map
{
	display: none;
}
body,
section
{
	background-color: #000;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 99;
	-webkit-font-smoothing: antialiased;
}
section
{
	background-size: cover;
	background-position: center center;
	display: none;
}
header nav .btn-link,
footer nav a
{
	text-decoration: none !important;
}
footer nav a,
footer nav a:hover
{
	color: #787878;
}
.list-inline>li
{
	padding-right: 0;
}
.text-uppercase
{
	text-transform: uppercase !important;
}
.no-padding
{
	padding: 0 !important;
}
.right
{
	text-align: right;
}
.space
{
	padding-top: 35px;
}
.font-tempesta
{
	font-family: 'PFTempestaFiveCondensed', 'Lucida Console', monospace;
}
.font-din
{
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
}
.font-small
{
	font-size: 11px;
}
.font-big
{
	font-size: 45px;
}
.resident .font-big
{
	font-size: 37px;
}
.bigger
{
	text-transform: uppercase;
	font-size: 45px;
	display: block;
}
.font-credits
{
	text-transform: uppercase;
	font-size: 14px
}
.font-credits-gray
{
	text-transform: uppercase;
	font-size: 12px;
	color: #76797b;
}
.double-arrow-icon:before
{
	content: '';
	display: block;
	padding: 5px;
	width: 45px;
	height: 35px;
	background-color: inherit;
	background-size: 100% auto;
	background-image: url(../img/sprites.png );
	background-position: center -267px;
	position: absolute;
	top: 0;
	left: -45px;
}
.color-black
{
	color: #000 !important;
}
.color-light-gray
{
	color: #707375;
}
.color-gray
{
	color: gray !important;
}
.color-white
{
	color: #FFF !important;
}
.background-gray
{
	background-color: #808080 !important;
}
.background-white
{
	background-color: #F0F0F0 !important;
}
.background-black
{
	background-color: #000000 !important;
}
.background-transparent
{
	background-color: transparent !important;
}
.background-gray.see-through
{
	background-color: rgba(200, 200, 200, 0.75) !important;
}
.background-white.see-through
{
	background-color: rgba(255, 255, 255, 0.6) !important;
}
.background-black.see-through
{
	background-color: rgba(0, 0, 0, 0.75) !important;
}
.hint-left
{
	border-left: 20px solid #CFD9DF;
}
.hint-left.background-white
{
	border-left: 20px solid #FFF;
}
section .content
{
	padding-top: 50px;
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
	height: 70%;
}
section .block
{
	padding: 30px;
}
#home,
#map-zoom,
#hospital,
#dining-hall,
#casino,
#evangelical-church,
#catolic-church
{
	background-color: transparent;
}
#home .content .home-title
{
	display: none;
	font-size: 49px;
	padding: 17px 0 20px 20px;
	letter-spacing: 0.7px;
	font-weight: normal;
	top: 8.333333%;

	margin-left: 6.333333%;
	width: 44.333333%;
}
#home .content .home-text
{
	display: none;
	margin-left: 2.333333%;
	top: 8.333333%;
}
#home .content a.play
{
	display: none;
}
section p.resident
{
	font-size: 26px;
}
section p
{
	font-size: 24px;
	margin: 0;
}
.text-left
{
	text-align: left !important;
}
.btn-link-unstyled
{
	text-decoration: none !important;
}
#home .play
{
	/*display: block !important;
	margin-top: 20px;*/
	width: 60px;
	height: 60px;
	margin: -7px 10px 0 0;
}



#presents
{
	display: block;
	background-color: #000000;
	z-index: 1040;
}
#presents .content
{
	margin: auto;
	width: 1024px;
	padding-top: 44px;
	/*position: absolute;
	/*top: 50%;
	left: 50%;
	margin-top: -384px;
	margin-left: -512px;
	
	/*padding-top: 384px;*/
	padding-top: 350px;
}
#presents .content div p
{
	text-transform: uppercase;
	color: #808080;
	display: none;
}
#presents .content div p.active
{
	display: block;
}
#presents .content div p img.presents-kikoferraz
{
	margin-right: 61px;
}
#presents .content div p img.presents-tat
{
	margin-right: 66px;
}



#entrance-porch i.map,
#entrance-porch i.play
{
	width: 50px;
	height: 50px;	
	/*background-position: 0px -70px;*/
}
#entrance-porch a span
{
	padding-left: 10px !important;
}



#entrance-porch a
{
	display: inline-block;
	float: left;
}
#entrance-porch .buttons
{
	padding: 0 0 0 32px;
}
#entrance-porch .play, #entrance-porch .map-brazil, #entrance-porch .map-brazil .map
{
	vertical-align: middle;
	opacity: inherit;
	margin: auto auto;
}
#entrance-porch .map-brazil
{
	height: 75px;
	padding-left: 10px;
	margin-left: 18px;
	text-decoration: none;
}
#entrance-porch .map-brazil:hover span
{
	text-decoration: underline;
}
/*#map
{
	margin-top: -20px;
	padding: 0;
}
#map #map-canvas
{
	width: 100%;
	height: 100%;
	/*background-size: cover;*
	/*background-image: url( ../img/background-map.jpg );*
	/*background-size: 100%;*
	background-repeat: no-repeat;
	/*background-position: center center;*
	/*left: -80px;*
	/*top: -80px;*
	 -ms-transform-origin: center center; * IE 9 *
	-webkit-transform-origin: center center; /* Chrome, Safari, Opera *
	transform-origin: center center;
}
#map #map-canvas:hover
{
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
#map #map-canvas:active
{
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}
#map #map-canvas img
{
	margin-top: 264px;
	margin-left: 413px;
		position: inherit;
	pointer-events: none;
}
#map #map-canvas .points
{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 421px;
	top: 309px;
}
#map .points a
{
	position: absolute;
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#map .points a:hover
{
	/*background: #3E937B;
	border: 2px solid white;*
}
#map .points-other
{
	z-index: 1;
	position: absolute;
	bottom: 30px;
	left: 0px;
}
#map .points-other i
{
	border-right: 12px solid rgb(120,120,120);
	border-bottom: 12px solid transparent;
	border-top: 12px solid transparent;
	border-left: 0;
	border-radius: 0;
	display: inline-block;
	width: 10px;
	height: 20px;
	vertical-align: middle;
	margin-left: 15px;
}
#map .points-other i.visited
{
	border-right: 12px solid #D9501E;
}*/




/* > MAP */
#map
{
	overflow: hidden;
	display: none;
}
#map .content
{
	width: 100%;
	height: 100%;
}
#map .content .compass
{
	position: absolute;
	z-index: 1;
	right: 40px;
	top: 50px;
	pointer-events: none;
}
#map .content .container
{
	position:absolute;
}
#map .content .container .canvas
{
	width: 2000px;
	height: 1500px;
	display: none;
}
#map .content .container .canvas:hover
{
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
#map .content .container .canvas:active
{
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
}


#map .content .container .canvas .points
{
	width: 100%;
	height: 100%;
	display: none;
}
#map .content .container .canvas .points a
{
	background: url(../img/sprite-map.png) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	display: block;
	position: absolute;
	opacity: 0.8;
}
#map .content .container .canvas .points a:hover
{
	opacity: 1;
}
#map .content .container .canvas .points a.entrance-porch
{
	left: 1254px;
	top: 843px;
	width: 44px;
	height: 61px;
	background-position: -355px 0;
}
#map .content .container .canvas .points a.entrance-porch:hover
{
	background-position: -355px -130px;
}
#map .content .container .canvas .points a.entrance-porch.next
{
	background-position: -355px -520px;
}
#map .content .container .canvas .points a.entrance-porch.next:hover
{
	background-position: -355px -650px;
}
#map .content .container .canvas .points a.entrance-porch.visited
{
	background-position: -355px -260px;
}
#map .content .container .canvas .points a.entrance-porch.visited:hover
{
	background-position: -355px -390px;
}
#map .content .container .canvas .points a.dining-hall
{
	left: 1201px;
	top: 911px;
	width: 60px;
	height: 60px;
	background-position: -402px 0;
}
#map .content .container .canvas .points a.dining-hall:hover
{
	background-position: -402px -130px;
}
#map .content .container .canvas .points a.dining-hall.next
{
	background-position: -402px -520px;
}
#map .content .container .canvas .points a.dining-hall.next:hover
{
	background-position: -402px -650px;
}
#map .content .container .canvas .points a.dining-hall.visited
{
	background-position: -402px -260px;
}
#map .content .container .canvas .points a.dining-hall.visited:hover
{
	background-position: -402px -390px;
}


#map .content .container .canvas .points a.square
{
	left: 1060px;
	top: 756px;
	width: 100px;
	height: 60px;
	background-position: -124px 0;
}
#map .content .container .canvas .points a.square:hover
{
	background-position: -124px -130px;
}
#map .content .container .canvas .points a.square.next
{
	background-position: -124px -520px;
}
#map .content .container .canvas .points a.square.next:hover
{
	background-position: -124px -650px;
}
#map .content .container .canvas .points a.square.visited
{
	background-position: -124px -260px;
}
#map .content .container .canvas .points a.square.visited:hover
{
	/*background-position: -124px -390px;*/
	background-position: -124px -389px;
}

#map .content .container .canvas .points a.hospital
{
	left: 1171px;
	top: 728px;
	width: 70px;
	height: 128px;
	background-position: -228px 0;
}
#map .content .container .canvas .points a.hospital:hover
{
	background-position: -228px -130px;
}
#map .content .container .canvas .points a.hospital.next
{
	background-position: -228px -520px;
}
#map .content .container .canvas .points a.hospital.next:hover
{
	background-position: -228px -650px;
}
#map .content .container .canvas .points a.hospital.visited
{
	background-position: -228px -260px;
}
#map .content .container .canvas .points a.hospital.visited:hover
{
	background-position: -228px -389px; /*  -390px;*/
}

#map .content .container .canvas .points a.casino
{
	left: 963px;
	top: 895px;
	width: 56px;
	height: 80px;
	background-position: -461px 0;
}
#map .content .container .canvas .points a.casino:hover
{
	background-position: -461px -130px;
}
#map .content .container .canvas .points a.casino.next
{
	background-position: -461px -520px;
}
#map .content .container .canvas .points a.casino.next:hover
{
	background-position: -461px -650px;
}
#map .content .container .canvas .points a.casino.visited
{
	background-position: -461px -260px;
}
#map .content .container .canvas .points a.casino.visited:hover
{
	background-position: -461px -389px; /*-390px;*/
}

#map .content .container .canvas .points a.administration-office
{
	left: 1320px;
	top: 812px;
	width: 23px;
	height: 40px;
	background-position: -329px 0;
}
#map .content .container .canvas .points a.administration-office:hover
{
	background-position: -329px -130px;
}
#map .content .container .canvas .points a.administration-office.next
{
	background-position: -329px -520px;
}
#map .content .container .canvas .points a.administration-office.next:hover
{
	background-position: -329px -650px;
}
#map .content .container .canvas .points a.administration-office.visited
{
	background-position: -329px -260px;
}
#map .content .container .canvas .points a.administration-office.visited:hover
{
	background-position: -329px -389px; /*-390px;*/
}

#map .content .container .canvas .points a.franciscan-sisters-house
{
	left: 1318px;
	top: 696px;
	width: 28px;
	height: 52px;
	background-position: -300px 0;
}
#map .content .container .canvas .points a.franciscan-sisters-house:hover
{
	background-position: -300px -130px;
}
#map .content .container .canvas .points a.franciscan-sisters-house.next
{
	background-position: -300px -520px;
}
#map .content .container .canvas .points a.franciscan-sisters-house.next:hover
{
	background-position: -300px -650px;
}
#map .content .container .canvas .points a.franciscan-sisters-house.visited
{
	background-position: -300px -260px;
}
#map .content .container .canvas .points a.franciscan-sisters-house.visited:hover
{
	background-position: -300px -389px; /*-390px;*/
}

#map .content .container .canvas .points a.catolic-church
{
	left: 1036px;
	top: 678px;
	width: 40px;
	height: 48px;
	background-position: -81px 0;
}
#map .content .container .canvas .points a.catolic-church:hover
{
	background-position: -81px -130px;
}
#map .content .container .canvas .points a.catolic-church.next
{
	background-position: -81px -520px;
}
#map .content .container .canvas .points a.catolic-church.next:hover
{
	background-position: -81px -650px;
}
#map .content .container .canvas .points a.catolic-church.visited
{
	background-position: -81px -260px;
}
#map .content .container .canvas .points a.catolic-church.visited:hover
{
	/*background-position: -81px -390px;*/
	background-position: -81px -389px;
}

#map .content .container .canvas .points a.evangelical-church
{
	left: 912px;
	top: 697px;
	width: 38px;
	height: 35px;
	background-position: -39px 0;
}
#map .content .container .canvas .points a.evangelical-church:hover
{
	background-position: -39px -130px;
}
#map .content .container .canvas .points a.evangelical-church.next
{
	background-position: -39px -520px;
}
#map .content .container .canvas .points a.evangelical-church.next:hover
{
	background-position: -39px -650px;
}
#map .content .container .canvas .points a.evangelical-church.visited
{
	background-position: -39px -260px;
}
#map .content .container .canvas .points a.evangelical-church.visited:hover
{
	background-position: -39px -389px; /*-390px;*/
}

#map .content .container .canvas .points a.joao-saldanha
{
	left: 911px;
	top: 638px;
	width: 40px;
	height: 37px;
}
#map .content .container .canvas .points a.marlene-and-nair
{
	left: 780px;
	top: 600px;
	width: 40px;
	height: 37px;
}
#map .content .container .canvas .points a.eva
{
	left: 600px;
	top: 474px;
	width: 40px;
	height: 37px;
}
#map .content .container .canvas .points a.joao-and-theresina
{
	left: 771px;
	top: 537px;
	width: 40px;
	height: 37px;
}
#map .content .container .canvas .points a.elma-and-juraci
{
	left: 872px;
	top: 610px;
	width: 40px;
	height: 37px;
}
#map .content .container .canvas .points a.joao-saldanha:hover,
#map .content .container .canvas .points a.marlene-and-nair:hover,
#map .content .container .canvas .points a.eva:hover,
#map .content .container .canvas .points a.joao-and-theresina:hover,
#map .content .container .canvas .points a.elma-and-juraci:hover
{
	background-position: 0 -130px;
}
#map .content .container .canvas .points a.joao-saldanha.next,
#map .content .container .canvas .points a.marlene-and-nair.next,
#map .content .container .canvas .points a.eva.next,
#map .content .container .canvas .points a.joao-and-theresina.next,
#map .content .container .canvas .points a.elma-and-juraci.next
{
	background-position: 0 -520px;
}
#map .content .container .canvas .points a.joao-saldanha.next:hover,
#map .content .container .canvas .points a.marlene-and-nair.next:hover,
#map .content .container .canvas .points a.eva.next:hover,
#map .content .container .canvas .points a.joao-and-theresina.next:hover,
#map .content .container .canvas .points a.elma-and-juraci.next:hover
{
	background-position: 0 -650px;
}
#map .content .container .canvas .points a.joao-saldanha.visited,
#map .content .container .canvas .points a.marlene-and-nair.visited,
#map .content .container .canvas .points a.eva.visited,
#map .content .container .canvas .points a.joao-and-theresina.visited,
#map .content .container .canvas .points a.elma-and-juraci.visited
{
	background-position: 0 -260px;
}
#map .content .container .canvas .points a.joao-saldanha.visited:hover,
#map .content .container .canvas .points a.marlene-and-nair.visited:hover,
#map .content .container .canvas .points a.eva.visited:hover,
#map .content .container .canvas .points a.joao-and-theresina.visited:hover,
#map .content .container .canvas .points a.elma-and-juraci.visited:hover
{
	background-position: 0  -388px; /*-390px;*/
}

#map .content .container .canvas .points a.cemetery
{
	left: 120px;
	top: 480px;
	width: 43px;
	height: 66px;
	background-position: -534px 0;
}
#map .content .container .canvas .points a.cemetery:hover
{
	background-position: -534px -130px;
}
#map .content .container .canvas .points a.cemetery.next
{
	background-position: -534px -520px;
}
#map .content .container .canvas .points a.cemetery.next:hover
{
	background-position: -534px -650px;
}
#map .content .container .canvas .points a.cemetery.visited
{
	background-position: -534px -260px;
}
#map .content .container .canvas .points a.cemetery.visited:hover
{
	background-position: -534px -389px; /*-390px;*/
}


#map .content .container .fixed
{
	position: fixed;
	/*bottom: 60px;*/
	bottom: 30px;
	left: 30px;
	display: none;
}
#map .content .container .fixed a
{
	font-family: 'DINMittelschriftStd';
	font-size: 11px;
	/*color: #000;*/
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	text-indent: 20px;
	padding-right: 8px;
	line-height: 20px;
	margin-right: 12px;
	background: url(../img/sprites.png) no-repeat 0 -1360px;
	opacity: 0.7;

	white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 85px;
    overflow: hidden;
}
#map .content .container .fixed a.next
{
	background: url(../img/sprites.png) no-repeat 0 -1440px;
}
#map .content .container .fixed a.visited
{
	background: url(../img/sprites.png) no-repeat 0 -1400px;
}
#map .content .container .thumbnail
{
	pointer-events: none;
}
#map .content .container .thumbnail div
{
	display: none;
	position: fixed;
	left: 30px;
	bottom: 120px;
}
#map .content .container .thumbnail strong
{
	font-family: 'DINMittelschriftStd';
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	background:#9B9B9B;
	display: block;
	width: 250px;
	text-indent: 16px;
	line-height: 10px;
	padding-top: 10px;
}
#map .content .container .thumbnail img
{
	border: 16px #9B9B9B solid;
	border-bottom: 0;
	width: 408px;
	height: 241px;
}
#map .content .container .thumbnail img.lock
{
    display: block;
    position: absolute;
    top: 20px;
}
#map .content .container .thumbnail p
{
	font-family: 'PFTempestaFiveCondensed';
	background: #9B9B9B;
	color: #FFF;
	font-size: 14px;
	text-align: right;
	padding-right: 16px;
	line-height: 13px;
	padding-top: 8px;
	height: 24px;
	text-transform: uppercase;
	padding-bottom: 23px;
}
/* < MAP */


.lb-outerContainer
{
	pointer-events: none;
	z-index: -1;
}
.lb-data
{
	padding: 5px 10px;
}
.lb-nav a.lb-prev,
.lb-nav a.lb-next
{
	position: absolute;
	opacity: 1;
	pointer-events: all;
	width: 75px;
}
.lb-data .lb-close
{
	opacity: 1;
}
.lb-nav a.lb-prev
{
	left: -75px;
}
.lb-nav a.lb-next
{
	right: -75px;
}
.lb-image
{
	border: 3px solid transparent;
}
.left-spacing
{
	margin-left: 15px;
}
.left-spacing-small
{
	margin-left: 10px;
}
.sublist a.no-icon span
{
	padding-left: 0px;
}
/*#map .points-other i:first-child
{
	margin-left: 20px;
}
#map .points-other a
{
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 12px 5px 10px;
	background-color: rgb(154,154,154) !important;
}
#map .points-other a.visited
{
	background-color: #D9501E !important;
}


#map .points-other a:hover
{
	text-decoration: none;
}
#map .hovers div
{
	pointer-events:none;
	-webkit-transition: all 0.15s ease;
	transition: all 0.15s ease;
	opacity: 0;
	position: fixed;
	bottom: 150px;
	left: 55px;
}
#map .hovers div.active
{
	opacity: 1;
}
#map .hovers .title
{
	padding: 10px;
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
}
#map .hovers img,*/
#cinejournal div.highlight img,
#movie div.highlight img
{
	padding: 12px 12px 0px;
	width: 360px !important;
	height: 215px !important;
	margin-top: -6px;
}
#cinejournal div.highlight img,
#movie div.highlight img
{
	width: initial !important;
	height: initial !important;
	min-width: 100% !important;
}
#movie div.highlight img
{
	/*height: 286px !important;*/
}
#cinejournal div.highlight img
{
	max-height: 328px !important;
}
/*#map .hovers .description,*/
#cinejournal div.highlight .description
{
	padding: 5px 12px;
	display: block;
	text-align: right;
	font-family: 'PFTempestaFiveCondensed', 'Lucida Console', monospace;
	text-transform: uppercase;
	font-size: 8pt;
}
/*#map #map-north
{
	position: absolute;
	z-index: 1;
	right: 30px;
	top: 80px;
	pointer-events: none;
}*/
/* Map points */
/*#map .points [href="#entrance-porch"]
{
	left: 832px;
	top: 535px;
	width: 44px;
	height: 61px;
	background: url(../img/sprite-map.png);
	background-position: -355px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#entrance-porch"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -355px -132px;
	opacity: 1;
}
#map .points [href="#entrance-porch"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -355px -260px;
}
#map .points [href="#entrance-porch"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -355px -391px;
}
#map .points [href="#dining-hall"]
{
	left: 781px;
	top: 605px;
	width: 60px;
	height: 60px;
	background: url(../img/sprite-map.png);
	background-position: -402px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#dining-hall"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -401px -132px;
	opacity: 1;
}
#map .points [href="#dining-hall"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -402px -258px;
}
#map .points [href="#dining-hall"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -401px -388px;
}
#map .points [href="#square"]
{
	left: 640px;
	top: 450px;
	width: 100px;
	height: 60px;
	background: url(../img/sprite-map.png);
	background-position: -124px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}
#map .points [href="#square"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -124px -128px;
	opacity: 1;
}
#map .points [href="#square"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -124px -258px;
}
#map .points [href="#square"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -124px -389px;
}
#map .points [href="#hospital"]
{
	left: 751px;
	top: 422px;
	width: 70px;
	height: 123px;
	background: url(../img/sprite-map.png);
	background-position: -228px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
}
#map .points [href="#hospital"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -228px -132px;
	height: 129px;
	opacity: 1;
}
#map .points [href="#hospital"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -228px -258px;
}
#map .points [href="#hospital"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -228px -388px;
}
#map .points [href="#casino"]
{
	left: 542px;
	top: 586px;
	width: 55px;
	height: 80px;
	background: url(../img/sprite-map.png);
	background-position: -461px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#casino"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -461px -132px;
	width: 57px;
	opacity: 1;
}
#map .points [href="#casino"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -462px -261px;
}
#map .points [href="#casino"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -462px -390px;
}
#map .points [href="#administration-office"]
{
	left: 900px;
	top: 506px;
	width: 22px;
	height: 40px;
	background: url(../img/sprite-map.png);
	background-position: -329px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#administration-office"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -330px -132px;
	opacity: 1;
}
#map .points [href="#administration-office"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -329px -258px;
}
#map .points [href="#administration-office"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -330px -388px;
}
#map .points [href="#franciscan-sisters-house"]
{
	left: 898px;
	top: 390px;
	width: 28px;
	height: 52px;
	background: url(../img/sprite-map.png);
	background-position: -300px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#franciscan-sisters-house"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -300px -132px;
	opacity: 1;
}
#map .points [href="#franciscan-sisters-house"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -300px -258px;
}
#map .points [href="#franciscan-sisters-house"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -300px -388px;
}
#map .points [href="#catolic-church"]
{
	left: 616px;
	top: 372px;
	width: 40px;
	height: 48px;
	background: url(../img/sprite-map.png);
	background-position: -81px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#catolic-church"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -81px -130px;
	opacity: 1;
}
#map .points [href="#catolic-church"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -81px -256px;
}
#map .points [href="#catolic-church"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -81px -388px;
}
#map .points [href="#evangelical-church"]
{
	left: 492px;
	top: 391px;
	width: 38px;
	height: 35px;
	background: url(../img/sprite-map.png);
	background-position: -39px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#evangelical-church"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: -39px -130px;
	opacity: 1;
}
#map .points [href="#evangelical-church"].visited
{
	background: url(../img/sprite-map.png);
	background-position: -39px -258px;
}
#map .points [href="#evangelical-church"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: -39px -388px;
}
#map .points [href="#eva"]
{
	left: 180px;
	top: 168px;
	width: 40px;
	height: 37px;
	background: url(../img/sprite-map.png);
	background-position: 0px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}
#map .points [href="#joao-saldanha"]
{
	left: 491px;
	top: 332px;
	width: 40px;
	height: 37px;
	background: url(../img/sprite-map.png);
	background-position: 0px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#joao-and-theresina"]
{
	left: 351px;
	top: 231px;
	width: 40px;
	height: 37px;
	background: url(../img/sprite-map.png);
	background-position: 0px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#elma-and-juraci"]
{
	left: 452px;
	top: 304px;
	width: 40px;
	height: 37px;
	background: url(../img/sprite-map.png);
	background-position: 0px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
}
#map .points [href="#marlene-and-nair"]
{
	left: 360px;
	top: 294px;
	width: 40px;
	height: 37px;
	background: url(../img/sprite-map.png);
	background-position: 0px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}
#map .points [href="#eva"]:hover,
#map .points [href="#joao-saldanha"]:hover,
#map .points [href="#joao-and-theresina"]:hover,
#map .points [href="#elma-and-juraci"]:hover,
#map .points [href="#marlene-and-nair"]:hover
{
	background: url(../img/sprite-map.png);
	background-position: 0px -130px;
	opacity: 1;
}
#map .points [href="#eva"].visited,
#map .points [href="#joao-saldanha"].visited,
#map .points [href="#joao-and-theresina"].visited,
#map .points [href="#elma-and-juraci"].visited,
#map .points [href="#marlene-and-nair"].visited
{
	background: url(../img/sprite-map.png);
	background-position: 0px -258px;
}
#map .points [href="#eva"].visited:hover,
#map .points [href="#joao-saldanha"].visited:hover,
#map .points [href="#joao-and-theresina"].visited:hover,
#map .points [href="#elma-and-juraci"].visited:hover,
#map .points [href="#marlene-and-nair"].visited:hover
{
	background: url(../img/sprite-map.png);
	background-position: 0px -388px;
}
#map .points [href="#cemetery"]
{
	left: -300px;
	top: 174px;
	width: 43px;
	height: 63px;
	background: url(../img/sprite-map.png);
	background-position: -534px 0;
	text-indent: -9999em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -1px;
}
#map .points [href="#cemetery"]:hover
{
	background-position: -534px -132px;
	opacity: 1;
}
#map .points [href="#cemetery"].visited
{
	background-position: -534px -260px;
}
#map .points [href="#cemetery"].visited:hover
{
	background-position: -534px -391px;
}*/
img.image-fit
{
	max-height: 99%;
	max-width: 99%;
}
img.image-fit.image-legend
{
	max-height: 92%;
}
.legend
{
	position: relative;
	bottom: -5px;
	float: right;
}
.text-shadow
{
	/*-webkit-box-shadow: 10px 10px 20px 0 #000;*/
	text-shadow: 10px 10px 20px #000;
}
.shadow
{
	-webkit-box-shadow: 10px 10px 20px 0 #000;
	box-shadow: 10px 10px 20px 0 #000;
}
.buttons-bottom
{
	z-index: 99;
	position: fixed; /*bigger screens */ 
	bottom: 45px;
	width: 100%;
}
.buttons-bottom a,
.buttons-bottom li
{
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	text-decoration: none;
}
.buttons-bottom li
{
	margin-left: 0;
	margin-right: 10px;
}
.buttons-bottom li ul
{
	line-height: 30px;
	margin-bottom: 20px;
	display: none;
}
.sublist a
{
	position: absolute;
	margin-left: 15px;
}
.sublist li
{
	margin-left: 15px;
}
.sublist a:hover span
{
	text-decoration: underline;
}
.sublist li:before
{
	content: '';
	width: 30px;
	height: 35px;
	border-left: 2px solid #FFF;
	margin-left: 10px;
	display: inline-block;
	border-top: 2px solid #FFF;
	margin-bottom: -30px;
}
.buttons-bottom li > span
{
	cursor: pointer !important;
}
.buttons-bottom span
{
	display: inline-block;
	vertical-align: middle;
	padding-left: 10px;
	text-shadow: 1px 1px 2px #000;
}
.buttons-bottom > li:hover span,
.buttons-bottom > li:hover i
{
	text-decoration: underline;
	cursor: pointer;
}
.buttons-bottom li:hover ul
{
	/*display: block;*/
}
.block-bottom
{
	position: fixed;
	bottom: 150px;
}
.buttons-bottom i
{
	width: 50px !important;
	height: 50px !important;
	vertical-align: middle;
}
.fix-gallery
{
	max-width: 900px;
	/*width: 100%;*/
	height: 555px;
	position: relative;
	margin: 10% auto;
	/*top: 50%;
	left: 50%;
	margin-top: -277px;
	margin-left: -420px;
	position: absolute;*/
}

.fix-gallery-firefox
{
	max-width: 530px;
	max-height: 700px;
	
	/*top: 50%;
	left: 50%;
	margin-top: -375px;
	margin-left: -265px;
	position: absolute;*/
}


.fix-row-firefox
{
	height: 100%;
}
.gallery a
{
	position: absolute;
	overflow: hidden;
	border: 7px solid white;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.gallery a img
{
	max-width: 100%;
	max-height: 100%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.gallery a img:hover,
.gallery a:hover
{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1)
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
.gallery a:hover
{
	z-index: 99 !important;
}
#square #square-meetings-4
{
	max-width: 340px;
	max-height: 240px;
	top: 0;
	left: 108px;
	z-index: 4;
}
#square #square-meetings-3
{
	max-width: 459px;
	max-height: 495px;
	top: 154px;
	left: 218px;
	z-index: 3;
}
#square #square-meetings-2
{
	max-width: 287px;
	max-height: 213px;
	bottom: 0;
	left: 0;
	z-index: 2;
}
#square #square-meetings-1
{
	max-width: 228px;
	max-height: 300px;
	right: 20px;
	bottom: 20px;
	z-index: 1;
}
#catolic-church .tab-content p
{
	margin-bottom: 0px;
}
#catolic-church .tab-content ul li
{
	line-height: 50px;
}
#catolic-church #catolic-church-info
{
	margin-top: 4px;
	display: none;
}
.catolic-church-info-icon.active:after
{
	box-shadow: 0 5px 0 0 #FFF;
}
#catolic-church .catolic-church-info li.catolic-church-info-icon-link
{
	margin-left: -50px;
	height: 46px;
	width: 56px;
}
#catolic-church .catolic-church-info li.catolic-church-info-icon-link p
{
	height: 45px;
}
#catolic-church .catolic-church-info li.catolic-church-info-icon-link p a
{
	margin-top: -10px;
	height: 100%;
	width: 100%;
}
#catolic-church #catolic-church-wedding-1
{
	z-index: 3;
	bottom: 50px;
	left: 0;
	max-width: 211px;
	max-height: 306px;
}
#catolic-church #catolic-church-wedding-2
{
	z-index: 4;
	bottom: 0;
	/*left: 150px;*/
	left: 190px;
	max-width: 256px;
	max-height: 256px;
}
#catolic-church #catolic-church-wedding-3
{
	z-index: 2;
	bottom: 85px;
	/*left: 277px;*/
	left: 427px;
	max-width: 228px;
	max-height: 273px;
}
#catolic-church #catolic-church-wedding-4
{
	z-index: 1;
	bottom: 0;
	right: 0;
	max-width: 328px;
	max-height: 225px;
}
#evangelical-church .tab-content p
{
	margin-bottom: 0px;
}
#evangelical-church .tab-content ul li
{
	line-height: 50px;
}
#evangelical-church #evangelical-church-othertimes-1
{
	z-index: 3;
	top: 10%;
	left: 33%;
	max-width: 45%;
	/*max-height: 70%;*/
}
#joao-saldanha .tab-content p
{
	margin-bottom: 0px;
}
#joao-saldanha .tab-content ul li
{
	line-height: 50px;
}
#marlene-and-nair .tab-content p
{
	margin-bottom: 0px;
}
#marlene-and-nair .tab-content ul li
{
	line-height: 50px;
}
#eva .tab-content p
{
	margin-bottom: 0px;
}
#eva .tab-content ul li
{
	line-height: 50px;
}
#joao-and-theresina .tab-content p
{
	margin-bottom: 0px;
}
#joao-and-theresina .tab-content ul li
{
	line-height: 50px;
}
#elma-and-juraci .tab-content p
{
	margin-bottom: 0px;
}
#elma-and-juraci .tab-content ul li
{
	line-height: 50px;
}
#cemetery .tab-content p
{
	margin-bottom: 0px;
	max-width: 600px;
}
#cemetery .tab-content ul li
{
	line-height: 50px;
}
#beach .block-icon-info:after
{
	z-index: -9;
}
#beach .block-icon-info a
{
	position: absolute;
	top: 45%;
	right: -45px;
		height: 45px;
	width: 45px;
		text-indent: -9999em;
	overflow: hidden;
	display: inline-block;
}
.highlight
{
	position: absolute;
	margin-left: 15px;
	height: inherit;
}
#motivation
{
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	bottom: 30px;
	/*height: auto;*/
	overflow-x: hidden;
}
#motivation .content
{
	margin: auto;
	width: 1024px;
	/* height: 768px; */
	/*padding-top: 41px;
	/*position: absolute;*/
	/*top: 50%;
	left: 50%;
	margin-top: -384px;
	margin-left: -512px;*/
	padding-top: 60px;
}

#motivation .motivation-image
{
	margin: -23px -26px;
	width: 230px;
}
#motivation img
{
	max-width: 100%;
	max-height: 100%;
}
#motivation .content-left
{
	float: left;
	/*margin: -161px 0 0 225px;*/
	margin: -201px 0 0 225px;
	padding: 0;
	width: 341px;
	height: 100%;
}
#motivation .content-right
{
	float: right;
	/*margin: -162px 12px 0 0;*/
	margin: -201px 12px 0 0;
	padding: 0;
	width: 341px;
	height: 100%;
	display: inline;
}

#motivation p
{
	/*font-size: 15px !important;*/
	font-size: 13px !important;
	text-align: justify;
	line-height: 18px;
}
#motivation .author
{
	text-transform: uppercase;
	float: right;
	padding-top: 15px;
	color: #76797b;
	font-size: 14px;
	margin-right: -2px;
}

#credits
{
	position: absolute;
	/*top: 30px;*/
	left: 0;
	right: 0;
	/*bottom: 30px;*/
	/*height: auto;*/
	overflow-x: hidden;
}

#credits .content
{
	margin: auto;
	max-width: 1024px;
	/* height: 768px; */
	padding-top: 44px;
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -384px;
	margin-left: -512px;*/
}
#credits img.credits-tempo
{
	padding: 19px 4px;
}
#credits img.credits-kikoferraz
{
	margin-top: 25px;
	margin-left: 12px;
}
#credits img.credits-tat
{
	margin-top: 11px;
	margin-left: 40px;
}
#credits img.credits-HC,
#credits img.credits-COMBO 
{
	margin-left: 43px;
	margin-top: 13px;
	max-width: 80px;
}

#credits img.credits-fumproarte
{
	padding: 0;
}
#credits img.credits-lupi
{
	margin: 0;
}
#credits img.credits-pmpa
{
	margin-left: 22px;
}
#credits .credits-right
{
	width: 527px;
	float: right;
	text-align: left;
	font-size: 13px;
}
#credits .column-row
{
	min-height: 25px;
}
#credits .column-right
{
	margin-right: 14px;
	font-size: 15px;
	margin-bottom: 0px
}
#credits .credits-left
{
	width: 413px;
	float: left;
	text-align: right;
	font-size: 13px;
	padding: 0;
}
#credits .column-left
{
	margin-left: 16px;
	margin-bottom: 0px
}
.credits-fix
{
	height: 148px;
	width: 100%;
}
.credits-clear-fix
{
	height: 35px;
	width: 100%;
}
#interact .content
{
	margin: auto;
	/*width: 1024px;
	height: 768px;
	padding-top: 41px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -384px;
	margin-left: -512px;*/
}
#interact p
{
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 3px;
}
#interact p.interact-mail
{
	text-transform: uppercase;
	padding-bottom: 152px;
	letter-spacing: 3px;
}
#interact .interact-mail a
{
	color: #FFF;
	font-size: 41px; /*font-size: 4vw;/ /*41px;*/
}
#interact p.select
{
	/*padding-left: 54px;*/
}
#interact .interact-top
{
	margin: 54px auto;

	max-width: 730px;
	/*max-width: 900px;*/

	padding: 0 10px;
	/*padding-bottom: 172px;*/
	padding-bottom: 130px;
}
#interact .interact-top:before
{
	zoom: 80%;
	ms-zoom: 80%;
	-webkit-zoom: 80%;
	-moz-transform: scale(0.8,0.8);

	/*top: 50px !important;*/
    /*left: -55px !important;*/

    top: 50px !important;
    left: -75px !important;
	position: relative !important;
}

#movie
{
	position: absolute;
	top: 20px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: auto;
	overflow-x: hidden;
}
#movie .content
{
	margin: auto;
	
	width: 1024px;
	min-width: 1024px;
	
	padding-top: 30px;
	/* height: 768px; */
	/*position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -384px;
	margin-left: -512px;*/
}
#movie p
{
	font-size: 20px;
}
#movie .movietop
{
	margin: 83px 0px 0px 63px;
	
	/*width: 386px;*/
	width: 310px;
}
#movie .movietop:before
{
	top: 30px !important;
	
	/*left: -35px !important;*/
	left: -40px !important;

	zoom: 100%;
	transform: scale(0.65);
	position: relative;
	padding: 0;
	margin: 0;
}
#movie .movietop p
{
	font-size: 16px;
	line-height: 24px;
	margin-left: 13px;
}
#movie .awards
{
	width: 486px;
	float: right;
	
	/*margin-top: -260px;*/
	margin-top: -218px;
}

#movie .awards>span
{
	text-transform: uppercase;
color: #76797b;
margin: 23px;
}
#movie .awards ul
{
	margin-top: 7px;
	margin-left: -3px;
	
	/*font-size: 12px;*/
	font-size: 10px;
}
#movie .awards li
{
	margin-bottom: 10px;
	line-height: 15px;
}
#movie .awards li span
{
	color: #76797b;
}
#movie .whodid
{
	text-transform: uppercase;
	margin-top: 200px;
	max-width: 450px;
}
#movie .whodid .whodid-right
{
	/*width: 193px;*/
	width: 208px;

	float: left;
	text-align: right;
	font-size: 12px;
	margin: 0 0 4px;
	line-height: 20px;
}
#movie .whodid .whodid-left
{
	/*width: 270px;*/
	width: 260px;
	float: right;
	text-align: left;
	font-size: 14px;
	margin: 0 0 4px;
	line-height: 20px;
}
#movie .highlight
{
	position: relative;
	float: right;
	max-width: 515px;
	margin-top: -222px;
	margin-right: -20px;

	/*margin-top: -302px;*/
	/*margin-right: 42px; antiga posição */
}
#movie div.highlight .title
{
	padding: 5px 12px 10px 16px;
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
#movie div.highlight div.text-right
{
	padding-right: 12px;
	padding-bottom: 6px;
	padding-top: 7px;
	font-size: 9px;
	letter-spacing: 2px;
	margin-top: -2px;
}

#cinejournal
{
	position: absolute;
	top: 30px;
	left: 0px;
	right: 0px;
	bottom: 30px;
	/*height: auto;*/
	overflow-x: hidden;
}
#cinejournal .content
{
	margin: auto;
	max-width: 790px; /* 1024px;*/
	/* height: 768px; */
	/*padding-top: 41px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -384px;
	margin-left: -512px;*/
}


#cinejournal .film-cinejournal
{
	margin: 0 6px 0 6px;
    /*max-width: 384px;*/
    max-width: 320px;
	display: inline-block;
	vertical-align:top;
}
#cinejournal .film-cinejournal p:before
{
	top: 34px !important;

	/*left: -45px !important;*/
	left: -50px !important;

	zoom: 100%;
	transform: scale(0.65);
	position: relative;
	padding: 0;
	margin: 0;
}
#cinejournal .film-cinejournal p
{
	/*font-size: 16px;*/
	font-size: 15px;

	line-height: 27px;
	letter-spacing: 2px;
	display: inline-block;
}
#cinejournal .play-cinejournal
{
	display: inline-block;
	max-width: 372px;
	width: 100%;
	height: 210px;
	vertical-align:top;
	position: relative;
	margin: 8px 6px 0 60px;
	/*margin: 8px 6px 0 6px;*/
}

#cinejournal .button-former-residents i 
{
	top: -2px;
}


#cinejournal .play-cinejournal i.play.small
{
	zoom: 185%;
	ms-zoom: 185%;
	-webkit-zoom: 185%;
	-moz-transform: scale(1.85,1.85);

	position: absolute;
}
#cinejournal .play-cinejournal .play-edit
{
	margin-top: 62px;
	position: relative;
}
#cinejournal .play-cinejournal .play-original
{
}
#cinejournal .cinejournal-overlay
{
	position: absolute;
	top: 35px;
	left: 27px;
}
#cinejournal .cinejournal-overlay i
{
	position: absolute;
	top: 40%;
	left: 45%;
}
#cinejournal .btn-link-unstyled
{
	padding: 0;
	white-space: inherit;
}
#cinejournal span.original-audio
{
/*font-size: 18px;*/
font-size: 16px;

margin-left: 58px;
margin-top: 12px;
position: absolute;
}
#cinejournal span.former-residents
{
	/*font-size: 18px;*/
	font-size: 16px;

	margin-left: 58px;
	margin-top: -10px;
	float: right;
	max-width: 300px;
	line-height: 24px;
	position: absolute;
}

#cinejournal .highlightcontainer {
	margin: 25px auto;
}

#cinejournal .highlight
{
	/*margin-top: 86px;
	margin-left: 255px;*/
	position: relative;
	max-width: 586px;
	margin: auto;
}


#cinejournal div.highlight .title
{
	padding: 5px 12px 10px 16px;
	font-family: 'DINMittelschriftStd', Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#cinejournal div.highlight div.text-right
{
	padding-right: 13px;
	padding-bottom: 8px;
	padding-top: 10px;
	font-size: 10px;
	letter-spacing: 2px;
	margin-top: -2px;
}
.lb-number
{
	display: none !important;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-6
{
	z-index: 1;
	top: 9px;
	left: 44px;
	max-width: 333px;
	max-height: 211px;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-3
{
	z-index: 3;
	top: 168px;
	max-height: 278px;
	left: 95px;
	max-width: 278px;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-7
{
	z-index: 3;
	top: 0;
	max-height: 237px;
	right: 10px;
	max-width: 382px;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-2
{
	z-index: 2;
	top: 104px;
	max-height: 239px;
	left: 293px;
	max-width: 383px;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-4
{
	z-index: 4;
	top: 273px;
	max-height: 182px;
	left: 326px;
	max-width: 182px;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-1
{
	z-index: 3;
	bottom: 35px;
	max-height: 353px;
	right: 0;
	max-width: 353px;
}
#dining-hall #dining-hall-bakery #dining-hall-bakery-5
{
	z-index: 2;
	bottom: 0;
	max-height: 202px;
	left: 0;
	max-width: 296px;
}
.block-icon-info:after
{
	content: '';
	padding: 5px;
	width: 45px;
	height: 45px;
	top: 45%;
	right: -45px;
	position: absolute;
	background-color: inherit;
	background-size: 100% auto;
	background-image: url(../img/sprites.png );
	background-position: center -180px;

	/*background-color: rgba(255, 255, 255, 0.75) !important;*/
	background-color: rgba(255, 255, 255, 0.6) !important;
}
#hospital .tab-content p
{
		margin-bottom: 0px;
}
.hospital-leprosy-today-icon.active:after
{
	box-shadow: 0 5px 0 0 #FFF;
}
#hospital-specialist-jair i + span,
#hospital-specialist-leticia i + span
{
	text-transform: uppercase;
}
.block-icon-bottom:after
{
	position: absolute;
	right: -1px;
	bottom: -44px;
}
#hospital .tab-content .tab-pane
{
	margin-bottom: -1px;
}
#hospital .tab-content ul li
{
	line-height: 50px;
}
#hospital #hospital-leprosy-today
{
	display: none;
	font-size: 16px;
}




.hospital-specialist-image
{
	float: right;
	padding-right: 0;
}



.hospital-specialist-image img
{
	max-width: 100%;
	max-height: 225px;
	border: 10px solid #FFF;
	position: absolute;
	right: 0;
}
.hospital-leprosy-today a
{
	margin-left: -50px;
	padding-left: 50px;
}
.swiper-container, 
.swiper-slide
{
	width: 90%;
}


.swiper-previous,
.swiper-next
{
	display: table; 

	/*display: block;
	height: 100%;
	margin: auto;*/

	position: fixed; /* fixed */
	height: 70%;
	z-index: 2;
}
.swiper-next
{
	right: 0;
	top: 10%;
}
.swiper-previous:before,
.swiper-next:before
{
	content: '';
	display: table-cell;
	height: 25px;

	/*display: block;
	height: 90%;*/

	vertical-align: middle;

	width: 25px;
	margin: 75% 5%;
}
.swiper-next:before
{
	background: url( ../img/sprite-swiper-next.png ) 5% 48% no-repeat;
}
.swiper-previous:before
{
	background: url( ../img/sprite-swiper-previous.png ) 95% 48% no-repeat;
}
.swiper-pagination
{
	position: fixed;
	top: 0;
	right: 125px;
	z-index: 9999;
}
.swiper-pagination .swiper-pagination-switch
{
	border-radius: 100%;
	border: 1px solid white;
	display: inline-block;
	margin: 7px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}
.swiper-pagination .swiper-pagination-switch.swiper-active-switch
{
	background-color: white;
}
#hospital #hospital-ward-4
{
	z-index: 3;
	bottom: 35px;
	left: 283px;
	max-width: 250px;
	max-height: 159px;
}
#hospital #hospital-ward-3
{
	z-index: 1;
	top: 0;
	right: 57px;
	max-width: 199px;
	max-height: 314px;
}
#hospital #hospital-ward-2
{
	z-index: 2;
	top: 140px;
	left: 250px;
	max-width: 390px;
	max-height: 247px;
}
#hospital #hospital-ward-1
{
	z-index: 3;
	top: 0;
	left: 0;
	max-width: 300px;
	max-height: 332px;
}
#hospital #hospital-ward-5
{
	z-index: 3;
	top: 70px;
	left: 343px;
	max-width: 168px;
	max-height: 100px;
}
#hospital #hospital-ward-6
{
	z-index: 3;
	bottom: 38px;
	right: 0;
	max-width: 274px;
	max-height: 171px;
}
#hospital #hospital-ward-7
{
	z-index: 1;
	top: 183px;
	left: 54px;
	max-width: 150px;
	max-height: 233px;
}
[data-board-next]
{
	cursor: pointer;
}
i
{
	background-image: url(../img/sprites.png );
	background-size: 100%;
	border: 3px solid #FFF;
	border-radius: 100%;
	display: inline-block !important;
	opacity: inherit;
	vertical-align: middle;
	/* ToDO: remover de todos? */
	/*box-shadow: 1px 1px 2px #000;*/
}
i.icon-fullscreen
{
	background-position: 0px -130px;
	border: none;
	width: 15px;
	height: 15px;
	box-shadow: none;
}
i.play
{
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background-position: 5px 0px;
}
i.pause
{
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background-position: 0px -1193px;
}
i.fast-forward
{
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background-position: 3px -1125px;
}
i.arrow-up
{
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background-position: 0px -423px;
	box-shadow: 1px 1px 2px #000;
}
i.map
{
	width: 75px;
	height: 75px;
	margin: 0 auto;
	background-position: 0px -45px;
}
i.list
{
	background-position: 0px -89px;
}
i.camera
{
	background-position: 0px -134px;
}
i + span
{
	display: inline-block !important;
	letter-spacing: 1px;
}
a:hover i + span
{
	text-decoration: underline;
}
i.small
{
	width: 25px !important;
	height: 25px !important;
	border: 2px solid #FFF;
}
i.play.small
{
	background-position: 1px 0px;
}
i.list.small
{
	background-position: 0px -42px;
}
i.camera.small
{
	background-position: 0px -64px;
}
i.fast-forward.small
{
	background-position: 1px -1044px;
}
i.pause.small
{
	background-position: 0px -1064px
;}
.sublist i
{
	margin-left: -15px;
}
.sublist.sublist-high:after
{
	content: '';
	display: block;
	height: 230px;
	border: 1px solid #FFF;
	width: 0px;
	margin-left: 25px;
	margin-bottom: -20px;
}
.sublist.sublist-middle:after
{
	content: '';
	display: block;
	height: 150px;
	border: 1px solid #FFF;
	width: 0px;
	margin-left: 25px;
	margin-bottom: -20px;
}
#casino-parties
{
	position: absolute;
	top: 50%;
}
#casino-parties .close
{
	content: '';
	display: inline-block;
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: transparent;
	/*right: -25px;*/
	right: 0;
	top: 0;
	background-image: url(../img/sprites.png );
	/*background-color: #000;*/
	
	/*background-position: 3px -86px;
	background-size: 18px;
	box-shadow: inset 0 0 0 4px #000;*/

	background-position: 1px -108px;
	background-size: 22px;

	background-repeat: no-repeat;
	opacity: 0.75;
	filter: alpha(opacity=100);
}
#casino-parties .close:hover
{
	cursor: pointer;
}

/*
#administration-office.hover .tab-content:before
{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	content: ' ';
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	transition: background 1s;
}
*/
#administration-hover-bg
{
	width: 200%;
	height: 200%;
	background-color: rgba(0,0,0,.7);
	content: ' ';
	position: fixed;
	z-index: 2;
	top: -50%;
	left: -50%;
	transition: background 1s;	
}


#administration-office-leprosy-representation .row
{
	height: 35%;
	/*position: absolute;*/
	top: 50%;
	width: 100%;
}
#administration-office-leprosy-representation .row img
{
	border: 7px solid white;
}
#administration-office-leprosy-representation .row:first-child
{
	top: 10%;
	margin-bottom: 20px
}
.swiper-next,
.swiper-previous
{
	float: left;
	top: 0;
}

.middle-dot
{
	font-size: 30px;
	vertical-align: text-top;
	line-height: 15px;
}
.list-name ul
{
	height: 100%;
	margin-top: 15px;
	list-style: none;
	-webkit-padding-start: 0px;
	-webkit-padding-end: 0px;
}
.list-name ul li:first-child
{
	margin-left: 0 !important;
}
.list-name ul li
{
	display: inline;
}
#franciscan-sisters-house-photos-3
{
	z-index: 1;
	top: 0;
	left: 150px;
	max-width: 300px;
	max-height: 290px;
}
#franciscan-sisters-house-photos-2
{
	z-index: 2;
	top: 120px;
	right: 0;
	max-width: 404px;
	max-height: 253px;
}
#franciscan-sisters-house-photos-1
{
	z-index: 1;
	bottom: 0;
	left: 254px;
	max-width: 413px;
	max-height: 255px;
}
#video-controls
{
	display: none;
	position: absolute;
	bottom: 30px;
	width: 33%;
	margin: 0 33%;
	height: 100px;
	z-index: 99;
	padding-top: 20px;
}
#video-controls > *
{
	display: inline-block;
	/*opacity: 0;*/
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
/*
#video-controls:hover > *
{
	opacity: 1;
}
*/
#video-controls .progress
{
	width: 65%;
	vertical-align: middle;
	margin: 0;
	background-image: none;
	background-color: #000;
	border-radius: 0;
	margin-bottom: 30px;
}
#video-controls .progress:hover
{
	cursor: pointer;
}
#video-controls .progress .progress-bar
{
	width: 0%;
	background-color: white;
	background-image: none;
	webkit-transition: all 0 linear;
	transition: all 0 linear;
}
#video-controls .play-pause,
#video-controls .skip
{
	width: 15%
}
#video-controls .play-pause i,
#video-controls .skip i
{
	border: 3px solid white !important;
	width: 40px !important;
	height: 40px !important;
}
#video-controls i.pause
{
	background-position: 0px -259px;
}
#video-controls i.play
{
	background-position: 2px 0px;
}
#video-controls i.fast-forward
{
	background-position: 2px -226px;
}
#video-controls p
{
	margin-top: -30px;
    color: white;
    display: block;
    width: 100%;
    text-align: center;
}



.glyphicon
{
	font-size: 12px;
}
.inline-block
{
	display: inline-block;
}
.close-tab
{
	display: block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/close.png) top right no-repeat;
	/*background: url(../img/fechar.svg) top right no-repeat;*/
	text-align: right;
	outline: 0;
	filter: alpha(Opacity=70);
	/*opacity: .7;*/
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
	position: relative;
	margin-bottom: -30px;
	
	/*right: 15px;*/
	right: 7px;
	top: 5px;
	z-index: 1;
	/*right: -12px;
	top: 0px;*/
}
@media screen and ( max-height: 1345px ){
	section p.resident
	{
		font-size: 26px;
	}
	section p
	{
		font-size: 24px;
	}
}
@media screen and ( max-width: 1000px )
{
	body
	{
		font-size: 10px;
	}
	section p.resident
	{
		font-size: 22px;
	}
	section p
	{
		font-size: 20px;
	}
	section .content
	{
		margin-top: 7%;
	}
	.bigger
	{
		font-size: 30px;
	}
		#hospital #hospital-leprosy-today
	{
		margin-top: 51px;
	}
	#catolic-church #catolic-church-wedding p
	{
		font-size: 20px;
	}
}
	@media screen and ( max-height: 768px ) {
	section
	{
		overflow-y: auto;
	}
	/*section#map
	{
		overflow: hidden;
	}*/
}
@media screen and ( max-height: 888px ){
	section .content
	{
		margin-top: 0px;
	}
}
@media screen and ( max-width: 1200px ){
	#video-controls .progress
	{
		margin-left: 1%;
	}
}
@media screen and ( max-width: 1140px ){
	#cinejournal div.highlight div.text-right,
	#movie div.highlight div.text-right
	{
		font-size: 11px;
	}
}
@media screen and ( max-width: 950px ){
	#cinejournal div.highlight div.text-right,
	#movie div.highlight div.text-right
	{
		font-size: 10px;
	}
}
@media screen and ( max-width: 740px ){
	#cinejournal div.highlight div.text-right,
	#movie div.highlight div.text-right
	{
		font-size: 8px;
	}
}




/* > IOS */
body.is-ios #player-overlay
{
	display: none !important;
}
body.is-ios #home .content a.play
{
	display: none !important;
}
body.is-ios section
{
	/*pointer-events: none;*/
}
body.is-ios section .content
{
	pointer-events: none;
	overflow-x: none;
}
body.is-ios section .content *
{
	pointer-events: auto;
}
/* < IOS */