/*
	CSS LESS
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {margin:0; padding:0;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{ clear:both; }

@bt:1px solid red;

@font-face {
    font-family: 'lane_-_narrowregular';
    src: url('/public/default/fonts/lanenar-webfont.eot');
    src: url('/public/default/fonts/lanenar-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/default/fonts/lanenar-webfont.woff') format('woff'),
         url('/public/default/fonts/lanenar-webfont.ttf') format('truetype'),
         url('/public/default/fonts/lanenar-webfont.svg#lane_-_narrowregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_lightregular';
    src: url('/public/default/fonts/opensans-light-webfont.eot');
    src: url('/public/default/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/public/default/fonts/opensans-light-webfont.woff') format('woff'),
         url('/public/default/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('/public/default/fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@lane:'lane_-_narrowregular';
@open: 'open_sans_lightregular';

//CORES

@azul: #0065ab;
@amarelo: #ffec49;
@verm:#962c2c;
@verde:#2a8954;
@amar:#cfa72c;


#header{
	position: relative;
	width: 100%;
	height: 700px;
	background-color: #000;
	float: left;

	#parallax-img{
		position: relative;
		width: 100%;
		height: 700px;
		background:url(/public/default/images//bg-header.jpg) center no-repeat;
	}

	#headerinside{
		width: 980px;
		height: 673px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		#logo{
			background: url(/public/default/images//logo.png) no-repeat;
			width: 148px;
			height: 130px;
			margin: 0 auto;
			margin-top: 50px;
		}
		#frase{

			p{
				font-family: @lane;
				font-size: 44px;
				width: 475px;
				height: 105px;
				color: #fff;
				text-align: center;
				margin: 0 auto;
				margin-top: 65px;
				text-shadow:0 0 0.2em #fff;
			}
		}		
	}
}

.goto{
	background: url(/public/default/images//goto.png) no-repeat;
	width: 56px;
	height: 55px;
	margin: 0 auto;
	margin-top: 65px;
	cursor: pointer;
}

#nav{
	a{text-decoration: none;color: #000;}
	z-index: 999;

    #centro{
    	margin: 0 auto;
    	width: 980px;

    	#op-menu{
    		float: left;
    		text-align: center;
    		margin: 0 auto;
    		width: 980px;
    		padding-top: 3px;

	    	li{
	    		display: inline-block;
	    		padding: 15px;
	    		font-family: @lane;
	    		margin-left: 5px;
	    		cursor: pointer;

	    		&:hover{
	    			color:@azul;
	    		}
	    	}    	
	    }
    }

   #loguinho{
   		float: left;
   		display: none;
   		margin-top: -3px;
    }
}

.campos-index{
	background: #011d32 url(/public/default/images//bgbg.jpg) center no-repeat;	
	height: 950px;
	width: 100%;
	position: relative;

	.campos-central{
		width: 980px;
		height: 910px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}

		.tipos-campo{

			width: 240px;
			margin: 0 auto;
			margin-top: 35px;

			h2{
				font-family: @lane;
				font-size: 18px;
				float: left;
				color: #fff;
				text-align: center;
				padding: 0 10px;
				margin-left: 13px;
				position: relative;
				cursor: pointer;

				img{
					top: 30px;
					position: absolute;
					margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
				}
				#fut{
					display: none;
				}
			}

			.selected{
				color: #ffec49;
			}
		}		
	}
}


#galerias-index{
	background:url(/public/default/images//bg-gal.jpg) center no-repeat;	
	height: 810px;
	width: 100%;
	position: relative;

	#gal-central-index{
		width: 980px;
		height: 810px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 50px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}

		#tipos-galerias{

			width: 200px;
			margin: 0 auto;
			margin-top: 35px;

			h2{
				font-family: @lane;
				font-size: 18px;
				float: left;
				color: #fff;
				text-align: center;
				padding: 0 10px;
				margin-left: 13px;
				position: relative;
				cursor: pointer;

				img{
					top: 30px;
					position: absolute;
					margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
				}
				#fotos{
					display: none;
				}
			}

			.selected{
				color: #ffec49;
			}
		}
		.bt-mais{
			width: 90px;
			border: solid 1px #fff;
			text-align: center;
			padding: 10px 0px;
			font-family: @lane;
			font-size: 12px;
			color: #fff;
			cursor: pointer;
			margin: 0 auto;

			a{
				text-decoration: none;
				color: #fff;
			}

			&:hover{
				background:#ffec49;
				color: #000;
				border: solid 1px #ffec49;
			   -webkit-transition:background 0.5s ease-in-out;
			   -moz-transition:background 0.5s ease-in-out;
			   -o-transition:background 0.5s ease-in-out;
			   -ms-transition:background 0.5s ease-in-out;
			}						
		}
	}
}
.topspc{
	padding-top: 30px;
}
a{ 
	border: none; 
	outline: hidden;
}
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:hover {text-decoration:none}


#contato-index{
	background:url(/public/default/images//bg-contato3.jpg) center no-repeat;	
	z-index:1;
	height: 1000px;
	width: 100%;
	position: relative;

	#contato-central{
		width: 980px;
		height: 1039px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 50px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}

		h2{	
			font-family: @lane;
			color: #fff;
			text-align: center;
			width: 280px;
			margin: 0 auto;
			margin-top: 30px;
			font-size: 18px;
			line-height: 135%;

			img{
				float: left;
				margin-right: -8px;
				margin-left: 10px;
				margin-top: 3px;
			}
		}
		.form-contato{
			float: left;
			width: 335px;
			margin-top: 30px;
			margin-left: 100px;

			.labels{
				width: 335px;
				font-family: @lane;
				color: #fff;
				font-size: 12px;
				
				float: left;
				margin-bottom: 7px;
			}
			input{
				width: 312px;
				padding: 7px;
				border: none;
				background-color: #fff;
				opacity: 0.8;
				font-family: @lane;
				font-size: 13px;
				color: #000;
				margin-bottom: 12px;
			}
			textarea{
				width: 312px;
				padding: 7px;
				border: none;
				background-color: #fff;
				opacity: 0.8;
				font-family: @lane;
				height: 85px;
				font-size: 13px;
			}
			.bt-enviar{
				width: 90px;
				border: solid 1px #fff;
				text-align: center;
				padding: 10px 0px;
				font-family: @lane;
				font-size: 12px;
				color: #fff;
				cursor: pointer;
				margin-top: 12px;

				&:hover{
					background:#ffec49;
					color: #000;
					border: solid 1px #ffec49;
				   -webkit-transition:background 0.5s ease-out;
				   -moz-transition:background 0.5s ease-out;
				   -o-transition:background 0.5s ease-out;
				   -ms-transition:background 0.5s ease-out;
				}						
			}
		}
		.social{
			float: left;
			width: 235px;
			margin-top: 75px;
			margin-left: 150px;

			h3{
				font-family: @lane;
				color: #fff;
				font-size: 18px;
				text-align: center;
			}
			ul{
				width: 100%;
				text-align: center;
				margin-top: 20px;

				li{
					display: inline-block;
					margin-left: 22px;
					cursor: pointer;

					&:first-child{
						margin-left:0px;
					}
					&:hover{
						box-shadow: 0px 0px 3px #fff;
					}
				}
			}
		}
		.localiza{

			.img{
				margin: 0 auto;
				width: 37px;
				margin-top: 5px;
			}
			h4{
				font-family: @lane;
				font-size: 18px;
				color: #fff;
				text-align: center;
				margin: 0 auto;
				margin-top: 20px;
			}

			.maps{
				width: 980px;
				height: 400px;
				background-color: red;
				margin-top: 30px;
				z-index: 1;
			}
		}
	}
}
	
#gal-fotos{display: none;}

.controls{
	
	width: 100%;

	.pro{
		right: 20px;
		width: 110px;
		height: 32px;
		border: solid 1px #184c70;
		position: absolute;
		bottom: 17px;
		cursor: pointer;

		&:hover{

			p{
				color:#fff;
			}

			background-color:#184c70;
		   -webkit-transition:background 0.20s ease-in-out;
		   -moz-transition:background 0.20s ease-in-out;
		   -o-transition:background 0.20s ease-in-out;
		   -ms-transition:background 0.20s ease-in-out;
		}
		p{
			color: #184c70;
			font-family: @lane;
			font-size: 12px;
			float: left;
			margin-top: 10px;
			margin-left: 17px;
		}
		.seta-right{
			position: absolute;
			top: 0px;
			right: 0px;
			width: 35px;
			height: 33px;
			background-color: #184c70;

			img{
				margin:6px 0px 0px 13px
			} 
		}
	}

	.pre{
		left: 20px;
		width: 110px;
		height: 32px;
		border: solid 1px #184c70;
		position: absolute;
		bottom: 17px;
		cursor: pointer;

		&:hover{

			p{
				color:#fff;
			}

			background-color:#184c70;
		   -webkit-transition:background 0.20s ease-in-out;
		   -moz-transition:background 0.20s ease-in-out;
		   -o-transition:background 0.20s ease-in-out;
		   -ms-transition:background 0.20s ease-in-out;
		}
		p{
			color: #184c70;
			font-family: @lane;
			font-size: 12px;
			float: right;
			margin-top: 10px;
			margin-right: 17px;
		}
		.seta-left{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 35px;
			height: 33px;
			background-color: #184c70;

			img{
				margin:6px 0px 0px 13px
			} 
		}
	}

	.counter{
		font-size: 30px;
		color: #fff;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		position: absolute;bottom: 18px;
		color: #184c70;text-align: center;
		width: 100px;
		font-family: @lane;
	}
}

.list-gal{
	margin-top: 80px;

	.itens{
		width: 1000px;

		a{
			display: inline-block;
			position: relative;
			margin-right: 15px;
		}

		li{
			display: inline-block;
			position: relative;
			margin-right: 15px;
			margin-bottom: 45px;
			outline: none;

			&:last-child{
				margin-right:0px;
			}

			.figures{
				
				img{
					position: relative;
					margin-bottom: 5px;
				}

				.mascara{
					width: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background-color: @amarelo;
					height: 160px;
					opacity: 0.4;
					display: none;
					cursor: pointer;
				}
				.icon{
					position: absolute;
					top: 58px;left: 93px;
					display: none;
					cursor: pointer;
				}				
			}
			.figures2{
				
				img{
					position: relative;
					margin-bottom: 5px;
				}

				.mascara{
					width: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background-color: @amarelo;
					height: 160px;
					opacity: 0.4;
					display: none;
					cursor: pointer;
				}
				.icon{
					position: absolute;
					top: 58px;left: 93px;
					display: none;
					cursor: pointer;
				}				
			}
			.legenda{

				span{
					font-family: @open;
					font-size: 10px;
					color: #fff;
					margin-top: 5px;
				}

				h3{
					font-family: @lane;
					font-size: 18px;
					height: 45px;
					color: #fff;
					line-height: 120%;
					width: 230px;
					margin-top: 6px;
				}
			}
		}
	}
}


#a-empresa{
	background:url(/public/default/images//bg-empresa.jpg) center no-repeat;	
	z-index:1;
	height: 949px;
	width: 100%;
	position: relative;
	background-color: #373737;

	.empresa-central{
		width: 980px;
		height: 949px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}

	}

	
}

#o-paintball{
	background:url(/public/default/images//bg-paint.jpg) center no-repeat;	
	z-index:1;
	height: 1201px;
	width: 100%;
	position: relative;
	background-color: #373737;

	.paint-central{
		width: 980px;
		height: 1201px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}

	}	
}

#videos-interna{
	background:url(/public/default/images//bg-empresa.jpg) center no-repeat;	
	z-index:1;
	height: 949px;
	width: 100%;
	position: relative;
	background-color: #373737;

	.videos-central{
		width: 980px;
		height: 949px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}
	}	
}

#fotos-interna{
	background:url(/public/default/images//bg-empresa.jpg) center no-repeat;
	height: 949px;
	width: 100%;
	position: relative;
	background-color: #373737;

	.fotos-central{
		width: 980px;
		height: 949px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}
	}	
}

.ouvir{

	margin: 25px 0px;
	width: 120px;
	height: 30px;
}


.texto-corpo{

	p{
		margin-top: 15px;
		font-family: @lane;
		font-size: 16px;
		line-height: 140%;
		color: #fff;
		text-align: left;
		margin-bottom: 15px;
	}
}

#footer{
	z-index: 999;
   bottom:0;
   width:100%;
   height:70px;
   background:#fff;
   float: left;
   position: relative;
   box-shadow: 0px -3px 20px #000;

   #ft-inside{
	   	width: 980px;
	   	margin: 0 auto;
	   	position: relative;

	   	h1{
	   		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
	   		text-align: center;
	   		position: absolute;
	   		width: 60%;
	   		font-family: @lane;
	   		font-size: 12px;
	   		color: #000;
	   		top: 12px;z-index: 99;

	   	}

	   	.logstd{
	   		right: 0px;
	   		top: -5px;
	   		position: absolute;
	   	}

	   	.gotop{
	   		margin-top: 18px;
	   		width: 100px;
	   		cursor: pointer;
	   		z-index: 9999;

	   		.img{
		   		float: left;
		   	}
		   	
		   	p{
		   		float: left;
		   		font-family: @lane;
		   		font-size: 16px;
		   		margin-top: 12px;
		   		margin-left: 8px;
		   		cursor: pointer;
		   	}
	   	}
	}
}
.campos-single{
	background:url(/public/default/images//bg-single.jpg) center no-repeat;	
	height: 1256px;
	width: 100%;
	position: relative;

	.campos-single-central{
		width: 980px;
		height: 1220px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 260px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 8px 0;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}

		.tipos-campo{

			width: 370px;
			margin: 0 auto;
			margin-top: 45px;

			h2{
				font-family: @lane;
				font-size: 18px;
				float: left;
				text-align: center;
				width: 100%;
				color: @amarelo;
				text-align: center;
				position: relative;
				cursor: pointer;

				#left{
					float: left;
					left: 0px;
					margin-top: -10px;
				}
				#right{
					float: right;
					right: 0px;
					margin-top: -10px;
				}
			}
		}

		.informa{
			width: 100%;

			.opcoes{
				width: 200px;
				margin: 0 auto;
				margin-top: 30px;
				margin-bottom: 15px;

				.bt-mais{
					width: 90px;
					float: left;
					border: solid 1px #fff;
					text-align: center;
					padding: 10px 0px;
					font-family: @lane;
					font-size: 12px;
					color: #fff;
					cursor: pointer;
					margin: 0 auto;
					margin-left: 10px;

					&:first-child{
						margin-left:0px;
					}

					&:hover{
						background:#ffec49;
						color: #000;
						border: solid 1px #ffec49;
					   -webkit-transition:background 0.5s ease-out;
					   -moz-transition:background 0.5s ease-out;
					   -o-transition:background 0.5s ease-out;
					   -ms-transition:background 0.5s ease-out;
					}						
				}
			}

			.info-left{
				width: 480px;
				float: left;
				margin-top: 20px;

				p{
					font-family: @lane;
					font-size: 14px;
					color: #fff;
					line-height: 145%;
					text-align: justify;
				}
			}
			.info-right{
				width: 470px;
				float: left;
				margin-top: 50px;
				margin-left: 30px;
				z-index: 10;

				iframe{
					z-index: 0;
					position: absolute;
				}

			}
			.fotos-campos-single{
				margin-top: 50px;
			}
		}
	}
}

.campos-escolha{
	background:url(/public/default/images//bg-res.jpg) center;	
	height: 838px;
	width: 100%;
	position: relative;

	.campos-central{
		width: 980px;
		height: 838px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
	}
}


.calendario-escolha{
	background:url(/public/default/images//bg-r.jpg) center;	
	height: 1127px;
	width: 100%;
	position: relative;

	.calendario-central{
		width: 980px;
		height: 1127px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		#tabela-horarios{
			width: 100%;
			margin-top: 50px;

			#legenda-tabela{
				width: 100%;

				.mright{
					padding-right: 210px;
				}
				.mtop{
					margin-top: -5px;
				}
				.mleft{
					margin-left: 20px;
				}

				.titulos{
					float: left;
					margin-right: 20px;

					img{
						float: left;
						margin-right: 8px;
						vertical-align:0px;
					}

					.ocupado{
						width: 17px;
						height: 17px;
						background-color: @verm;
						margin-right: 8px;
						float: left;
					}

					.livre{
						width: 17px;
						height: 17px;
						background-color: @verde;
						margin-right: 8px;
						float: left;
					}

					.encaixa{
						width: 17px;
						height: 17px;
						background-color: @amar;
						margin-right: 8px;
						float: left;
					}

					p{
						font-family: @lane;
						font-size: 14px;
						color: #fff;
						float: left;
						margin-top: 5px;
						margin-left: 5px;
					}
					span{
						font-family: @lane;
						font-size: 12px;
						color: #fff;
						float: left;line-height: 140%;
					}
				}
			}

			#calendario{ /*    <----id tabela*/
				margin-top: 15px;
				border: solid 1px #216840;
				border-collapse: collapse;
				font-family: @lane;

				thead{
					color: #000;

					th{
						border: solid 1px #216840;
						padding: 10px 0px 15px 0;
					}
					.hora{
						width: 85px;
						background-color: #fff;
						font-size: 12px;

						img{margin-left: -15px;}
					}
					.dia{
						width: 127px;
						background-color: #fff;
						
						p{
							font-size: 12px;
						}
						STRONG{

							font-size: 14px;
						}
					}
				}

				tbody{
					
					tr{
						border: solid 1px #216840;

						td{
							border: solid 1px #216840;
							color: #fff;
							padding: 7px 0;	
							cursor: pointer;				

							p{
								text-align: center;
							}	
							&:hover{

								.bordar-hover{
									opacity: 0.2;
									-webkit-transition:all 0.8s;
								    -moz-transition:all 0.8s;
								    -ms-transition:all 0.8s;
								    -o-transition:all 0.8s;
								    transition:all 0.8s;
								}
							}						
						}
						.dahora{
							background: transparent;
							font-family: @lane;
							font-size: 12px;
							text-align: center;
							font-size: 14px;
						}
						.horaoff{
							background: #65989e;
						}
						.horaocupado{
							background-color: @verm;
							font-size: 12px;

							p{
								padding-top: 21px;
							}
						}
						.horalivre{
							background-color: @verde;
						}
						.horaencaixe{
							background-color: @amar;
						}
					}					
				}
			}
		}
	}
}

