body{font-size: 100%; font-family: 'Futura'; width: 100%; height: 100vh; overflow:hidden; position: relative;}
input[type="text"],input[type="password"],input[type="email"],input[type="number"],select,option,textarea{width: 100%; padding:5px; outline: none; font-size: 16px; border:1px solid #CCC;}
input[type="text"]:hover,input[type="password"]:hover,input[type="email"]:hover,input[type="number"]:hover,select:hover,textarea:hover{border:1px solid #BBB;}
input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="number"]:focus,select:focus,textarea:focus{border:1px solid #999;}
textarea{height: 120px; resize: none;}
select{-webkit-appearance: menulist-button;}
._tr { -webkit-transition:ease 0.2s all; -moz-transition:ease 0.2s all; -ms-transition:ease 0.2s all; -o-transition:ease 0.2s all; transition:ease 0.2s all; }
._tr2 { -webkit-transition:all 0.8s ease; -moz-transition:all 0.8s ease; -ms-transition:all 0.8s ease; -o-transition:all 0.8s ease; transition:all 0.8s ease; }
._bc { -webkit-background-size:cover !important; -moz-background-size:cover !important; -o-background-size:cover !important; background-size:cover !important; }
._nopad { padding:0; } ._nopt { padding-top:0 !important; } ._nopr { padding-right:0 !important; } ._nopb { padding-bottom:0 !important; } ._nopl { padding-left:0 !important; }
.rotacao{image-rendering: optimizeQuality; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.rotacao:hover{-moz-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);-webkit-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);-o-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);-ms-transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);transform: rotate(360deg) translateX(1px) translateY(1px) skewX(1deg) skewY(1deg);}
.centerR{position:relative; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.centerA{position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.centerAll{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
._pb{-webkit-filter:grayscale(100%);}
/*	Cor da Seleção de Texto  
::selection{background:#D52A16; color:#FFF;}
::-moz-selection{background:#D52A16; color:#FFF;}
::-webkit-selection{background:#D52A16; color:#FFF;}
*/

/** Estrutura **/
/** CSS das áreas do site que são iguais em todas as páginas **/
.limitador {max-width: 1024px; width: 100%; height: auto; position: relative; margin: 0 auto;}
.fontzero{font-size: 0px;}

.esportivo{
	cursor:pointer;
	width: 100%;
	height: 100vh;
	-webkit-transform: skew(-20deg);
	float:left;
	clear: both;
	margin-left:-400px;
	position: relative;
	overflow:hidden;
	z-index:3;
	box-shadow:0px 0px 50px #000;
}
.esportivo .overlay{
	opacity: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top:0px;
	left:0px;
	z-index:9;
}
.esportivo .imagem{
	position: absolute;
	width: 100%;
	height: 100vh;
	float: right;
	clear: both;
	right: -200px;
	top: 0px;
	background: url(assets/images/css/bg_esportivo.jpg) no-repeat center center;
	-webkit-transform: skew(20deg);
}
.esportivo.disable{
	width: 50%;
	box-shadow:none;
}
.esportivo.disable .overlay{
	opacity: 1;
}
.esportivo.disable .logo .logo-wrap{width: 75px;}
.esportivo.disable .logo{left:120px;}
.esportivo.disable .texto{top:1500px; left:800px;}

.esportivo .logo{padding:20px 60px 20px 200px; background:#FFF; position: absolute; left:200px; top: 30px;}
.esportivo .logo .logo-wrap{width: 245px; height: 70px; float: right; -webkit-transform: skew(20deg); overflow:hidden;}
.esportivo .logo .subtitle{display: block; width: 100%; float: left; clear: both; -webkit-transform: skew(20deg); font-size:14px; margin-top:10px; text-align: right; margin-left:11px; color:#CF782F;}
.esportivo.disable .logo .subtitle{display: none;}

.esportivo .texto{color:#FFF; position: absolute; font-size:40px; font-weight: bolder; font-style: italic; top:200px; left:400px; -webkit-transform: skew(20deg);}

.turismo{
	cursor:pointer;
	margin-top:-100vh;
	width: 50%;
	height: 100vh;
	-webkit-transform: skew(-20deg);
	float:right;
	clear: both;
	margin-right:-400px;
	position: relative;
	overflow:hidden;
	z-index:2;
	box-shadow:0px 0px 50px #000;
}
.turismo .overlay{
	opacity: 1;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.5);
	position: absolute;
	top:0px;
	left:0px;
	z-index:9;
}
.turismo.ativo{
	width: 100%;
}
.turismo.ativo .overlay{
	opacity: 0;
}

.turismo .imagem{
	position: absolute;
	width: 100%;
	height: 100vh;
	float: right;
	clear: both;
	right: 200px;
	top: 0px;
	background: url(assets/images/css/bg_turismo.jpg) no-repeat center center;
	-webkit-transform: skew(20deg);
}

.turismo .logo{padding:29px 200px 13px 60px; background:#FFF; position: absolute; right:120px; bottom: 30px;}
.turismo .logo .logo-wrap{width: 92px; height: 70px; float: left; -webkit-transform: skew(20deg); overflow:hidden;}
.turismo .logo .subtitle{display: none; width: 100%; float: left; clear: both; -webkit-transform: skew(20deg); font-size:14px; margin-top:5px; text-align: right; margin-left:11px; color:#CF782F;}
.turismo.ativo .logo .subtitle{display: block;}

.turismo .texto{bottom:1500px; color:#FFF; position: absolute; font-size:40px; font-weight: bolder; font-style: italic; right:800px; text-align: right; -webkit-transform: skew(20deg);}

.turismo.ativo .logo{right:200px;}
.turismo.ativo .logo .logo-wrap{width: 290px;}
.turismo.ativo .texto{bottom:200px; right:380px;}

.desktop{display: block !important;}
.mobile{display: none !important;}

/** Ajustes no Responsívo **/
@media only screen and (max-width: 900px){
	.desktop{display: none !important;}
	.mobile{display: block !important;}

	.esportivo{margin-left:0px; height: 50vh; -webkit-transform:skew(0deg);}
	.esportivo .logo{right:0px; left:initial; padding:20px;}
	.esportivo .logo .logo-wrap{float: left; width: 170px; height: 45px;}
	.esportivo .logo .logo-wrap img{width: 160px;}
	.esportivo .logo .subtitle{text-align: center; margin-left:0px; font-size:12px;}
	.esportivo .imagem{right:0px; height: 50vh; -webkit-transform:skew(0deg);}
	.esportivo .logo .logo-wrap{-webkit-transform:skew(0deg);}
	.esportivo .logo .subtitle{-webkit-transform:skew(0deg);}
	.esportivo .texto{display: none;}

	.turismo{margin:0px; width: 100%; height: 50vh; -webkit-transform:skew(0deg);}
	.turismo .imagem{right: 0px; height: 50vh; -webkit-transform:skew(0deg);}
	.turismo .logo{right:initial; left:30px; bottom:initial; top:30px;  padding:20px;}
	.turismo .logo .logo-wrap{width: 170px; height: 45px; -webkit-transform:skew(0deg); float: right;}
	.turismo .logo .logo-wrap img{width: 160px; margin-top:10px;}
	.turismo .logo .subtitle{display:block; -webkit-transform:skew(0deg); text-align: right; text-align: center;}
	.turismo .texto{right:0px; display: none;}

}
@media only screen and (max-width: 1600px){
	.turismo{width: 110%;}
	.turismo.ativo{width: 130%;}
}