@charset "utf-8";

* {
   vertical-align: baseline;
   border: none;
   padding: 0;
   margin: 0;
}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000;
	text-decoration: none;
	display: block;
	position: relative;
}

/*  ESTRUTURA  */

#topoFull {
	width: 100%;
	height:200px;
	/*background-image:url(images/bgTopo.jpg);*/
	background-position:center;
	background-color:#000;
	}

#topo {
	width: 970px;
	margin: auto;
	height: 200px;
	}

#login {
	position:relative;
	width:210px;
	height:100px;
	margin-top:85px;
	float:right;
}

#login a {
	color:#fff;	
}

#login label{
	width:50px;
	color:#FFF;
	margin-right:5px;
	font-size:11px;
	float:left;
	margin-top:5px;
	}

#login input {
	background-image:url(images/fundoInput.gif);
	background-color:#000;
	padding-top:4px;
	padding-left:3px;
	width:160px;
	height:20px;
	float:right;
	margin-right:10px;
	margin-top:-20px;
}

#login img{
	margin-right:10px;
	margin-top:-3px;
	float:right;
	}
	
.formLogin{
	width:210px;
	height:30px;
	margin-top:-12px;
	}

#barraMenu{
	position:relative;
	background-image:url(images/fundoMenu.png);
	width:100%;
	height:85px;
	z-index:100;
}

#menu{
	width:970px;
	height:42px;
	margin:auto;
	}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;	
	float:left;
	}

#menu ul li{
	display:block;
	float:left;
	}

#voceEsta{
	width:945px;
	height:38px;
	margin:auto;
	padding-left:25px;
	color:#d1d1d1;
	padding-top:5px;
	}

.paginaAtual{
	text-transform:uppercase;
	color:#d1d1d1;
	font-weight:bold;
	}
	
.paginaAtual a{
	text-decoration:underline;
	color:#d1d1d1;
	}

#content {
	position:relative;
	width:100%;
	/*background-image:url(images/bg.jpg);*/
	background-image:url(images/bgTemp.gif);
	background-position:center;
	background-color:#111;
	margin-top:-15px;
	z-index:50;
	}

#rodape {
	position:relative;
	width:100%;
	height:196px;
	background-image:url(images/fundoRodape.png);
	margin-top:-26px;
	z-index:90;
	text-align:center;
	}
	
/*  HOME  */

#miolo {
	margin:auto;
	width:970px;
	min-height:700px;
	background-image:url(images/fundoMiolo.png);
	}

#outdoor{
	position:relative;
	width:930px;
	height:300px;
	margin-left:20px;
	margin-top:25px;
	float:left;
	}


#destaques{
	position:relative;
	width:930px;
	height:300px;
	margin-left:20px;
	margin-top:20px;
	float:left;
	}

#destaque1{
	position:absolute;
	left:0;
	width:306px;
	height:310px;
	}

#destaque2{
	position:absolute;
	left: 312px;
	width:306px;
	height:310px;
	}
	
#destaque3{
	position:absolute;
	right:0;
	width:306px;
	height:310px;
	}
	
.tituloBox{
	position:relative;
	width:902px;
	height:32px;
	margin-left:35px;
	margin-top:25px;
	float:left;
	}

/*  O PROGRAMA  */

#programa {
	margin:auto;
	width:970px;
	min-height:480px;
	background-image:url(images/fundoMiolo.png);
	}

#programa2{
	position:relative;
	width:860px;
	height:340px;
	margin-left:35px;
	float:left;
	border: solid 1px #bbb;
	padding: 20px;
	}
	
#garanta2{
	position:relative;
	width:860px;
	height:600px;
	margin-left:35px;
	float:left;
	border: solid 1px #bbb;
	padding: 20px;
	}

#textoPrograma {
	width:490px;
	height:270px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

#fotoPrograma {
	width:345px;
	height:300px;
	float: right;
}

#fotoLogin {
	width:345px;
	height:300px;
	float: left;
}

#fotoPremios {
	width:430px;
	height:300px;
	float: right;
}
	
.titulo {
	font-size:18px;
	text-transform: uppercase;
	}
	
.titulo2 {
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
	}
	
/*  PLANOS DE ADESÃO  */

#planos {
	margin:auto;
	width:970px;
	min-height:2250px;
	background-image:url(images/fundoMiolo.png);
	}	

#planoVip{
	width:868px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	}

#planoTudo{
	width:868px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	}

#planoFronteira{
	width:868px;
	float:left;
	margin-left:30px;
	margin-top:30px;
	}

.boxPlano{
	width:871px;
	float:left;
	border-bottom: solid 1px #bbb;
	border-left: solid 1px #bbb;
	border-right: solid 1px #bbb;
	padding: 0 5px 20px 30px;
	font-size:12px;
	margin-top:-5px;
	}
	
.boxPlano li{
	list-style:none;
	list-style-image: url(images/bullet.png);
	margin-bottom:15px;
	width:600px;
	line-height:18px;
	
	}
	
