@charset "utf-8";
/* CSS Document */

/*! =================================================
	Theme Name: Layout - Mondial
	Description: CSS desenvolvido para Mondial.
	Author: Willian Siqueira
	Empresa: Jussi
	Author URI: http://www.jussi.com.br/
	Version: 1.0
================================================= *//*! normalize.css v2.1.2 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display:block
}
audio, canvas, video {
	display:inline-block
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden] {
display:none
}
html {
	font-family:sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0
}
a:focus {
	outline:thin dotted
}
a:active, a:hover {
	outline:0
}
h1 {
	font-size:2em;
	margin:.67em 0
}
abbr[title] {
	border-bottom:1px dotted
}
b, strong {
	font-weight:700
}
dfn {
	font-style:italic
}
hr {
	box-sizing:content-box;
	height:0
}
mark {
	background:#ff0;
	color:#000
}
code, kbd, pre, samp {
	font-family:monospace, serif;
	font-size:1em
}
pre {
	white-space:pre-wrap
}
q {
	quotes:"\201C" "\201D" "\2018" "\2019"
}
small {
	font-size:80%
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:0
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0
}
button, input, select, textarea {
	font-family:inherit;
	font-size:100%;
	margin:0
}
button, input {
	line-height:normal
}
button, select {
	text-transform:none
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], html input[disabled] {
	cursor:default
}
input[type=checkbox], input[type=radio] {
	box-sizing:border-box;
	padding:0
}
input[type=search] {
	-webkit-appearance:textfield;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table {
	border-collapse:collapse;
	border-spacing:0
}
a::-moz-focus-inner {
border:0
}
a:focus, :focus {
	outline:none
}
html {
	overflow-y:scroll
}
body {
	background:#fff;
	text-rendering:optimizeLegibility
}
hr {
	border:0;
	border-top:1px solid #eee;
	border-bottom:1px solid #fff;
	margin:18px 0
}
ul {
	list-style:none;
	margin:0;
	padding:0
}
@font-face {
	font-family:'proximanova-regular';
	src:url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-regular.eot");
	src:url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-regular.eot?#iefix") format("embedded-opentype"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-regular.woff") format("woff"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-regular.ttf") format("truetype"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-regular.svg#proximanova-regular") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'proximanova-bold';
	src:url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-bold.eot");
	src:url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-bold.eot?#iefix") format("embedded-opentype"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-bold.woff") format("woff"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-bold.ttf") format("truetype"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/proximanova-bold.svg#proximanova-bold") format("svg");
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'icons';
	src:url("https://paraondefor.com.br/infograficos/rio-2016/fonts/icons.eot");
	src:url("https://paraondefor.com.br/infograficos/rio-2016/fonts/icons.eot?#iefix") format("embedded-opentype"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/icons.woff") format("woff"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/icons.ttf") format("truetype"), url("https://paraondefor.com.br/infograficos/rio-2016/fonts/icons.svg#icons") format("svg");
	font-weight:normal;
	font-style:normal
}
[class^="i-"], [class*=" i-"] {
font-family:'icons' !important;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.i-newwindow:before {
	content:"\e900"
}
footer {
	width:100%;
	text-align:right;
	position:absolute;
	bottom:0;
	left:0;
	z-index:0
}
footer .logo {
	display:inline-block;
	margin:20px;
	vertical-align:top
}
footer .logo.mondial img {
	width:82px;
	height:35px
}
.cf:after {
	display:block;
	content:"";
	height:0;
	clear:both;
	font-size:0;
	visibility:hidden
}
* html .cf {
	zoom:1
}
*:first-child+html .cf {
	zoom:1
}
.hide {
	display:none;
	visibility:hidden
}
.show {
	display:block;
	visibility:visible
}
.invisible, .superhide {
	width:0;
	height:0;
	background:transparent;
	margin:0;
	padding:0;
	border:0;
	font-size:0;
	color:transparent;
	text-indent:-99999cm;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	visibility:hidden
}
.superhide {
	display:none
}
html, body {
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased
}
body {
	font:16px "proximanova-bold", Helvetica, Arial, sans-serif;
	color:gray;
	font-smooth:always
}
h1, h2, h3 {
	margin:0;
	font:16px "proximanova-bold", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	text-rendering:optimizeLegibility
}
h1, .h1 {
	font-size:40px;
	font-size:2.5rem;
	line-height:1.2
}
h2, .h2 {
	font-size:20px;
	font-size:1.25rem;
	line-height:1.2
}
h3, .h3 {
	font-size:24px;
	font-size:1.5rem;
	line-height:1
}
main {
	width:930px;
	height:553px;
	position:relative
}
.map {
	width:930px;
	height:553px;
	background:#fff url("https://paraondefor.com.br/infograficos/rio-2016/img/bg/map.jpg") 0 0 no-repeat;
	position:relative
}
.place {
	text-align:center;
	position:absolute;
	z-index:1
}
.place>div {
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	box-sizing:border-box;
	display:inline-block;
	padding:5px;
	border:#fff 2px solid;
	border-radius:2em;
	white-space:nowrap;
	text-align:center;
	background-color:#c00811
}
.place a, .place i {
	box-sizing:border-box;
	-webkit-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
	display:inline-block;
	font-size:16px;
	font-size:1rem;
	line-height:1.5;
	line-height:18px;
	color:#fff;
	text-transform:uppercase;
	vertical-align:top
}
.place a {
	width:0;
	font:16px "proximanova-bold", Helvetica, Arial, sans-serif;
	font-size:12px;
font-size:.75rem;
	line-height:2;
	line-height:14px;
	text-decoration:none;
	text-align:center;
	overflow:hidden
}
.place a small {
	display:block;
	font:16px "proximanova-regular", Helvetica, Arial, sans-serif;
	font-size:10px;
font-size:.625rem;
	line-height:2.4;
	line-height:8px
}
.place i {
	width:18px;
	margin-left:-1px;
	margin-top:1px
}
.place:hover>div {
	border-color:#c00811;
	background-color:#fff
}
.place:hover a, .place:hover i {
	color:#c00811
}
.place:hover i {
	width:26px
}
.place:hover a {
	width:125px;
	padding-left:15px
}
.barra-da-tijuca {
	width:180px;
	top:159px;
	left:21px
}
.jardim-botanico {
	width:180px;
	top:240px;
	left:268px
}
.centro {
	width:108px;
	top:83px;
	left:733px
}
.botafogo {
	width:130px;
	top:286px;
	left:598px
}
.ipanema {
	width:115px;
	top:451px;
	left:406px
}
.copacabana {
	width:150px;
	top:400px;
	left:686px
}
.lapa {
	width:178px;
	top:73px;
	left:522px
}