@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

html,body{
   width: 100%;
   height: 100%;
}
body{
   background: #000 url(../imagens/bg01.png)  no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   color: #fff;
   font-family: 'Roboto Condensed', sans-serif;
   /* font-family: Arial, Helvetica, sans-serif; */
}

::-webkit-scrollbar {
  width: 13px;
  height: 13px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #949494;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #000000;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}


.bg-bolas{
   position:absolute;
   left:0;
   bottom:0;
   right:0;
   top:0;
   width:100%;
   height:100%;
   z-index:-1;
   background-image: url(../imagens/backgrounds/bg-bolinhas.png);
   background-repeat: no-repeat;
}

.header{
   z-index:2;
   padding: 20px 0;
   margin-bottom: -40px;
}

.section-main{
   width: 100%;
   position: relative;
   overflow: hidden;
   z-index: 99;
}

.bg-claro{
   background: rgba(255,255,255,0.2);
   padding-left: 0;
   padding-bottom: 25px;
}
.bg-claro .box-conteudo{
   height: auto;
   max-height: 320px;
   margin: 10px 0;
   /* padding: 0 30px 30px 30px; */
   padding-left:30px;
   padding-right:30px;
   overflow-x: hidden;
   overflow-y: auto;
   text-align: justify;
}


div#carousel-esportista > div.carousel-inner > div.esportista{
   /* position: absolute; */
   /* position: fixed; */
   /* display: block; */
   /* bottom: 0; */
   /* right: 0; */
   /* padding-right: 0; */
   margin-right: -15px;
   /* background-color: #F00; */
   background-repeat: no-repeat;
   background-position: top left;
   background-size: cover;
   /* width: 33.33333333%; */
   min-height: 100%;
}

/* @media (max-width: 768px) and (min-height: 991px) {
   #esportista{
      display: none;
   }

} */

@media (min-width: 768px) and (max-width: 1269px) and (min-height: 1020px) {



}


#menu{
   /* padding-left: 0; */
 /* margin-left:-30px; */
}

#menu ul{
   padding: 0;
   margin: 0;
   margin-top: 30px;
   list-style: none none;
}

#menu ul li{
}

#menu ul li a{
   background-color: transparent;
   background-position: center right;
   background-repeat: no-repeat;
   margin-bottom:10px;
   /* padding-left: 25px; */
   padding-left: 15%;
   padding-top: 12px;
   padding-bottom: 17px;
   max-height: 37px;
   display: block;
   font-size:14px;
   color: #000;
   text-decoration: none;
   line-height: 14px;
}


#menu ul li:nth-of-type(1) a{
   background-image: url("../imagens/menu_01.png");
}
#menu ul li:nth-of-type(2) a{
   background-image: url("../imagens/menu_02.png");
}
#menu ul li:nth-of-type(3) a{
   background-image: url("../imagens/menu_03.png");
}
#menu ul li:nth-of-type(4) a{
   background-image: url("../imagens/menu_04.png");
   padding-top: 6px;
   padding-bottom: 9px;
}
#menu ul li:nth-of-type(5) a{
   background-image: url("../imagens/menu_05.png");
}


#menu ul li a:hover, #menu ul li:hover{
   color: rgba(255,255,255,0.8);
   background-image: url("../imagens/menu_over.png");
      background-position: center right;
   /* transform: skew(22deg) ; */
}

@media (min-width: 1800px) {
   body{
      font-size: 3rem;
   }
   #menu{
      zoom: 1.4;
   }
   .som{
      zoom: 1.4;
      margin-left: 35px;
   }
}

@media (min-width: 2200px) {
   body{
      font-size: 3rem;
   }
   #menu{
      zoom: 1.7;
   }
   .som{
      zoom: 1.5;
      margin-left: 50px;
   }
}



.som{
   margin-left: 15px;
}







.main-apoio{
   /* margin-left: 30px; */
   /* max-width: 690px; */
}

.atit_line{
   position: relative;
   /* background: #F00; */
   text-align: center;
   /* font-size: 2rem; */
}
.atit_line::before{
   content: '';
   display: block;
   position: absolute;
   top:10px;
   left: 15px;
   height: 1px;
   width: 38%;
   /* margin: 10px; */
   background: #fff;
}

.atit_line::after{
   content: '';
   display: block;
   position: absolute;
   top:10px;
   right: 15px;
   /* left: 50%; */
   height: 1px;
   width: 38%;
   /* margin: 10px; */
   background: #fff;
}


