@charset "UTF-8";

/* CSS Descorcha tu Premio */

@font-face {
	font-family: 'helveticaneue-condensedbold';
	src: url('../fonts/helveticaneue-condensedbold.eot?') format('eot'), 
		 /*url('../fonts/helveticaneue-condensedbold.otf')  format('opentype'),*/
	     url('../fonts/helveticaneue-condensedbold.woff') format('woff'), 
	     url('../fonts/helveticaneue-condensedbold.ttf')  format('truetype'),
	     url('../fonts/helveticaneue-condensedbold.svg#helveticaneue-condensedbold') format('svg');
}
@font-face {
	font-family: 'noveey';
	src: url('../fonts/noveey-webfont.eot?') format('eot'), 
		 /*url('../fonts/helveticaneue-condensedbold.otf')  format('opentype'),*/
	     url('../fonts/noveey-webfont.woff') format('woff'), 
	     url('../fonts/noveey-webfont.ttf')  format('truetype'),
	     url('../fonts/noveey-webfont.svg#noveey') format('svg');
}

* {margin: 0;}
html, body {height: 100%; background:#FBF8EF; z-index:0; font-family:'Times New Roman', 'Times', serif;color: #3b3d43;}
body {
	background: #FBF8EF url(../images/fondo.jpg) no-repeat top center;
	height: 822px;
}
#wrapper{
	display: block;
	margin: 0 auto;
	width: 1024px;
	height: 730px;
	position: relative;
}

/*DIVS*/

#corcho {
	*z-index:-1;
	background: url("../images/corcho.png") no-repeat scroll 0 0px transparent;
	position: absolute;
	width:53px;
	height:84px;
	left: 478px;
	top: 118px;
}
#cuenta {
	color: #FFF;
	font-size:30px;
	text-align:center;
	vertical-align:bottom;
	/*background: url("../images/corazon.png") no-repeat scroll 0 0px transparent;*/
	position:absolute;
	width:214px;
	height:178px;
	top: 3px;
	left: 375px;
	/*padding-top:27px;*/
	padding-top:38px;
	padding-left:4px;
	padding-right:4px;
	font-family: 'noveey';
	display:none;
}
#cuenta.descorchado {
	padding-top:32px;
	line-height: 19px;
	font-size: 26px;
	line-height:26px;
}
.spancuenta{
	font-family:helveticaneue-condensedbold;
	font-size: 16px;
}

/* HEADER ELEMENTS --------------------------------------------------------------------------------------------------*/
#header {
	width: 1024px;
	height: 238px;
	position: relative;
}
	#logo {
		background: url("../images/logo.png") no-repeat scroll 0 0px transparent;
		/*float:left;*/
		position:relative;
		width: 199px;
		height: 175px;
		top:35px;
		left: 50px;
	}
	#premio_texto{
		text-align:center;
		color:#FFF;
		/*color:#3e3e38; */
		font-family:helveticaneue-condensedbold;
		margin-top: 65px;
		padding: 0 16px;
		font-size:14px;
	}
	
	#botellas {
		background: url("../images/botellas.png") no-repeat scroll 0 0px transparent;
		
		position:relative;
		width: 141px;
		height: 147px;
		top: 2px;
		left: 80px;
	}
	#cuadros {
		background: url("../images/cuadros.png") no-repeat scroll 0 0px transparent;
		float:right;
		position:relative;
		width:226px;
		height:117px;
		top:35px;
	}
	#redessocial {
		position: absolute;
		right: 150px;
		top: 10px;
		z-index: 300;
	}

