html,
body {
	background-color: #FFF;
	font-family: "futura-pt",sans-serif;
	font-size: 1em;
	color: #333;
	vertical-align: baseline;
	border: 0;
	margin: 0;
	padding: 0;
	z-index: -10;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div {
	display: block;
	overflow: visible;
}

.group:after {
	content: "";
	display: table;
	clear: both;
}

a,
a:visited {
	text-decoration: none;
	color: inherit;
}

img {
	vertical-align: middle;
}

h1 {
	font-size: 4.1em;
	line-height: .9em;
	font-weight: 700;
	margin: 0;
	padding-top: 4px;
	color: #1A9ED4;
	text-transform: uppercase;
}

h2 {
	font-size: 1.6em;
	line-height: 1em;
	margin: 5px 0 30px 0;
	font-weight: 500;
	color: #1A9ED4;
}

h3 {
	font-size: 1.6em;
	margin: 0;
	font-weight: 500;
	color: #1A9ED4;
}

h4 {
	font-size: 2.85em;
	font-weight: 700;
	line-height: .9em;
	margin: 0;
	color: #1A9ED4;
	text-transform: uppercase;
}

h5 {
	font-size: 1.6em;
	font-weight: 700;
	line-height: 1em;
	margin: 5px 0 30px 0;
	color: #1A9ED4;
	text-transform: uppercase;
}

p {
	margin: 0 0 20px 0;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 1.5em;
	color: #333;
}

	p a,
	p a:visited {
		text-decoration: none;
		color: #1A9ED4;
	}
	
	p a:hover {
		color: #333;
	}

.alignRight {
	text-align: right;
}

ul {
	list-style-type: none;
	overflow: visible;
	padding: 0;
	margin: 0;
}

::selection {
	background: #e5e5e5;
}



/* ---

HEADER

--- */



.nav_min {
	display: none;
	z-index: 1;
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 5;
	background-color: #FFF;
}

	header a,
	header a:visited {
		color: #1A9ED4;
		cursor: pointer;
		-webkit-transition: all 300ms;
		transition: all 300ms;
	}
	
	header a:hover,
	header a.selected {
		color: #333;
	}

	.header-logo {
		float: left;
		background-color: #1A9ED4;
		-webkit-transition: all 300ms;
		transition: all 300ms;
	}

		.header-logo:hover {
			background-color: #333;
		}

		.header-logo img {
			width: 60px;
			height: 60px;
		}

	nav {
		float: right;
		font-weight: 700;
		font-size: 15px;
		text-transform: uppercase;
	}

		nav li {
			float: left;
			padding: 20px 0 0 0;
			margin: 0 20px;
		}
		
			.nav-hide {
				display: none;
				cursor: pointer;
			}
		
				.nav-hide img {
					width: 30px;
				}

			nav li:last-child {
				margin-right: 0;
			}

		.nav-subNav-about,
		.nav-subNav-franchising {
			position: fixed;
			z-index: 6;
			top: 60px;
			left: 100%;
			background-color: #1A9ED4;
			width: 100%;
			margin: 0;
			padding: 12px 0 10px 0;
			text-transform: lowercase;
			font-size: 1rem;
		}
		
			.nav-subNav-about-content,
			.nav-subNav-franchising-content {
				float: right;
			}
			
				.nav-subNav-about-content li,
				.nav-subNav-franchising-content li {
					padding: 0;
				}
				
				.nav-subNav-about-content li a,
				.nav-subNav-about-content li a:visited,
				.nav-subNav-franchising-content li a,
				.nav-subNav-franchising-content li a:visited {
					color: #FFF;
				}
				
				.nav-subNav-about-content li a:hover,
				.nav-subNav-about-content li a.selected,
				.nav-subNav-franchising-content li a:hover,
				.nav-subNav-franchising-content li a.selected {
					color: #333;
				}

		.nav-subNav_show {
			left: 0;
		}



/* ------

STRUCTURE

------ */



.bloco {
	text-align: center;
	margin-bottom: 80px;
}

.bloco_noMarginBottom {
	text-align: center;
}

.first {
	margin-top: 140px;
}

.first-subNav {
	margin-top: 200px;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

.align-center {
	text-align: center;
}

.imagem_full {
	overflow: hidden;
}

	.imagem_full img {
		max-width: 90%;
		min-width: 1100px;
	}



/* -

PUBS

- */



.pub,
.pub_noMarginBottom {
	height: auto;
	border-top: 4px solid #1A9ED4;
	border-bottom: 4px solid #1A9ED4;
	position: relative;
	text-align: center;
}

.pub {
	padding: 100px 0 50px 0;
}

.pub_noMarginBottom {
	padding: 100px 0 0 0;
}

	.pub img,
	.pub_noMarginBottom img {
		width: 100%;
	}

.pub_banner img {
	height: 100px;
	width: 100px;
	position: absolute;
	top: 0;
	right: 0;
}



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

DIFFERENT STYLES

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



.fundoAzul,
.fundoCinza {
	padding: 40px 0;
}

.fundoAzul {
	background-color: #1A9ED4;
}

.fundoCinza {
	background-color: #333;
}

.fundoCastanho {
	background-color: #6A002F;
}

.fundoAzul h1, .fundoAzul h2, .fundoAzul h3, .fundoAzul h4, .fundoAzul h5, .fundoAzul p,
.fundoCinza h1, .fundoCinza h4, .fundoCinza h5, .fundoCinza p {
	color: #FFF;
}

.fundoCinza h2, .fundoCinza h3 {
	color: #1A9ED4;
}

.fundoAzul h1 a, .fundoAzul h1 a:visited,
.fundoAzul h2 a, .fundoAzul h2 a:visited,
.fundoAzul h3 a, .fundoAzul h3 a:visited,
.fundoAzul h4 a, .fundoAzul h4 a:visited,
.fundoAzul p a, .fundoAzul p a:visited {
	color:#FFF;
	border-bottom:1px dotted #FFF;
}

.fundoAzul h1 a:hover,
.fundoAzul h2 a:hover,
.fundoAzul h3 a:hover,
.fundoAzul h4 a:hover,
.fundoAzul p a:hover {
	color:#333;
	border-bottom:1px dotted #333;
}

.twoColumns li {
	float: left;
	width: 50%;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white p {
	color: #FFF;
}

.white h2 a,
.white h1 a:hover {
	color: #1A9ED4;
}

.white h2 a:hover {
	color:#333;
}

.center {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

.collapsible {
	cursor:pointer;
}

.collapse-close span,
.collapse-open span {
	float:right;
	-moz-transition:transform .5s ease;
	-webkit-transition:transform .5s ease;
	-o-transition:transform .5s ease;
	transition:transform .5s ease;
}

.collapse-open span {
	visibility: visible;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



/* ---

FOOTER

--- */



footer {
	padding: 80px 0 40px 0;
}

footer p {
	font-size: 1em;
	text-align: center;
	margin: 0;
}

footer p:first-child {
	padding-bottom: 20px;
	border-bottom: 2px solid #1A9ED4;
	margin-bottom: 20px;
	width: auto;
}

footer p a,
footer p a:visited,
footer p span {
	color: #1A9ED4;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

footer p a:hover {
	color: #333;
}



@media screen and (max-width:1040px) {



	html {
		font-size: 0.9em;
	}

	.wrapper {
		width: 90%;
	}
		
	.imagem_full img {
		min-width: 900px;
		position: relative;
		left: 50%;
		margin-left: -460px;
		display: block;
	}



}



@media screen and (max-width:750px) {



	.nav_min {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #FFF;
	}

	.nav-show {
		float: right;
	}

		.nav-show img {
			width: 100%;
			cursor: pointer;
		}

	.nav_min-logo {
		float: left;
		background-color: #1A9ED4;
	}

		.nav_min-logo img {
			width: 60px;
		}

	header {
		left: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0,145,210,.9);
	}
	
		header a,
		header a:visited {
			color: #FFF;
		}
		
		header a:hover,
		header a.selected {
			color: #333;
		}
	
		.header-logo {
			display: none;
		}

		nav {
			width: 100%;
		}
	
			nav li {
				float: none;
				margin: 0 0 30px 0;
				padding: 0;
				font-size: 1.2em;
				text-align: right;
				border-bottom: 2px solid #FFF;
			}
			
			nav li:nth-child(1),
			nav li:nth-child(4),
			nav li:nth-child(8) {
				border-bottom: none;
			}
				
				.nav-hide {
					display: block;
					margin: 15px 0 40px 0;
				}

					.nav-hide img {
						cursor: pointer;
					}

				.nav-subNav-about,
				.nav-subNav-franchising {
					position: initial;
					background-color: transparent;
					padding: 0;
				}
				
				.nav-subNav-about .wrapper,
				.nav-subNav-franchising .wrapper {
					width: 100%;
				}
				
					.nav-subNav-about-content,
					.nav-subNav-franchising-content {
						float: none;
					}
					
						.nav-subNav-about-content li,
						.nav-subNav-franchising-content li {
							padding: 0 0 3px 0;
							border-bottom: 1px solid rgba(255,255,255,.5);
						}
						
						.nav-subNav-about-content li:nth-child(1),
						.nav-subNav-about-content li:nth-child(4),
						.nav-subNav-franchising-content li:nth-child(1),
						.nav-subNav-franchising-content li:nth-child(4) {
							border-bottom: 1px solid rgba(255,255,255,.5);
						}

						.nav-subNav-about-content li:last-child,
						.nav-subNav-franchising-content li:last-child {
							margin-bottom: 40px;
						}
	


}


@media screen and (max-width:500px) {



	html {
		font-size: 0.7em;
	}

	h1 {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

	.first,
	.first-subNav {
		margin-top: 100px;
	}
		
	.twoColumns li {
		float: none;
		width: 100%;
	}



	/* --
	
	PUBS
	
	-- */



	.pub_banner img {
		height: 80px;
		width: 80px;
	}



}