.P1_Tenis_Training {margin: 0 auto;  padding-left: 300px; background: #F1F1F1;
height:100%;   overflow: hidden; background-position: bottom;}
.P1_Tenis_Training .content{ margin-top:6%; float: left; padding-right:35px; width: 30%; display: block; }
.P1_Tenis_Training .content h2{font-family:'TradeGothicW01-BoldCn20 675334',Helvetica,Arial,sans-serif;text-transform: uppercase; font-size: 36px; color: #333; line-height: 35px;letter-spacing: -2px;}
.P1_Tenis_Training .content p{font-family: Helvetica,Arial,sans-serif; font-size: 13px; color: #333; margin-top:10px; }
.P1_Tenis_Training .content .btn{border-radius: 5px 5px 5px 5px;color: #FFF;display: block;font-family: "TradeGothicW01-BoldCn20 675334";font-size: 15px;height: 30px;padding-top: 10px;text-align: center;text-decoration: none;width: 100px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);margin: 7% auto;line-height: 20px; float:left;}

.P1_Tenis_Training .content .btn.preto{
  background-color: #333333;
  background-image: -moz-linear-gradient(center bottom , #1A1A1A 0px, #4B4B4B 100%);
  background-image: -webkit-linear-gradient(bottom , #1A1A1A 0px, #4B4B4B 100%);}
.P1_Tenis_Training .content .btn.preto:hover{
  background-color: #1a1a1a;
  background-image: -moz-linear-gradient(center bottom , #1A1A1A 0px, #656464 100%);
  background-image: -webkit-linear-gradient(bottom,#1A1A1A 0,#656464 100%);}

  .container_banner.bra-cards {box-shadow: 0 1px 5px #666; height: auto !important; margin-left: 250px; max-width: 1600px; min-width: 800px; padding: 0.5%;}
  .container_banner.bra-cards .estrutura {height: auto!important;}
  .container_banner.bra-cards h2 {font-family: "TradeGothicW01-BoldCn20 675334",Helvetica,Arial,sans-serif; font-size: 28px; margin: 20px auto 5px; text-transform: uppercase;}

  .tout-card {float: left;margin-left: 3%;position: relative;width: 19%; }
  .tout-card:last-child {margin: 0;}
  .tout-card img {width: 100%; display: block;}
  .tout-card .tout-card-info {bottom: 0px; top:15px; color: #fff; display: block; font-size: 11px; width:100%; position: absolute; text-align: left; color:#333; text-align:center; }
  .tout-card a:hover {text-decoration: none; }
  .tout-card .title {font-family: "TradeGothicW01-BoldCn20 675334";letter-spacing: -1px; text-transform: uppercase;}
  .tout-card .tout-card-category {font-size: 20px; line-height: 22px;}
  .tout-card .tout-card-name {font-size: 14px; line-height: 10px;}
  .tout-card .tout-card-description {font-size: 14px; line-height: 14px; margin-top: 6px;}
  
  .tout-card a .exp-learn-more {display: none;}
  .tout-card a:hover .exp-learn-more-container {height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%;}
  .tout-card a:hover .exp-learn-more-container .exp-learn-more {display: block; left: 50%; margin-top: -20px; position: absolute; text-align: center; top: 50%;}
  .tout-card a:hover .exp-learn-more-container .exp-learn-more .exp-learn-more-btn {-moz-user-select: none; background-clip: padding-box; border: medium none; border-radius: 3px; 
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 0 rgba(255, 255, 255, 0.27) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.3) inset; box-sizing: border-box; cursor: pointer; display: inline-block; 
    margin: 0; outline: medium none; padding-bottom: 0; padding-top: 0; position: relative; left: -50%; text-decoration: none; text-transform: uppercase; vertical-align: middle; 
    background-color: #ccc; border: medium none; color: #111; font-size: 12px; height: auto; letter-spacing: -0.05px; line-height: 14px; padding-left: 1em; padding-right: 1em; padding-top: 1em; padding-bottom: 1em;
    text-align: center; font-family: "TradeGothicW01-BoldCn20 675334",Helvetica,Arial,sans-serif; color: #fff; background-color: #333; 
    background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.6) 0%, rgba(102, 102, 102, 0.6) 100%); 
    background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(102, 102, 102, 0.6))); 
    background-image: linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%,rgba(102, 102, 102, 0.6) 100%);}
     
.P1_Tenis_Training_text { background: #fff none repeat scroll 0 0; height: 100%; margin: 0 auto; overflow: hidden;  padding-left: 26%;}

   .tout-card-text {border-right: 1px solid #dfdfdf; float: left; height: 62px; overflow: hidden; position: relative; width: 24.5%; padding-top:20px; }
  .tout-card-text:hover{background: #fff;}
  .tout-card-text:last-child {border-right:0px;}
  .tout-card-text:first-child {border-right:0px;}
  .tout-card-text img {width: 100%; display: block;}
  .tout-card-text .tout-card-info {bottom: 0px; top:0px; right:15px; left:15px; color: #fff; display: block; font-size: 11px; position: absolute; text-align: left; color:#333; text-align:center; }
  .tout-card-text .tout-card-info:hover{text-decoration: underline;}
  .tout-card-text .title {font-family: "TradeGothicW01-BoldCn20 675334";letter-spacing: -1px; text-transform: uppercase;}
  .tout-card-text .tout-card-category {font-size: 20px; line-height: 24px; text-align: center;padding-top:10px;}
  .tout-card-text .tout-card-name {font-size: 14px; line-height: 10px; text-align: center;}
  .tout-card-text .tout-card-description {font-size: 12px; line-height: 15px;  margin-top: 2px; text-align: center;}


  @media all and (max-width: 1380px) and (min-width: 1200px) {  
    
.P1_Tenis_Training .content{ margin-top:5%; float: left; padding-right:50px; width: 23%; display: block; }

  .tout-card .tout-card-info {bottom: 15px; color: #fff; display: block; font-size: 11px; width:100%; position: absolute; text-align: left; color:#333; text-align:center;top:80%;}
  
  .tout-card .tout-card-category {font-size: 18px; line-height: 22px;}

.P1_Tenis_Training .content h2{font-family:'TradeGothicW01-BoldCn20 675334',Helvetica,Arial,sans-serif;text-transform: uppercase; font-size: 30px; color: #333; line-height: 30px;letter-spacing: -2px;}
    
.P1_Tenis_Training {margin: 0 auto;  padding-left: 300px; background: #F1F1F1; }
     
.P1_Tenis_Training_text {  height: 100%; margin: 0 auto; overflow: hidden;  padding-bottom: 1.5%; padding-left: 30%; padding-top: 1.5%;}

  .tout-card {float: left;margin-left: 3%;margin-right: 0;position: relative;width: 19%;margin-left: 3%;}



}
  

    
  @media all and (max-width: 1200px) and (min-width: 1024px) {

    
.P1_Tenis_Training .content{ margin-top:3%; float: left; padding-right:50px; width: 23%; display: block; }

  .tout-card .tout-card-info {bottom: 15px; color: #fff; display: block; font-size: 11px; width:100%; position: absolute; text-align: left; color:#333; text-align:center;top:80%;}
  
  .tout-card .tout-card-category {font-size: 18px; line-height: 22px;}

.P1_Tenis_Training .content h2{font-family:'TradeGothicW01-BoldCn20 675334',Helvetica,Arial,sans-serif;text-transform: uppercase; font-size: 25px; color: #333; line-height: 25px;}
    
.P1_Tenis_Training {margin: 0 auto;  padding-left: 300px; background: #F1F1F1; }
     
.P1_Tenis_Training_text {  height: 100%; margin: 0 auto; overflow: hidden;  padding-bottom: 1.5%; padding-left: 25%; padding-top: 1.5%;}

  .tout-card {float: left;margin-right: 0;position: relative;width: 18%; margin-left: 2%!important;}



  }
  
  
    
  @media all and (max-width: 1024px) and (min-width: 0px) {

    
.P1_Tenis_Training .content{ margin-top:3%; float: left; padding-right:50px; width: 23%; display: block; }
    
  .tout-card {float: left;margin-left: 2%!important;margin-right: 0;position: relative;width: 19%;}

  .tout-card .tout-card-info {bottom: 15px; color: #fff; display: block; font-size: 11px; width:100%; position: absolute; text-align: left; color:#333; text-align:center;top:80%;}
  
  .tout-card .tout-card-category {font-size: 18px; line-height: 22px;}

.P1_Tenis_Training .content h2{font-family:'TradeGothicW01-BoldCn20 675334',Helvetica,Arial,sans-serif;text-transform: uppercase; font-size: 32px; color: #333; line-height: 30px;letter-spacing: -2px;}
    
.P1_Tenis_Training {margin: 0 auto;  padding-left: 40px; background: #F1F1F1; }
     
.P1_Tenis_Training_text { height: 100%; margin: 0 auto; overflow: hidden;  padding-bottom: 1.5%; padding-left: 0%; padding-top: 1.5%;}

}

@media all and (min-width: 760px) and (max-width: 780px){
  .P1_Tenis_Training .content p {
    margin-bottom: 20px;
  }
}