/* CONTENT ELEMENTS ------------------------------------------------------------------------------------------------*/
.title {
	font-size:30px;
	/*text-align:center;*/
	position:relative;
	top:10px;
	*font-weight: 700;
}
.hashtag {
	font-family: 'helveticaneue-condensedbold';
	font-size:20px;
	text-align:center;
	position:relative;
	*padding-left:6px;
	top:14px;
	*text-transform: uppercase;
	color:#b03229;

}
.boton {
	cursor:pointer;
}
#contents {
	position:relative;
	width:1024px;
	height:491px;
}
	#col1 {
		position: absolute;
		/*float:left;*/
		width:308px;
		height:544px;
		 left: -22px;
		z-index: 100;
	}
		#premio {
			/*font-family:Verdana, Geneva, sans-serif;*/
			text-align:center;
			background: url("../images/premio1.png") no-repeat scroll 0 0px transparent;
			width:235px;
			height:182px;
			top:-26px;
			position:relative;
			left:22px;
		}
			#descripcion {
				font-size:12px;
				position:relative;
				top:100px;
			}
			#lugar {
				font-size:12px;
				font-weight:bold;
				position:relative;
				top:100px;
			}
			#fecha {
				font-size:10px;
				position:relative;
				top:100px;
			}
		#ganadores {
			background: transparent url("../images/ganadores.png") no-repeat top left;
			width:205px;
			height:153px;
			margin-top: 20px;
			margin-left: 48px;
			*padding: 22px 4px 0;
			position:relative;
		}
			#ganadores .title {
				position: static;
				/*padding: 15px 0 10px;*/
				padding-top: 7px;
				text-align: center;
			}
			#ganadorhead {
				font-family: 'helveticaneue-condensedbold';
				height:47px;
				color:#b03229;
			}
			.ganadoreslist {
				color:#3b3d43;
				text-align: center;
			}
			#redline {
				background:#df211c;
				width:33%;
				height:10px;
				margin-left:33%;
			}
			.gaadoreslist {
				overflow:hidden;
				height:auto;
				margin:auto;
			}
			.ganadoritem {
				*background: transparent url("../images/ganador_bullet.png") no-repeat -6px -1px;
				overflow:hidden;
				height:57px;
				/*font-family: arial;*/	
				*font-weight: bold;
			}
				.ganadordate {
					font-weight: normal;
				}
				.ganadorline {
					background:#84172b;
					height:1px;
					*left: 35px;
					left: 18px;
					position: relative;
					width: 170px;
				}
				.ganador {
					*height: 56px;
					font-family: 'helveticaneue-condensedbold';
					font-size: 14px;
					line-height: 14px;
					*display: table-cell;
					vertical-align: middle;
					*padding: 0 23px;
					position: relative;
					text-align: center;
					top: 2px;
				}
	#col2 {
		position: absolute;
		/*float:left;*/
		width:1024px;
		height:575px;
		top: -50px;
		z-index: 10;
		font-size:0;
		overflow: hidden;
	}
	.mascara1 {
			z-index:2;
			background: transparent url("../images/mascara1.png") no-repeat top center;
			height:115px;
			width: 120px;
			position:absolute;
			left: 49px;
			top: 180px;
		}
		.mascara2 {
			z-index:2;
			background: transparent url("../images/mascara2.png") no-repeat top center;
			height:109px;
			width: 107px;
			position:absolute;
			left: 26px;
			top: 186px;
		}
		.objeto1{
			left: 262px;
			display:inline-block;
			vertical-align:top;
			position: relative;
			top:23px;
		}
		.copa1 {
			z-index:2;
			background: transparent url("../images/copapm.png") no-repeat top center;
			height:444px;
			overflow: hidden;
			width: 194px;
		}
		
		.liquido1{
			background: transparent url("../images/liquido1.png") no-repeat top center;
			height: 190px;
			left:28px;
			position: absolute;
			top: 96px;
			width: 159px;
			transition: opacity 1s ease-in-out;
		}
		.liquido1_efecto{
			background: transparent url("../images/liquido1_efecto.png") no-repeat top center;
			height: 190px;
			left:28px;
			position: absolute;
			top: 96px;
			width: 159px;
			opacity:0;
			transition: opacity 1s ease-in-out;
		}
		.lineas{
			position:absolute;
			height:156px;
			width:100px;
			left: 48px;
			top:114px;
			/*left: 20px;
			top: 108px;*/
		}
		
		.lineas2{
			position:absolute;
			height:140px;
			width:100px;
			left: 36px;
			top:122px;
			/*left: 20px;
			top: 108px;*/
		}
		.burbujas1{
			background: transparent url("../images/burbujas.png") no-repeat top center;
			height:182px;
			width:114px;
			animation: animacion_burbujitasa 6s linear infinite;
			animation-timing-function: linear;
			position:relative;
		}
		.burbujas2{
			background: transparent url("../images/burbujas.png") no-repeat top center;
			height:182px;
			width:114px;
			*animation: animacion_burbujitasb 6s linear infinite;
			position:relative;
		}
		.burbujas3{
			background: transparent url("../images/burbujas.png") no-repeat top center;
			height:182px;
			width:114px;
			*animation: animacion_burbujitasc 6s linear infinite;
			position:relative;
		}
		@keyframes animacion_burbujitasa
		{
		/*	0%{
				top:0px;
				
			}
			25%{
				top:-182px;
				opacity:0;
				*visibility:hidden;
			}
			50%{
				top:364px;
				*opacity:1;
			}
			75%{
				top:182px;
				
			}
			100%{
				top:0px;
				
			}*/
			from { transform:translateY(150px); }
			to   { transform: translateY(0px); }
		}
		@keyframes animacion_burbujitasb
		{
			0%{
				top:182px;
			}
			25%{
				top:0px;
				
			}
			50%{
				top:-182px;
				opacity:0;
			}
			75%{
				top:364px;
			}
			100%{
				top:182px;
			}
		}
		@keyframes animacion_burbujitasc
		{
			0%{
				top:364px;
			}
			25%{
				top:182px;
			}
			50%{
				top:0px;
				
			}
			75%{
				top:-182px;
				opacity:0;
			}
			100%{
				top:364px;
			}
		}
		
		.linea-izq-1{
			background: transparent url("../images/linea1.png") no-repeat top center;
			width: 115px;
			height: 16px;
			animation: animacion_burbujitas 10s linear infinite;
			position: absolute;
		}
		.linea-izq-2{
			background: transparent url("../images/linea2.png") no-repeat top center;
			width: 115px;
			height:30px;
			animation: animacion_burbujitas 11s linear infinite;
			position: absolute;
		}
		.linea-izq-3{
			background: transparent url("../images/linea3.png") no-repeat top center;
			width: 115px;
			height: 19px;
			animation: animacion_burbujitas 8s linear infinite;
			position: absolute;
		}
		.linea-izq-4{
			background: transparent url("../images/linea4.png") no-repeat top center;
			width: 115px;
			height: 45px;
			animation: animacion_burbujitas 14s linear infinite;
			position: absolute;
		}
		.linea-izq-5{
			background: transparent url("../images/linea5.png") no-repeat top center;
			width: 100px;
			height: 20px;
			animation: animacion_burbujitas 13s linear infinite;
			position: absolute;	
		}
		.linea-izqm-1{
			background: transparent url("../images/linea1-der.png") no-repeat top center;
			width: 115px;
			height: 16px;
			animation: animacion_burbujitas 15s linear infinite;
			position: absolute;
		}
		.linea-izqm-2{
			background: transparent url("../images/linea2-der.png") no-repeat top center;
			width: 115px;
			height: 30px;
			animation: animacion_burbujitas 18s linear infinite;
			position: absolute;
		}
		.linea-izqm-3{
			*background: transparent url("../images/linea3-der.png") no-repeat top center;
			width: 115px;
			height: 19px;
			animation: animacion_burbujitas 19s linear infinite;
			position: absolute;
		}
		.linea-izqm-4{
			background: transparent url("../images/linea4-der.png") no-repeat top center;
			width: 115px;
			height: 45px;
			animation: animacion_burbujitas 12s linear infinite;
			position: absolute;
		}
		.linea-izqm-5{
			background: transparent url("../images/linea5-der.png") no-repeat top center;
			width: 100px;
			height: 20px;
			animation: animacion_burbujitas 13s linear infinite;
			position: absolute;	
		}
		@keyframes animacion_burbujitas
		{
			from { transform:translateY(135px); }
			to   { transform: translateY(0px); }
		}
		@keyframes animacion_burbujitas2
		{
			from { transform:translateY(100px); }
			to   { transform: translateY(0px); }
		}
		.objeto2{
			left: 270px;
			position: relative;
			display:inline-block;
			vertical-align:top;
			top:500px;
		}
		.copa2 {
			z-index:2;
			background: transparent url("../images/copapp.png") no-repeat top center;
			height:477px;
			overflow: hidden;
			width: 191px;
			
		}
		.liquido2{
			background: transparent url("../images/liquido2.png") no-repeat top center;
			width: 165px;
			height:191px;
			position: absolute;
			top: 102px;
			left: 5px;
			transition: opacity 1s ease-in-out;

		}
		.liquido2_efecto{
			background: transparent url("../images/liquido2_efecto.png") no-repeat top center;
			width: 165px;
			height:191px;
			position: absolute;
			top: 102px;
			left: 5px;
			opacity:0;
			transition: opacity 1s ease-in-out;
		}
	#col3 {
		position: absolute;
		/*float:left;*/
		width:379px;
		height:544px;
		right: -60px;
		top: -122px;
		z-index: 200;
	}
		#display {
			position:relative;
			height:450px;
		}
			.banner, .banner a {
				text-decoration: none;
				line-height: 24px;
				position:relative;
				height:450px;
				text-align:center;
				padding-top:16%;
				padding-bottom:33%;
				font-size:24px;
				color: #FFF;
				font-family: 'helveticaneue-condensedbold';
			}
			.banner .smaller {
				font-size: 18px;
				line-height: 18px;
			}
			#linktwitter {
				cursor:pointer;
			}
			#info {
				font-family:helveticaneue-condensedbold;
				line-height: 14px;
				font-size:13px;
				
				width: 294px;
				padding: 0 10px;
				color:#FFF;
				left:6px;
				position:relative;
				top: 30px;
			}
			#info p {
				margin: 15px 0;
				text-align:justify!important;
			}
			#info span {
				font-size:14px;
			}
			#info h3{
				font-size: 18px;
				font-weight: bold;
			}
			#hashtag {
				font-weight: 700;
			}
			#feed {
				overflow:hidden;
				/*background:#d0c19d;*/
				background: transparent url("../images/feed.png") no-repeat top left;
				position:relative;
				width:292px;
				height:332px;
				/*float: right;*/
				*font-weight: 700;
				 top: 31px;
				left:7px;
			}
			#feedheader {
				height:55px;
			*	padding-top: 21px;
				font-size: 27px;
			}
			.feedlist {
				font-family:helveticaneue-condensedbold;
				overflow:hidden;
				width:256px;
				height:auto;
				margin:0 0 0 16px;
				border-top: solid 1px  #84172b;
			}
				.feeditem {
					overflow:hidden;
					height:67px;
					border-bottom: solid 1px #84172b;
				}
					.feedline {
						height:1px;
					}
					.message {
						/*font-family: arial;*/
						font-size:13px;
						height: 67px;
						line-height: 15px;
						margin-top: 3px;
						width: 253px;
						overflow: hidden;
						display: table-cell;
						vertical-align: middle;
					}
					.date {
						font-size:8px;
					}
			#social {
				width:294px;
				height:30px;
				float: right;
				margin: 40px 176px 0 0;
			}
				#twittea {
					background: url("../images/bot_twittea.png") no-repeat scroll 0 0px transparent;
					float:right;
					width:116px;
					height:47px;
					margin-right: -10px;
					position: relative;
				}
				#text {
					position:relative;
					float:left;
					*top:6px;
					margin-right:6px;
					/*color:#434442;
					font-family:helveticaneue-condensedbold;
					font-size:22px;
					line-height: 32px;*/
				}
				#twitter {
					background: url("../images/twitter.png") no-repeat scroll 0 0px transparent;
					position:relative;
					float:left;
					width:24px;
					height:20px;
					top:6px;
					margin-left:17px;
				}
				#facebook {
					background: url("../images/facebook.png") no-repeat scroll 0 0px transparent;
					position:relative;
					float:left;
					width:14px;
					height:27px;
					top:0px;
					margin-left:0px;
				}
				#instagram {
					background: url("../images/instagram.png") no-repeat scroll 0 0px transparent;
					position:relative;
					float:left;
					width:21px;
					height:21px;
					top:6px;
					margin-left:14px;
				}
		#eadlogo {
			background: url("../images/ead_logo.png") no-repeat scroll 0 0px transparent;
			position:relative;
			width:126px;
			height:28px;
			top:50px;
			left:170px;
		}