.bordar-hover{
	position: absolute;
	width: 115px;
	height: 62px;
	border:solid 6px #000;
	opacity: 0;
	top: -8px;
}


.info-disponibilidade{
	margin: 0 auto;
	position: relative;
	height: 57px;

	.jogador{
		float: left;
		width: 64px;
		text-align: center;
		color: #fff;
		font-family: @lane;
		font-size: 12px;
		border-right: solid 1px #ccc;
		padding: 5px 0px;

		img{
			margin-bottom: 8px;
		}
	}
	.marcador{
		float: left;
		width: 61px;
		text-align: center;
		color: #fff;
		font-family: @lane;
		font-size: 12px;

		img{
			margin-top: 9px;
			margin-bottom: 7px;
		}

		p{
			vertical-align: text-bottom;
		}
	}
}


.identifique-se{
	background:url(/public/default/images//bg-res2.jpg) center;	
	height: 1200px;
	width: 100%;
	position: relative;

	.bt-forms{
		width: 95px;
		padding: 10px 0px;
		background-color: @amarelo;
		text-align: center;
		color: #000;
		font-family: @lane;
		font-size: 12px;
		float: left;
		cursor: pointer;
	}

	.ident-central{
		width: 980px;
		height: 1200px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		#formulario-cadastro{
			width: 500px;
			float: left;
			border-right:solid 1px #666;
			margin-top: 70px;

			h2{
				font-family: @lane;
				font-size: 25px;
				color: #fff;
				margin-bottom: 25px;
			}

			form{

				width:475px;
				font-family: @lane;
				color: #adadad;

				.label1{
					width: 100%;
					font-size: 14px;
				}
				.label2{
					width: 212px;
					float: left;
					font-size: 14px;
				}
				.input1{
					width:430px;
					.input-pattern;
				}
				.input2{
					width: 195px;
					float: left;
					.input-pattern;
				}
			}
		}
		#cadastrado{
			float: left;
			margin-top: 70px;
			width: 300px;
			font-family: @lane;
			color: #adadad;
			margin-left: 50px;

			h2{
				font-family: @lane;
				font-size: 25px;
				color: #fff;
				margin-bottom: 25px;
			}

			.label2{
				width: 212px;
				float: left;
				font-size: 14px;
			}
			.input2{
				width: 195px;
				float: left;
				.input-pattern;
			}
		}
	}
}

