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

/*------------------fonts---------------*/
@font-face {
	font-family:'Futura';
	src:url('../fonts/Futura-Book.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Futura-Italic';
	src:url('../fonts/Futura-Book-Italic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Futura-Heavy';
	src:url('../fonts/Futura-Heavy.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Futura-Heavy-Italic';
	src:url('../fonts/Futura-Heavy-Italic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family:'True-Blue';
    src: url("../fonts/True-Blue.otf") format("opentype");
}


@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,400italic&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300);


/*------------------geral---------------*/

html {
	margin:0px; 
	padding:0px; 
	height:100%;}

body {
	margin:0px; 
	padding:0px; 
	font-size:100%; 
	height:100%; 
	width:100%; 
	font-family: 'Lato', sans-serif; 
	color:#000; 
	background-color: #fff; 
	overflow-x: hidden;}

body.fix {
	overflow-y: hidden;}

.container {
	margin:0px; 
	padding:0px; 
	width:1100px; 
	display:block; 
	margin-left:auto; 
	margin-right:auto;}

.row-txt {
	margin:0px; 
	padding:0px; 
	width:600px; 
	display:block; 
	margin-left:auto; 
	margin-right:auto;}


/*------------------main title---------------*/

.main-title {
	position: relative; 
	width: 100%; 
	text-align: center; 
	float: left; 
	padding-top: 160px;}
	
.main-title h1 {
	padding-bottom: 15px;}
	
.main-title span {
	text-transform: none; 
	letter-spacing: 2px;}
	

/*------------------main title home---------------*/

.main-title-home-wrap {
	width: 100%;}
	
.main-title-home {
	width: 600px; 
	text-align: center; 
	margin: 0 auto;}
	
.main-title-home h1 {
	padding-bottom: 15px;}
	
.main-title-home span {
	text-transform: none; 
	letter-spacing: 2px;}
	
.main-title-home .subtitle {
	padding-top: 0px;}
	
.main-title-home p {
	padding-top: 60px;}
	
.autor-home {
	font-size: 12px; 
	color: #a0a0a0; 
	letter-spacing: 2px;}
	
.autor-home a {
	color: #a0a0a0; 
	text-decoration:none;}
	
.autor-home a:hover {
	color: #000000; 
	text-decoration:none;}
	

/*------------------subtitle---------------*/

.main-title .subtitle {
	padding-top: 0px;}
	
.subtitle {
	font-size: 12px; 
	color: #a0a0a0; 
	position: relative; 
	float: left; width: 100%; 
	padding-top: 30px;}

/*-------------------text-----------------*/
h1 {
	font-size: 30px; 
	font-family: 'Lato', sans-serif;  
	font-weight: 400; 
	line-height: 45px;}
	
h2 {
	font-size: 20px; 
	line-height: 70px; 
	font-weight: 400; 
	text-transform: uppercase; 
	text-align:center;}

p {
	font-size: 17px; 
	line-height: 29px; 
	color:#000; 
	font-weight: 300;}
	
.autor {
	font-size: 12px; 
	color: #a0a0a0; 
	letter-spacing: 2px; 
	text-align:right; 
	margin-top:-30px; 
	margin-right:30px;}
	
.autor a {
	color: #a0a0a0; 
	text-decoration:none;}
	
.autor a:hover {
	color: #000000; 
	text-decoration:none;}

.autor-dark-bg {
	font-size: 12px; 
	color: #fff; 
	letter-spacing: 2px; 
	text-align:right; 
	margin-top:-30px; 
	margin-right:30px;}
	
.autor-dark-bg a {
	color: #fff; 
	text-decoration:none;}
	
.autor-dark-bg a:hover {
	color: #000; 
	text-decoration:none;}
	

/*-------------------intro-bloq-----------------*/
.info-hide {
	position: relative; 
	float: left; 
	width: 100%;
	padding-bottom: 10px;}

.info-hide-left {
	position: relative; 
	/*float: left; */
	width: 100%; 
	padding-right: 18px; 
	padding-left: 18px;}
	
.info-hide-left p {
	padding: 0px 0px 25px 0px;}
	
.info-hide-left h2 {
	padding-bottom: 10px;}
	
.info-hide-right {
	position: relative; 
	/*float: left; */
	width: 100%;}
	

/*------------------links-----------------*/

.ref-list {
	position: relative; 
	float: left; 
	width: 100%; 
	border-top: 1px solid #000; 
	padding-top: 30px; 
	padding-bottom: 50px;}
	
.ref-list a {
	font-size: 16px; 
	color: #000; 
	font-weight: 700;}
	
.ref-items {
	position: relative; 
	float: left; 
	width: 100%;}
	
.ref-items span {
	font-size: 16px; 
	line-height: 30px; 
	padding-bottom: 5px;}
	
.ref-items a {
	font-size: 14px; 
	font-weight: 300; 
	width: 100%; 
	line-height: 30px; 
	position: relative; 
	float: left;}
	
.ref-items a:hover {
	color: #a0a0a0; 
	text-decoration:none;}

/*------------------rest-bloq----------*/
.rest-wrap {
	position: relative; 
	/*float: left; */
	width: 100%;}
	
.rest-img {
	position: relative; 
	/*float: left; */
	width: 100%; 
	margin-bottom: 60px; 
	padding: 15px 15px;}
	
.rest-img img {
	width: 100%; 
	height: auto;}


/*------------------graphic-bloq----------*/

.rest-img-graphic {
	position: relative; 
	float: left; 
	width: 100%; 
	margin-bottom: 60px; 
	padding: 15px 15px;}
	
.rest-img-graphic .text-container {
	z-index: -2; 
	position: absolute; 
	text-align:center; 
	width:400px; 
	height:200px; 
	left: 50%; 
	top:50%; 
	margin-left:-200px; 
	margin-top:-50px;}
	
.rest-img-graphic .text-container h1 {
	color: #FFF; 
	text-align:center; 
	font-family:"Futura", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:28px; letter-spacing:1px; font-weight:normal;}

.rest-img-graphic .text-container h1 .data {
	color: #FFF; 
	font-family:"True-Blue", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
	font-size:62px; 
	letter-spacing:1px; 
	font-weight:normal; 
	line-height:5px;}

.rest-img-graphic .text-container h2 {
	color: #FFF; 
	text-align:center; 
	font-family:"Futura", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:23px; 
	letter-spacing:1px; 
	font-weight:normal; 
	text-transform:lowercase;}
	

/*------------------header-bloq----------*/

.header-img {
	z-index: -3; 
	position: relative; 
	/*width: 100%; */
	height:370px; 
	margin-right:15px; 
	margin-left:15px; 
	margin-top:15px; 
	margin-bottom:70px; 
	background-color:#66cccc;}
	
.header-img .text-container {
	z-index: -2; 
	position: absolute; 
	text-align:center; 
	width:420px; 
	height:200px; 
	left: 50%; 
	top:50%; 
	margin-left:-210px; 
	margin-top:-50px;
	vertical-align:middle;}
	
.header-img .text-container img {
	z-index: -2; 
	position: absolute; 
	text-align:center; 
	height:380px;
	left: -110%; 
	top:-70%; 
	vertical-align:middle;}
	
.header-img .text-container h1 {
	color: #FFF; 
	text-align:center; 
	font-family:"Futura", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:28px; 
	letter-spacing:1px; 
	font-weight:normal;
	display: inline-flex;}

.header-img .text-container h1 .data {
	color: #FFF; 
	font-family:"True-Blue", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
	font-size:62px; 
	letter-spacing:1px; 
	font-weight:normal; 
	line-height:5px;
	top: 38px;
	display: inline-flex;
	position: relative;}
	
.header-img .text-container h1 .data-esq {
	color: #FFF; 
	font-family:"True-Blue", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; 
	font-size:62px; 
	letter-spacing:1px; 
	font-weight:normal; 
	line-height:5px;
	top: 38px;
	right:20px;
	display: inline-flex;
	position: relative;}
	
.header-img .text-container h2 {
	color: #FFF; 
	text-align:center; 
	font-family:"Futura", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size:23px; 
	line-height:30px;
	margin-top:30px;
	letter-spacing:1px; 
	font-weight:normal; 
	text-transform:lowercase;}


/*------------------rest-bloq-home----------*/

.rest-home-wrap {
	position: relative; 
	float: left; 
	width: 100%;}
	
.rest-home-img {
	position: relative; 
	float: left; 
	width: 100%; 
	margin-bottom: 60px; 
	padding: 0px 0px;}
	
.rest-home-img img {
	width: 100%; 
	height: auto;}


/*------------------home-btn----------*/

.home-btn-top {
	position: relative; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding-bottom: 100px; 
	z-index: 0; 
	position: fixed; 
	margin-top:30px;}
	
.home-btn {
	position: relative; 
	float: left; 
	width: 100%; 
	text-align: center; 
	padding-bottom: 100px;}
	
.home-btn img {
	display: inline-block; 
	float: none;}
	

/*------------------copyright----------*/
.copyright {
	position: relative; 
	width: 100%; 
	padding: 70px 0px 60px; 
	text-align:center;}
	
.copyright span {
	position: relative; 
	font-size: 14px; 
	font-weight: 300; 
	color: #000; 
	text-align:center;}

.copyright-home {
	width: 100%; 
	text-align: center; 
	margin: 0 auto; 
	padding: 50px 0px 40px; }

.copyright-home span {
	font-size: 14px; 
	font-weight: 300; 
	color: #000;}
	

/*----------------------ARROWS SLIDER-------------------------*/

.arrow .slider-page .slide-prev{
	left: 0!important;
}

.arrow .slider-page .slide-next{
	right: 0!important;
}

.slide-next {
	position: absolute; 
	top: 50%; 
	height: 50px; 
	max-width: 101px; 
	right: 30px; 
	cursor: pointer; 
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;}

.slide-next img {
	position: relative; 
	float: left;}

.slide-next span {
	position: relative; 
	width: 100%; 
	float: left; 
	font-size: 14px; 
	padding-top: 30px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	max-width: 100px; 
	text-align: left;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;}
	
.slide-next span:hover  {
	padding-top: 15px;}
	
.slide-next:before {
	content: ''; 
	position: absolute; 
	right: 100px; 
	top: 10px; 
	width: 0px; 
	height: 2px; 
	background: #231f20; 
	transform: rotate(330deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;}
	
.slide-next:hover:before {
    right: 7px;
    width: 10px;}
	
.slide-next:after {
	content: ''; 
	position: absolute; 
	right: 100px; 
	top: -2px; 
	width: 0px; 
	height: 2px; 
	background: #231f20; 
	transform: rotate(-330deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;}
	
.slide-next:hover:after {
	right: 7px;
    width: 10px;}

.slide-prev {
	position: absolute; 
	top: 50%; 
	height: 50px; 
	left: 30px; 
	max-width: 101px; 
	cursor: pointer; 
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;}

.slide-prev img { 
	position: relative; 
	float: left;}

.slide-prev span {
	position: relative; 
	width: 100%; 
	float: left; 
	font-size: 14px; 
	padding-top: 30px; 
	text-transform: uppercase; 
	letter-spacing: 1px; 
	max-width: 100px; 
	text-align: right;
	transition: all 0.3s ease-in;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;}

.slide-prev span:hover  {
	padding-top: 15px;}

.slide-prev:before {
	content: ''; 
	position: absolute; 
	left: 100px; 
	top: 10px; 
	width: 0px; 
	height: 2px; 
	background: #231f20; 
	transform: rotate(30deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;}

.slide-prev:hover:before {
	width: 10px;
    left: 7px;}

.slide-prev:after {
	content: ''; 
	position: absolute; 
	left: 100px; 
	top: -2px; 
	width: 0px; 
	height: 2px; 
	background: #231f20; 
	transform: rotate(-30deg);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;}
	
.slide-prev:hover:after {
	width: 10px;
    left: 7px;}

.slide-prev.fix {
	position: fixed; 
	z-index: 100;}

.slide-next.fix {
	position: fixed; 
	z-index: 100;}
	
.slide-prev.fix a {
	color:#000;}
	
.slide-next.fix a {
	color:#000;}