.banners .izq, .banners .der{border-radius: 50%; position: absolute; z-index: 100; cursor: pointer;}
.banners .izq img, .banners .der img{display: block; } 
.banners a{display: block;}

.navegador{position: absolute; width: 100%;}
.navegador>div{display: table; margin: auto;}
.navegador a{border-radius: 50%; display: block; background-color: #FFF; float: left; box-shadow: 2px 5px 10px 1px rgba(0,0,0,0.7); }
.navegador a.activo{background-color: #1f1f1f; }

.banners .fb{background: url(../img/fb2.png) no-repeat;background-size: 20px 20px; width: 20px; height: 20px;}
.banners h2, .banners p{color: #FFF;}

@media screen and (min-width:1400px){ 
    .banners .izq, .banners .der{width: 70px; height: 70px;}
    .banners .izq img, .banners .der img{ height: 38px; margin: 16px auto; }
    .banners .izq{left: 40px;}
    .banners .der{right: 40px;}
    .navegador a{height: 20px; width: 20px;}
    .navegador{margin-top: -45px;}
    .navegador a + a{margin-left: 20px;}
    .banners h2{font-size: 45px;}
    .banners p{font-size: 20px;}
}

@media screen and (max-width:1399px) and (min-width:800px){
    .banners .izq, .banners .der{width: 50px; height: 50px;}
    .banners .izq img, .banners .der img{ height: 30px; margin: 10px auto; }
    .banners .izq{left: 25px;}
    .banners .der{right: 25px;}
    .navegador a{height: 12px; width: 12px;}
    .navegador{margin-top: -27px;}
    .navegador a + a{margin-left: 17px;}
    .banners h2{font-size: 30px;}
    .banners p{font-size: 20px;}    
}

@media screen and (max-width:799px){ 
    .banners .izq, .banners .der{width: 40px; height: 40px;}
    .banners .izq img, .banners .der img{ height: 22px; margin: 9px auto; }
    .banners .izq{left: 10px;}
    .banners .der{right: 10px;}
    .navegador{display: none;}
    .banners h2{font-size: 25px;}
    .banners p{font-size: 15px;}
}
.elemento img{width: 100%;}
.banners section{position: absolute; z-index: 200; right: 11%}