.pagamento{
	background:url(/public/default/images//bg-res2.jpg) center;	
	height: 1200px;
	width: 100%;
	position: relative;

	.bt-forms{
		width: 95px;
		padding: 10px 0px;
		background-color: @amarelo;
		text-align: center;
		color: #000;
		font-family: @lane;
		font-size: 12px;
		float: left;
		cursor: pointer;
		margin-bottom: 25px;
		margin-top: 10px;
	}

	.pagamento-central{
		width: 980px;
		height: 1200px;
		position: absolute;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		#confirmacao{
			width: 500px;
			float: left;
			margin-top: 70px;

			h2{
				font-family: @lane;
				font-size: 25px;
				color: #fff;
				margin-bottom: 35px;
			}

			h3{
				font-family: @lane;
				font-size: 25px;
				color: #fff;
				margin-top: 25px;
			}

			p{
				font-family: @lane;
				font-size: 14px;
				color: #adadad;
				margin-bottom: 8px;
			}

		}
		#forma-pagamento{
			float: left;
			padding-left: 50px;
			margin-top: 70px;
			border-left:solid 1px #666;

			h2{
				font-family: @lane;
				font-size: 25px;
				color: #fff;
				margin-bottom: 35px;
			}
			p{
				font-family: @lane;
				font-size: 14px;
				color: #adadad;
				margin-bottom: 5px;
			}
			.conta{
				margin-top: 20px;
			
			}
		}
	}
}

