@charset "utf-8";


/* reset */
body{font:12px/18px arial,sans-serif;color:#585858;}

body,div,p,span,form,iframe,table,td,th,input,textarea,button,label,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; }
ul,ol,li,dl{list-style-type:none;}
em,i,dfn,cite,strong,small{font-style:normal;} 
img{border:0;}
fieldset,button,input,select,option{vertical-align:middle;font:12px/18px arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}

/* color */
a:link,a:visited{color:#575757;text-decoration:none;}
a:hover{color:#ef4165;text-decoration:none;}
a:active{color:#1d7400;}

/* clearfix */
.clearfix{ *zoom:1;}
.clearfix:after{display:table; line-height:0; content:""; clear:both;}

/* public.omission */
.fl{ float:left;}            .fr{ float:right;}            .tc{ text-align:center;}      .tr{ text-align:right;} 
.fb{ font-weight:bold;}      .f12{ font-size:12px;}        h3{ font-weight:normal;}      .listop{ padding-top:15px;}
.mr10{ margin-right:10px;}   .mr15{ margin-right:15px;}    .mL10{ margin-left:10px;}     .mL15{ margin-left:15px;}
.mt10{ margin-top:10px;}     .mt15{ margin-top:15px;}      .mb10{ margin-bottom:10px;}   .mb15{ margin-bottom:15px;}


.weiduduan{ width:90%; margin:310px auto 0 auto;}
#phoneCarousel{height:390px;margin:0 auto;position:relative;width:100%;}
#phoneCarousel .arrow{width:44px;height:44px;background:url(../imagens/arrows.png) no-repeat;position:absolute;top:50%;margin-top:-22px;left:0;cursor:pointer;}

#phoneCarousel .next{background-position:right top;left:auto;right:0;}
#phoneCarousel .arrow:hover{background-position:left bottom;}
#phoneCarousel .next:hover{background-position:right bottom;}
#stage{left:50%;margin-left:-350px;position:absolute;width:700px;height:100%;}
#stage img{display:none;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}

#img_logo_infinito{
	width: 30%;
	position: absolute;
	margin-top: -5%;
	left: 35%;
	z-index: 100;
}

#img_carrossel_mov1{
	cursor: pointer;
}

#img_carrossel_mov2{
	cursor: pointer;
}

#img_carrossel_mov3{
	cursor: pointer;
}

#img_carrossel_mov4{
	cursor: pointer;
}

#img_carrossel_mov5{
	cursor: pointer;
}

#img_carrossel_mov6{
	cursor: pointer;
}

/*-----Judô-------------*/

#judo_diferencial_fundo{
	display: none;
	width: 100%;
	height: 103%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	position: fixed;
	z-index:101;
	top:-3%;
}

#judo_diferencial{
	display: none;
	position: fixed;
	z-index: 102;
	width: 50%;
	height: 70%;
	margin-top: -13%;
	margin-left: 25%;
	background-image: url('../imagens/judo_slide.png'); 
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: auto;
}

#judo_fecha_diferencial{
	position: absolute;
	right: 5%;
	top: 5%;
	font-family: Montserrat;
	font-size: 18px;
	cursor: pointer;
	color: #e50022;
	font-weight: bold;
}

#judo_fecha_diferencial:hover{
	color: blue;
}

#judo_titulo_diferencial{
	font-family: Montserrat;
	font-size: 40px;
	font-weight: bold;
	color: #e50022;
	position: absolute;
	right: 34%;
	top: 20%;;
}

#judo_texto_diferencial{
	font-family: Montserrat;
	font-size: 15px;
	color: #000;
	text-align: justify;
	position: absolute;
	right: 5%;
	top: 34%;
	width: 40%;
}

#judo_btn_diferencial{
	position: absolute;
	width: 20%;
	height: 40px;
	color: #fff;
	border: none;
	right: 5%;
	bottom: 5%;
	background: #e50022;
	font-size: 15px;
	cursor: pointer;
}

#judo_btn_diferencial:hover{
	color: #e50022;
	background: #fff;
	border: 2px solid #e50022;
}


/*-----Laboratorio-------------*/

#laboratorio_diferencial_fundo{
	display: none;
	width: 100%;
	height: 103%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	position: fixed;
	z-index:101;
	top:-3%;
}

#laboratorio_diferencial{
	display: none;
	position: fixed;
	z-index: 102;
	width: 50%;
	height: 70%;
	margin-top: -13%;
	margin-left: 25%;
	background-image: url('../imagens/laboratorio_slide.png');
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: auto;
}

