body {
background:url(images/bg.gif) repeat;
margin:0px;
padding:0px;
font-size:14px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #333;
justify-items: center;
}
p{
text-align:justify;
line-height:19px;
padding:0px;
margin:0px;
}
h2{
padding:0px 0 10px 0; margin:0px; color:#006699; font-size:20px; font-weight:normal;font-weight:bold;
}
.clear{
clear:both;
}
#wrap{
width:977px;
margin:20px auto auto auto;
}
.top_corner{
width:976px;
height:15px;
background:url(images/top_bg.gif) no-repeat center bottom;
}
#main_container{
width:977px;
background:url(images/center_bg_repeat.gif) repeat-y center;
}
#header{
width:960px;
margin:auto;
height:90px;
font-weight:bold;
}
#logo{
padding:10px 0 0 20px;
float:left;
}
/*----------------------menu-------------------------*/
#menu{
width:530px;
float:right;
padding:10px 0 0 20px;

}
#menu ul{
list-style:none;padding:0px;margin:0px;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px;font-size:12px;
}
#menu ul li a{
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#000;text-align:center; height:31px; line-height:31px; 
}
#menu ul li a:hover{
background-color:#006699;color:#fff; font-size: ;
}
#menu ul li a.current{
float:left;text-decoration:none;padding:0px 10px 0 10px; margin:0px 4px 0 4px;color:#fff;text-align:center; height:31px; line-height:31px; background-color:#006699;
}

/*-----------------middle_banner----------------------------*/
.middle_banner{
width:977px;
height:304px;
background:url(images/middle_banner_bg.gif) no-repeat center;
}
/*----------------------slider---------------------------*/
.featured_slider { width:965px; margin:auto; float:left; margin:6px 0 0 6px; }
ul, li{
padding:0px;
margin:0px;
list-style:none;
}
/** ----------------------------------------------------- **/
#featured_border { position: relative; border: none; padding:0px; height:280px; margin: 0px; }
#featured_wrapper { position: relative; width: 100%; height: 100%; overflow: hidden; }
#featured_images { position: absolute; left: 0; top: 0; }
#featured_images li { float: left; }
#featured_positioner_desc { width:965px; height: 280px; position: absolute; top: 0px; left: 0px; }
#featured_wrapper_desc { width: 100%; height:280px; position: relative; overflow: hidden; }
#featured_desc { position: absolute; left: 0; bottom: 0;  padding:0px; margin:0px; }
#featured_desc li { width: 965px; float: left;padding:0px; margin:0px; }
#featured_desc li div { margin:0px 0 0px 0px; padding:10px; width:945px;  background: url(images/featured-desc-bg.png); }
#featured_desc li h2 {
color:#FFFFFF;
font-size:18px;
padding:0px 0 5px 0;
margin:0px; 
}
#featured_desc li p {
color:#FFFFFF;
font-size:12px;
padding:0px 0 10px 0;
margin:0px;
line-height:18px;
}

#featured_buttons { position: absolute; top: 15px; right: 15px; width: auto; padding:0; list-style:none;}
#featured_buttons li { width: 22px; height: 22px; background: url(images/featured-button-off.png); float: left; margin-left: 3px; text-align:center; font-size:12px; color:#FFFFFF; line-height:22px; cursor: pointer; }
#featured_buttons li.clicked { background: url(images/featured-button-on.png); }
/**/
.art-article td
{
  padding: 2px;
  border: solid 1px #819C84;
  vertical-align: top;
  text-align: left;
}


/*-------------------------------*/
.center_content{
  justify-items: center;
  justify-content: center;
width:960px;
clear:both;
margin:0 20px 0 0;
padding:10px 0 20px 0;
}
.center_content_pages{
width:960px;
clear:both;
margin:auto;
padding:20px 0 20px 0;
background:url(images/center_bg_pages.gif) no-repeat center top;
}
.home_section_left{
width:270px;
height:auto;
float:left;
margin:0 14px 0 14px;
padding:0 10px 20px 10px;
background:url(images/home_block_bg.gif) no-repeat center bottom;
}
.home_section_left p{
clear:both;
font-weight:bold;
}
.home_section_left p span{
font-weight:bold;
}
img.home_section_icon{
width:63px;
float:left;
}
h2.home_title{
width:190px;
float:left;
font-size:20px;
padding:20px 0 0px 10px; margin:0px;
color:#006699;
}
.home_title02{
  float:left; 
font-size: 12px;
  line-height: 1.5;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  color:#fff;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration:none;
  padding:0px 10px 0 25px;
  text-align:center; 
  height:31px;
  line-height:31px;
  background-color:#006699;
}
.home_subtitle{
width:190px;
float:left;padding:0px 0 0px 10px; font-size:12px; color:#339999;font-weight:bold;
}
.home_section_thumb{
float:left; 
clear:both;
padding:2px; text-align:center;margin:10px 0 10px 0; border:1px #dcdcdc solid;
font-weight:bold;
font-size: 10px;
}
a.more{
float:right;
}
img.projects{
float:left;
padding:2px;margin:0 10px 0 0; border:1px #dcdcdc solid;
}


