.ophover-sprite,.ophover-menuon-circul,.ophover-menuon-petrol,.ophover-menuon-phyto,.ophover-menuon-sedim,.ophover-menuon-zoo{background-image:url("/img/opcircle/ophover-sacfa54f229.png");background-repeat:no-repeat}.ophover-menuon-circul{background-position:0 0}.ophover-menuon-petrol{background-position:0 -160px}.ophover-menuon-phyto{background-position:0 -320px}.ophover-menuon-sedim{background-position:0 -480px}.ophover-menuon-zoo{background-position:0 -640px}body{background:radial-gradient(#2ac5d7, #26bace, #127497)}#lateral-section #opmenu{margin-left:65px;height:190px;width:190px;position:relative;text-align:center;margin-bottom:120px}#lateral-section #opmenu h3{color:#b1b1b1;text-transform:uppercase}#lateral-section #opmenu div.menu{width:190px;height:190px;margin:0;border-radius:500px;border-radius:50%;list-style:none;font-size:200%;-webkit-transition:width 500ms, height 500ms, margin 500ms;transition:width 500ms, height 500ms, margin 500ms;overflow:hidden;position:absolute;top:100px;left:0}#lateral-section #opmenu div.menu:target{width:380px;height:380px;margin:-190px 0 0 -190px}#lateral-section #opmenu div.menu .icon-phyto{position:absolute;top:-83px;left:17px}#lateral-section #opmenu div.menu .icon-zoo{position:absolute;left:40px}#lateral-section #opmenu div.menu .icon-sedim{position:absolute;left:-89px;top:-3px}#lateral-section #opmenu div.menu .icon-petrol{position:absolute}#lateral-section #opmenu div.menu .icon-circul{position:absolute;left:-66px;top:-84px}#lateral-section #opmenu div.menu .icon-decomposition{position:absolute;top:44px;left:-26px}#lateral-section #opmenu div.menu .menu-button{width:90.47619px;height:90.47619px;position:absolute;left:50%;top:50%;margin:-47.5px 0 0 -47.5px;background:#fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;border-radius:500px;border-radius:50%;opacity:1;z-index:4}#lateral-section #opmenu div.menu #menu:not(:target)>a:first-of-type,#lateral-section #opmenu div.menu #menu:target>a:last-of-type{opacity:1;z-index:1}#lateral-section #opmenu div.menu .menu-item-back{-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#efefef;width:190px;height:190px;position:absolute;-webkit-transform-origin:0px 190px;-ms-transform-origin:0px 190px;transform-origin:0px 190px;margin-top:-190px;left:50%;top:50%;border:8px solid #ffffff}#lateral-section #opmenu div.menu .menu-item-back:hover{background:#bfbfbf}#lateral-section #opmenu div.menu .menu-item{position:absolute;text-decoration:none;top:50%;left:50%}#lateral-section #opmenu div.menu .menu-item img{pointer-events:none}#lateral-section #opmenu div.menu .menu-item img:hover{-webkit-filter:invert(100%);filter:invert(100%)}#lateral-section #opmenu div.menu .menu-item.active .menu-item-back,#lateral-section #opmenu div.menu .menu-item:hover .menu-item-back{background:#1bacc4}#lateral-section #opmenu div.menu .menu-item.active img,#lateral-section #opmenu div.menu .menu-item:hover img{-webkit-filter:brightness(3);filter:brightness(3)}#lateral-section #opmenu div.menu .menu-item:before{color:#fff;position:absolute;text-decoration:none;top:-12px;left:30px;z-index:1}#lateral-section #opmenu div.menu .menu-item:nth-child(3){display:block}#lateral-section #opmenu div.menu .menu-item:nth-child(3) .menu-item-back{-webkit-transform:rotate(-89deg) skew(-18deg);-ms-transform:rotate(-89deg) skew(-18deg);transform:rotate(-89deg) skew(-18deg)}#lateral-section #opmenu div.menu .menu-item:nth-child(3):before{margin:-110px 0 0 0px}#lateral-section #opmenu div.menu .menu-item:nth-child(4){display:block}#lateral-section #opmenu div.menu .menu-item:nth-child(4) .menu-item-back{-webkit-transform:rotate(-17deg) skew(-18deg);-ms-transform:rotate(-17deg) skew(-18deg);transform:rotate(-17deg) skew(-18deg)}#lateral-section #opmenu div.menu .menu-item:nth-child(4):before{margin:-33.99187px 0 0 104.61622px}#lateral-section #opmenu div.menu .menu-item:nth-child(5){display:block}#lateral-section #opmenu div.menu .menu-item:nth-child(5) .menu-item-back{-webkit-transform:rotate(55deg) skew(-18deg);-ms-transform:rotate(55deg) skew(-18deg);transform:rotate(55deg) skew(-18deg)}#lateral-section #opmenu div.menu .menu-item:nth-child(5):before{margin:88.99187px 0 0 64.65638px}#lateral-section #opmenu div.menu .menu-item:nth-child(6){display:block}#lateral-section #opmenu div.menu .menu-item:nth-child(6) .menu-item-back{-webkit-transform:rotate(127deg) skew(-18deg);-ms-transform:rotate(127deg) skew(-18deg);transform:rotate(127deg) skew(-18deg)}#lateral-section #opmenu div.menu .menu-item:nth-child(6):before{margin:88.99187px 0 0 -64.65638px}#lateral-section #opmenu div.menu .menu-item:nth-child(7){display:block}#lateral-section #opmenu div.menu .menu-item:nth-child(7) .menu-item-back{-webkit-transform:rotate(199deg) skew(-18deg);-ms-transform:rotate(199deg) skew(-18deg);transform:rotate(199deg) skew(-18deg)}#lateral-section #opmenu div.menu .menu-item:nth-child(7):before{margin:-33.99187px 0 0 -104.61622px}#fondocean{width:100%;height:100%;position:absolute}#fondocean svg#fond{background:url("../oceanPlancton/img/bg.gif") right bottom repeat-x;background-size:contain;background-size:100% 100%;position:absolute;width:100%;height:100%;bottom:0;right:0}#fondocean svg#fond .activesvg.zoophyto path{fill:#ffffff}#fondocean svg#fond .activesvg.sedim{fill:#ffffff}#fondocean svg#fond .activesvg.decompo path,#fondocean svg#fond .activesvg.circul path{stroke:#ffffff;fill:none}