@font-face {
font-family: 'Gotham-Black';
src: url('../fuentes/Gotham-Black.eot'); /* IE9 Compat Modes */
src: url('../fuentes/Gotham-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fuentes/Gotham-Black.woff2') format('woff2'),/* Super Modern Browsers */
url('../fuentes/Gotham-Black.woff') format('woff');/* Pretty Modern Browsers */
url('../fuentes/Gotham-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fuentes/Gotham-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Bold';
src: url('../fuentes/Gotham-Bold.eot'); /* IE9 Compat Modes */
src: url('../fuentes/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fuentes/Gotham-Bold.woff2') format('woff2'),/* Super Modern Browsers */
url('../fuentes/Gotham-Bold.woff') format('woff');/* Pretty Modern Browsers */
url('../fuentes/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fuentes/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Medium';
src: url('../fuentes/Gotham-Medium.eot'); /* IE9 Compat Modes */
src: url('../fuentes/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fuentes/Gotham-Medium.woff2') format('woff2'),/* Super Modern Browsers */
url('../fuentes/Gotham-Medium.woff') format('woff');/* Pretty Modern Browsers */
url('../fuentes/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fuentes/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Gotham-Book';
src: url('../fuentes/Gotham-Book.eot'); /* IE9 Compat Modes */
src: url('../fuentes/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fuentes/Gotham-Book.woff2') format('woff2'),/* Super Modern Browsers */
url('../fuentes/Gotham-Book.woff') format('woff');/* Pretty Modern Browsers */
url('../fuentes/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fuentes/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Quicksand-Bold';
src: url('../fuentes/Quicksand-Bold.eot'); /* IE9 Compat Modes */
src: url('../fuentes/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fuentes/Quicksand-Bold.woff2') format('woff2'),/* Super Modern Browsers */
url('../fuentes/Quicksand-Bold.woff') format('woff');/* Pretty Modern Browsers */
url('../fuentes/Quicksand-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
url('../fuentes/Quicksand-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: normal;
font-style: normal;
}
html,
body {
margin: 0px;
padding: 0px;
}

body {
font-family: 'Gotham-Medium';
font-size: 16px;
}

img {
display: block;
}

* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.max1200{
width: 1200px;
margin: 0px auto;
text-align: center;
}

.inicio {
position: relative;
width: 1200px;
margin: 0px auto;
}

.fondo1{
background-color: #d6040b;
position: relative;
}

.fondo1 img{
width: 100%;
}

.inicio>img {
width: 100%;
}

.inicio .menu {
position: absolute;
top: 0px;
left: 0px;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
text-align: center;
}

.inicio .menu > * {
display: inline-block;
vertical-align: middle;
}

.inicio .menu .logo{
margin-right: 20px;
}

.inicio .menu li {
display: inline-block;
vertical-align: middle;
margin: 8px 15px;
}

.inicio .menu ul {
display: inline-block;
list-style: none;
padding: 0px;
margin: 0px;
overflow: hidden;
height: auto !important;
}

.inicio .menu li {
color: #FFF;
font-size: 16px;
cursor: pointer;
}

.inicio .menu a:hover {
color: #F1F1F1;
}

.inicio .menu a:hover {
color: #F1F1F1;
}
.inicio .menu img {
opacity: 0;
width: 0px;
}


.imgllego{
position: absolute;
width: 100%;	
}
.imgllego img{
width: 40%;
margin: 0px auto;
padding-top: 15%;
text-align: center;	
}

.menu .hamburger {
display: none;
}

ul>li:hover {
text-shadow: 0px 0px 9px #FFF;
}
.fondogris{
width: 100%;
background-color: #F0F0F0;
padding: 60px 0px;
}
.titrojo{
font-family: 'Gotham-Black';
color: #D5040B;
font-size: 25px;
padding-bottom: 20px;
}
.textgris{
color: #4D4D4D;	
font-size: 15px;
padding-bottom: 20px;
font-family: 'Gotham-Book';
}
.conteparti{
padding: 20px 0px;
}
.participo{
text-align: center;
display: inline-block;
margin: 0px 30px;
width: 26%;
vertical-align: bottom;
}
.participo img{
display: inline-block;
}
.ml{
margin-left: 85px;
}
.premios{
text-align: center;
display: inline-block;
margin: 0px 30px;
width: 44%;
vertical-align: top;	
}
.premios:last-child{
text-align: left;
width: 26%;
}
.premios img{
width: 500px;
}
.fondoblanco{
width: 100%;
background-color: #ffffff;
padding: 60px 0px;	
}
.titbin{
font-family: 'Gotham-Black';
color: #D5040B;
font-size: 25px;
padding-bottom: 10px;
}
.boredon{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid #D7D7D7;
width: 280px;
}
.boredon div{
margin: 20px 0px;
}
.cirred{
color: #ffffff;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
padding: 5px 9px;
background-color: #D5040B;
font-size: 14px;
margin-right: 10px;
margin-left: -15px;
}
.titbing{
font-family: 'Gotham-Black';
color: #077D2A;
font-size: 25px;
padding-top: 30px;
padding-bottom: 10px;
}
.cirgre{
color: #ffffff;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
padding: 5px 9px;
background-color: #077D2A;
font-size: 14px;
margin-right: 10px;
margin-left: -15px;
}
.fondo2{
background-color: #d6040b;
position: relative;
}
.fondo2 img{
width: 100%;
}
.separte{
color: #ffffff;
font-family: 'Gotham-Book';
font-size: 18px;
}
.imgfecha img{
width: auto;
margin: 0px auto;
padding-top: 10%;
text-align: center;
}
.contefecha{
margin: 0px auto;
text-align: center;
position: absolute;
width: 100%;
}
.bloq1{
width: auto;
margin: 0px auto;
display: inline-block;	
}
.bloq2{
width: auto;
margin: 0px auto;
display: inline-block;
}
.div1{
display: block;
color: #ffffff;
border: 2px solid #FF2020;
padding: 15px 40px;
border-top-left-radius: 10px;
width: auto;
}
.div2{
display: block;
color: #ffffff;
border: 2px solid #FF2020;
padding: 15px 40px;
margin-left: -5px;
border-top-right-radius: 10px;
border-left: 0px;
width: auto;
}
.div3{
display: block;
color: #ffffff;
border: 2px solid #FF2020;
padding: 15px 40px;
border-top: 0px;
width: 235px;
}
.div4{
display: block;
color: #ffffff;
border: 2px solid #FF2020;
padding: 15px 40px;
border-top: 0px;
width: 233px;
border-left: 0px;
margin-left: -5px;
}
.div5{
display: block;
color: #ffffff;
border: 2px solid #FF2020;
padding: 15px 20px;
border-top: 0px;
border-bottom-left-radius: 10px;
width: 235px;
}
.div6{
display: block;
color: #ffffff;
border: 2px solid #FF2020;
padding: 15px 20px;
border-top: 0px;
border-bottom-right-radius: 10px;
width: 233px;
border-left: 0px;
margin-left: -5px;
}
.comojugar{
font-family: 'Gotham-Black';
color: #D5040B;
font-size: 25px;
padding: 20px 0px;
}
.contejugar{
padding-top: 30px;
padding-left: 60px;
}
.jugar{
width: 37%;
margin: 0px auto;
}
.npb{
padding-bottom: 0px;
}
.ptop1{
padding-top: 88px;
}
.gana{
font-family: 'Gotham-Black';
color: #D5040B;
font-size: 25px;
padding: 40px 0px;
}
.condiciones{
font-family: 'Gotham-Black';
font-size: 25px;
color: #4D4D4D;	
padding-bottom: 20px;
}
.textcon{
font-family: 'Gotham-Book';
font-size: 16px;
color: #4D4D4D;
padding-bottom: 40px;
line-height: 25px;
}
.botcons{
margin: 0px auto;
font-family: 'Gotham-Medium';
font-size: 20px;
padding-bottom: 5px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color: red;
width: auto;
padding: 10px 15px;
color: #ffffff;
margin-top: 10px;
display: inline;
margin-left: 5px;
margin-right: 5px;
cursor: pointer;	
}
.vmov{
opacity: 0;
/*margin-top: 100px;*/
}

@media (min-width: 1700px) {
.mt{
margin-top: -1px;
}
}

@media screen and (max-width: 1200px) {
.inicio .menu {
position: fixed;
z-index: 5;
background: transparent;
text-align: right;
padding: 10px;
}
.menu .hamburger {
display: inline-block;
}
.inicio .menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #d6040b;
width: 100%;
margin: 0px;
/*height: auto !important;*/
text-align: center;
}
.inicio .menu li {
width: 100%;
margin: 0px;
display: block;
background: #d6040b;
padding: 20px 0px;
}
.inicio{
width: 100%;
/*margin-top: 40px;*/
}
.inicio .menu a {
text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
.inicio .menu img {
width: 100px;
float: left;
}
.vmov{
-webkit-transition: opacity 1.0s ease-in;
-moz-transition: opacity 1.0s ease-in;
-ms-transition: opacity 1.0s ease-in;
-o-transition: opacity 1.0s ease-in;
transition: opacity 1.0s ease-in;
opacity: 1 !important;
margin-top: 5px !important;
}
.vmov2{
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
opacity: 0 !important;
margin-top: 5px !important;
}

.backmenu{
background: #d6040b !important;
-webkit-transition: opacity 1.0s ease-in;
-moz-transition: opacity 1.0s ease-in;
-ms-transition: opacity 1.0s ease-in;
-o-transition: opacity 1.0s ease-in;
transition: opacity 1.0s ease-in;
}


.max1200 {
width: 90%;
}
.imgllego img {
padding-top: 12%;
}
.participo {
text-align: center;
display: block;
margin: 40px 0px;
width: 100%;
}
.ml{
margin-left: 85px;
}
.premios {
text-align: center;
display: block;
margin: 30px 0px;
width: 100%;
}
.premios img {
max-width: 500px;
width: 100%;
margin: 0px auto;
}
.premios:last-child {
text-align: left;
width: 100%;
margin: 0px auto;
}
.titbin {
text-align: center;
}
.boredon {
margin: 0px auto;
}
.titbing {
text-align: center;
}
#fondo2{
display: none;
}
.contefecha {
background-color: #d6040c;
position: relative;
}
.bloq1 {
margin-bottom: 20px;
display: table;
}
.div2 {
display: block;
margin-left: 0px;
border-left: 2px solid #FF2020;
}
.div4 {
display: block;
width: 234px;
border-left: 2px solid #FF2020;
margin-left: 0px;
}
.div6 {
display: block;
width: 234px;
border-left: 2px solid #FF2020;
margin-left: 0px;
}
.npb {
font-size: 14px;
}
td img{
width: 180px;
}
.contejugar {
padding-left: 0px;
}
}
@media screen and (max-width: 640px) {
.jugar {
width: 70%;
}
.mt{
margin-top: -2px;
}
}
@media screen and (max-width: 360px) {
.jugar {
width: 100%;
}
.npb {
font-size: 12px;
}
.mt{
margin-top: -5px;
}
.fsiz{
font-size: 11px;
}
}