.left_content{
width:660px;
float:left;
padding:0;
}
.left_block{
width:295px;
float:left;
padding:20px 20px 10px 15px;
}
.left_block_wide{
width:625px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form{
width:530px;
float:left;
padding:20px 20px 10px 15px;
}
.financial-application-form p{
margin-bottom:30px;
}
.testimonials{
width:360px;
float:right;
padding:20px 20px 0 0;
}
.block_wide{
width:625px;
float:left;
margin:10px 20px 10px 15px;
padding-top:10px;
border-top:1px #ededed solid;
}
.wide_content{
width:930px;
clear:both;
padding:10px 15px 0 15px;
}
.right_block{
width:280px;
float:right;
padding:20px 20px 10px 0;
}
img.pic{
border:3px #22496a solid;
margin:0 0 10px 0;
}
.home_news a{
font-size:12px;
color:#c82127;
text-decoration:none;
border-bottom:1px #bcbcbc dotted;
padding:10px 0 5px 12px;
display:block;
float:left;
background:url(images/arrow.gif) no-repeat left top;
background-position: 0px 13px;
}
.home_news a:hover{
text-decoration:underline;
}
input.newsletter_input{
background-color:#ccffff;
border:1px #e2c7c8 solid;
width:193px;
height:18px;
padding:4px;
float:left;
}
form#newsletter{
padding:10px 0 0 0;
}
input.newsletter_submit{
background-color:#006699;
color:#FFFFFF;
text-align:center;
float:left;
padding:4px 4px 3px 4px;
margin:0 0 0 10px;
border:1px #fdeaeb solid;
cursor:pointer;
}
.testbox{
padding:20px 10px 5px 0;
margin:0;
border-bottom:1px #ededed solid;
}
.testbox p{
font-style:italic;
}



/*-----------------------contact_form-------------------*/
.form{
width:500px;
height:auto;
float:left;
padding:20px 10px 10px 20px;
border:1px #fdeaeb solid;
}
.form_row{
width:425px;
float:left;
clear:both;
padding:7px 0 7px 0;
}
label{
width:100px;
float:left;
padding:3px 15px 0 0;
color:#b52025;
text-align:left;
font-weight:bold;

}
input.main_input{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:18px;
padding:4px;
float:left;
}
textarea.main_textarea{
background-color:#fdeaeb;
border:1px #e2c7c8 solid;
width:300px;
height:120px;
padding:4px;
float:left;
}
input.submit{
background-color:#b52025;
color:#FFFFFF;
text-align:center;
float:right;
padding:3px 10px 2px 10px;
margin:0px 0 0 0;
border:1px #b52025 solid;
cursor:pointer;
}
/*-----------------------------footer------------------*/
.footer{
clear:both;
width:960px;
margin:auto;
background:url(images/footer_bg.jpg) no-repeat center;
height:200px;
display: flex;
}
.copyright{
z-index: 1;
padding:30px 0 0 15px;
color:#6996c0;
}
.copyright a{
color: #2A1C11;
text-decoration:none;
}
.footer_links{
float:right;
padding:30px 15px 0 0;
}
.footer_links a{
text-decoration:none;
color: #2A1C11;
padding-left:10px;
}
.footer_links a:hover{
text-decoration:underline;
color: #2A1C11;
}

.sport-card {
    width: 250px;
    text-align: center;
    background-color: white;
    padding: 30px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.sport-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.sport-image {

    width: 120px;
    height: 120px;
    background-color: #e0e0e0;
    margin: 0 auto 20px;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}

.step-card {
  margin-left: 25px;
    width: 250px;
    background-color: #34495e;
    padding: 20px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.step-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}
.steps {
  padding: 40px 0;
  background-color: #f9f9f9; /* Cor de fundo para a área do carrossel */
}

#steps-carousel {
  width: 100%;
}

.jcarousel {
  position: relative;
  overflow: hidden;
  display: flex;
}


.jcarousel ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.jcarousel li {
  position: flex;
  display: inline-block;
  width: 100%;
}

.step-card {
  background-size: cover;
  background-position: center;
  height: 400px; /* Ajuste a altura conforme necessário */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: justify all;
  
  
}

