html{
   background-color: rgb(19,59,124);
}

a{
    color: #fff;
    list-style: none;
}

a:hover{
    color: #fff;
}

body{
    font-family: 'Abel', sans-serif;
    font-size: 12px;

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzExMzk3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIyNzFiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTM5NzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #113978 0%, #2271b9 50%, #113978 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113978), color-stop(50%,#2271b9), color-stop(100%,#113978));
background: -webkit-linear-gradient(top,  #113978 0%,#2271b9 50%,#113978 100%);
background: -o-linear-gradient(top,  #113978 0%,#2271b9 50%,#113978 100%);
background: -ms-linear-gradient(top,  #113978 0%,#2271b9 50%,#113978 100%);
background: linear-gradient(to bottom,  #113978 0%,#2271b9 50%,#113978 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113978', endColorstr='#113978',GradientType=0 );


min-width: 1035px;
color: #ffffff;
}




.container{
    max-width: 940px!important;

}


.thumbnail{
    background-color: #ffffff;
}
.photo-teams {
    font-size:0;
    margin-left: 0px;
}
.photo-teams li {
    height: 180px;
    width: 140px;
    list-style: none;
    display: inline-block;
    margin-left:20px;
    background: #FFF;
    margin-bottom: 20px;
}
.photo-teams li:first-child, .photo-teams li:nth-child(5n+1){
   margin-left: 0px;
}

.photo-teams li .caption {
    font-size: 14px;
    color: #154391!important;
    line-height: 30px;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

}

.centered {
  margin: auto auto;
  display: block;

}

.tumbnails {
    overflow: hidden;
    list-style: none;
}



.danger{
    background-color: #eed3d7;
}

.sucess{
    background-color: #46a546;
}

.warning{
    background-color: #FFE144;
}

.table tbody tr.active>td {
    background-color: #a11619;
}



li.span2{
    width:156px;
    height: 250px;
    margin-left: 10px;
    list-style: none;

}

#mycarousel{
    margin-top: 84px;
    transition: margin-top 0.3s ease;
    -webkit-box-shadow: 0px 6px 30px 1px #204e80;
    box-shadow: 0px 6px 30px 1px #204e80;
    margin-bottom: 0px;
}

.carousel-indicators{
    position: absolute;
    bottom: -50px;
    z-index: 15;
    width: 51%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    top: 95%;
}

.carousel-control {
	z-index: 30;
	top: 50%;
	font-family: 'Helvetica Neue', Arial, sans-serif;
    background-color: transparent;
    opacity: 1;
    border: none;
}

/*Novos conteudos*/


.nav-menu li a{
    color: #154391!important;
    padding: 10px 10px 10px!important;

}

.nav-menu > .active a{
    background-color: #a11619 !important;
    color: #ffffff!important;
}





.navbar-fixed-top{
  transition: height 0.3s ease;
}



 .navbar-fixed-top > .navbar-inner{
 height: 83px;
 transition: height 0.3s ease;

}

.logo-nav{
    margin-top: 10px;
    transition: width 0.3s, margin-top 0.3s ease;
    width: 60px
}
.text-nav h6{
    transition: font-size 0.3s, margin-top 0.3s ease;
    font-size: 16px;
}
.nav-collapse > .nav > li{
    height: 80px;
    transition: height 0.3s ease;
}
.nav-collapse >.nav > li a{
    height: 64px;
    line-height: 64px;
    transition: height 0.3s, line-height 0.3s   ease;
    text-shadow:none;

}
.nav-collapse >.nav > li a:hover {
    background: #cf373b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMzczYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZjEyMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cf373b 0%, #8f1215 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf373b), color-stop(100%,#8f1215));
    background: -webkit-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: -o-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: -ms-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: linear-gradient(to bottom,  #cf373b 0%,#8f1215 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf373b', endColorstr='#8f1215',GradientType=0 );
    box-shadow: inset 0px 1px 0px 0px #cf373b;
    -moz-box-shadow: inset 0px 1px 0px 0px #cf373b;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf373b;
    color:#FFF !important;
    border-bottom: 1px solid #57090b;
}
.nav-collapse >.nav > li.active a {
    background: #cf373b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMzczYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZjEyMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cf373b 0%, #8f1215 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf373b), color-stop(100%,#8f1215));
    background: -webkit-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: -o-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: -ms-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: linear-gradient(to bottom,  #cf373b 0%,#8f1215 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf373b', endColorstr='#8f1215',GradientType=0 );
    box-shadow: inset 0px 1px 0px 0px #cf373b;
    -moz-box-shadow: inset 0px 1px 0px 0px #cf373b;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf373b;
    border-left: 1px solid #57090b;
    border-right: 1px solid #57090b;
    border-bottom: 1px solid #57090b;
}
.navbar .nav .dropdown-toggle .caret{
    margin-top: 29px;
    transition: margin-top 0.3s ease;
}
.menu-container{
    transition: margin-top 0.3s ease;
    max-width: 940px !important;
}

.menu-container-ul{
    height: 20px!important;
    overflow: hidden;
    margin-top: 10px!important;
}



.main-container-header, .main-activity-header{
    margin-bottom: 30px;
}
.main-container-header h1, .main-activity-header h3{
    text-align: center;
}
.main-activity-header h3{
    font-weight: 300;
    font-size: 28px;
    margin-top: 0px;
    padding-top: 0px;
    line-height: 28px;
    margin-bottom: 37px;
}
.main-container-article-info{
    overflow: hidden;
    min-height: 400px;
}
.main-activity-info{
    overflow: hidden;
    min-height: 300px;
    margin-bottom: 70px;
}
.main-activity-info .actividades {
    background-color: #ffffff;
    height: 35px;
    overflow: hidden;
    color: #11438d;
}
.main-activity-info .actividades p{
    float: left;
    width: 80%;
    line-height: 35px;
    padding-left: 10px;
    font-size: 14px;
}

.main-activity-info img{
  height: 250px!important;
}

.main-container{
    background: url("/static/css/img/separator-shadow.png") no-repeat center bottom;
}
.main-container-article-info > .span2{
    border-right: 1px solid gainsboro;
    min-height: 400px;
}
.span4{
    width: 345px;
}
.span9{
    width: 759px;
}
.wrapp-span9{

margin: 0 auto 21px;
overflow: hidden;
max-width: 1025px;
}


.main-activity >.container > article{
    overflow: hidden;
    margin-bottom: 40px;
}


.footer{
    height: 100px;
}


/*Conteudo informação sobre jogo */

.game-info{

}

.game-info-header > h3{
  margin-top: 30px;
margin-bottom: 50px;
text-align: center;
    font-weight: 500;
font-size: 30px;

}

.game-info-header > .last-header{
    text-align: center;
    font-weight: 500;
font-size: 30px;


}

.wrapp-game-info{
    overflow: hidden;
    margin-left: 60px;
}

.team-info-riba{
    float: left;
    width: 70px;
    text-align: center;
    background-color:#bc1117 ;
    color: #ffffff;
    height: 100px;
}



.team-info-other h3, .team-info-riba h3{
 font-size: 27.5px;
margin-top: 10px;
margin-bottom: 0px;
font-weight: normal;
}

.team-info-other h1, .team-info-riba h1{
  font-size: 45px;
font-weight: 500;
    line-height: 20px;
}

.team-info-other{
    float: left;
    width: 70px;
    text-align: center;
   /* background-color:#9d1616 ;
    color: #ffffff;*/
    background-color: #ffffff;
    color: #206db5;
    height: 100px;
}


.bx-wrapper .bx-viewport{
    background-color:transparent !important;
    border: none!important;
    box-shadow: none!important;
    height: 192px!important;
}


.vs-info{
    float: left;
    width: 20%;
    text-align: center;
    color: #ffffff;
}

.vs-info h4{
    line-height: 90px;
}

.wrapp-next-games{
    margin-bottom: 20px;
}

.next-game-date{
    width: 76%;
    overflow: hidden;
}


.next-game-date  h4{
    /*color: #919191;*/
    color: #ffffff;
    text-align: center;
    font-weight: 500!important;
}

 .last-game{
    /* border-right: 1px solid #19548e;
     box-shadow: 1px 0px 0px #489cdc;*/
     min-height: 400px;

  }

 .wrapp-game-events{
     margin-top: 40px;
 }

 .game-events-info{
     overflow: auto;
     max-height: 180px;
     width: 300px;
     margin-left: 30px;

 }

 .game-events-info-row{
    overflow: hidden;
    width: 100%;
 }

 .game-home-team-event, .game-out-team-event{
     float: left;
     width: 40%;
     min-height: 20px;
 }

 .game-time-event-other{
     float: left;
     width: 20px;
     height: 30px;
     background-image: url("img/icon-timeline-dark.png");
     color: #ffffff;
     text-align: center;
     font-size: 14px;
 }

  .game-time-event-riba{
     float: left;
     width: 20px;
     height: 30px;
     background-image: url("img/icon-timeline.png");
     color: #ffffff;
     text-align: center;
     font-size: 14px;
 }


 .game-events-info-row:last-child > .game-time-event-other{
     float: left;
     width: 20px;
     height: 20px;
     background-image: url("img/icon-timeline-last-04.png");
 }

  .game-events-info-row:last-child > .game-time-event-riba{
     float: left;
     width: 20px;
     height: 20px;
     background-image: url("img/icon-timeline-last.png");
 }


 .game-player-event-home{
    float: left;
     width: 79%;
     text-align: right;
     padding-right: 5px;
     font-size: 14px;
     font-weight: normal;
 }

 .game-type-event-home{
     float: right;
     width: 15%;
     min-height: 20px;
     font-weight: normal;
 }


 .game-player-event-out{
    float: right;
    width: 79%;
    padding-left: 5px;
    font-size: 14px;
 }

 .game-type-event-out{
     float: left;
     width: 15%;
     min-height: 20px;

 }

 .wrappe-activity{
    margin: 0 auto 0px;
    overflow: hidden;
    max-width: 1025px;
    background: url("../img/sep-shadow-footer.png") no-repeat;
    background-position: bottom;
 }

/*Events types*/

.azul{
     width: 47%;
     height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #0029cc;
     margin-top: 6px;
    position: relative;
    text-align: center;
}

.vermelho{
     width: 51%;
     height: 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
     border-radius: 50%;
     background: red;
     margin-top: 6px;
     position: relative;
text-align: center;
}

.golo{
     width: 7px;
     height: 7px;
    /*-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
     border-radius: 50%;
     background: #808080;*/
    background-image: url("img/icon-goal.png");
     margin-top: 6px;
    position: relative;
    text-align: center;
}


/*Competition type*/

/*campeonato*/
.game-type-1{

}

/*taça*/
.game-type-2{
background: url("img/icon-cup.png") no-repeat;
height: 12px;
width: 7%;
margin-top: 13px;
background-position: center;


}
/*amigavel*/
.game-type-3{

}
/*europeu*/
.game-type-4{

}

.footer-nav{
    margin: 0 auto 0px;
overflow: hidden;
max-width: 1025px;
    color: #ffffff!important;
}

.footer-nav li a{
    color: #ffffff!important;
    text-shadow: none !important;
    font-size: 16px;
    padding: 10px 10px 10px!important;
    padding-left: 5px!important;
    line-height: 0px;
}



.facebook-btn h5 {
    font-weight: normal;
}

.footer-nav li{
    padding-left: 0px!important;
    border-left: 1px solid;
}

.footer-nav li:first-child{
    margin-left: 10px;
    border-left: 0px;
}


.wrappe-extra-info{
    margin: 0 auto 0px;
    overflow: hidden;
    max-width: 1025px;
    text-align: center;
    height: 330px;
padding-top: 15px;
}


.wrappe-extra-info h4{
    font-weight: 500;
font-size: 20px;
}


.thumbnail{
    border-radius:0px;
    -webkit-border-radius:none!important;
}



/*Menú de transição*/

 .nav-collapse >.nav > .dropdown > .dropdown-menu > li >a{
     height: 20px;
     line-height: 2;
     transition: height 0.3s, line-height 0.3s   ease;
 }
.menu-nav{
    background-color: #33648B;
    text-align: center;
    height: 50px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;

}
.menu-nav li a:hover{
    background-color: #0070b3;
}
.menu-nav li a{
    text-align: center;
    color: #ffffff;
    height: 25px;
}
.nav-team ul{
	box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
	border-radius: 3px;
	list-style: none;
	display: inline-table;
    height: 40px;
    background-image: linear-gradient(bottom, rgb(31,100,174) 36%, rgb(36,120,189) 81%);
    background-image: -o-linear-gradient(bottom, rgb(31,100,174) 36%, rgb(36,120,189) 81%);
    background-image: -moz-linear-gradient(bottom, rgb(31,100,174) 36%, rgb(36,120,189) 81%);
    background-image: -webkit-linear-gradient(bottom, rgb(31,100,174) 36%, rgb(36,120,189) 81%);
    background-image: -ms-linear-gradient(bottom, rgb(31,100,174) 36%, rgb(36,120,189) 81%);
    background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.36, rgb(31,100,174)),
	color-stop(0.81, rgb(36,120,189)));
    /*border: 1px #174f99 solid;*/
    -webkit-box-shadow: 0px 5px 15px 1px #174f99;
    box-shadow: 0px 5px 15px 1px #174f99, inset 0px 1px 0px #489cdc;
}
.nav-team ul li{
    float: left;
    height: 20px;
    padding: 10px;
    padding-left: 17px;
    padding-right: 17px;
    border-right: 1px #174f99 solid;
    box-shadow: inset 1px 0px 0px #489cdc;
    border-top: 1px solid #174f99;
    border-bottom: 1px solid #174f99;
    -webkit-box-shadow: inset 0px 1px 0px 0px #489cdc;
    box-shadow: inset 0px px 0px 0px #489cdc;
}
.nav-team ul li:last-child{
    border-right: none;
    padding-left: 20px;
    border-right: 1px solid #174f99;
}
.nav-team ul li:first-child {
    border-left: 1px solid #174f99;
}
.nav-team .active{
    box-shadow: inset 0px 1px 0px 0px #d1373b;
    -moz-box-shadow: inset 0px 1px 0px 0px #d1373b;
    -webkit-box-shadow: inset 0px 1px 0px 0px #d1373b;
    color:#FFF !important;
    background: #cf373b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmMzczYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZjEyMTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #cf373b 0%, #8f1215 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf373b), color-stop(100%,#8f1215));
    background: -webkit-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: -o-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: -ms-linear-gradient(top,  #cf373b 0%,#8f1215 100%);
    background: linear-gradient(to bottom,  #cf373b 0%,#8f1215 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf373b', endColorstr='#8f1215',GradientType=0);
}
.nav-team .active:first-child{
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.nav-team .active:last-child{
   border-bottom-right-radius: 3px;
   border-top-right-radius: 3px;
}
.nav-team ul li a{
    color: #ffffff;
    line-height: 20px;
    text-decoration: none;
}
.nav-team ul li b{
    font-weight: normal!important;
    font-size: 19px;
    font-weight: 500!important;
}

.steam{
    cursor: pointer;
}

.steam > .level-slide{
height: 40px;
width: 100%;
background-color: #ffffff;
color: #154391;
line-height: 3;
}

.steam > .active{
height: 40px;
width: 100%;
background-color: #a11619;
color: #ffffff;
line-height: 3;
}

.steam > .level-slide h5{
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}
.activitys-arrow{
    float: right;
    width: 7%;
    line-height: 33px;
    background: url("/static/css/img/icon-arrow.png") no-repeat;
    height: 35px;
    background-position: center;

}
.img-slider{
    width: 221px;
    height: 151px;
}
.level-slide-caption{
    width: 80%;
    float: left;
    padding-left: 10px;
}
.arrow{
    width: 10%;
    float: right;
}
.bx-wrapper{
    margin-bottom: 40px!important;
}
.arrow h4{
     text-align: center;
     transition: -webkit-transform 0.3s, -moz-transform 0.3s, margin-top 0.3s   ease;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
    background-color: #ffffff!important;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background-color: rgba(255,255,255,0.25)!important;
}
.nano .content:focus{
    outline: none!important;
}
.section-extra{
    background: url("/static/css/img/separator-shadow.png") no-repeat;
    background-position: bottom;
}

.div-middle{
    background: url("/static/css/img/separadoe-central1.png") no-repeat;
    background-position: top center;
    height: 450px;
}
.bx-wrapper .bx-prev{
background: url("/static/css/bxslider/images/icon-groups-nav-left.png")!important;
}
.bx-wrapper .bx-next{
    background: url("/static/css/bxslider/images/icon-groups-nav-right.png")!important;
}
.bx-wrapper .bx-controls-direction a{
    height: 30px!important;
    width: 30px!important;
}

/*carousel transition effects*/


.carousel .item {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -ms-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
}

.carousel-indicators li{
    transition: class .1s!important;
}



.carousel .active.left, .carousel .active.right {
    left:0;
    opacity:0;
    z-index:2;
}
.carousel .next, .carousel .prev {
    left:0;
    opacity:1;
    z-index:1;
}
.fb-like{
    height: 20px;
    overflow: hidden;
}
.carousel-caption{
position: absolute;
right: 0;
bottom: 150px;
left: -550px;
padding: 15px;
text-align: center;
background: none;
top: 130px;
}
.slider-caption-button{
background-color: #a11619 !important;
height: 40px;
line-height: 40px;
width: 300px;
border: solid 1px #57090b;
box-shadow: inset 0px 1px 0px #d0373b;
margin-top: 30px;
}
.slider-caption-button:hover{
    cursor: pointer;
}
.slider-caption-button h5{
height: 40px;
line-height: 40px;
margin-top: 0px;
}
.table{
    text-transform: uppercase;
}
.header-table{
    width: 90%!important;
}
.header-table th {
    text-align: center;
    line-height: 34px;
    font-size: 16px;
}
.header-table thead {
border-top: 1px solid;
}

.table-container {
height: 330px!important;
width: 94%!important;
}
#comp .table{
    width: 96%;
    table-layout: fixed;
    text-align: center;
    margin-bottom: 0px;
}

#comp .table th{
text-transform: uppercase;
}

#comp .table tr td{
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;

}

#comp .table tr td:first-child {
    text-align: left;
     width: 100px;
}

.header-table th:first-child{
  text-align: left;
  width: 100px;
}


.table-classif{
    width: 90%;
}

.table-classif tr th, .table-classif tr td {
 text-align: center;

}
 .table-classif tr td {
     font-size: 15px;
     font-weight: 500;
  }

 .table-classif tr th {
     font-size: 16px;
     line-height: 30px;
  }

.classification-riba{
   background-color: #a11619;
}


.slider-caption-button a{
    color: #ffffff;
    text-decoration: none;

}


.carousel-next-game-info{
    text-transform: uppercase;

}


.carousel-next-game-info h1{
font-size: 60px;
font-weight: 500;
    padding-bottom: 10px;
}

.carousel-next-game-info h5{
font-size: 22px;
font-weight: 500;
}


.headers-containares{
   text-align: center;
    margin-bottom: 20px;
    width: 90%;
    text-transform: uppercase;

}

.headers-containares h2{
    font-weight: 500;

}


/* Contactos*/
.form-contact input, textarea , select{
    border-radius: 0px;
}


/*Aluguer*/

.rent-img-slide{
    height: auto;
    width: 100%;

}


.field_info h3{
 margin-top: 0px;
}

.extra_info h3, .field_info h3{
    text-transform: uppercase;
    font-weight: 500;
}

.field_info{
  padding-bottom: 0px;
}

.extra_info{
    padding-bottom: 15px;
    margin-top: 25px;
}

.ui-datepicker {
    font-size: 14px !important;
}

.ui-timepicker-table, .ui-timepicker-title{
     font-size: 14px !important;
}


.rent h1{
    font-weight: 500;
    text-transform: uppercase;
}

.rent .carousel-control{
    width: 40px;
    height: 40px;
}

.extra_info p , .field_info p{
    font-weight: normal;
    font-size: 15px;
}

.form-rent, .form-associate{
    padding-top: 50px;
}

.form-btn{
    color:#ffffff;
    font-size: 15px;
    font-weight: 500!important;
    background-color: #a11619;
    box-shadow: inset 0px 1px 0px #d0373a;
    border: 1px #920f14 solid;
    height: 35px;
    font-family: franklin-gothic-urw-cond, arial, sans-serif;
}


/*associacao*/

.affiliation p{
    font-size: 15px;
    font-weight: normal;
}


.affiliation h1,h3,h2{
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 0px;
}

.direction-photos li{
    width: 162px!important;
    min-height: 205px!important;
    display: inline-block;
    margin-bottom: 20px;
    list-style: none;
    padding-right:29px;
}



.direction-photos li:nth-child(5n){
    padding-right: 0px;
}

.wrapp-direction-photos{
    margin-left: 0px!important;
    max-width: 980px!important;
}

.direction-photos:first-child{
    margin-left: 0px!important;
}



/*Patinagem*/

.skating-container h1,.skating-container h2, .skating-container h3,.skating-container h4{
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0px;
}

.skating-container p{
    font-size: 15px;
}

#carousel-skating > .carousel-indicators, #carousel-affiliation-history > .carousel-indicators,
#carousel-affiliation > .carousel-indicators, #carousel-rent > .carousel-indicators, #carousel-associates > .carousel-indicators{
top: 105%!important;
}

.carousel-indicators{
 cursor: pointer!important;
}


.technical-caption{
    font-size: 14px;
    color: #154391!important;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}

.technical-caption p{
    margin-bottom: 0px;
}

.role-test{
    font-size: 11px;
}

.photo-tecnical-teams li {
    height: 191px;
    width: 140px;
    list-style: none;
    display: inline-block;
    margin-left:20px;
    background: #FFF;
    margin-bottom: 20px;
}

.photo-tecnical-teams {
    font-size:0;
    margin-left: 0px;
}

.photo-tecnical-teams li:first-child, .photo-tecnical-teams li:nth-child(5n+1){
   margin-left: 0px;
}

.header-new-span8{
    padding-bottom: 5px;
}


.header-new-span8 h3{
    margin: 0px;
}

.header-new-span8 h5{
    font-size: 16px;
    font-weight: 300;
    margin: 0px;
}


.news-list{
    margin-left: 0px;
    overflow: hidden;
    font-size: 0px;

}

.news-list li{
width: 300px;
/*min-height: 410px!important;*/
margin-bottom: 30px!important;
display: inline-block;
font-size: 16px;
margin-left: 18px;
}

.news-list li:nth-child(2n +1){
    margin-left: 0px;
}

.news-list-caption {
  height: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
    padding-top: 10px;
}


.individual-new-gallery{
    padding-bottom: 40px;
    width: 620px;
}

.individual-new-content{
    padding-bottom: 20px;
    font-size: 15px;
}



.main-header-new{
    padding-bottom: 20px;
}

.main-header-new h1{
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0px;
}


.blog-wrapper{
    margin-left: 0px!important;
}

.blog-wrapper-list{
    margin-left: 0px!important;
}

.blog-wrapper-list h2{
    margin-left: 20px;

    padding-bottom: 0px;
    font-size: 20px;
    margin-bottom: 0px;
}

.blog-header{
    margin-left: 0px!important;
}

.blog-header h2{
    margin-left: 20px;
    font-size: 24px;
    /*border-bottom: 1px solid;*/
    margin-bottom: 0px;
    margin-top: 10px;
}

.blog-ul-list{
    margin-left: 0px;
    overflow: hidden;
    padding-top: 20px;
}

.blog-content{
    border-bottom: 1px solid;
    padding-bottom: 5px;
}



.blog-wrapper li, .blog-wrapper-list li{
    list-style: none;
    margin-bottom: 20px;
    overflow: hidden;
}

.blog-img{
    width: 100px;
    float: left;
    height: 100px;
    background-color: #ffffff;
}

.blog-content{
    width: 100%;
    margin-left: 20px;
    float: left;
}

.back-news{
    text-transform: uppercase;
}

.header-page-news{
    text-transform: uppercase;
    margin-bottom: 0px;
    font-size: 15px;
    padding-bottom: 5px;
}


.form-btn-news{
    color:#ffffff;
    font-size: 15px;
    font-weight: 500!important;
    background-color: #a11619;
    box-shadow: inset 0px 1px 0px #d0373a;
    border: 1px #920f14 solid;
    height: 25px;
    font-family: franklin-gothic-urw-cond, arial, sans-serif;
}


.more-info{
    width: 100px;
}

.more-info a:hover{
    text-decoration: none;
}


.more-info h5{
    font-size: 14px;
    line-height: 25px;
    margin-left: 0px;
    text-align: center;
}



.img-news-blogs{
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    background:#FFF no-repeat center;
}

.img-news-blogs img{
    padding: 10px;
    max-width: 100px;
    max-height: 100px;
    text-align: center;
}


.blog-title h4{
    margin-top: 0px!important;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 5px;
    font-size: 15px;
}


.blog-description{
    font-size: 15px;
}

.view-blog h4{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 0px;
}

.title-main-header-news h2{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
}

.title-main-header-blog{
  margin-left: 0px!important;
}

.title-main-header-blog h2{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 20px;
}

.carousel-new-info{
    font-size: 15px;
    line-height: 20px;
}


.carousel-caption h1{
  font-size: 50px;
  font-weight: 500;
  text-transform: uppercase;
}

.carousel-caption-news{
    position: absolute;
    right: 0;
    bottom: 150px;
    left: -550px;
    padding: 15px;
    text-align: center;
    background: none;
    top: 0px!important;
}

.carousel-caption-news-detail{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 8px;
    background: rgba(207, 55, 59, .7)
}

.carousel-caption-news-detail p{
    color: #fff;
    opacity: 1;
    margin-bottom: 0px;
}

.news-info{
    position: absolute;
    width: 400px;
    left: 42%;
    text-align: left;
}

.news-list-caption{
    height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-info-caption{
    width: 350px;
    text-align: left;
    padding-left: 80px;
    padding-bottom: 10px;
}

.news-info-caption:last-child{
    padding-bottom: 20px;
}

.news-info-caption h3{
    margin-bottom: 0px;
    font-size: 15.5px;
    line-height: 30px;
    font-weight: 600;
}


.slider-caption-button-news{
    background-color: #a11619 !important;
    height: 30px;
    line-height: 30px;
    width: 145px;
    border: solid 1px #57090b;
    box-shadow: inset 0px 1px 0px #d0373b;
}

.content-news-button{
    padding-right: 130px;
}


.content-news-button h5{
font-size: 16px;
font-weight: 500;
    line-height: 10px;
}

.content-news-button a:hover{
    text-decoration: none;
}

.news-info-content{
    min-height: 60px;
    overflow: hidden;
}

.carousel-new-info h1{
    font-weight: 500;
    padding-bottom: 10px!important;
}

.more-info-new{
    font-size: 16px;
    margin-top: 5px;
}

.fb-comments, .fb-comments * {
    width:99% !important;
    opacity: 1px!important;
    border-color: #000!important;
     min-height: 0px !important;
    margin-left: 5px;
}

.fb-comments{
    background-color: #fff!important;
    opacity: 1 !important;
    width: 100%!important;

}
/* UNIFORM STYLING */

div.uploader span.action {
  background-color: transparent!important;
}

.btn-school{
    font-size: 20px;
}


.right-caption{
    position: absolute;
    right: 10%;
    text-align: center;
    background: none;
    top: 30%;
    left: auto;
}

.left-caption{
    position: absolute;
    left: 15%;
    text-align: center;
    background: none;
    top: 30%;
    right: auto;
    bottom: auto;
}

.news-info-caption{
    padding-left: 20px;
    padding-bottom: 15px;
}

.content-news-button{
    text-align: center;
    padding-left: 20px;
}


.events{
    list-style: none;
    margin: 0px;
    margin-top: 30px;
    font-size: 16px;
}

.events li{
    margin-bottom: 25px;
    float:left;
}

.events li:nth-child(2n+1){
    margin-left: 0px;
}

.calendar{
    width: 20%;
    padding-right: 10px;
}

.calendar-inner{
    position: relative;
    text-align: center;
}

.calender-text{
    width: 75%;
}

.date-calendar{
    position: absolute;
    top: 25px;
    left: 0px;
    text-align: center;
    width: 100%;
}

.date-calendar p{
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

.date-calendar .calendar-day{
    font-size: 18px!important;
}

.event-information{
    margin-top: 25px;
}

.extra-info-wrapper{
    margin-top: 30px;
}

.associates-info-wrapper{
    margin-bottom: 30px;
}