.input-pattern{
	padding: 8px;
	border: solid 1px #adadad;
	background:none;
	color: #adadad;
	font-family: @lane;
	margin-top: 8px;
	margin-bottom: 15px;
	border-radius: 1px;
}
.marg{
	margin-right: 20px;
}


.etapas-reserva{
	width: 605px;
	margin: 0 auto;
	margin-top: 58px;

	h1{
		text-align: center;
		font-family: @lane;
		font-size: 24px;
		color: #fff;
	}

	.etapas{

		text-align: center;
		margin-top: 20px;

		a{
			text-decoration: none;
			color: #fff;
		}

		.etapa-selecionada{
			background-color: #1e2a3b;
			opacity: 1;
		}

		li{
			display: inline-block;
			font-family: @lane;
			font-size: 38px;
			text-align: center;
			color: #fff;
			margin-left: 12px;
			padding: 13px;
			border: solid 1px #fff;
			opacity: 0.3;
			cursor: default;

			&:first-child{
				margin-left:0px;
			}

		}
	}
	h2{
		text-align: center;
		font-family: @lane;
		font-size: 24px;
		color: #fff;
		margin-top: 36px;
	}
	p{
		font-family: @lane;
		font-size: 13px;
		color: #fff;
		text-align: center;
		margin-top: 12px;
	}
}