/* FOOTER ELEMENTS --------------------------------------------------------------------------------------------------*/
.link {
	cursor:pointer;
}
.footer_wr{
	width: 100%;
	*background: transparent url("../images/footer_bg.png") no-repeat top center;
}
#footer {
	position:relative;
	width:1024px;
	*height:97px;
	margin: 0 auto;
	padding: 5px 0 0;
	z-index: 500;
	top:34px;
}
	#bar {
		font-size:10px;
		color: #353535;
		position:relative;
		*width:1024px;
		*height:39px;
	}
	.subtitulo{
		font-size:10px;
		color: #353535;
		font-weight:normal;
	}
		#cell1 {
			float:left;
			text-align:center;
			margin-top:20px;
			margin-left:-48px;
		}
		#cell2 {
			float:right;
			text-align:center;
			margin-top:-3px;
			margin-right:-105px;
		}
	#responsabilidad {
		background: url("../images/responsabilidad.png") no-repeat scroll 0 0px transparent;
		position:relative;
		width:750px;
		height:20px;
		margin:auto;
		top:20px;
		left: 10px;
	}
	.gracias {
		position:relative;
		top:26px;
		
	}
#text  h1{
	color:#ffffff;
	font-family:helveticaneue-condensedbold;
	font-size:22px;
	line-height: 32px;
	font-weight:normal;
}