.imgPlanos{
	width:270px;
	height:200px;
	float:right;
	z-index:50;
	position:relative;

}

/*  GARANTA  */

#garanta {
	margin:auto;
	width:970px;
	min-height:750px;
	background-image:url(images/fundoMiolo.png);
	}
	
#textoGaranta {
	width:900px;
	height:270px;
	float:left;
	font-size:12px;
	line-height:20px;
	text-align:justify;
}	

#textoGaranta input{
	border: solid 1px #bbb;
	margin: 0 5px 0 5px;
}

#textoGaranta a{
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

#formGaranta{
	width:750px;
	margin:auto;
	}

#cep{
	width:450px;
	float:left;
	}
#seloSocio{
	width:290px;
	float:right;
	}

#textoFormGaranta {
	position:relative;
	width:700px;
	height:350px;
	padding:0;
	z-index:50;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color:#eee;
	padding:20px;
	border:solid 5px #ccc;
}

#textoFormGaranta label {
	width:175px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin:0 5px 0 100px;
	padding-top:7px;
	}

#textoFormGaranta input, textarea, select {
	margin: 5px 0 5px 0;
	border: solid 1px #7f9db9;
}

#escolha {
	width:250px;
	height:400px;
	margin:auto;
	font-weight:bold;
	float:left;
}


#regulamento {
	position:relative;
	margin-left:35px;
	width:860px;
	height:600px;
	padding:0;
	z-index:50;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color:#eee;
	padding:20px;
	border:solid 1px #ccc;
}

#regulamento li{
	list-style: circle;
	margin-left:20px;
	margin-bottom:15px;
	}
.destaque{
	font-weight:bold;
	}
.subtitulo{
	font-weight:bold;
	font-size:14px;
	margin-bottom:15px;
	}



/*  FALE CONOSCO  */

#fale {
	margin:auto;
	width:970px;
	min-height:480px;
	background-image:url(images/fundoMiolo.png);
	}

#formFale {
	position:relative;
	width:700px;
	height:350px;
	padding:0;
	z-index:50;
}

#formFale label {
	width:175px;
	float:left;
	text-align:right;
	font-weight:bold;
	margin:0 5px 0 150px;
	padding-top:7px;
	}
#formFale input, textarea, select {
	margin: 5px 0 5px 0;
	border: solid 1px #7f9db9;
}


/*  BOLAO  */


#textoBolao {
	width:400px;
	height:260px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
	margin-right:30px;
}

#textoSocio {
	width:390px;
	height:260px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
	margin-right:30px;
}

#fotoClubeBen {
	width:300px;
	height:300px;
	float: right;
}

#textoClubeBen {
	width:470px;
	height:270px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

/*  RESERVA  */

#reservas {
	margin:auto;
	width:970px;
	min-height:980px;
	background-image:url(images/fundoMiolo.png);
	}

#reserva1{
	width:260px;
	height:322px;
	float:left;
	text-align:center;
	background-color:#fff;
	padding-top:10px;
	}
	
#reserva2{
	width:380px;
	height:322px;
	float:left;
	text-align:center;
	background-color:#fff;
	padding-top:10px;
	}
	
#reserva3{
	width:260px;
	height:322px;
	float:left;
	text-align:center;
	background-color:#fff;
	padding-top:10px;
	}

#campo{
	width:900px;
	height:100px;
	background-color:#fff;
	text-align:center;
	float:left;
	}

#setor1{
	background-color:#fff;
	color:#fff;
	width:890px;
	height:760px;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	border:solid 5px #ccc;
	}

#setor2{
	background-color:#fff;
	color:#fff;
	width:890px;
	height:790px;
	float: left;
	padding-top:10px;
	padding-bottom:10px;
	border:solid 5px #ccc;
}

#textoPromo {
	width:400px;
	height:270px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

#fotoPromo {
	width:436px;
	height:300px;
	float: right;
}

#fotoTV {
	width:415px;
	height:300px;
	float: right;
}

#textoTV {
	width:400px;
	height:270px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
}

#logoPromoSF {
	width:238px;
	height:300px;
	float: left;
}

#logoPromoBola {
	float:left;
	height:380px;
	margin-left:-20px;
	margin-top:-20px;
	width:320px;
}

#logoPromoCamisa {
	width:529px;
	height:380px;
	float: left;
	margin-left:-20px;
	margin-top:20px;
}

#textoPromoSF {
	width:390px;
	height:270px;
	float:left;
	font-size:14px;
	line-height:20px;
	text-align:justify;
	padding:10px 0 0 30px;
}

#textoPromoBola {
	float:left;
	font-size:14px;
	height:270px;
	line-height:20px;
	padding:10px 0 0 0;
	text-align:justify;
	width:530px;
}

#textoPromoCamisa {
	width:300px;
	height:270px;
	float:left;
	font-size:12px;
	line-height:16px;
	text-align:justify;
	padding:10px 0 0 30px;
}

#imgPromoSF {
	width:178px;
	height:300px;
	float: right;
	margin-right:-10px;
	margin-top:-25px;
}