.tit_line {
   /* position: relative; */
  display: table;
  white-space: nowrap;
  text-align: center;
  /* margin: 0 10px; */

}
.tit_line:before, .tit_line:after {
   position: relative;
  content: " ";
  /* position: absolute; */
  display: table-cell;
  width: 50%;
  /* margin: 0 5%; */
  background: -webkit-linear-gradient(#fff, #fff) repeat-x left center;
  background: linear-gradient(#fff, #fff) repeat-x left center;
  background-size: 1px 1px;
}

.tit_line:before{
   left: -5px;
}

.tit_line:after{
   right: -5px;
}

/* .tit_line2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-align: center;
}
.tit_line2:before, .tit_line2:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    /* width: 48%; * /
    width: 47%;
    margin-left: 3%;
    height: 1px;
    content: '\a0';
    background-color: #fff;
}
.tit_line2:before {
    margin-left: -50%;
    text-align: right;
} */

.atit_patrocinio::before,
.atit_patrocinio::after{
   width: 160px;
}

.atit_apoio::before,
.atit_apoio::after{
   width: 70px;
}

.atit_concepcao::before,
.atit_concepcao::after{
   width: 25px;
}






.flip{
   -webkit-transition: 1s;
   -moz-transition: 1s;
}


.flip:hover {
   /*transform: rotateY(180deg);*/
   /*transform: rotateX(180deg);*/
   /*transform: rotateZ(360deg);*/
   /*transform: scale3d(180deg,180deg,180deg);*/
   /*transform-origin: 20% 30%;*/
   /*transform: matrix(0.866,0.5,0.9,0.866,0,0);*/
   transform: rotate3d(180,-180,0, 180deg);
   /*-moz-transform: rotate3d(180,-180,0, 180deg);*/
}

.section-main .main-text{
   position: relative;
   /*margin-top: 55px;*/
   margin-left: 29px;
   /*width: 100%; */ /* Comentado para pdoer entrar os social-icons*/
   margin-right: 45px;
   /*min-width: 690px;*/
   max-width: 100%;
   height: 324px;
   background: rgba(255,255,255,0.2);
   padding: 10px 15px;
}

.section-main .main-text:before{
   content: url('../imagens/bg_triangulo.png');
   position: absolute;
   top: 0;
   left: -163px;
}

.section-main .main-text .container{
   width: 100%;
   max-width:700px;
   position:relative;
   max-height:100%;
   overflow:auto;
}

.section-main .menu-container {
  float: left;
  width: 550px;
  height: 470px;
}

.section-main .main-container {
  width: auto;
  margin-left: 550px;
  min-height: 450px;
  padding-top: 55px;
  position:relative;
  z-index:10;

}

/* Carousel */

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;

}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.slidebg{
   background: #000  no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100%;

};

.fade .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;

}
.fade .item,
.fade .active.left,
.fade .active.right {
  opacity: 0;
}
.fade .active,
.fade .next.left,
.fade .prev.right {
  opacity: 1;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
   color:#e6e5e3;
}

a{
   text-decoration: none;
   color: #fbac0c
}

a:hover {
   text-decoration: underline;
   color: #fbac0c
}

.titulo-amarelo{
   color: #fbac0c;
}

object[type^=application/gas-events] { display: none; }



.destaque-box{
   border:1px solid #fec604;
   padding:10px;
}




/* Acima de LG */
@media (min-width: 1442px)  {
   /* and (max-width: 1199px) */
   .bg-claro .box-conteudo{
      font-size: 3rem;
      max-height: 500px;
   }
}




/*===========================================
=            QUEBRA DE MENU HOME            =
===========================================*/

   @media (max-width: 992px) {

      /*===================================================
      =            MUDANDO BREAKPOINT DO MENU            =
      ===================================================*/
         /* #menu-logo{
            position: relative;
            top: -8px;
            left:0;
         } */
         .navbar-header {
            float: none;
         }
         .navbar-left,
         .navbar-right {
            float: none !important;
         }
         .navbar-right ~ .navbar-right {
             /*margin-right: 0;*/
         }
         .navbar-toggle {
            display: block;
         }
         .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
         }
         .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
         }
         .navbar-collapse.collapse {
            display: none !important;
         }
         .navbar-nav {
            float: none !important;
            margin-top: 7.5px;
            margin-bottom: 15px;
         }
         .navbar-nav>li {
            float: none;
            padding: 2px 0;
         }
         .navbar-nav > li > a {

         }
         .dropdown-menu > li > a{
            color: #FFF;
         }
         .collapse.in{
            display:block !important;
         }

         .navbar-fixed-top .navbar-collapse,
         .navbar-fixed-bottom .navbar-collapse {
            max-height: 340px;
         }
         .navbar-collapse.in {
            overflow-y: auto !important;
         }

      /*-----  End of MUDANDO BREAKPOINT DO MENU  ------*/

      /*============================
      =            MENU            =
      ============================*/

         .navbar-collapse{
            /*min-height: 68px !important;*/
         }

         .container > .navbar-header,
         .container-fluid > .navbar-header,
         .container > .navbar-collapse,
         .container-fluid > .navbar-collapse{
            min-height: 75px;
         }

         .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
         }
      /*-----  End of MENU  ------*/
   }