.step-content {
  position: absolute;
  bottom: 20px; /* Ajuste conforme necessário */
  left: 20px; /* Ajuste conforme necessário */
  background: rgba(0, 0, 0, 0.7); /* Fundo degradê para legibilidade */
  color: #fff;
  padding: 15px;
  border-radius: 8px;
  max-width: 80%;
}

.step-content h3 {
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-style: bold;
  align-items: center;
  justify-content: center;
  text-align: justify all;

}

.step-content p {
  margin-bottom: 0;
  text-align: center;
}

  
  .step-card {
    display: flex;
    align-items: center;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .step-image {
    max-width: 150px;
    margin-right: 20px;
    border-radius: 8px;
  }
  
  .step-content {
    flex: 1;
  }
  
  .step-content h3 {
    margin-top: 0;
  }
  
  .step-content p {
    margin-bottom: 0;
  }

.sports {
    display: flex;
    justify-content: space-around;
    padding: 10px 30px 20px 10px;
    margin: 1vh 0;
}
@media (max-width: 768px) {
    .sports, .steps {
        flex-direction: column;
        align-items: center;
    }
}
.textoFora{
  margin:75px;
  display: flex;
  width: 800px; 
  padding: 25px;
  background-color:#006699;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 20px;

}
.Panel-box {
  margin: 25px;

}

.Panel-content {
  position: relative;
  top: 50%;

  width: 100%;
  color: #fff;
}
.Panel-subtitle {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  color: #fff;
   font-weight: 400;
  margin: 0 auto 10px;
  margin-bottom: 0;
  text-transform: uppercase;
  text-decoration:none;
  padding:0px 10px 0 10px;
  text-align:center; 
  height:31px;
  line-height:31px;
  background-color:#006699;
}

@media (min-width:720px) {
  .Panel-subtitle {
      font-size: 1.224rem
  }
}

@media (min-width:1280px) {
  .Panel-subtitle {
      font-size: 1.44rem
  }
}
.Panel-title {
  font-size: 2.5rem;
  line-height: 1.5;
  font-family: Semplicita Pro, Open Sans, Arial, Helvetica, sans-serif;
  color: #000000;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0
}

@media (min-width:720px) {
  .Panel-title {
      font-size: 2.2rem
  }
}

@media (min-width:1280px) {
  .Panel-title {
      font-size:2.3rem
  }
}
.Panel-desc {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  color: #000000;
   font-weight: 400;
  margin: 0 auto 10px
}

@media (min-width:720px) {
  .Panel-desc {
      font-size: 1.224rem
  }
}

@media (min-width:1280px) {
  .Panel-desc {
      font-size: 1.24rem
  }
}
.div{
  margin:0 75px 075px;
  display: flex;
  flex-direction: column;
  width: 800px; 
  padding: 25px;
  clear:both;
}
.sports>h1{
  margin-left: 10px;
  padding: 25px;
  background-color:#006699;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  width: 100px;
}
/* Novo estilo para o menu quando ele está fixo */
#menu.fixed {
  position: fixed;
  top: 0;
  width: 940px;
  z-index: 1000; /* Alta prioridade para estar sempre acima do conteúdo */
  background-color: #fff; /* Cor de fundo para não sobrepor textos */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Adiciona uma sombra para destaque */
}
.atendimento{
  display: flex;
  flex-direction: column;
}
.contact-info{
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}
.contact-infooter{

  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 15px;
}

.card {
  position: relative;
  width: 800px;
  height: 300px;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.background-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.content_footer{
  position: relative;
  z-index: 2;
  display: flex;
 flex-direction: row;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.profile-photo img {
  border-radius: 20px;
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin-right: 20px;
}
.profile-photoofer{
  display: flex;
}
.profile-photoofer img {
  border-radius: 20px;
  width: 150px;
  height: 150px;
  object-fit: cover;
  margin-right: 20px;
}

.details {
  flex: 1;
  color: #fff;
}

.details h1 {
  margin: 0;
  font-size: 2.5em;
  font-weight: bold;
}

.details h2 {
  margin: 5px 0;
  font-size: 1.5em;
  
}

.details h3 {
  margin: 5px 0 20px;
  font-size: 1.2em;
  font-weight: normal;
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.contact-item {
  display: flex;
  align-items: center;
  background-color: #f6f6f6;
  color: #49a1da;
  padding: 10px 20px;
  border-radius: 20px;
  border: 2px solid #84817f;
  box-shadow: 0 8px 0 #83cbcd;
  font-size: 1.1em;
}

.contact-item img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.social-media {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.social-media a img {
  width: 40px;
  height: 40px;
}