#laboratorio_fecha_diferencial{
	position: absolute;
	right: 5%;
	top: 5%;
	font-family: Montserrat;
	font-size: 18px;
	cursor: pointer;
	color: #0e0ac2;
	font-weight: bold;
}

#laboratorio_fecha_diferencial:hover{
	color: red;
}

#laboratorio_titulo_diferencial{
	font-family: Montserrat;
	font-size: 40px;
	font-weight: bold;
	color: #0e0ac2;
	position: absolute;
	right: 21%;
	top: 17%;
}

#laboratorio_texto_diferencial{
	font-family: Montserrat;
	font-size: 15px;
	color: #000;
	text-align: justify;
	position: absolute;
	right: 8%;
	top: 28%;
	width: 40%;
}


#laboratorio_btn_diferencial{
	position: absolute;
	width: 20%;
	height: 40px;
	color: #fff;
	border: none;
	right: 7%;
	bottom: 22%;
	background: #0e0ac2;
	font-size: 15px;
	cursor: pointer;
}

#laboratorio_btn_diferencial:hover{
	color: #0e0ac2;
	background: #fff;
	border: 2px solid #0e0ac2;
}

/*-----GINASIO-------------*/

#ginasio_diferencial_fundo{
	display: none;
	width: 100%;
	height: 103%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	position: fixed;
	z-index:101;
	top:-3%;
}

#ginasio_diferencial{
	display: none;
	position: fixed;
	z-index: 102;
	width: 50%;
	height: 70%;
	margin-top: -13%;
	margin-left: 25%;
	background-image: url('../imagens/ginasio_slide.png');
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: auto;
}

#ginasio_fecha_diferencial{
	position: absolute;
	right: 5%;
	top: 5%;
	font-family: Montserrat;
	font-size: 18px;
	cursor: pointer;
	color: #e8e5e5;
	font-weight: bold;
}

#ginasio_fecha_diferencial:hover{
	color: red;
}

#ginasio_titulo_diferencial{
	font-family: Montserrat;
	font-size: 40px;
	font-weight: bold;
	color: #39b588;
	position: absolute;
	right: 29%;
	top: 15%;
}

#ginasio_texto_diferencial{
	font-family: Montserrat;
	font-size: 15px;
	color: #000000;
	text-align: justify;
	position: absolute;
	right: 6%;
	top: 25%;
	width: 40%;
}


#ginasio_btn_diferencial{
	position: absolute;
	width: 20%;
	height: 40px;
	color: #fff;
	border: 2px solid #fff;
	right: 6%; 
	bottom: 16%;
	background: #39b588;
	font-size: 15px;
	cursor: pointer;
}

#ginasio_btn_diferencial:hover{
	color: #39b588;
	background: #fff;
	border: solid 2px #39b588;
}

/*-----Piscina-------------*/

#piscina_diferencial_fundo{
	display: none;
	width: 100%;
	height: 103%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	position: fixed;
	z-index:101;
	top:-3%;
}

#piscina_diferencial{
	display: none;
	position: fixed;
	z-index: 102;
	width: 50%;
	height: 70%;
	margin-top: -13%;
	margin-left: 25%;
	background-image: url('../imagens/piscina_slide.png');
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: auto;
}

#piscina_fecha_diferencial{
	position: absolute;
	right: 5%;
	top: 5%;
	font-family: Montserrat;
	font-size: 18px;
	cursor: pointer;
	color: #fff;
	font-weight: bold;
}

#piscina_fecha_diferencial:hover{
	color: red;
}

#piscina_titulo_diferencial{
	font-family: Montserrat;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	right: 29%;
	top: 30%;
}

#piscina_texto_diferencial{
	font-family: Montserrat;
	font-size: 15px;
	color: #fff;
	text-align: justify;
	position: absolute;
	right: 5%;
	top: 40%;
	width: 40%;
}


#piscina_btn_diferencial{
	position: absolute;
	width: 20%;
	height: 40px;
	color: #fff;
	border: 2px solid #fff;
	right: 5%;
	bottom: 5%;
	background: none;
	font-size: 15px;
	cursor: pointer;
}

#piscina_btn_diferencial:hover{
	color: #0e0ac2;
	background: #fff;
	border: none;
}

/*-----Área Verde-------------*/