.oscampos{
	margin-top:30px;

	#segunda{
		margin-top: 95px;
	}		

	#futebol{display: none;}

	.list-campos{
		text-align: center;

		li{
			display: inline-block;
			margin-left: 65px;

			&:first-child{
				margin-left:0px;
			}

			.fig{
				position: relative;
				overflow: hidden;

				img{
					text-align: center;
					margin-top: 10px;
					position: relative;
				}
				.masca{
					position: absolute;
					width: 252px;
					height: 255px;
					border-radius: 178px;
					background-color: @amarelo;
					opacity: 0.4;
					top: 22px;
					left: 14px;
					display: none;
				}
			}

			h2{
				font-family: @lane;
				font-size: 22px;
				text-align: center;
				width: 225px;
				margin: 0 auto;
				color: #fff;
				height: 76px;
				line-height: 125%;
				margin-top: 18px;
			}
			.bts{
				width: 203px;
				text-align: center;
				margin: 0 auto;
				padding-left: 5px;

				.bt-campos{
					float: left;
					width: 90px;
					border: solid 1px #fff;
					text-align: center;
					padding: 10px 0px;
					font-family: @lane;
					font-size: 12px;
					color: #fff;
					cursor: pointer;

					&:last-child{
						margin-left:18px;
					}

					&:hover{
						background:#ffec49;
						color: #000;
						border: solid 1px #ffec49;
					   -webkit-transition:background 0.5s ease-out;
					   -moz-transition:background 0.5s ease-out;
					   -o-transition:background 0.5s ease-out;
					   -ms-transition:background 0.5s ease-out;
					}
				}
			}
		}
	}
}

