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

@font-face {
  font-family: 'Oswald';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Oswald-regular/Oswald-regular.eot');
  src: url('../fonts/Oswald-regular/Oswald-regular.eot?#iefix') format('embedded-opentype'),
       local('Oswald Regular'),
       local('Oswald-regular'),
       url('../fonts/Oswald-regular/Oswald-regular.woff2') format('woff2'),
       url('../fonts/Oswald-regular/Oswald-regular.woff') format('woff'),
       url('../fonts/Oswald-regular/Oswald-regular.ttf') format('truetype'),
       url('../fonts/Oswald-regular/Oswald-regular.svg#Oswald') format('svg');
}

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

*{
	margin: 0; padding: 0;
}

body{
	font-family: 'Oswald';
	height: 100%;
	background-color: #2d2e2f;
}



.FlexEmbed {
  display: block;
  overflow: hidden;
  position: relative;
}

.FlexEmbed:before {
  content: "";
  display: block;
  width: 100%;
}

.FlexEmbed--3by1:before {
  padding-bottom: 40.33333%;
}

.FlexEmbed--2by1:before {
  padding-bottom: 50%;
}

.FlexEmbed--16by9:before {
  padding-bottom: 56.25%;
}

.FlexEmbed--4by3:before {
  padding-bottom: 75%;
}

.CoverImage {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  /* margin: 0 auto 1em; */
  max-width: 100%;
}


.areasB{
  background-color: #1d1d1d;
  padding: 20px;
  text-align: center;
}

.secTitle{
  color: white;

}

.secIco{
  /* float: left; */
  font-size: 14px;
  color: white;
  /* margin-right: 10px; */
  margin-top: 5px;
  margin-bottom: 5px;
}

.actBt{
  cursor: pointer;
  padding: 5px;
  border-radius: 3px;
}

.actBt:hover{
  background-color: #2F2F2F;
}

.section0{
  background-color: #3c3d3e;
  padding: 20px;
  color: white;
}

.section1{
  background-color: #4a4b4b;
  padding: 20px;
  color: white;
}

.ulSec{
font-size: 20px;
}

.liSec{
  width: 100%;
}

.titleSec{
  text-align: center;
}

.subSecT{
color: #A2A2A2;
text-align: right;
font-size: 14px;
padding-left: 0px;
padding-right: 0;
margin-bottom: 5px;
}


@media screen and (max-width: 640px)  {
  .subSecT{
  text-align: left;
}

             }

.txt{
  font-size: 14px;
  padding-left: 13px;
  padding-right: 0;
  margin-bottom: 5px;
}

.secTi{
  font-size: 30px;
  margin-bottom: 10px;
}

.contIco{
  font-size: 40px !important;
  text-align: center;
  color: #8C8B8B;
}

.divLi{
  width: 100%;
  margin-bottom: 6px;
}

.advice{
  font-size: 12px;
  color:  grey;
}

.imgProfile{
  
width: 100px;
  
margin-right: 10px;
  
border-radius: 4px;
  
cursor: pointer;
  
margin-bottom: 10px;
  
margin-top: 5px;
}


#mainContainer
{
  width: 640px;
   margin: 0px auto;
  text-align: center;
}
#oc
{
   margin: 20px auto;
  text-align: center;
}
#player
{
  margin: 0px auto;
  text-align: center;
}

#botonera
{
  width: 640px;
   margin: 20px auto;
  text-align: left;


}
#PlayA
{
  background: url(media/main-reel.png) no-repeat; 
  width:108px;
   height:32px;
   border: 0px;
   cursor: pointer;
   margin-right: 52px

}
#PlayB
{
  background: url(media/reel-richmedia.png) no-repeat; 
  width:148px;
   height:32px;
   border: 0px;
   cursor: pointer;
   margin-right: 52px
}
#PlayC
{
  background: url(media/reel-ads.png) no-repeat; 
  width:108px;
   height:32px;
   border: 0px;
   cursor: pointer;
   margin-right: 52px
}
#PlayD
{
  background: url(media/reel-sites.png) no-repeat; 
  width:108px;
   height:32px;
   border: 0px;
   cursor: pointer;
}