html {overflow-y:scroll;}
body { font-family: 'Inter', Helvetica, Arial; color: #1d1d1b; font-size: 12px; background-color: #FFF; background-image: url(img/bg-desktop.jpg); background-size: cover; background-position: center center; }
.spacer { clear:both;}
p { margin-top:0px;}
.fleft { float:left;}
.fright { float:right;}
a { text-decoration:none; color: #FFF;}
ul { margin:0px; margin-left:0px; padding-left:0px; }
	ul li { list-style-type:none;}
h1, h2, h3, h4, h5 { font-weight:normal; margin:0px;}
img { border:0px;}
ul, li { margin:0px;}
.close { display:none;}
strong { font-weight: 600;}

.contenedor {position: relative; width: 400px; margin:auto; margin-top: 30px; margin-bottom: 30px; text-align: center;background-color: #fff;  }
.contenedor .circle {position: absolute; top: -40px; right: 40px; height: 70px;}
.contenedor .logo { z-index: 5;}
.contenedor .logo img {width: 68%; margin-top: 40px;}


.zocalo { padding-top: 20px; padding-bottom: 40px; z-index: 1; position: relative; text-align: center;}
.zocalo img {}
	.boton { margin: auto; font-size: 12px; text-align: center; font-family: 'Inter', sans-serif !important; font-weight: 400; padding: 12px; margin-bottom: 15px; text-transform: uppercase; color: #000; width: 50%; border: 1px solid #000; background-color: #fff; display: block;transition: 0.3s;}
	.boton:hover {border: 1px solid #eaeaea; background-color: #eaeaea; cursor: pointer;}
	.boton .fa {margin-left: 3px; float: right; display: none;}
	.boton.argentina {background-image: url(img/bt-argentina.png); background-size: 17px; background-position: 15px 11px; background-repeat: no-repeat;}
	.boton.chile {background-image: url(img/bt-chile.png); background-size: 17px; background-position: 15px 11px; background-repeat: no-repeat;}
	.boton.world {background-image: url(img/bt-world.png); background-size: 17px; background-position: 15px 11px; background-repeat: no-repeat;}

.info {font-family: 'Inter', sans-serif; font-size: 14px; color: #A3A2A2; text-align: center;}
	.info p {margin: auto;margin-bottom: 25px; margin-top: 0px;color: #1d1d1b; font-size: 12px; }
	.info .descargar {margin: auto; margin-bottom: 30px; text-align: center; text-transform: uppercase; display: table; padding: 15px; padding-left: 20px; padding-right: 20px; background-color: #000; color: #FFF; font-family: 'Roboto Condensed', sans-serif !important; font-weight: 400;}
		.info .descargar .fa {margin-left: 10px; display: none;}
		.info .descargar:hover {color: #CCB47F;}
	.info span {font-family: 'Inter', sans-serif; font-weight: 400; text-align: center;}
	
	.social { font-size: 20px; padding-bottom: 50px; padding-top: 10px; font-family: 'Inter', sans-serif; font-weight: 400; margin: auto; text-align: center; text-transform: uppercase;}
		.social a { margin-right: 15px; color: #1d1d1b;}
			.social a.last { margin-right: 0px;}
			.social a:hover { color: #1d1d1b;}

@media (max-width: 992px) {
	.contenedor { width: 50%;}
}

@media (max-width: 768px) {

body {background-image: url(img/bg-mobile.jpg); background-position: center top;}

	table {position: relative;}


	table .contenedor { width: 80%; padding-top: 0px; padding-bottom: 15px; position: absolute; bottom: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)}
	.contenedor .logo {}
	.contenedor .logo img {width: 60%; margin-top: 30px;}
	.info {float: none;width: 100%;}
	.zocalo {padding-bottom: 10px; padding-top: 10px;}
	.zocalo img {float: none;width: 100%;}
	.boton {width: 65%;}
	.social {padding-bottom: 25px;}
}