.modallogin{
    padding:35px 25px 12px 25px;
    width:350px;
    height:480px;
    position:fixed;
    display: none;
    left:0;
    top:0;
    background:#FFF;
    z-index:9999;

    h1{
    	font-family: @lane;
    	font-size: 29px;
    	color: #4d4d4d;
    	margin-bottom: 15px;
    	text-align: center;
    }
    p{
    	width: 320px;
    	line-height: 125%;
    	color: #4d4d4d;
    	font-family: @lane;
    	font-size: 14px;
    	text-align: left;
    	float: right;
    	margin-bottom: 8px;
    }
    input[type="checkbox"], input[type="checkbox"]+label {
	  vertical-align: middle;
	}
	label{
		margin-left: 5px;
	}
    .confirmar-avanco{
    	
    	margin-top: 15px;

    	.check{
    		float: left;
    		margin-left: 10px;
    		margin-top: 7px;
    		font-family: @lane;
    		font-size: 13px;
    		color: @azul;
    	}

    	.bt-avanca{
    		float: left;
    		padding: 9px 0px;
    		margin-left: 75px;
    		width: 95px;
    		cursor: pointer;
    		color: #636363;
    		font-size: 12px;
    		font-family: @lane;
    		text-align: center;
    		border: solid 1px #d2d1d1;

    		&:hover{
    			background:@azul;
				color: #fff;
			   -webkit-transition:background 0.3s ease-in-out;
			   -moz-transition:background 0.3s ease-in-out;
			   -o-transition:background 0.3s ease-in-out;
			   -ms-transition:background 0.3s ease-in-out;
    		}
    	}
    }
}