#area_verde_diferencial_fundo{
	display: none;
	width: 100%;
	height: 103%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	position: fixed;
	z-index:101;
	top:-3%;
}

#area_verde_diferencial{
	display: none;
	position: fixed;
	z-index: 102;
	width: 50%;
	height: 70%;
	margin-top: -13%;
	margin-left: 25%;
	background-image: url('../imagens/area_verde_slide.png');
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: auto;
}

#area_verde_fecha_diferencial{
	position: absolute;
	right: 5%;
	top: 5%;
	font-family: Montserrat;
	font-size: 18px;
	cursor: pointer;
	color: #498d0e;
	font-weight: bold;
}

#area_verde_fecha_diferencial:hover{
	color: red;
}

#area_verde_titulo_diferencial{
	font-family: Montserrat;
	font-size: 40px;
	font-weight: bold;
	color: #498d0e;
	position: absolute;
	right: 27%;
	top: 12%;
}

#area_verde_texto_diferencial{
	font-family: Montserrat;
	font-size: 15px;
	color: #000;
	text-align: justify;
	position: absolute;
	right: 2%;
	top: 23%;
	width: 50%;
}


#area_verde_btn_diferencial{
	position: absolute;
	width: 20%;
	height: 40px;
	color: #498d0e;
	border: 2px solid #498d0e;
	right: 2%;
	bottom: 27%;
	background: none;
	font-size: 15px;
	cursor: pointer;
}

#area_verde_btn_diferencial:hover{
	color: #fff;
	background: #498d0e;
	border: none;
}


/*-----FUTSAL-------------*/

#futsal_diferencial_fundo{
	display: none;
	width: 100%;
	height: 103%;
	background-color: rgba(0, 0, 0, 0.7);
	cursor: pointer;
	position: fixed;
	z-index:101;
	top:-3%;
}

#futsal_diferencial{
	display: none;
	position: fixed;
	z-index: 102;
	width: 50%;
	height: 70%;
	margin-top: -13%;
	margin-left: 25%;
	background-image: url('../imagens/futsal_slide.png');
	background-size: 100% 100%;
	border-radius: 10px;
	overflow: auto;
}

#futsal_fecha_diferencial{
	position: absolute;
	right: 5%;
	top: 5%;
	font-family: Montserrat;
	font-size: 18px;
	cursor: pointer;
	color: #e9e50c;
	font-weight: bold;
}

#futsal_fecha_diferencial:hover{
	color: #e9e50c;
}

#futsal_titulo_diferencial{
	font-family: Montserrat;
	font-size: 40px;
	font-weight: bold;
	color: #e9e50c;
	position: absolute;
	right: 40%;
	top: 12%;
}

#futsal_texto_diferencial{
	font-family: Montserrat;
	font-size: 15px;
	color: #fff;
	text-align: justify;
	position: absolute;
	right: 5%;
	top: 20%;
	width: 80%;
}


#futsal_btn_diferencial{
	position: absolute;
	width: 18%;
	height: 40px;
	color: #020202;
	border: none;
	right: 2%;
	bottom: 7.5%;
	background: #e9e50c;
	font-size: 15px;
	cursor: pointer;
}

#futsal_btn_diferencial:hover{
	color: #e9e50c;
	background: none;
	border: 2px solid #e9e50c;
}


/* Diferenciais */
#btn_ver_mais_diferenciais{
	width: 30%;
	height: 50px;
	border: none;
	position: absolute;
	margin-top: 2%;
	left: 35%;
	background: #00008B;
	cursor: pointer;
	color: #fff;
	border: none;
	font-size: 18px;
	border-radius: 15px
}

#btn_ver_mais_diferenciais:hover{
	background: #fff;
	color: #00008B;
	border: 2px solid #00008B;
}

#fundo_todos_os_diferenciais{
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	cursor: pointer;
	z-index: 5;
	z-index:1000;
	top: 0;
}

#todos_os_diferenciais{
	display: none;
	width: 80%;
	height: 80%;
	background: #fff;
	position: fixed;
	z-index: 5;
	top: 10%;
	left: 10%;
	border-radius: 10px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index:1001;
}

#img_todos_os_diferenciais{
	width:100%;
	height: 350%;
}

#fecha_todos_os_diferenciais{
	position: absolute;
	right: 5%;
	top: 3%;
	font-weight: bold;
	font-size: 18px;
	font-family: Montserrat;
	cursor: pointer;
	color: #00008B;
}

#fecha_todos_os_diferenciais:hover{
	color: red;
}