@import url('https://fonts.googleapis.com/css?family=Droid+Sans:200,400,600|Droid+Serif');
@import "../font/flaticon.css";
*{margin:0; padding:0;}
.nosel {-webkit-touch-callout: none; -webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align:left;}
html{height:100%;}
body {font-family:'Droid Sans', sans-serif; !important; color:#181818; font-size:1em ;background-color:#fff;padding:0; font-weight:400; overflow-y:scroll; height:100%; background:url(img/bg.promo.png);}
img{border:0;}
a{text-decoration:none;}
strong{font-weight:600}
p{ font-size:16px; font-weight:400; line-height:24px; color:#555}
li{font-size:16px; font-weight:400;}
input['text']{font-family:'Droid Sans', sans-serif; !important;}

/* animaciones por opacidad y general*/
.noview{display:none !important}
.nofloat{clear:both}
.noop{opacity:0}
.a05{-webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.a02{-webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.a01{-webkit-transition: all 1s ease; transition: all 1s ease;}
.ctr{text-align:center;}
.lft{text-align:left;}
.rgt{text-align:right;}
.shd{text-shadow: 1px 1px 2px rgba(0,0,0,0.1);}
.buttoned{background:#005389;display:block !important;padding:1em; font-size:0.9em; color:#fff; width:50% !important; margin:2em auto 0 auto;font-weight:600; text-align:center; cursor:pointer}
.buttoned:hover{background:#181818; color:#fff}
.nobg{background-color:transparent !important}
.alpha{opacity:0.8; filter:alpha(opacity=80);}


#th{position:fixed; width:100%; height:100vh; z-index:9999; top:0;background:rgba(255,255,255,0.6); display:none }
#th >div{width:30%;  background:#fff; margin:30vh auto; border:4px solid #005389; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table; /*background-image:url(img/bg.concurso.mobile.jpg)*/}
#th >div > div{display:table-cell; padding:3em 1em 0.5em 1em; vertical-align:bottom}
#th p#alertas{color:#005389; text-align:center; font-size:1em; text-shadow:1px 1px 1px rgba(255,255,255,1)}


.w100{width:100%;}
.cnt{width:40%; margin:0 auto; max-width:1024px}
.ora{background-color:#000;}
.pd1{padding:1em 0}

.block{background:#000000; border-radius:10px;}

.inner{padding:2em}


#top img{width:200px}
#logojaz img{width:230px}

#bottles{background:url(img/bg.botellas.png) no-repeat 50% 100%; background-size:100% auto}

.block h2{font-weight:100; font-size:1.8em; margin:0.5em 0}
.block h2:first-child{margin-top:0}

.datform{width:100%; display:inline-block; background:rgba(255,255,255,0.9); padding:0.5em 0.2em; margin:1%; border-radius:3px; vertical-align:top}
.datform label{width:18%; font-weight:400;  display:inline-block; padding-left:2%; padding-top:0.6em; font-size:0.8em}
.datform label span{color:#888; display:block;}
.datform input{font-size:1.6em; margin-top:-0.3px; border:2px dotted #fff; background:rgba(255,255,255,0); margin-left:2%; width:76%; display:inline-block; box-sizing:border-box}
.datform input:focus{border:2px dotted #f96; background:#fff}

.cupon .datform{vertical-align:middle; display:inline-block}
.cupon .datform:first-child{text-align:right; width:30%}
.cupon .datform:first-child img{width:80%;}
.cupon .datform:last-child{text-align:left; width:61%}
.cupon .datform:last-child label{display:block; padding:0.2em 0em 0.3em 2%; width:auto; font-size:1.2em}
.cupon .datform:last-child input{font-size:2.4em; width:96%}


#codigo{letter-spacing:0.5em}

button{display:block; width:80%; min-width10em; font-size:2em; text-align:center; padding:0.5em 1em; color:#fff; border:1px solid #181818; border-radius:5px; background:#181818; margin:0 auto; cursor:pointer;margin-top:1em }
button:hover{background:#005389; color:#fff}

#datos h2{color:#fff; font-size:2em; text-align:center;}
#datos h3{color:#fff; font-size:1em; text-align:left;}
#datos h4{color:#fff; font-size:0.9em; text-align:left; margin-left:0.5em; margin-top:0.5em}
#datos h5{color:#fff; font-size:0.8em; text-align:left; margin-left:1em; margin-top:0.5em}
#datos p, #datos li{color:#fff; font-size:0.8em; line-height:1.2em; margin-left:2em}
#datos p.alert{color:#0d0d0d; font-size:0.8em; line-height:1.2em; text-align:left; margin-left:22%}



#datos ul{margin-left:4em; margin-bottom:0.5em}

.legal{margin:0 auto; text-align:center}
.checksubs{cursor:pointer;}
.checksubs:hover .check,  .checksubs.aceptado .check{background:#005389;}
.checksubs:hover .accept,  .checksubs.aceptado .accept{color:#da430c;}
.check{width:1.8em; height:1.8em; background:#fff; display:inline-block;;}
.accept{font-size:1em !important; display:inline !important; vertical-align:0.5em; margin-left:0.6em !important}


@media (max-width: 1160px){
	#top.pd1{padding:0.5em 0}
	#top img{width:80px}
	.cupon .datform{display:block}
	.cupon .datform:first-child{text-align:center; width:96%}
	.cupon .datform:first-child img{width:30%;}
	.cupon .datform:last-child{text-align:left; width:96%}
	.cupon .datform:last-child label{display:block; padding:0.2em 0em 0.3em 2%; width:auto; font-size:1.2em}
	.cupon .datform:last-child input{font-size:2.4em; width:96%}




}



@media (max-width: 800px){
	body {background:url(img/bg.promo.jpg) fixed no-repeat; background-size:100%}
	#bottles{background:none;}
	h1{font-size:1.2em}
	h2{font-size:1.2em !important}
	.datform{width:96%;}
	.cnt{width:95%}
	.inner{padding:0.5em}
	.block h2{font-weight:100; font-size:1.8em; margin:1em 0}
	.datform label{width:100%;padding-left:0em; padding-top:0.4em; display:block; margin-bottom:0.3em}
	.datform label span{display:inline; color:#888; padding-left:0.5em}
	.datform input{font-size:2em; margin-top:-0.2em; border:2px dotted #fff; background:rgba(255,255,255,0); width:98%}
	button{display:block; width:80% !important; min-width:auto;; font-size:2em; }
	.cupon .datform:first-child{text-align:center; width:100%}
	.cupon .datform:first-child img{width:60%; max-width:300px}
	.cupon .datform:last-child label{display:block; padding:0.2em 0em 0.3em 2%; width:auto; font-size:1em}
	.cupon .datform:last-child input{font-size:2em; width:96%}


	#th{background:rgba(255,255,255,0.9); display:none }
	#th >div{width:90%;   background:url(img/bg.concurso.mobile.jpg) fixed; background-size:100%;margin:2vh auto; border:2px solid #da430c; box-shadow:2px 2px 20px rgba(0,0,0,0.2); display:table}
	#th >div > div{display:table-cell; padding:1em 1em 0.5em 1em; vertical-align:middle; height:80vh}
	#th p#alertas{color:#da430c; text-align:center; font-size:1em}



}