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

body, html {
	margin:0;
	padding:0;
}

#ad {
	width:100%;
	height:200px;
}

#banner {
  	margin-right: auto;
  	margin-left: auto;
	position:absolute;
	z-index:10;
}
#overlay {
	position:relative;
	width:100%;
	height:200px;
	display:block;
	z-index:1;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
}
@media (min-width: 768px) {
  #banner {
    width:;
	height:200px;
  }
}
@media (min-width: 992px) {
  #banner {
    width:;
	height:200px;
  }
}
@media (min-width: 1200px) {
  #banner {
    width:;
	height:200px;
  }
}
#banner:before,
#banner:after {
	display: table;
  	content: " ";
}
#banner:after {
	clear:both;
}

#fundo {
	position:relative;
	width:100%;
	height:200px;
	background-image: url(../images/fundo_1390.png);
    background-repeat: no-repeat;
    background-size: cover;
	background-position:left;
}
#logo {
	position:absolute;
	width:69px;
	height:102px;
	top:0;
	right:0;
	z-index:20;
}
#logo img {
	width:100%;
	height:auto;
}
#produto {
	position:relative;
	margin-left:0px;
	margin-top:0px;
}
#copy {
	position:relative;
	margin-left:0px;
	margin-top:0px;
	/**/
	-webkit-animation: txt 10s infinite; /* Safari 4+ */
  	-moz-animation:    txt 10s infinite; /* Fx 5+ */
  	-o-animation:      txt 10s infinite; /* Opera 12+ */
  	animation:         txt 10s infinite; /* IE 10+, Fx 29+ */
}
#assinatura {
	position:relative;
	margin-left:0px;
	/**/
	-webkit-animation: assinatura 10s infinite; /* Safari 4+ */
  	-moz-animation:    assinatura 10s infinite; /* Fx 5+ */
  	-o-animation:      assinatura 10s infinite; /* Opera 12+ */
  	animation:         assinatura 10s infinite; /* IE 10+, Fx 29+ */
}
#btn {
	position:absolute;
	bottom:0;
	right:0;
}


@media (max-width:767px) {
	#banner {
    	width:90%;
		height:200px;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
	}
	#logo {
		width:69px;
		height:102px;
	}
	#produto img {
		width:148px;
		height:48px;
	}
	#copy img {
		width:271px;
		height:98px;
	}
	#assinatura {
		margin-top:-28px;
	}
	#assinatura img {
		width:205px;
		height:32px;
	}
	#btn img {
		width:90px;
		height:19px;
	}
	/**/
	#copy {
		width:auto;
	}
	#txt1 {
		display:block;
		width:117px !important;
		height:20px !important;
	}
	#txt2 {
		display:block;
		width:191px !important;
		height:20px !important;
		margin-top:-10px;
		margin-bottom:10px;
		margin-left:0px;
	}
	#txt3 {
		display:block;
		width:214px !important;
		height:20px !important;
	}
	#overlay {
		background-color:rgba(0, 0, 0, 0.5);
	}
}
@media (min-width:768px) and (max-width:991px) {
	#banner {
    	width:90%;
		height:200px;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
	}
	#logo {
		width:102px;
		height:151px;
	}
	#produto img {
		width:148px;
		height:48px;
	}
	#copy img {
		width:271px;
		height:98px;
	}
	#assinatura {
		margin-top:-28px;
	}
	#assinatura img {
		width:268px;
		height:42px;
	}
	#btn img {
		width:115px;
		height:22px;
	}
	/**/
	#copy {
		width:auto;
	}
	#txt1 {
		display:block;
		width:199px !important;
		height:34px !important;
	}
	#txt2 {
		display:inline-block;
		width:324px !important;
		height:34px !important;
		margin-top:-10px;
		margin-left:3px;
	}
	#txt3 {
		display:inline-block;
		width:364px !important;
		height:34px !important;
		margin-top:-10px;
	}
	#overlay {
		background-color:rgba(0, 0, 0, 0.5);
	}
}
@media (min-width:992px) and (max-width:1199px) {
	#banner {
		right:60px;
	}
	#logo {
		width:102px;
		height:151px;
	}
	#produto img {
		width:148px;
		height:48px;
	}
	#copy img {
		width:271px;
		height:98px;
	}
	#assinatura {
		margin-top:-28px;
	}
	#assinatura img {
		width:268px;
		height:42px;
	}
	#btn img {
		width:115px;
		height:22px;
	}
	/**/
	#copy {
		width:auto;
	}
	#txt1 {
		display:block;
		width:152px !important;
		height:26px !important;
	}
	#txt2 {
		display:inline-block;
		width:248px !important;
		height:26px !important;
		margin-top:-10px;
		margin-left:3px;
	}
	#txt3 {
		display:inline-block;
		width:278px !important;
		height:26px !important;
		margin-top:-10px;
	}
}
@media (min-width:1200px) {
	#banner {
		right:80px;
	}
	#logo {
		width:102px;
		height:151px;
	}
	#produto img {
		width:148px;
		height:48px;
	}
	#copy img {
		width:271px;
		height:98px;
	}
	#assinatura {
		margin-top:-28px;
	}
	#assinatura img {
		width:268px;
		height:42px;
	}
	#btn img {
		width:115px;
		height:22px;
	}
	/**/
	#copy {
		width:auto;
	}
	#txt1 {
		display:block;
		width:199px !important;
		height:34px !important;
	}
	#txt2 {
		display:inline-block;
		width:324px !important;
		height:34px !important;
		margin-top:-10px;
		margin-left:3px;
	}
	#txt3 {
		display:inline-block;
		width:364px !important;
		height:34px !important;
		margin-top:-10px;
	}
}


@keyframes txt {
	0% {left:-100px; right:0; opacity:0;}
    20%, 40%, 60%, 80% {left:0; right:0; opacity:1;}
	100% {left:100px; right:0; opacity:0;}
}
@keyframes txt {
	0% {left:-100px; right:0; opacity:0;}
	10% {left:0px; right:0; opacity:1;}
	20% {left:0px; right:0; opacity:1;}
	30% {left:0px; right:0; opacity:1;}
	40% {left:0px; right:0; opacity:1;}
	50% {left:0px; right:0; opacity:1;}
	60% {left:100px; right:0; opacity:0;}
	70% {left:100px; right:0; opacity:0;}
	80% {left:100px; right:0; opacity:0;}
	90% {left:100px; right:0; opacity:0;}
	100% {left:100px; right:0; opacity:0;}
}
@keyframes assinatura {
	0% {left:-100px; right:0; opacity:0;}
	10% {left:-100px; right:0; opacity:0;}
	20% {left:-100px; right:0; opacity:0;}
	30% {left:-100px; right:0; opacity:0;}
	40% {left:-100px; right:0; opacity:0;}
	50% {left:-100px; right:0; opacity:0;}
	60% {left:-100px; right:0; opacity:0;}
	70% {left:0px; right:0; opacity:1;}
	80% {left:0px; right:0; opacity:1;}
	90% {left:0px; right:0; opacity:1;}
	100% {left:0px; right:0; opacity:1;}
}