@font-face {
 font-family: "occidental";
 src: url("http://localhost/mewriter/caRR/OCCIDENT.eot") /* EOT file for IE */
 }
 @font-face {
  font-family: "occidental";
  src: url("http://localhost/mewriter/caRR/OCCIDENT.TTF") format("truetype");
 }
 .fontoccidental { 
 font-family: "occidental",papyrus,georgia,times new roman,serif;
 font-size:30pt;
 color:#535cc6;
 }
 @font-face {
 font-family: "mercedes";
 src: url("http://localhost/mewriter/caRR/MERCEDES.eot") /* EOT file for IE */
 }
 @font-face {
  font-family: "mercedes";
  src: url("http://localhost/mewriter/caRR/MERCEDES.TTF") format("truetype");
 }
 .fontmercedes { 
 font-family: "mercedes",arial,sans-serif;
 font-size:30pt;
 color:#535cc6;
 }
 a.meniu
 {
 display:in-line;
 width:120px;
 height:40px;
 color:#de0b0e;
 background:url(http://localhost/mewriter/p0Ze/grad.png) repeat-x;
 font-family:"occidental",papyrus,georgia,times new roman,serif;
 text-align:center;
 font-size:18px;
 text-decoration: none;
 }
  a.meniu:hover
 {
 color:royalblue;
 }
 .fade {
 opacity: 1;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
 }
 .fade:hover {
 opacity: 0.5;
 }
 a{ position:relative;
    z-index:24;}
 a:hover{ z-index: 25;}
 a span{display: none}
 a:hover span{
    display:block;
    position:absolute;
    top: 2em; left: 2em;
    border: 1px solid royalblue;
    background: -webkit-linear-gradient(left, rgba(255,0,0,0), rgba(255,0,0,1));background: -o-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));background: -moz-linear-gradient(right, rgba(255,0,0,0), rgba(255,0,0,1));background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
    font-family:Adobe,Arial;
    font-style:italic;
    font-size: 80%}