.modal-participantes{
    padding:35px 30px 25px 30px;
    width:315px;
    height:410px;
    position:fixed;
    left:0;
    top:0;
    background:#FFF;
    z-index:9999;
    display: none;

    h1{
    	font-family: @lane;
    	font-size: 29px;
    	color: #4d4d4d;
    }
    .participantes{

    	border-bottom: solid 1px #d3d2d2;	
    	padding-bottom: 20px;
    	width: 315px;

    	p{
			width: 318px;
			line-height: 125%;
			color: #4d4d4d;
			font-family: @lane;
			font-size: 14px;
			text-align: left;
			margin-bottom: 8px;
			margin-top: 15px;	
		}
		.select{
			-webkit-appearance: button;
			-webkit-padding-end: 20px;
			-webkit-padding-start: 2px;
			-webkit-user-select: none;
			font-family: @lane;
			font-size: 12px;

			background-image: url('/public/default/images//selarrow.png') ;
			background-position:  right;
			background-repeat: no-repeat;
			border: 1px solid #d3d3d3;
			margin: 0;
			padding: 6px;
			width: 65px;
			font-family: @lane;
			font-size: 12px;
			color: #4d4d4d;
		}	
		.radioop{
			float: left;
			margin-bottom: 15px;

			#nao{
				margin-left: 20px;
			}

			input[type="radio"], input[type="radio"]+label {
			  vertical-align: middle;
			}

			label{
				font-family: @lane;
				font-size: 14px;
				color: #4d4d4d;
			}
		}
		span{
			width: 318px;
			line-height: 125%;
			color: @azul;
			font-family: @lane;
			font-size: 14px;
			text-align: left;
			a{
				text-decoration: none;
				color: @azul;
			}
		}
    }
    .bt-avanca{
		float: right;
		padding: 9px 0px;
		margin-top: 15px;
		width: 95px;
		cursor: pointer;
		color: #636363;
		font-size: 12px;
		font-family: @lane;
		text-align: center;
		border: solid 1px #d2d1d1;

		&:hover{
			background:@azul;
			color: #fff;
		   -webkit-transition:background 0.3s ease-in-out;
		   -moz-transition:background 0.3s ease-in-out;
		   -o-transition:background 0.3s ease-in-out;
		   -ms-transition:background 0.3s ease-in-out;
		}
	}
}

