@import url("../fontes/BirchStd.css");
html,body{height:100%;}
h1,h2{ margin-top:5px; margin-bottom:10px;font-family: 'BirchStd'; color:#FFFFFF; font-size:25px; letter-spacing:2px;}
a{ color:inherit; text-decoration:none;}
a:hover{  text-decoration:underline;}
.PinkHover{  cursor:pointer;}
.PinkHover:hover{color:#e72d32;}
body{margin:0; padding:0; }
.UlClear{margin:0px; padding:0px; list-style:none;}
.floatLeft{ float:left;}
.floarRight{ float:right;}
.clear{ clear:both; overflow:hidden;}
#top{ position:fixed; width:100%; display:block;  padding:10px; padding-right:10%; top:80px; box-sizing:border-box; background-color:#000000; color:#FFFFFF; font-family: 'BirchStd';letter-spacing:1px; font-size:22px; text-transform:uppercase; text-align:right; z-index:2000;}
nav{ padding:0px; margin:0px;} nav a,#navtop a{ color:inherit; text-decoration:none; padding-left:8px; padding-right:8px;} nav a:hover,#navtop a:hover{ color:#e72d32;}
.RoundedEsp{ border:solid 2px #e72d32; padding:10px; padding-left:3px; padding-right:3px; padding-bottom:0px; margin-left:3px; margin-right:6px;  box-sizing:border-box; -webkit-border-radius: 15px;-moz-border-radius: 15px; border-radius: 15px; margin-bottom:10px;}
#navtop{ width:100%; box-sizing:border-box; background-color:#000; display:none; padding:5px; text-align:center; color:#FFF;}
#faixa{background-image:url(../images/faixa_vermelha.gif);	width:100%;	height:61px;overflow:hidden; margin-top:65px; display:inline-block; text-align:center;}
#faixaRodape{background-image:url(../images/faixa_vermelha.gif); width:100%; height:61px; overflow:hidden; margin-top:25px; display:inline-block; text-align:center;}
#footer{background-color:#FFFFFF; text-align:center; list-style:none; margin:0; padding:0; border-top:solid #F60; display:inline-block; width:100%;font-family: 'BirchStd';padding-top: 15px;}
#faixa ul{ list-style:none; margin:0px; padding:0px; text-align:center; display:inline-block;}
#logo{ width:200px; height:200px; overflow:hidden; left:5%; margin-top:-90px; position:absolute; z-index: 2000;}
.CalendarBase{width:100%; padding-top:9%; overflow:auto; margin:auto;}
.CalendarDateBox{ box-sizing:border-box; height:60px; width:34px; border:solid 1px #e72d32; display:inline-block; margin-right:1px; margin-bottom:10px}
.CalendarDateMonth{background-color:#e72d32; color:#FFFFFF; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;  margin-bottom:3px; box-sizing:border-box;}
.CalendarDateweek{font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#000000; font-weight:bold; }
.CalendarDateDay{font-family: 'BirchStd'; font-size:23px; text-align:center; color:#009933; font-weight:bold; letter-spacing:2px; height:23px; overflow:hidden;}
article{ box-sizing:border-box;}
#juquery article{width:70%; padding-top:9%; overflow:visible;}
#praia article{width:100%; padding-top:9%;overflow:visible;}
#participantes article{width:50%; padding-top:14%;overflow:visible;}
#redes{ position:fixed; top:40px; right:20px; box-sizing:border-box; text-align:right; font-family: 'BirchStd'; font-size:23px; z-index:2000;}
#redes img{ margin-bottom:-3px;}
.BgWhite{ background-color:#FFFFFF;}
.Rounded4px{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.Rounded10px{-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.bgParallax {
min-height: 100vh;
/*height: 100vh;
overflow:hidden;*/
background-size:100%;
background-position: 50% 0;
background-repeat: no-repeat;
background-attachment: fixed;
box-sizing:border-box;
}
.BoxBege{ background-color:#fbf7ed;box-sizing:border-box; padding:20px; }
.BoxGreen{ background-color:#009933; box-sizing:border-box; padding:20px;}
.BoxPink{ background-color:#e72d32; box-sizing:border-box; padding:20px;}
#BtTop{ background-image:url(../images/top.gif); background-repeat:no-repeat; width:40px; height:40px; overflow:hidden; cursor:pointer; position:fixed; bottom:100px; right:15px; display:none;}
input[type="text"],input[type="email"],textarea{ border:solid 2px #FFFFFF; padding:4px;}
input[type="submit"]{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border:0; background-color:#208d3d; color:#ffffff; font-family:Arial, Helvetica, sans-serif; padding:8px;}
li#BoxGuias{width:220px; height:245px; overflow:hidden; background-color:#6f371a; display:inline-block; margin:7px;}
div.GuiaImg{width:220px; height:145px; overflow:hidden; margin-bottom:-10px;}
div.tituloGuia{	padding-top:0px; padding-left:5px; padding-right:5px; padding-bottom:5px; text-align:center; font-size:23px; color:#FFFFFF;}
div.tituloGuia a{color:inherit; text-decoration:none;}
div.tituloGuia a:hover{color:#fff1c2;}
.GalBox{ width:300px; margin:0px 10px 20px 10px; background-color:#FFFFFF; box-sizing:border-box; height:280px; display:inline-block;}
.GalImgBox{width:100%; height:200px; margin-bottom:10px; overflow:hidden;}
.GalImgBox img{ max-width:100%;}
.GalBox p{ margin:0px 10px 10px 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000000;}
.GalThumbs{ width:150px; height:100px; overflow:hidden; border:solid 1px #FFFFFF; float:left; margin:0px 10px 10px 10px; position:relative;}
.GalThumbs img{ max-width:100%;}
.GalThumbs .GalredesIcon1{ position:absolute; right:0px; bottom:5px; box-sizing:border-box; border:solid 1px #FFFFFF; width:20px; height:20px; overflow:hidden;}
.GalThumbs .GalredesIcon2{ position:absolute; right:0px; bottom:24px; box-sizing:border-box; border:solid 1px #FFFFFF;width:20px; height:20px; overflow:hidden;}
.GalThumbs .GalredesIcon3{ position:absolute; right:0px; bottom:43px; box-sizing:border-box; border:solid 1px #FFFFFF;width:20px; height:20px; overflow:hidden;}
.GalThumbsDF{ width:150px; height:171px; overflow:hidden; border:solid 1px #FFFFFF; float:left; margin:0px 10px 10px 10px; position:relative;}
.GalThumbsDF img{ max-width:100%;}
.GalThumbsDF .GalredesIcon1{ position:absolute; right:0px; bottom:5px; box-sizing:border-box; border:solid 1px #FFFFFF; width:20px; height:20px; overflow:hidden;}
.GalThumbsDF .GalredesIcon2{ position:absolute; right:0px; bottom:24px; box-sizing:border-box; border:solid 1px #FFFFFF;width:20px; height:20px; overflow:hidden;}
.GalThumbsDF .GalredesIcon3{ position:absolute; right:0px; bottom:43px; box-sizing:border-box; border:solid 1px #FFFFFF;width:20px; height:20px; overflow:hidden;}
.fontBase{ font-family: 'BirchStd';}
.fontSize12{font-size:12px;}
.fontSize14{font-size:14px;}
.fontSize16{font-size:16px;}
.fontSize18{font-size:18px;}
.fontSize20{font-size:20px;}
.fontSize25{font-size:25px;}
.fontSize28{font-size:28px;}
.fontSize32{font-size:32px;}
.fontSize40{font-size:40px;}
.TxtLeft{ text-align:left;}
.TxtRight{ text-align:right;}
.TxtCenter{ text-align:center;}
.MarginLeftRight5px{ margin-right:5px; margin-left:5px;}
.MarginTop5px{ margin-top:5px;}
.MarginBottom5px{ margin-bottom:5px;}
.MarginBottom15px{ margin-bottom:15px;}
.MarginRight10px{ margin-right:10px;}
.PaddingTop5px{padding-top:5px;}
.PaddingTop10px{ padding-top:10px;}
.Padding5px{ padding:5px;}
.w1000{width:1000px;}
.w450{width:450px;}
.w330{ width:330px;}
.w300{ width:300px;}
.w225{ width:225px;}
.w210{ width:210px;}
.w200{ width:200px;}
.w120{ width:120px;}
.w90{ width:90px;}
.w80{ width:80px;}
.w60{ width:60px;}
.w48perc{ width:48%;}
.w50perc{ width:50%;}
.w95perc{ width:95%;}
.w100perc{ width:100%;}
.he1{height:1px; overflow:hidden;}
.he5px{ height:5px; overflow:hidden;}
.he10px{ height:10px; overflow:hidden;}
.he60px{ height:60px; overflow:hidden;}
.he90px{ height:90px; overflow:hidden;}
.he120px{ height:120px; overflow:hidden;}
.he60vh{ height:60vh; overflow:hidden;}
.he70vh{ height:70vh; overflow:hidden;}
.he80vh{ height:80vh; overflow:hidden;}
.he100vh{ height:100vh; overflow:hidden;}
.texto{ font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}

.BoxParticipantes{width:220px; height:220px; background-color:#FFFFFF;display:inline-block;list-style:none; margin:0px; padding:0px; margin:0px 10px 10px 10px;}
.ImgParticipantes{ width:220px; height:116px; overflow:hidden;}
.ImgParticipantes img{ width:220px;}
.LogoParticipantes{width:70px; height:70px; overflow:hidden; border:solid 1px; margin-top:-30px; margin-left:5px;}
.LogoParticipantes img{ width:70px;}
.TituloParticipantes{ width:120px; padding:3px; box-sizing:border-box;}
.TituloParticipantes h3{ font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#000000;}

/*Colorbox*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0; color:#f4d791;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
#cboxOverlay{background:#000;}
#colorbox{}
#cboxContent{margin-top:20px;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#000;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}
/*-------*/
#localizacao{padding-top:180px;}
@media only screen and (max-width: 400px){
#navtop{ display:block;}
#top{ display:none;}
.logo{ display:none;}
.bgParallax { height: auto; overflow:visible; box-sizing:border-box; width:100%; position:relative;}
#juquery article,#praia article,#participantes article{width:100%;  height:auto;padding-top:5%; overflow:visible;}
.he100vh,.he70vh,.he80vh{ height:auto;}
#redes{ position:relative; top:0; right:0; width:100%; background-color:#000; padding:5px; font-family: 'BirchStd'; font-size:23px; color:#FFFFFF; z-index:2000;}
.floatLeft,.floarRight{ float:none;}
#localizacao{padding-top:0;}
.GalThumbs{ width:98%; height:auto; overflow:visible; border:solid 1px #FFFFFF; float:left; margin:auto; margin-bottom:20px;}
.GalThumbsDF{ width:98%; height:auto; overflow:visible; border:solid 1px #FFFFFF; float:left; margin:auto; margin-bottom:20px;}

.GalBox{ width:100%; margin:auto; margin-bottom:20px; display:block; clear:both;}
.GalImgBox{width:100%; height:400; margin-bottom:10px; }

}
@media only screen and (min-width : 401px) and (max-width: 900px){
#navtop{ display:block;}
#top{ display:none;}
.logo{ display:none;}
.bgParallax { height: auto; overflow:visible; box-sizing:border-box; width:100%; position:relative;}
#juquery article,#praia article,#participantes article{width:100%;  height:auto;padding-top:5%; overflow:visible;}
.he100vh,.he70vh,.he80vh{ height:auto;}
#redes{ position:relative; top:0; right:0; width:100%; background-color:#000; padding:5px; font-family: 'BirchStd'; font-size:23px; color:#FFFFFF; z-index:2000;}
.floarRight{ float:none; clear:both;}
#localizacao{padding-top:0;}
.GalThumbs{ width:98%; height:auto; overflow:visible; border:solid 1px #FFFFFF; float:left; margin:auto; margin-bottom:20px;}
.GalThumbsDF{ width:98%; height:auto; overflow:visible; border:solid 1px #FFFFFF; float:left; margin:auto; margin-bottom:20px;}
.GalBox{ width:100%; margin:auto; margin-bottom:20px; display:block; clear:both;}
.GalImgBox{width:100%; height:400; margin-bottom:10px; }
}