/*-----  End of QUEBRA DE MENU HOME  ------*/



/*======================================
=            SOCIAL BUTTONS            =
======================================*/

   .social-buttons {
     position: fixed;
     top: 220px; /* Altura */
     right: 0;
     width: 45px; /*margem da lateral */
     z-index: 9999;
   }

   .button-left {
     left: 0;
   }

   .button-right {
     right: 0;
   }

   .social-buttons #twitter-btn .social-icon,
   .social-buttons #facebook-btn .social-icon,
   .social-buttons #google-btn .social-icon,
   .social-buttons #rss-btn .social-icon,
   .social-buttons #pinterest-btn .social-icon,
   .social-buttons #youtube-btn .social-icon {
     background-color: #33353B; /*Cor dos botões */
     background-image: url(../imagens/social-icons.png);
   }

   .button-left #facebook-btn span {
     background-position: right 10px;
   }

   .button-left #twitter-btn span {
     background-position: right -35px;
   }

   .button-left #google-btn span {
     background-position: right -127px;
   }

   .button-left #rss-btn span {
     background-position: right -80px;
   }

   .button-left #pinterest-btn span {
     background-position: 11px -177px;
   }

   .button-left #youtube-btn span {
     background-position: 11px -223px;
   }

   .button-right #facebook-btn span {
     background-position: 12px 10px;
   }

   .button-right #twitter-btn span {
     background-position: 11px -35px;
   }

   .button-right #google-btn span {
     background-position: 10px -127px;
   }

   .button-right #rss-btn span {
     background-position: 11px -80px;
   }

   .button-right #pinterest-btn span {
     background-position: 11px -177px;
   }

   .button-right #youtube-btn span {
     background-position: 11px -223px;
   }



   .social-buttons #facebook-btn:hover .social-icon {
     max-width: 190px;
     /*float: left;*/
     float: right;
     /*background-color: #3B5998;*/ /* Cor Hover do botão */
     background-color: #4D68A0;
   }

   .social-buttons #twitter-btn:hover .social-icon {
     max-width: 120px;
     /*float: left;*/
     float: right;
     background-color: #2AA9E0; /* Cor Hover do botão */
   }

   .social-buttons #google-btn:hover .social-icon {
     max-width: 140px;
     /*float: left;*/
     float: right;
     background-color: #D95232; /* Cor Hover do botão */
   }

   .social-buttons #pinterest-btn:hover .social-icon {
     max-width: 180px;
     /*float: left;*/
     float: right;
     background-color: #FA8072; /* Cor Hover do botão */
   }

   .social-buttons #youtube-btn:hover .social-icon {
     max-width: 180px;
     /*float: left;*/
     float: right;
     background-color: #FF0000; /* Cor Hover do botão */
   }

   .social-buttons #rss-btn:hover .social-icon {
     max-width: 160px;
     /*float: left;*/
     float: right;
     background-color: #FF8B0F; /* Cor Hover do botão */
   }


   .social-buttons a:hover .social-text {
     width: 160px;
     /*padding-left: 15px;*/
     float: left;
     /*float: right;*/
     display: block;
   }

   .button-left .social-icon {
     -moz-transition: background-color 0.4s ease-in 0s;
     -webkit-transition: background-color 0.4s ease-in 0s;
     background-repeat: no-repeat;
     display: block;
     /*float: left;*/
     /*height: 43px;*/
     height: 40px;
     width: 43px;
     margin-bottom: 2px;
   }

   .button-left .social-text {
     display: none;
     float: right;
     font-size: 1em;
     font-weight: bold;
     margin: 11px 40px 11px 0px;
     white-space: nowrap;
   }

   .button-right .social-icon {
     -moz-transition: background-color 0.4s ease-in 0s;
     -webkit-transition: background-color 0.4s ease-in 0s;
     background-repeat: no-repeat;
     display: block;
     float: right;
     /*height: 43px;*/
     height: 40px;
     width: 43px;
     margin-bottom: 2px;
   }

   .button-right .social-text {
     display: none;
     float: left;
     font-size: 90%;
     font-weight: bold;
     /*margin: 11px 0 11px 50px;*/
     margin: 11px 0 11px 40px;
     white-space: nowrap;
   }

   .social-buttons .social-text {
     color: #FFFFFF; /* Cor do texto */
   }

/*=====  End of SOCIAL BUTTONS  ======*/