@charset "utf-8";
/* CSS Document */
/*clear float*/

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fondo1 {
    background-image: url(../img/fondo1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}
.fondo2 {
    background-image: url(../img/fondo2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 678px;
    position: absolute;
}

.play {
width: 0;
  height: 0;
  border-left: 10px solid #fefefe;
  border-top: 6.5px solid transparent;
  border-bottom: 6.5px solid transparent;
  display: inline-block;
  vertical-align: middle;
}
/*NAVEGACION*/

.navInicio {
    background-image: url(../img/nav/navInicio.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 65px;
    height: 65px;
    top: 2%;
    position: absolute;
    left: 92%;
}

.navArrow {
    width: 74px;
    height: 74px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 1;
}

.navBack {
    left: 3%;
    top: 89%
}

.navNext {
    left: 92%;
    top: 89%
}

.navCenter {
    top: 89%;
    left: 47.5%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtras.png);
}

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente.png);
}

.flechaAtras2 {
    background-image: url(../img/nav/flechaAtras2.png);
}

.flechaSiguiente2 {
    background-image: url(../img/nav/flechaSiguiente2.png);
}

.flechaAtras3 {
    background-image: url(../img/nav/flechaAtras3.png);
}

.flechaSiguiente3 {
    background-image: url(../img/nav/flechaSiguiente3.png);
}

.flechaAtras4 {
    background-image: url(../img/nav/flechaAtras4.png);
}

.flechaSiguiente4 {
    background-image: url(../img/nav/flechaSiguiente4.png);
}
.flechaAtras5 {
    background-image: url(../img/nav/flechaAtras5.png);
}

.flechaSiguiente5 {
    background-image: url(../img/nav/flechaSiguiente5.png);
}