.mascaraTOP{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9999;
    background-color:#666;

}

#mascar{
    display:none;
    position:absolute;
    left:0;
    top:0;
    z-index:9999;
    background-color:#666;
}

/* Tiny Scrollbar */
#scrollbar1 {width: 355px; margin: 25px 0 10px; }
#scrollbar1 .viewport {border-bottom:solid 1px #d2d1d1;margin-top:5px;width: 330px; height:375px; overflow: hidden; position: relative; }
#scrollbar1 .overview {width:330px;list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{ float: right;}
#scrollbar1 .track {background: #d2d1d1 ; height: 100%; width:12px; position: relative; }
#scrollbar1 .thumb {background: #a4a2a2 ; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }

#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.modal-fts{
    width:700px;
    height:490px;
    position:fixed;
    display: none;
    background:#FFF;
    z-index:9999;    
-moz-box-shadow: 0px 1px 10px #333333;
-webkit-box-shadow: 0px 1px 10px #333333;
box-shadow: 0px 1px 10px #333333
}


/***************************************************************************
**************************************************************************
**************************************************************************

CSS DA PÁGINA DA TABELA DE PREÇO */

#tabela_precos{
	background:url(/public/default/images/bg-paint.jpg) center no-repeat;	
	z-index:1;
	height: 1085px;
	width: 100%;
	position: relative;
	background-color: #373737;

	.precos-central{
		width: 980px;
		position: absolute;
		height: 1060px;
		top: 0px;
		padding-top: 25px;
		margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/

		h1{
			width: 370px;
			border: solid 1px #fff;
			text-align: center;
			font-family: @lane;
			font-size: 40px;
			color: #fff;
			padding: 12px;
			margin: 0 auto;
			margin-top: 90px;
			margin-left: auto;margin-right: auto;left: 0;right: 0; /*centralizar absolute div*/
		}
	}
}

table#precos{

	font-family: @lane;
	color: #fff;
	border: solid 1px #fff;
	margin: 0 auto;
	border-collapse: collapse;
	margin-top: 50px;

	td{
		border: solid 1px #fff;
		font-size: 14px;
		text-align: center;
		padding: 13px 0px;
	}

	.item{
		width: 175px;
		font-size: 18px;

	}
	.semana{
		width: 220px;
		font-size: 18px;
	}
	.fimsemana{
		width: 300px;
		font-size: 18px;
	}
}


/***************************************************************************
**************************************************************************


CSS DAS OPÇÕES DE REDES SOCIAIS NO HEADER DO PROJETO */


.redes-sociais{

	margin: 0 auto;
	margin-top: 40px;


	ul{	
		text-align: center;
		margin-left: -10px;
		
		li{
			display: inline-block;
			margin-left: 11px;
			text-align: center;
			opacity: 0.3;

			&:hover{
				opacity:1;
				-webkit-transition:all 0.5s ease-in-out;
			   -moz-transition:all 0.5s ease-in-out;
			   -o-transition:all 0.5s ease-in-out;
			   -ms-transition:all 0.5s ease-in-out;
			}
		}
	}

}


/***************************************************************/