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

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

}

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

a { text-decoration:none !important;}

p { font-size: 1.5em !important; }

.gold { font-weight:bold; color: #c8972f;} 

.bold { font-weight:bold;} 

h1, h2, h3, h4, h5, h6 { line-height:1.5 !important; color: #c8972f !important; font-family: 'libertydregular', sans-serif !important; }

h1 { font-size: 5.0em !important;}
h2 { font-size: 4.5em !important;}
h3 { font-size: 2.25em !important;}
h4 { font-size: 1.7em !important;}
h5 { font-size: 1.4em !important;}
h6 { font-size: 0.8em !important;}


/*END of CSS RESET */


.default-window { width: 100%; height: auto; margin: 0 auto; display: block; padding: 0 0 2% 0; }
.default-inside { width:  80%; height: auto; margin: 0 auto; display: block; text-align:center; }
.default-titles { width: 100%; height: auto; margin:0 0 2% 0; padding: 0 0 1% 0; background: #131f6b url(../img/border-laco.jpg) repeat-x bottom; color: #fff !important; box-shadow: 0 2px 10px #000;}
.default-titles-2 { width: 100%; height: auto; margin:0; padding: 0 1% 1% 1%; background: #131f6b url(../img/btn-base.jpg) repeat-x bottom; color: #fff !important; border: 5px outset #c8972f; text-shadow: 0 3px 5px #000;}

.back-to-top{ position: fixed; bottom: 3%; right: 3%;  z-index: 99; background: url(../img/up.png) no-repeat center; background: cover; width: 56px; height:56px; border-radius: 28px; transition: ease-in-out 0.2s; display:none; }		.back-to-top:hover {transition: ease-in-out 0.2s; transform: scale(1.2,1.2);}

.default-button { width: 31%; margin: 2% 1%; border-radius: 30px; box-shadow: 0 0 10px #000; padding: 0 7px 7px 7px; font-family: 'libertydregular', sans-serif !important; font-size: 1.7em; color: #fff; text-align: center; float: left; display: block; text-shadow: 0 2px 3px #000; transition: ease-in-out 0.2s; } .default-button:hover { transition: ease-in-out 0.2s; box-shadow: 0 0 15px #999; color: #ddd;}

.default-button-sm { width: 15%; margin: 2% 1%; border-radius: 15px; box-shadow: 0 0 10px #000; padding: 0 5px 3px 5px; font-family: 'libertydregular', sans-serif !important; font-size: 1em; color: #fff; text-align: center; float: left; display: block; text-shadow: 0 2px 3px #000; transition: ease-in-out 0.2s; } .default-button:hover { transition: ease-in-out 0.2s; box-shadow: 0 0 15px #999; color: #ddd;}

.btblue { background: linear-gradient(#3BB0C9, #131F6B); background: -o-linear-gradient(#3BB0C9, #131F6B); background: -webkit-linear-gradient(#3BB0C9, #131F6B); background: -moz-linear-gradient(#3BB0C9, #131F6B);}
.btgold { background: linear-gradient(#E0D186, #c8972f); background: -o-linear-gradient(#E0D186, #c8972f); background: -webkit-linear-gradient(#E0D186, #c8972f); background: -moz-linear-gradient(#E0D186, #c8972f);}
.btruby { background: linear-gradient(#B7182F, #E73E51); background: -o-linear-gradient(#B7182F, #E73E51); background: -webkit-linear-gradient(#B7182F, #E73E51); background: -moz-linear-gradient(#B7182F, #E73E51);}
.btred { background: linear-gradient(#B7182F, #E73E51); background: -o-linear-gradient(#B7182F, #E73E51); background: -webkit-linear-gradient(#B7182F, #E73E51); background: -moz-linear-gradient(#B7182F, #E73E51); float:none !important; margin: 2% auto !important;}
.btgolden { background: linear-gradient(#E0D186, #c8972f); background: -o-linear-gradient(#E0D186, #c8972f); background: -webkit-linear-gradient(#E0D186, #c8972f); background: -moz-linear-gradient(#E0D186, #c8972f); float:none !important; margin: 2% auto !important;}

.div-100-block { float: none; width: 100%; margin: 0 auto; }
.div-33a-block { float: left; width: 31%; margin: 0 auto; }
.div-50a-block { float: left; width: 48%; margin: 0 auto; }
.div-16-block { float: left; width: 16.66%; margin: 0; }
.div-20-block { float: left; width: 20%; margin: 0; }
.div-25-block { float: left; width: 23%; margin: 2% 1%; border-radius: 30px;  }
.div-33-block { float: left; width: 31%; margin: 5% 1%; border-radius: 30px; }
.div-50-block { float: left; width: 48%; margin: 1%; border-radius: 30px; }
.div-66-block { float: right; width: 64%; margin: 2% 1%; border-radius: 30px; }
.div-75-block { float: left; width: 73%; margin: 5% 1%; border-radius: 30px; }

.responsive-image {width: 100%; height: auto; margin: 2% auto;}

body{ margin: 0; text-align:center; color: #666 !important; font-family: Garamond, Times, serif !important;}

.modal-content { background: url(../img/themyscirabg.jpg) no-repeat top right; }
.modal-footer { background: url(../img/border-laco.png) repeat-x bottom; border:none; box-shadow: 0 0 7px #999; }
.modal-body iframe { width: 100%; min-height: 720px; overflow: scroll; border: none;}
iframe { width: 98%; min-height: 720px; margin: 1%; overflow: scroll; border: none;}


/* BLOCOS */


/* CABECALHO */
#header-container { background: url(../img/frame-home.jpg) no-repeat right; background-size: cover; padding: 53px 0 2% 0;}

#header-container-interno { background: url(../img/frame-interno-1.jpg) no-repeat center; background-size: cover; height: 380px; padding: 30px 0 2% 0; box-shadow: 0 3px 3px #999; }
	
	.barra-superior {width: 100%; height: 60px; margin: 0; padding: 10px; background: #000; position: fixed; top: 0; z-index: 99; border-bottom: 3px solid #c8972f; }
		.barra-superior img { float: left;}

	/* LINK PARA TRAILER */
	#botao-filme { float:left; width: 15%; max-height: 55px; display: block;} #botao-filme a img { width: auto; height: 100%; } 
	
	/* CONTAGEM REGRESSIVA */
	#countdown { background: url(../img/contagem.jpg) no-repeat top; display: block; width: 420px; height: auto; margin: 0 auto;}
		.days, .hours, .minutes, .seconds, .comma { float:left; width: 12.285%; margin: 2% 1% 0 1%; font-size: 1.8em !important; font-family: 'libertydregular', sans-serif !important;  color: #c8972f !important;}
		.obrigado { float:left; width: 100%; margin: 0 auto; font-size: 1.8em !important; font-family: 'libertydregular', sans-serif !important;  color: #c8972f !important;}
	/*FIM DA CONTAGEM REGRESSIVA */
	
	/* MENU SOCIAL */
	#social 		{ float: right; width: 7%; height: 100%; display: block;}
	#social ul li	{ float: left; width: 33%; border-radius: 50px;}	#social ul li:hover	{ opacity: 0.5; }
	#social ul li a img {width: 32px; height: 32px; margin: 0 auto; display: block; }

	#header-content { position: relative;}
	
		#logo { margin: 0 auto; width: 100%;}
		#logo-interno { margin: 0 auto; width: auto; height: 220px;}
		
		#data-prova, #data-prova-rj { width: 80%; max-width: 480px; margin: 5% auto;}
	
	/* Desliga Menu Responsivo */
	.ResponsiveMenu, #side-menu { display: none;}

	/* Menu principal */
	#main-menu 			{ width: 100%;  font-family: 'libertydregular', sans-serif !important; }
	#main-menu ul li	{ float: left; margin: 0; width: 11.11%; border-right: 1px solid #c8972f; display: block; position: relative;}
	#main-menu ul li .submenu {display:none; position: absolute; top: 25px; left: -5px; background: #000; width: 100%; z-index: 999; border-radius: 10px;}
	#main-menu ul li:hover .submenu {display:block; border-top: 1px #666 solid;}
	#main-menu ul li:last-child { border: none; }
	#main-menu ul li a 	{ font-size: 1.25em; color: #c8972f; text-shadow: 0 3px 3px #000; transition: ease-in-out 0.2s; }
	#main-menu ul li a:hover { color: #fff; transition: ease-in-out 0.2s;}
	
/* SOBRE EVENTO */

#patrocinadores { background: #fff; width: 100%; height: auto; display: block; margin: 0 auto; border-radius: 10px; padding: 0.5%; }
	#patrocinadores div figure img {margin: 1%;}
	
	
.galeria-img ul { width: 100%; }
	.galeria-img ul li { display: block; width: 18%; margin: 1%; float: left; }
	.galeria-img ul li img { width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.8); transition: ease-in-out 0.4s; }
	.galeria-img ul li img:hover { transform: scale(1.2, 1.2); transition: ease-in-out 0.4s; }
	

/* ATRAÇÕES */

#intro { background: url(../img/bg.jpg) no-repeat center; background-size: cover; color: #fff;}
	#intro h3, #intro h4 { color: #fff !important; }
	
	.categorias-menu { width: 70%; margin: 0 auto !important; display: block; }
		.categorias-menu ul { display:table;}
		.categorias-menu ul li { float: left; margin: 1%; width: 23%; height: auto; transition: ease-in-out 0.2s;}
			.categorias-menu ul li:hover { transition: ease-in-out 0.2s; transform: scale(0.95,0.95);}
		.categorias-menu ul li a img { width: 100%; height: auto;}

/* FRAME DO PERCURSO */
#percurso { background: #dedede;}


/* MENUS DE INFORMAÇÃO */

#atracoes, #informacoes { background: url(../img/ww-info.jpg); color: #fff; }

/* Informações importantes - BOTÕES */

#info_block h4, #trajeto_block h4 { color: #fff !important; }

.info-bt { width: 31%; height: auto; margin: 1%; float: left; transition: ease-in-out 0.2s; box-shadow: 0 3px 5px #000; } .info-bt img {width: 100%; }		.info-bt:hover { transition: ease-in-out 0.2s; transform: scale(0.95,0.95);}

/* Como chegar - BOTÕES */
.trajeto-bt { width: 31%; height: auto; margin: 1%; float: left; transition: ease-in-out 0.2s; box-shadow: 0 3px 5px #000; } .trajeto-bt img {width: 100%; }		.trajeto-bt:hover { transition: ease-in-out 0.2s; transform: scale(0.95,0.95);}

#MenuTaxi ul { width: 98%; margin: 0 1%;}
#MenuTaxi ul li { width: 14.66%; margin: 1%; float: left;}
#MenuTaxi ul li a img { width: 100%; height: auto;}


/* RODAPÉ */

footer { width: 100%; background: url(../img/footer.jpg) no-repeat center; border-top: solid 5px #c8972f; padding: 1%;}

	#footer-menu 			{ width: 70%;  font-family: 'libertydregular', sans-serif !important; margin: 0 auto }
	#footer-menu ul li		{ float: left; margin: 0; width: 14.285%; border-right: 1px solid #fff; display: block; }	#footer-menu ul li:last-child { border: none; }
	#footer-menu ul li a 	{ font-size: 1em; color: #fff; }	#footer-menu ul li a:hover { color: #c8972f; }


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

{
	/* AJUSTES GERAIS */
	
	.default-window { width: 100%; height: auto; margin: 0 auto; display: block; padding: 0 0 2% 0;}
	.default-inside { width:  90%; height: auto; margin: 0 5%; display: block; text-align:center;}
.default-titles { width: 100%; height: auto; margin:0 0 2% 0; padding: 0 0 3% 0; background: #131f6b url(../img/border-laco.jpg) repeat-x bottom; color: #fff !important; box-shadow: 0 2px 10px #000;}
	.default-titles-2 { width: 100%; height: auto; margin:0; padding: 0 0 1% 0; background: #131f6b url(../img/btn-base.jpg) repeat-x bottom; border: 5px outset #c8972f;}
	
	.default-button { width: 90%; margin: 2% 1%; border-radius: 30px; box-shadow: 0 0 10px #000; padding: 0 12px 7px 12px; font-family: 'libertydregular', sans-serif !important; font-size: 2em; color: #fff; text-align: center; float: right; display: block; text-shadow: 0 2px 3px #000; transition: ease-in-out 0.2s; }
	
	
	/* AJUSTES ESPECIFICOS */

	.div-20-block { float: left; width: 50%; margin: 1% 0; }
	
	
	/* CONTAGEM REGRESSIVA */
	#countdown { background: url(../img/contagem.jpg) no-repeat top; display: block; width: 35%; height: auto; margin: 0 auto;}
		.days, .hours, .minutes, .seconds, .comma { float:left; width: 12.285%; margin: 0.5% 1% 0 1%; font-size: 2em !important; font-family: 'libertydregular', sans-serif !important;  color: #c8972f !important;}
	/*FIM DA CONTAGEM REGRESSIVA */
	
	.galeria-img ul { width: 100%; }
		.galeria-img ul li { display: block; width: 31.33%; margin: 1%; float: left; }
	
	/* MENU SOCIAL */
	#social 		{ float: right; width: 15%; height: 100%; display: block;}
	#social ul li	{ float: left; width: 33%; border-radius: 50px;}	#social ul li:hover	{ opacity: 0.5; }
	#social ul li a img {width: 32px; height: 32px; margin: 0 auto; display: block; }
		
	#sobreevento { background: none;}	#sobreevento-texto { width: 90%; margin: 0 5%;}
		
	/* AJUSTES MENU PRINCIPAL */
	#main-menu 			{ width: 100%;  font-family: 'libertydregular', sans-serif !important; }
		#main-menu ul li	{ float: left; margin: 0; width: 14.285%; border: none; display: block; }
		#main-menu ul li a 	{ font-size: 1.05em; text-shadow: 0 3px 3px #000; transition: none; }
	
	}

	
@media screen and (min-width : 318px) and (max-width : 767px)

{

	/* AJUSTES PADRAO */
	
	h1 { font-size: 3.0em !important;}
	h2 { font-size: 2.7em !important;}
	h3 { font-size: 2.1em !important;}
	h4 { font-size: 1.7em !important;}
	h5 { font-size: 1.3em !important;}
	h6 { font-size: 1.0em !important;}
	
	.default-inside { width:  95%; height: auto; margin: 0 auto; display: block; text-align:center;}
	.default-titles { width: 100%; height: auto; margin:0 0 3% 0; padding: 0 0 20px 0; background: #131f6b url(../img/border-laco.jpg) repeat-x bottom;}
	
	.default-button { width: 100%; margin: 3% 1%; border-radius: 30px; box-shadow: 0 0 5px #000; padding: 0 12px 7px 12px; font-family: 'libertydregular', sans-serif !important; font-size: 2em; color: #fff; text-align: center; float: none; display: block; text-shadow: 0 2px 3px #000; transition: ease-in-out 0.2s; } .default-button:hover { transition: ease-in-out 0.2s; box-shadow: 0 0 15px #999; color: #ddd;}

	.default-button-sm { width: 98%; margin: 3% 1%; border-radius: 15px; box-shadow: 0 0 5px #000; padding: 0 8px 3px 8px; font-family: 'libertydregular', sans-serif !important; font-size: 1em; color: #fff; text-align: center; float: none; display: block; text-shadow: 0 2px 3px #000; transition: ease-in-out 0.2s; } .default-button:hover { transition: ease-in-out 0.2s; box-shadow: 0 0 15px #999; color: #ddd;}

	.btred { background: linear-gradient(#B7182F, #E73E51); background: -o-linear-gradient(#B7182F, #E73E51); background: -webkit-linear-gradient(#B7182F, #E73E51); background: -moz-linear-gradient(#B7182F, #E73E51); float:none !important; margin: 2% auto;}
	
	.img-adjust { width: 100%; height: auto;}

	
	.div-16-block { float: none; width: 100%; margin: 0; }
	.div-20-block { float: none; width: 100%; margin: 0; }
	.div-50-block { float: none; width: 98%; margin: 5% 1%; border-radius: 30px; }
	.div-33-block { float: none; width: 98%; margin: 5% 1%; border-radius: 30px; }


	/* BOTÃO FILME */
	#botao-filme { float:left; width: 40%; max-height: 55px; display: block;}	#botao-filme a img { max-width: 100%; height: auto; display: block; } 
	
	/* CONTAGEM REGRESSIVA */
	#countdown { background: url(../img/contagem.jpg) no-repeat top; background-size: contain; display: block; float: right; width: 48%; height: 100%; margin: 0 1%;}
		.days, .hours, .minutes, .seconds, .comma { float:left; width: 12.285%; margin: 5% 1% 2% 1%; font-size: 1em !important; font-family: 'libertydregular', sans-serif !important;  color: #c8972f !important;}
		.obrigado { font-size: 1.2em !important; }
	/*FIM DA CONTAGEM REGRESSIVA */
	
	/* MENU SOCIAL */
	#social 		{ float: none; width: 7%; height: 100%; display: block; position: absolute; top: 66px; right: 1%;}
	#social ul li	{ float: none; width: 32px; height: 32px; border-radius: 17px;}	#social ul li:hover	{ background: #000; opacity: 1; }
	#social ul li a img {width: 100%; height: 100%; margin: 0 auto; display: block; }
		
	
	#header-container { background:url(../img/frame-home.jpg) no-repeat top center; background-size: cover;}
	#header-container-interno { background:url(../img/frame-interno.jpg) no-repeat 60% 0; background-size: cover;}
		
	#logo-responsivo { width: 100%; margin: 0 !important; float: left;}
		#logo, #logo-interno { margin: 30% auto 0 auto; width: 90%; height: auto;}
		#data-prova { width: 75%; margin: 5% auto;}
	
	/* AJUSTES MENU PRINCIPAL */
	#main-menu { display: none;} 	
	/* MENU RESPONSIVO */	
	.ResponsiveMenu { font-size: 2em !important; width: 70%; margin: 0 auto; padding: 0 0 10px 0; background: #000; border-radius: 30px;  }
	.ResponsiveMenu, #side-menu {display: block; font-family: 'libertydregular', sans-serif !important; }
		.sidenav { height: 100%; width: 0; position: fixed; z-index: 999; top: 0; left: 0; background: #000; overflow-x: hidden; padding-top: 60px; transition: 0.5s; }
		.sidenav a { padding: 10px; text-decoration: none; font-size: 1.5em !important; display: block; transition: 0.3s; color: #A38E5B; text-shadow: 0 3px 3px #000; }
		.sidenav a:hover, .offcanvas a:focus{ color: #fc0; }
		.sidenav .closebtn { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; border-radius: 19px; margin-left: 50px; background: #900 url(../img/close.jpg) center no-repeat; background-size: contain; }
		.sidenav {padding-top: 15px;}    .sidenav a {font-size: 18px;}
		
	/* SOBRE EVENTO */
	
	#patrocinadores { background: #fff; width: 90%; height: auto; display: block; margin: 5% auto; border-radius: 10px; }
		#patrocinadores div figure img {margin: 1%;}
		
	/* FRAMES */
	
	.galeria-img ul { width: 100%; }
		.galeria-img ul li { display: block; width: 48%; margin: 1%; float: left; }
	
	#sobreevento { background: none;}	#sobreevento-texto { width: 90%; margin: 0 5%;}
	
	#kit_maravilha, #kit_diana {float: none; width: 90%; margin: 10% auto;}
	
	#info_block, #trajeto_block { width: 95%; float: none !important; margin: 10% auto; }
	
	.categorias-menu ul li { float: left; margin: 2%; width: 46%; height: auto; transition: ease-in-out 0.2s;}
	
	.percurso-frame { width: 48%; margin: 3% 1%; }
	
	/* MENUS DE INFORMAÇÃO */
		/* Informações importantes - BOTÕES */
		.info-bt { width: 31%; height: auto; margin: 1%; float: left; transition: ease-in-out 0.2s; } .info-bt img {width: 100%; }		.info-bt:hover { transition: ease-in-out 0.2s; transform: scale(0.95,0.95);}
		
		/* Como chegar - BOTÕES */
		.trajeto-bt { width: 31%; height: auto; margin: 1%; float: left; transition: ease-in-out 0.2s; } .trajeto-bt img {width: 100%; }		.trajeto-bt:hover { transition: ease-in-out 0.2s; transform: scale(0.95,0.95);}
		
	footer { width: 100%; background: url(../img/footer.jpg) no-repeat center; background-size: cover; border-top: solid 5px #c8972f; padding: 1%;}

	#footer-menu 			{ width: 70%;  font-family: 'libertydregular', sans-serif !important; margin: 0 auto }
	#footer-menu ul li		{ float: none; margin: 0; width: 14.285%; border: none; display: block; }
	#footer-menu ul li a 	{ font-size: 1em; color: #fff; }	#footer-menu ul li a:hover { color: #c8972f; }
		
}