.final{
    position: absolute;
    top: -10px;
	left: 398px;
	display:none;
	z-index:10;
}
.final-corazon1{
	background: transparent url("../images/corazonf1.png") no-repeat top center;
	width: 21px;
	height: 22px;
	animation: bubbleUp 5s linear infinite;
	position: absolute;
	top: 24px;
}
.final-corazon2{
	background: transparent url("../images/corazonf2.png") no-repeat top center;
	width: 26px;
	height: 26px;
	animation: bubbleUp 5s linear infinite;
	position: absolute;
	left: 32px;
}
.final-corazon3{
	background: transparent url("../images/corazonf3.png") no-repeat top center;
	width: 19px;
	height: 22px;
	animation: bubbleUp 5s linear infinite;
	position: absolute;
	left: 76px;
    top: 15px;
}
.final-corazon4{
	background: transparent url("../images/corazonf4.png") no-repeat top center;
	width: 26px;
	height: 27px;
	animation: bubbleUp 5s linear infinite;
	left: 79px;
    position: absolute;
    top: -8px;
}
.final-corazon5{
	background: transparent url("../images/corazonf5.png") no-repeat top center;
	width: 19px;
	height: 22px;
	animation: bubbleUp 5s linear infinite;
	position: absolute;
	left: 155px;
    top: 23px;
}
.final-corazon6{
	background: transparent url("../images/corazonf1.png") no-repeat top center;
	width: 21px;
	height: 22px;
	animation: bubbleUp 5s linear infinite;
	left: 8px;
    position: absolute;
    top: -15px;
}
.final-corazon7{
	background: transparent url("../images/corazonf2.png") no-repeat top center;
	width: 26px;
	height: 26px;
	animation: bubbleUp 5s linear infinite;
	left: 111px;
    position: absolute;
    top: 3px;
}
.final-corazon8{
	background: transparent url("../images/corazonf3.png") no-repeat top center;
	width: 19px;
	height: 22px;
	animation: bubbleUp 5s linear infinite;
	left: 144px;
    position: absolute;
    top: -17px;
}
.final-corazon9{
	background: transparent url("../images/corazonf4.png") no-repeat top center;
	width: 26px;
	height: 27px;
	animation: bubbleUp 5s linear infinite;
	left: 45px;
    position: absolute;
    top: 26px;
}
.final-corazon10{
	background: transparent url("../images/corazonf5.png") no-repeat top center;
	width: 19px;
	height: 22px;
	animation: bubbleUp 5s linear infinite;
	left: 102px;
    position: absolute;
    top: 27px;
}
@keyframes bubbleUp {
  0% {
	transform:scale(.5);opacity:0
	}
 /* 1% {
	transform:scale(.6);opacity:0
	}*/
  25% {
	transform:scale(.6);opacity:1
  }
  50% {
	transform:scale(.7);opacity:1
  }
  75% {
	transform:scale(.8);opacity:1
  }
  99% {
	transform:scale(3);opacity:0
  }
  100% {
	transform:scale(.9);opacity:0
  }
}



