#contSlider{
    /*margin: auto;*/
    width:100%;
    height: 570px;/*define altura de banner*/
    max-width: 100%;
    position: relative;
    overflow: hidden;
    background: blue;
    overflow: hidden;
}
#slider{
    /*para navegadores antiguos*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**************************/
    width: 500%;
}
#slider section{
    width: 100%;
}
#slider img{
    display: block;
    width: 100%;
    height: 570px;/* 100%;/*cambio junto a contSlider height*/
}
#btn-prev, #btn-next{
    width: 50px;
    height: 70px;

    background: rgba(0,0,0,.5);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;

    text-align: center;/*alinea < > horizontal*/
    line-height: 65px;/*alinea < > vertical*/

    border-radius: 10px;/*50%;*/
    font-family: monospace;
    cursor: pointer;
    z-index: 99;
}
#btn-prev:hover, #btn-next:hover{
    background: rgba(0,0,0,1);
    color: white;
}
#btn-prev{
    left: 10px;
} 
#btn-next{
    right: 10px;
}
#contSlider .slider-fondo{
    /*background: rgba(0,82,111,.2);/*petrole*/
    background: rgba(44,41,111,.2);/*blue sea*/
    /*background: rgba(0,183,229,.2);/*blue sky*/
    /*background: rgba(85,165,70,.2);/*green sky*/
    /*background: rgba(0,105,62,.8);/*green*/
    position: absolute;
    width: 100%;
    height: 100%;
}
#contSlider #slider .text-slider{
    display: none;
}
.txtSlider{
    position: absolute;
    top: 25%;
    left: 5%;
    
    width: 45%;
    /*z-index: 50;*/
    font-size: 20px;
    color: white;
    /*background: red;*/
}
.txtSlider a{
    width: 280px;
    border: 3px solid #fff;
    padding: 7px 13px;

    color: white;
    text-decoration: none;
}
.txtSlider a:hover{
    border-color: rgba(0,82,111,1);
    background: rgba(0,82,111,.7);/*petrole*/
}
.txtSlider p{
    width: 100%;
    text-align: justify;
    margin: 20px 0px;
}
/**************************************************************/
/*.hexagono1{
    top: 95px;
    right: 27%;/*730px;*/
    /*****position: absolute;
    cursor: pointer;
}



.hexagono1 .hexagono-sup, .hexagono2 .hexagono-sup, .hexagono3 .hexagono-sup, .hexagono4 .hexagono-sup, .hexagono5 .hexagono-sup{
    height: 0px; 
    width: 100px; 
    border-left: 45px solid transparent; 
    border-right: 45px solid transparent; 
    border-top: 0px solid transparent; 
    border-bottom: 80px solid  rgba(255,255,255,.4);
    /*background: rgba(0,82,111,.9);/*petrole*/
    /*background: rgba(44,41,111,.8);/*blue sea*/
    /*background: rgba(0,183,229,.8);/*blue sky*/
    /*background: rgba(85,165,70,.8);/*green sky*/
    /*background: rgba(0,105,62,.8);/*green*/
/***********}
.hexagono1 .hexagono-inf, .hexagono2 .hexagono-inf, .hexagono3 .hexagono-inf, .hexagono4 .hexagono-inf, .hexagono5 .hexagono-inf{
    height: 0px;
    width: 100px;
    border-left: 45px solid transparent; 
    border-right: 45px solid transparent;
    border-top: 80px solid rgba(255,255,255,.4);
    border-bottom: 0px solid transparent;
}
.hexagono1 .hexagono-sup:hover, .hexagono2 .hexagono-sup:hover, .hexagono3 .hexagono-sup:hover, .hexagono4 .hexagono-sup:hover, .hexagono5 .hexagono-sup:hover{
    border-bottom: 80px solid rgba(255,255,255,.8);
}
.hexagono1 .hexagono-inf:hover, .hexagono2 .hexagono-inf:hover, .hexagono3 .hexagono-inf:hover, .hexagono4 .hexagono-inf:hover, .hexagono5 .hexagono-inf:hover{
    border-top: 80px solid rgba(255,255,255,.8);
}
/*****************************************************/
main .hexagono{
    top: 62px;
    right: 0%;
    position: absolute;
    
    width: 567px;
    height: 568px;
    display: flex;
    flex-wrap: wrap;
}

main .hexagono .he1{
    position: relative;
    width: 180px;
    height: 157px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.25);
}
main .hexagono .he1 a text{
    /*position: absolute;*/
    /*fill:green;*/
}
main .hexagono .he2{
    position: absolute;
    top: 164px;
    width: 180px;
    height: 157px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.25);
}
main .hexagono .he3{
    position: absolute;
    top: 328px;
    /*left: 0px;*/
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.25);
}

main .hexagono .he4{
    position: absolute;
    top: 82px;
    left: 144px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.5);
} 
main .hexagono .he5{
    position: absolute;
    top: 247px;
    left: 144px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.5);
} 
main .hexagono .he6{
    position: absolute;
    top: 0px;
    left: 145px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.5);
} 
main .hexagono .he7{
    position: absolute;
    top: 490px;
    left: 0px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.25);
} 
main .hexagono .he8{
    position: absolute;
    top: 412px;
    left: 144px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.5);
}
main .hexagono .he9{
    position: absolute;
    top: 0px;
    left: 288px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.75);
}
main .hexagono .he10{
    position: absolute;
    top: 164px;
    left: 288px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.75);
}
main .hexagono .he11{
    position: absolute;
    top: 328px;
    left: 288px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.75);
}

main .hexagono .he12{
    position: absolute;
    top: 490px;
    left: 288px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,.75);
} 
main .hexagono .he13{
    position: absolute;
    top: 0px;
    left: 431px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,1);
} 
main .hexagono .he14{
    position: absolute;
    top: 82px;
    left: 431px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,1);
} 
main .hexagono .he15{
    position: absolute;
    top: 247px;
    left: 431px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,1);
}
main .hexagono .he16{
    position: absolute;
    top: 412px;
    left: 431px;
    width: 180px;
    height: 156px;
    /*stroke: red;
    stroke-width: 1;*/
    fill: rgba(255,255,255,1);
}


main .hexagono .he1:hover a text,
.hexagono .he2:hover a text,
.hexagono .he3:hover a text,
.hexagono .he4:hover a text,
.hexagono .he5:hover a text{
    fill: rgba(0,0,0,1);
    padding: 200px;
}
main .hexagono .he1:hover, 
.hexagono .he2:hover, 
.hexagono .he3:hover, 
.hexagono .he4:hover, 
.hexagono .he5:hover{
    fill: rgba(255,255,255,1);
    cursor: pointer;
}

/*main .hexagono .he1 a text:hover, .hexagono .he2:hover, .hexagono .he3:hover, .hexagono .he4:hover, .hexagono .he5:hover{
    fill: #000;
}*/