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

/*	INICIO DO RESET */

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

/*	FIM DO RESET */


/*==========================================================================
					NORMATIZAÇÃO DE TEXTOS E TITULOS
==========================================================================*/

a { color: #0578b5 !important;}
p {font-size: 1.12em!important; text-align:justify; font-family: 'proxima_nova_rgregular' !important; }
h1, h2, h3, h4, h5, h6 { text-transform: uppercase; color: #555 !important; font-weight: bold !important; margin: 0 !important; text-align:left; font-family: 'bebas_neuebold', sans-serif !important; font-size:200% !important;}


/*==========================================================================
							ITENS COMUNS
==========================================================================*/

body{ margin: 0; background: #efefef url(../img/background.jpg) no-repeat !important; background-size: cover !important; text-align:center; color: #777 !important; }

.default-window {width: 100%; height: auto; margin: 0 auto 15px auto; padding: 20px 0; clear:both;}

.default-footer {width: 100%; height: auto; margin: 0 auto 15px auto; padding:0; clear:both; background: #666;}

.default-footer {width: 100%; height: auto; margin: 10px auto; padding: 10px 0; clear:both; background: #0578b5; border: 1px solid #0578b5; }
.default-footer p, .default-footer a { text-align:center !important; color: #FFF !important; font-size: 0.8em !important; text-transform:uppercase;}

.content-blocks {display:block; float: left; width: 31.333%; margin: 0 1%; text-align:center; background: #ddd; padding:10px;}
	.content-blocks-box {width:100%; height: auto; display:block; background: #eee; float:left; padding: 10px;}
	.content-blocks h3 {text-align:center;}

.clear{ clear:both;}

#go-top a{ position: fixed; bottom: 30px; right: 30px;  z-index: 10; background: url(../img/up.png) no-repeat center; width: 56px; height:56px;}
#go-top a:hover {opacity: 0.5;}

/*==========================================================================
							INICIO DO CABEÇALHO
==========================================================================*/

header { width: 100%; height: auto; margin-top: 0; padding: 0;}

#head-container { width: 1200px; height: auto; margin: 0 auto;}

#logo{ background: url(../img/logo-clubedecorredores.png) no-repeat center; background-size: contain; text-indent: -9999px; display:block; width: 360px; height: 177px; margin: 0 auto;}

#logo a { display:block; width: 360px; height: 185px;}

#main-menu { font-weight:bold; text-transform:uppercase; clear:both; width: 100%; margin: 0 auto; clear:both;}
	#main-menu ul { display:table; max-width: 1200px; margin: 0 auto; padding: 0; font-family: 'proxima_nova_rgregular', sans-serif !important;}
	#main-menu ul .current-link, #main-menu ul .hide-link {display: none;}
	#main-menu ul li {display:block; float:left; margin: 12px 0; border-right: solid 1px #fff; opacity: 1;}
	#main-menu ul li:last-child {border:none;}
	#main-menu ul li a{ color: #fff !important; padding: 0 10px; transition: ease-in-out 0.2s; }
	#main-menu ul li a:hover{ color: #b00 !important; text-decoration: none; transition:ease-in-out 0.2s; }

#social{ position: fixed; top:50%; left: 0;}
	#social nav ul{ display:table; background: #02263a; padding: 10px 0;}
	#social nav ul li{display:block; transition: ease-in-out 0.2s; margin:0; padding: 0;}
	#social nav ul li:hover {transition: ease-in-out 0.2s; transform: scale(0.9,0.9);}
	#social nav ul li img {width:75%; margin:0;}
	
/*==========================================================================
							FIM DO CABEÇALHO
==========================================================================*/

.container {width: 1200px; margin: 0 auto 0 auto; padding: 20px 20px 0 20px !important; background: #fff;}

.intro-box-10temporada { width: 100%; height: 370px; margin: 0 auto; background: url(../img/banner-10temporada.jpg) no-repeat center; background-size: contain;}
.intro-box-9temporada { width: 100%; height: 370px; margin: 0 auto; background: url(../img/banner-9temporada.jpg) no-repeat center; background-size: contain;}
.intro-box-8temporada { width: 100%; height: 370px; margin: 0 auto; background: url(../img/banner-8temporada.jpg) no-repeat center; background-size: contain;}
.intro-box-11temporada { width: 100%; height: 370px; margin: 0 auto; background: url(../img/banner-10temporada.jpg) no-repeat center; background-size: contain;}

.intro-box-12temporada { width: 100%; height: 370px; margin: 0 auto; background: url(../img/banner-12temporada.jpg) no-repeat center; background-size: contain;}

#conteudo {width: 100%; margin:20px auto; padding: 0 10px; clear:both;}
		
.proximas-etapas {width:100%; height: auto; padding: 0; margin:0; border-bottom: 1px #666 solid;}
	.box-proximas-etapas ul li{width: 30%; display:block; height: auto; float: left; margin:1%;}
	.box-proximas-etapas ul li p {text-align:center !important;}

.modal-body{height: auto !important; overflow:visible;}

iframe {border:none; width:860px; height:640px;}

.bloco-imagem-detalhes{background: #333; opacity: 0.9; width: 340px; height: 500px; padding: 10px; float: left; text-align:left; font-size: 0.8em !important;}
.bloco-imagem figure img, .bloco-imagem figure a img {width: 100%; height: 100%; padding:0;}

#sobre-proximos {width: 100%; margin: 0 auto;}

.center-buttons {margin:0 auto; width: 430px;}

.botao-active {display:block; padding: 10px; max-width: 240px; margin: 0 auto; background: #7fcc45; color: #fff !important; font-size: 1.35em; text-align:center; transition: ease-in-out 0.2s; text-transform:uppercase; border-radius: 15px; font-family: 'bebas_neuebold', sans-serif !important; }
.botao-active:hover {background: #4a9e0b; transition: ease-in-out 0.2s; text-decoration:none; transform: scale(0.95,0.95);}

.botao-deactive {display:block; padding: 10px; max-width: 240px; margin: 0 auto; background: #7fcc45; color: #fff !important; font-size: 1.35em; text-align:center; transition: ease-in-out 0.2s; text-transform:uppercase; border-radius: 15px; font-family: 'bebas_neuebold', sans-serif !important; }
.botao-deactive:hover {cursor:default; text-decoration:none;}

@media screen and (min-width : 1024px) and (max-width: 1200px) 

{
	body{ margin: 0; background: #0578b5 url(../img/background.jpg) no-repeat !important; background-size: contain !important; text-align:center; color: #777 !important; }

	.content-blocks {display:block; float: left; width: 29.333%; margin: 0 2%; text-align:center; background: #ddd; padding:10px;}
		.content-blocks-box {width:100%; height: auto; display:block; background: #eee; float:left; padding: 10px;}
		.content-blocks h3 {text-align:center;}
	
	.clear{ clear:both;}
	
	header { width: 100%; height: auto; margin-top: 0; padding: 0;}
	
	#head-container { width: 100%; height: auto; margin: 0 auto;}
	
	#logo{ background: url(../img/logo-clubedecorredores.png) no-repeat center; background-size: 100%, 100%, auto; text-indent: -9999px; display:block; width: 450px; height: 185px; float:left;}
	
	#logo a { display:block; width: 360px; height: 185px;}

	.container {width: 100%; margin: 0 auto 0 auto; padding: 20px 20px 0 20px !important; background: #fff;}
	
	.intro-box-11temporada 	{ width: 100%; height: 370px; margin: 0 auto; padding: 10px; background: url(../img/banner-11temporada.jpg) no-repeat center; background-size: contain;}
	.intro-box-10temporada 	{ width: 100%; height: 370px; margin: 0 auto; padding: 10px; background: url(../img/banner-10temporada.jpg) no-repeat center; background-size: contain;}
	.intro-box-9temporada	{ width: 100%; height: 370px; margin: 0 auto; padding: 10px; background: url(../img/banner-9temporada.jpg) no-repeat center; background-size: contain;}
	.intro-box-8temporada	{ width: 100%; height: 370px; margin: 0 auto; padding: 10px; background: url(../img/banner-8temporada.jpg) no-repeat center; background-size: contain;}

	.intro-box-12temporada	{ width: 100%; height: 370px; margin: 0 auto; padding: 10px; background: url(../img/banner-12temporada.jpg) no-repeat center; background-size: contain;}
			
	#conteudo {width: 100%; margin:20px auto; padding: 0 10px; clear:both;}
			
	.proximas-etapas {width:100%; height: auto; padding: 0; margin:0; border-bottom: 1px #666 solid;}
		.box-proximas-etapas ul li{width: 31.33%; display:block; height: auto; float: left; margin:1%;}
		.box-proximas-etapas ul li p {text-align:center !important;}
	
	.modal-body{height: auto !important; overflow:visible;}
	
	iframe {border:none; width:860px; height:640px;}
	
	.center-buttons {margin:0 auto; width: 430px;}
	
	.botao-active {display:block; padding: 10px; max-width: 240px; margin: 0 auto; background: #7fcc45; color: #fff !important; font-size: 1.35em; text-align:center; transition: ease-in-out 0.2s; text-transform:uppercase; border-radius: 15px; font-family: 'bebas_neuebold', sans-serif !important; }
	.botao-active:hover {background: #4a9e0b; transition: ease-in-out 0.2s; text-decoration:none; transform: scale(0.95,0.95);}
	
	.botao-deactive {display:block; padding: 10px; max-width: 240px; margin: 0 auto; background: #4a9e0b; color: #fff !important; font-size: 1.35em; text-align:center; transition: ease-in-out 0.2s; text-transform:uppercase; border-radius: 15px; font-family: 'bebas_neuebold', sans-serif !important; }
	.botao-deactive:hover {cursor:default; text-decoration:none;}
	
}

@media screen and (min-width : 768px) and (max-width: 1020px)

{
	body{ margin: 0; background: #0578b5 url(../img/background.jpg) no-repeat !important; background-size: contain !important; text-align:center; color: #777 !important; }

	.content-blocks {display:block; float: none; width: 50%; margin: 20px auto; text-align:center; background: #ddd; padding:10px;}
		.content-blocks-box {width:100%; height: auto; display:block; background: #eee; float:none; padding: 10px;}
		.content-blocks h3 {text-align:center;}
	
	.clear{ clear:both;}
	
	header { width: 100%; height: auto; margin-top: 0; padding: 0;}
	
	#head-container { width: 100%; height: auto; margin: 0 auto;}
	
	#logo{ background: url(../img/logo-clubedecorredores.png) no-repeat center; background-size: 100%, 100%, auto; text-indent: -9999px; display:block; width: 450px; height: 185px; float:none; margin:0 auto;}
	
	#logo a { display:block; width: 360px; height: 185px;}
	
	#main-menu { font-weight:bold; text-transform:uppercase; clear:both; width: 100%; margin: 0 auto; clear:both;}
	#main-menu ul { display:table; max-width: 100%; margin: 0 auto; padding: 0; font-family: 'proxima_nova_rgregular', sans-serif !important;}
	#main-menu ul .current-link {display: none;}
	#main-menu ul li {display:block; float:left; margin: 12px 0; border-right: solid 1px #fff; opacity: 1;}
	#main-menu ul li:last-child {border:none;}
	#main-menu ul li a{ color: #fff !important; padding: 0 5px; transition: ease-in-out 0.2s; }
	#main-menu ul li a:hover{ color: #b00 !important; text-decoration: none; transition:ease-in-out 0.2s; }

	.container {width: 100%; margin: 0 auto 0 auto; padding: 20px 20px 0 20px !important; background: #fff;}
	
	.intro-box-11temporada { width: 100%; height: 370px; margin: -80px 0; background: url(../img/banner-11temporada.jpg) no-repeat center; background-size: contain;}
	.intro-box-10temporada { width: 100%; height: 370px; margin: -80px 0; background: url(../img/banner-10temporada.jpg) no-repeat center; background-size: contain;}
	.intro-box-9temporada { width: 100%; height: 370px; margin: -80px 0; background: url(../img/banner-9temporada.jpg) no-repeat center; background-size: contain;}
	.intro-box-8temporada { width: 100%; height: 370px; margin: -80px 0; background: url(../img/banner-8temporada.jpg) no-repeat center; background-size: contain;}
			
	#conteudo {width: 100%; margin:20px auto; padding: 0 10px; clear:both;}
			
	.proximas-etapas {width:100%; height: auto; padding: 0; margin:0; border-bottom: 1px #666 solid;}
		.box-proximas-etapas ul li{width: 31.33%; display:block; height: auto; float: left; margin:1%;}
		.box-proximas-etapas ul li p {text-align:center !important;}
	
	.modal-body{height: auto !important; overflow:visible;}
	
	iframe {border:none; width:860px; height:640px;}
	
	.center-buttons {margin:0 auto; width: 430px;}
	
	.botao-active {display:block; padding: 10px; max-width: 240px; margin: 0 auto; background: #7fcc45; color: #fff !important; font-size: 1.35em; text-align:center; transition: ease-in-out 0.2s; text-transform:uppercase; border-radius: 15px; font-family: 'bebas_neuebold', sans-serif !important; }
	.botao-active:hover {background: #4a9e0b; transition: ease-in-out 0.2s; text-decoration:none; transform: scale(0.95,0.95);}
	
	.botao-deactive {display:block; padding: 10px; max-width: 240px; margin: 0 auto; background: #bcbcbc; color: #fff !important; font-size: 1.35em; text-align:center; transition: ease-in-out 0.2s; text-transform:uppercase; border-radius: 15px; font-family: 'bebas_neuebold', sans-serif !important; }
	.botao-deactive:hover {cursor:default; text-decoration:none;}
	
	#social{ position: fixed; top: 0; left: 0;  z-index: 10;}
	#social nav ul{ display:table; background: #02263a; padding: 0;}
	#social nav ul li{display:block; transition: ease-in-out 0.2s; margin:0 -12px; padding: 0; float:left;}
	#social nav ul li:hover {transition: ease-in-out 0.2s; transform: scale(0.9,0.9);}
	#social nav ul li img {width:65%; margin:0; padding:0;}
	}

	
@media only screen and (min-device-width : 320px) and (max-device-width : 765px)

{
	body { background:top left; background-size: auto;}
	
	#head-container { width: 100%; height: auto; margin: 0 auto;}
	
	#logo{ background: url(../img/logo-clubedecorredores.png) no-repeat center; background-size: 100%, 100%, auto; text-indent: -9999px; display:block; width: 100%; max-height: 185px; margin: 40px auto -40px auto; float:none; }
		#logo a { display:block; width: 100%; max-height: 185px;}
	
	#main-menu ul { display:table; font-size:1.5em; width: 100%; padding-top: 5px; background:none; background-size: 100%, 100%, auto; margin: 20px 0; border-bottom: 1px #fff solid;}
	#main-menu ul li.current-link {display: block;}
	#main-menu ul:hover li.hide-link {display: none;}
	#main-menu ul li {display:none; border:none; margin:5px 0; padding: 0; color: #f60; text-align:left;}
	#main-menu ul:hover li {display:block; width: 100%; margin: 2px 0; border:none;}
	#main-menu ul li a{ color: #fff !important; padding: 0 24px;}
	
	.container {width: 100%; margin: auto; padding: 10px; background: #fff;}
	
	#conteudo {width: 100%; margin:20px auto; padding: 0 5px; clear:both;}
	
	.intro-box-11temporada { width: 100%; height: 340px; margin: 0; background: url(../img/banner-11temporada-resp.jpg) no-repeat center; background-size: cover;}
	.intro-box-10temporada { width: 100%; height: 340px; margin: 0; background: url(../img/banner-10temporada-resp.jpg) no-repeat center; background-size: cover;}
	.intro-box-9temporada { width: 100%; height: 340px; margin: 0; background: url(../img/banner-9temporada-resp.jpg) no-repeat center; background-size: contain;}
	.intro-box-8temporada { width: 100%; height: 340px; margin: 0; background: url(../img/banner-8temporada-resp.jpg) no-repeat center; background-size: contain;}
	
	.intro-box-12temporada { width: 100%; height: 340px; margin: 0; background: url(../img/banner-12temporada-resp.jpg) no-repeat center; background-size: contain;}
	
	.proximas-etapas {width:100%; height: auto; padding: 10px;}
		.box-proximas-etapas ul li{width: 96%; display:block; height: auto; float: none; margin: 10% 2%;}
		.box-proximas-etapas ul li p {text-align:center !important;}
		
	.content-blocks {display:block; float: none; width: 100%; margin: 5% 0; padding:10px;}
		.content-blocks-box {width:100%; height: auto; display:block; float:none; padding: 10px;}
	
	#sobre-kits figure img {width: 100%; max-width:887px;}
	
	.center-buttons {margin:0 auto; width: 100%;}
	
	.botao-active {display:block; padding: 7px; max-width: 180px; margin: 0 auto; font-size: 2em; text-align:center;}
	
	.botao-deactive {display:block; padding: 10px; max-width: 180px; font-size: 2em; text-align:center;}
	
	.modal-body{height: 360px !important; overflow:scroll;}
	
	iframe {width: 100%;}

	#social{ position: fixed; top: 0; left: 0; width: 100%; height: 56px; opacity:0.9; background:#02263a;}
		#social nav ul{ display:table;}
		#social nav ul li{display:block; float:left; margin: 0 20px;}
		#social nav ul li:hover {transition: ease-in-out 0.2s;}
		#social nav ul li img {width:36px; height:auto; margin-top: 0;}
		
 	.titulo-footer {font-size: 1em;}
		
	#go-top a{ position: fixed; bottom: 5px; right: 5px;  z-index: 10; background: url(../img/up.png) no-repeat center; width: 56px; height:56px;}
	
	.box-footer {width: 40%; height: auto; display:block; margin: 5% !important; border-right: none; float:left; text-indent:0; text-align:left; text-transform:uppercase;}
	.box-footer-last-child {text-indent:-20px;}
}