/****/
#tuits{
	font-size:22px;
	font-family:helveticaneue-condensedbold;
	color:#68002D;
	position: absolute;
    text-align: center;
    bottom: 126px;
	left: 436px;
	display:none;
}

.linea_roja {
	width: 85%;
	margin: 0 auto;
}
.regalo {
	z-index:2;
	height:579px;
	overflow: hidden;
	width: 414px;
	
}
.tapa_regalo {
	background: transparent url("../images/taparegalo.png") no-repeat top center;
	width: 414px;
	height:200px;
}
.regalo1 {
	background: transparent url("../images/regalo1.png") no-repeat top center;
	width: 414px;
	height:112px;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 1s;
    -moz-animation-duration: 3s;
	-moz-animation-delay: 1s;
	-ms-animation-duration: 3s;
	-ms-animation-delay: 1s;
	-o-animation-duration: 3s;
	-o-animation-delay: 1s;
}
.regalo2 {
	background: transparent url("../images/regalo2.png") no-repeat top center;
	width: 414px;
	height:100px;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 1s;
    -moz-animation-duration: 3s;
	-moz-animation-delay: 1s;
	-ms-animation-duration: 3s;
	-ms-animation-delay: 1s;
	-o-animation-duration: 3s;
	-o-animation-delay: 1s;
}
.regalo3 {
	background: transparent url("../images/regalo3.png") no-repeat top center;
	width: 414px;
	height:64px;
	margin-top: -20px;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 1s;
    -moz-animation-duration: 3s;
	-moz-animation-delay: 1s;
	-ms-animation-duration: 3s;
	-ms-animation-delay: 1s;
	-o-animation-duration: 3s;
	-o-animation-delay: 1s;

}
.regalo4 {
	background: transparent url("../images/regalo4.png") no-repeat top center;
	width: 414px;
	height:128px;
}
.premio {
	background: transparent url("../images/premio.png") no-repeat top center;
	width: 414px;
	height:210px;
	margin-top: -205px;
	display: none;
	-webkit-animation-duration: 3s;
	-webkit-animation-delay: 2s;
    -moz-animation-duration: 3s;
	-moz-animation-delay: 2s;
	-ms-animation-duration: 3s;
	-ms-animation-delay: 2s;
	-o-animation-duration: 3s;
	-o-animation-delay: 2s;
}