﻿
.menu li:first-child {
    background: #49c0f0;
    background: -moz-linear-gradient(top, #49c0f0 0%, #2cafe3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#49c0f0), color-stop(100%,#2cafe3));
    background: -webkit-linear-gradient(top, #49c0f0 0%,#2cafe3 100%);
    background: -o-linear-gradient(top, #49c0f0 0%,#2cafe3 100%);
    background: -ms-linear-gradient(top, #49c0f0 0%,#2cafe3 100%);
    background: linear-gradient(to bottom, #49c0f0 0%,#2cafe3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 );
    color: white;
    font-weight: bold;
    font-family: arial black;
    font-size: 14px;
    border: 2px solid #2c9fce;
    box-shadow: 0 0 2px 1px #aaa;
    -webkit-box-shadow: 0 0 2px 1px #aaa;
    -moz-box-shadow: 0 0 2px 1px #aaa;
  
}
.menu li {
    /*background: #8dd2ee; 
    background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f9ff), color-stop(47%,#cbebff), color-stop(100%,#a1dbff)); 
    background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); 
    background: -o-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); 
    background: -ms-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
    background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 );*/
    border: 3px solid #2cafe3;
    color: white;
    font-size: 13px;
   

}
.menu a{
    text-decoration: none;
    color: #4a4a4a;       
    
}

#menu2.circleMenu-open > li:first-child {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.menu {
    position: absolute;
    top: 40%;  
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tabelaCentral {
    width: 100%; 
    height: 100%; 
    border-top-left-radius: 115px; 
    border-top-right-radius: 115px; 
    border-bottom-right-radius: 115px;
    border-bottom-left-radius: 115px; 
    -webkit-transition: all 500ms ease; 
    text-align: center; 
    vertical-align:middle;
    border: 1px solid #fff;
    cursor: pointer;
}

    .tabelaCentral :hover {
        -webkit-transition: all 200ms ease;
        border-top-left-radius: 115px;
        border-top-right-radius: 115px;
        border-bottom-right-radius: 115px;
        border-bottom-left-radius: 115px;
        
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;        
    }

.trCircular:hover {
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
}