/* botao rotativo */
@font-face {
    font-family: 'WebSymbolsRegular';
    src: url('../images/websymbols/websymbols-regular-webfont.eot');
    src: url('../images/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../images/websymbols/websymbols-regular-webfont.woff') format('woff'),
         url('../images/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
         url('../images/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ca-menu{
    padding:0;
    margin:-274px auto 25em;
    width: 9px;
	font-family: 'Dosis', sans-serif;
	margin-left:38em;
}
.ca-menu li{
    width: 215px;
    height: 215px;
    border: 10px solid #000000;
    overflow: hidden;
    position: relative;
    float:left;
    background: #fff;
    margin-right: 4px;
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    -webkit-border-radius: 125px;
    -moz-border-radius: 125px;
    border-radius: 125px;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:last-child{
    margin-right: 0px;
}
.ca-menu li a{
    text-align: left;
	text-decoration:none;
    width: 100%;
    height: 100%;
    display: block;
    color: black;
    position: relative;
   -moz-box-shadow:0px 0px 3px #000000;
   -webkit-box-shadow:0px 0px 3px red;
   /*box-shadow:0px 0px 3px blue;*/
}
.ca-icon{
    font-family: 'WebSymbolsRegular', cursive;
    font-size: 3em;
    color: black;
    /*line-height: 60px;*/
    position: absolute;
    width: 100%;
    /*height: 82px;*/
    left: 35%;
    top: 20%;
    /*text-align: center;*/
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-main{
    font-size: 1.5em;
    position: absolute;
    top: 49%;
    width: 80%;
    left: 11%;
    opacity: 0.8;
    text-align: center;
}
.ca-sub{
    text-align:center;
    color: white;
    font-size: 23px;
    position: absolute;
    height: 80px;
    width: 170px;
    left: 50%;
    margin-left: -85px;
    top: 110px;
    opacity: 0;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.ca-menu li:hover{
    background: #747578;
    border-color: white;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 45px 60px -50px black;
}
.ca-menu li:hover .ca-icon{
    color: white;
    font-size: 45px;
}
.ca-menu li:hover .ca-main{
    display: none;
}
.ca-menu li:hover .ca-sub{
    opacity: 0.8;
}