body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%
}
.banner {
	font-family: Arial, Helvetica, sans-serif;
    width:726px;
    height:88px;
    border:1px solid #333;
    overflow:hidden;
    display:block !important;
}
strong {
    font-weight: bold;
}
sup {
    font-size: 6px;
    position: relative;
    top: -0.5em;
}
.positionAb {
    position: absolute;
}
.aC {
    left:0;
    right:0;
    margin: 0 auto;
}

#loader-container {
    display:none;
}

/*/////////////////////////////////////////////*/

#frame1{ top:0px; left: 0px; width:728px; height:90px;}
#frame2{ top:0px; left: 0px; width:728px; height:90px;}
#frame3{ top:0px; left: 0px; width:728px; height:90px;}

/*///////////////// FRAME 1  ////////////////////////////*/
#frame1_bg1{ background: url(background_1.jpg);top:0px;left:0px; width:728px; height:90px;}

/*///////////////// FRAME 2  ////////////////////////////*/
#frame2_txt1{top:0px; left:322px; width:400px; height:90px; background: url(text1_01.png) no-repeat;opacity:0; }
#frame2_txt2{top:0px; left:322px; width:400px; height:90px; background: url(text1_02.png) no-repeat;opacity:0; }
#frame2_txt3{top:0px; left:222px; width:500px; height:90px; background: url(text1_03.png) no-repeat;opacity:0; }
#frame2_txt3-2{top:0px; left:222px; width:500px; height:90px; background: url(text1_03-2.png) no-repeat;opacity:0; }




/*///////////////// FRAME 3  ////////////////////////////*/
#frame3_txt1{top:0px; left:0px; width:728px; height:90px; background: url(frame3_txt1.png) no-repeat;opacity:0; z-index:5 }
#frame3_txt2{top:0px; left:0px; width:728px; height:90px; background: url(frame3_txt2.png) no-repeat; opacity:0; z-index:5 }
#frame3_txt3{top:0px; left:0px; width:728px; height:90px; background: url(frame3_txt3.png) no-repeat; opacity:0; z-index:5 }
#frame3_background{ width:728px; height:90px; background-color:#003767; opacity:0; z-index:4}

/*/////////////////////////////////////////////
CLICKTAG
/////////////////////////////////////////////*/

#bg-exit{
	background: url(clicktag.png) no-repeat;
	top:0px;
	left: 0px;
    width:728px; height:90px;   
    cursor:pointer;
    z-index: 998;
}
/*/////////////////////////////////////////////
CTA
/////////////////////////////////////////////*/

#button {
    background:url(cta.png) 0px 0px;
	top:250px;
	left:91px;
    width: 106px;
    height: 39px;
	cursor:pointer;
    z-index: 999;
	border:1px solid #fff;
	background-color:#b81137;
	opacity:0;
}
#button:hover{background-color:#940e2c;}

#button_a{top:162px;left:89px; width: 106px;height:39px;}

@media only screen and (max-device-width: 1024px) and (orientation: portrait) {
    #button:hover  {
        background: url(cta.png) #b81137 no-repeat center center;
    }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
    #button:hover  {
        background: url(cta.png) #b81137 no-repeat center center;
    }
}

#dotWhiteUno{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 50px;
	z-index: 20;
	opacity:0;
}

#dotWhiteDos{
			border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	
		left: 67px;
		z-index: 20;
		opacity:0;
}

#dotWhiteTres{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 84px;
	z-index: 20;
	opacity:0;
}

#dotWhiteCuatro{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 101px;
	z-index: 20;
	opacity:0;
}

#dotWhiteCinco{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 118px;
	z-index: 20;
	opacity:0;
}

#dotWhiteSeis{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 135px;
	z-index: 20;
	opacity:0;
}

#dotWhiteSiete{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 152px;
	z-index: 20;
	opacity:0;
}

#dotWhiteOcho{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 168px;
	z-index: 20;
	opacity:0;
}

#dotWhiteNueve{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 185px;
	z-index: 20;
	opacity:0;
}

#dotWhiteDiez{
	border-radius: 50%;
background: url(dotRose.png);
background-color: #2b465d;
top: 79px;
width: 15px;
height: 15px;
	left: 50px;
	z-index: 20;
	opacity:0;
}

#dotWhiteOnce{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 219px;
	z-index: 20;
	opacity:0;
}

#dotWhiteDoce{
	border-radius: 50%;
	background-color: #FFF;
	top: 83px;
	width: 8px;
	height: 8px;
	left: 235px;
	z-index: 20;
	opacity:0;
}


/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  
}
.hvr-icon-forward:before {
  content: url(flecha.png);
  position: absolute;
  top:9px;left:86px;
  
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}