@font-face {
  font-family: 'SegoeUI-Light';
  src: url('../fonts/segoeUI/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/segoeUI/SegoeUI-Light.woff') format('woff'), url('../fonts/segoeUI/SegoeUI-Light.ttf')  format('truetype'), url('../fonts/segoeUI/SegoeUI-Light.svg#SegoeUI-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SegoeUI';
  src: url('../fonts/segoeUI/SegoeUI.eot?#iefix') format('embedded-opentype'),  url('../fonts/segoeUI/SegoeUI.woff') format('woff'), url('../fonts/segoeUI/SegoeUI.ttf')  format('truetype'), url('../fonts/segoeUI/SegoeUI.svg#SegoeUI') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SegoeUI-Semibold';
  src: url('../fonts/segoeUI/SegoeUI-Semibold.eot?#iefix') format('embedded-opentype'),  url('../fonts/segoeUI/SegoeUI-Semibold.woff') format('woff'), url('../fonts/segoeUI/SegoeUI-Semibold.ttf')  format('truetype'), url('../fonts/segoeUI/SegoeUI-Semibold.svg#SegoeUI-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
   font-family: 'SegoeUI';
   overflow: hidden;
   
}
header{
  		background: #000 url(../img/banner-top.png) center center no-repeat;
  		display: block;
  		vertical-align: top;
  		height: 270px;

  	}
#pagina{
  display: block;
  vertical-align: top;
  width: 100%;
  min-height:500px;
   
   
     
     
        overflow: auto;
        position: relative;

}

    footer{
      background: #000 ;
      display: none;
      vertical-align: top;
      height: 100px;
      text-align: center;
      font-family: 'SegoeUI';
      font-size: 16px;
      padding: 20px;
      color: #fff;
    }
    .fondo{
      position: relative;
      display: block;
      vertical-align: top;
      padding: 52px 0 50px 0px;
      margin: 0px;
      width: 100%;
      
          overflow-y: hidden;
      background: #fff url(../img/fondo.jpg) top center no-repeat;
          background-size: 100% auto;
    }
    .contenedor{
      position: relative;
      width: 1010px;
      min-height: 100px;
      display: block;    
      vertical-align: top;
      margin: 0 auto;

    }

.tbl{
 
  margin-bottom:50px
}
  	.white{
  		color: white;

  	}
  	.liniea{
  		display: block;
  	}
  	.txt-1{
  		   font-family: 'SegoeUI';
  		font-size: 29px;
  	}
  	.txt-2{
  		font-size: 35px;
  		 font-family: 'SegoeUI-Semibold';
  	}
  	.bold{
  		font-weight: bold;
  	}
  	.tit{
  		/*width: 498px;*/
  		display: block;
  		vertical-align: top;
  		margin: 0px auto 0px;
  		padding: 100px 40px 0 0 ;
  		text-align: right;
      float: right;
  	}
  	.play{
  			display: inline-block;
		  height: 31px;
  		width: 31px;
  		line-height: 27px;
  		background: #fff  url(../img/play.png) center center no-repeat;
  		
      border-radius: 50%;
      border: 3px solid transparent;
  	}	
.play:hover{

    
    border: 3px solid #fff;
  }
   .center{text-align: center;}
  	.comparte{
  		display: inline-block;
		  height: 27px;
  		width: 80px;
  		line-height: 27px;  		
  		color: #fff;
  		vertical-align: top;
      font-size: 15px;
  	}
  		.fb{
  		display: inline-block;
		height: 32px;
  		width: 32px;
  		vertical-align: top;
  	background: #fff url(../img/fb.png) center center no-repeat;    
  		  border-radius: 50%;
      border: 3px solid transparent;
  	}
    .fb:hover{
    
    border: 3px solid #fff;
  }
  		.tw{
  		display: inline-block;

  		vertical-align: top;
  		background: #fff url(../img/tw.png) center center no-repeat;
  		    height: 32px;
      width: 32px;
       border-radius: 50%;
      border: 3px solid transparent;
  	}
    .tw:hover{
    
    border: 3px solid #fff;
  }
  	.table-b>tbody tr td{
  		color:#fff;
      background:rgba(0,0,0,0.5);
	    border: 4px solid rgba(255,255,255,0.02)!important;

	    font-size: 22px;
	    font-family: 'SegoeUI-Light';
	}
  .table{
      color:#fff;
  }
  .table-b tbody tr{
    border: none;
  }
  .row {
    margin: 0px!important;
}
	.col-md-12{
		padding: 0px;
	}
	
	.black{
      font-family: 'SegoeUI-Semibold';
		color: #fff!important;
    font-size: 18px;
    font-weight: bold;
	}


@media (max-width: 1100px) {

    .contenedor{
        width: 100%;

    }
  

}


@media (max-width: 600px) {
 .tit{
      width: 100%;
      padding: 42px 40px 0 0;
      
    }
      .comparte{
    
      width: 72px;
    
    }

  .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    font-size: 14px;
  }


}