main .blog {
    width: 900px;
    
    display: flex;
    justify-content: center;
    
    background: rgba(0,0,0,.3);
    /*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*/
    /*color: #2c296f;/*azul marino*/
    /*color: #00526f;/*petroel*/
    /*color: #00b7e5;/*celeste*/
    /*color: #55a546;/*verde claro*/
    /*color: #00693e;/*verde*/
}

.blog form fieldset{
    /*display: block;
    justify-content: center;
    flex-wrap: wrap;*/
    
    width:700px;
    margin-top: 20px;
    
    /*text-align: center;*/
}
.blog form fieldset h1{
    font-family: Arial;
    text-align: center;
    color: #fff;
}
.blog form fieldset input{
    width: 343px;
    height: 35px;
    margin-top: 20px;
    
    font-size: 17px;
}
.blog form textarea{
    width: 696px;
    height: 80px;
    
    margin-top: 20px;
    font-size: 17px;
}
.blog form .b-envia{
    margin: 20px 177px;
    cursor: pointer;
    
    background: rgba(120,0,100,1);
    border: 0;
    
    color: white;
    font-family: Arial;
}
.blog form .b-envia:hover{
    background: rgba(120,0,190);
}
/*#############################################*/
main .contenedor-map{
    width: 900px;
    height: 500px;
    margin-top: 23px;
}
/*############################################*/
main h1{
    background: rgba(0,0,0,.5);
    font-family: Arial;
    text-align: center;
    color: #fff;
    padding: 3px 100px;
}
main .panel-hex{
    background: rgba(0,255,240,.3);
    width: 900px;
    height: 490px;
    position: relative;
}
main .panel-hex .hex1{
    position: absolute;
    top: 165px;
    left: 360px;
    fill: green;
}
main .panel-hex .hex2{
    position: absolute;
    width: 300px;
    height: 165px;
    
    top: 0px;
    left: 360px;
    fill: yellow;
}
main .panel-hex .hex3{
    position: absolute;
    width: 300px;
    height: 165px;
    /*background: yellow;*/
    top: 83px;
    left: 503px;
    fill: gray;
}
main .panel-hex .hex4{
    position: absolute;
    width: 300px;
    height: 165px;
    
    top: 247px;
    left: 503px;
    fill: pink;
} 
main .panel-hex .hex5{
    position: absolute;
    width: 300px;
    height: 165px;
    
    top: 330px;
    left: 360px;
    fill: brown;
}
main .panel-hex .hex6{
    position: absolute;
    width: 300px;
    height: 165px;
    
    top: 246px;
    left: 215px;
    fill: blue;
}
main .panel-hex .hex7{
    position: absolute;
    width: 300px;
    height: 165px;
    
    top: 83px;
    left: 215px;
    fill: magenta;
}