@charset "utf-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.responsiveContent {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.2%;
  margin-bottom: 20px;
}
.responsiveContent iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

h1 {font-weight:300;}

.header { padding:20px; background-color:#303030; }
.base {  background-color:#303030; }
.base { width:100%;}
.principal {padding:20px 0; text-align: center; width: 100%; max-width:1200px; margin:0 auto;}
.pasados {display:table; width:100%; max-width: 1200px; margin:0 auto; text-align: center; background-color:#111; margin-bottom: 40px;}
.header-interno {width:100%; margin:0 auto; padding-top:20px; text-align: center;}

a {color:rgba(255,255,255,1.00); font-family: Roboto; text-decoration: none;}

@media (min-width: 320px) and (max-width:480px) {
.items-pasados {margin:5px 0; display:table; background-color: rgba(0,0,0,0.50); padding:10px; color:#fd6d00; font-family: Roboto;}
.boton {display:table; width:75%; max-width: 1200px; padding:15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#fd6d00; margin:0 auto; font-size:18px; font-weight: 300;}
.btn-ext {padding:20px 0; max-width: 1000px; width: 85%; margin: 0 auto; display: table;}	
.top {width:100%; color:#fff;}
.boton-inscribirse {background-color:#ff6600; color:#fff; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:  10px; display:table; width:auto; margin:10px auto;}
}

@media (min-width: 481px) and (max-width:768px) {
.items-pasados {width:43.5%; float:left; margin:5px 0; display:table; background-color: rgba(0,0,0,0.50); padding:10px; color:#fd6d00; font-family: Roboto;}
.boton {display:table; width:75%; max-width: 1200px; padding:15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#fd6d00; margin:0 auto; font-size:20px; font-weight: 300;}
.btn-ext {padding:20px 0; max-width: 1000px; width: 75%; margin: 0 auto; display: table;}	
.top {width:100%; color:#fff;}
.boton-inscribirse {background-color:#ff6600; color:#fff; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:  10px; display:table; width:auto; margin:10px auto;}
.video-home {width:100%; margin-bottom:10px}
.placa-home {width:100%;}
}

@media (min-width: 769px)  {
.items-pasados {width:22%; float:left; margin:5px; display:table; background-color: rgba(0,0,0,0.50); padding:10px; color:#fd6d00; font-family: Roboto;}
.boton {display:table; width:75%; max-width: 1200px; padding:15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color:#fd6d00; margin:0 auto; font-size:24px; font-weight: 300;}
.btn-ext {padding:20px 0; max-width: 1000px; width: 75%; margin: 0 auto; display: table;}
.top {width:50%; float:left;}
.padding-top-d {padding:10px 0px 10px 10px; color:#fff;}
.padding-top-i {padding:10px 10px 10px 10px; color:#fff; text-align: left;}
.boton-inscribirse {background-color:#ff6600; color:#fff; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:  10px; display:table; width:auto; margin:10px 0;}
.video-home {width:48%; float:left; margin-right:10px; margin-left:20px;}
.placa-home {width:48%; float:left;}
}