@charset "utf-8";

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight{
position: absolute; 
top: 0px; 
left: 0; 
width: 250px; 
height: 850px;
background-image: url('/themes/advanced/imgs/menu_sx.jpg');
background-repeat:no-repeat;
overflow: hidden; 
}

#framecontentRight{
left: auto;
right: 0; 
top: 0px; 
width: 250px; 
height:850px;
overflow: hidden; 
background-image: url('/themes/advanced/imgs/menu_dx.jpg');
background-repeat:no-repeat;
}

#framecontentTop{
position: center;
top: 0;
right: 0px; 
width: auto;
margin-left:150px;
height: 50px; 
overflow: hidden; 
background-image: url('/themes/advanced/imgs/colonnasu.jpg');
background-repeat:no-repeat;
padding:10px;
margin-top:-10px}

#maincontent{
position: fixed; 
top: 50px !important; 
left: 250px; 
right: 250px; 
bottom: 0;
overflow: hidden; 
}

.innertube{
margin: 15px; 
}

a1 { color: #4895EF; }
a1:hover { cursor:crosshair; font-style: regular; border-bottom: dashed 1px #4895EF;}

toptitle {
	font-family: "Bavro", sans-serif;
	font-size: 16px;
	letter-spacing: 1px;
	color: #4895EF; 
    background-image: linear-gradient(to right bottom, #d16ba5, #be83cb, #a29ce4, #87b1f0, #79c3f0, #5acff5, #38dbf2, #25e5e7, #00efd6, #00f6b6, #00fb88, #5bfd4b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1.9;
    font-weight: bold;
    margin-left:10px;
}

toptitle:hover {
    /* Aumenta la luminosità generale dei colori del gradiente */
    filter: brightness(1.3) drop-shadow(0 0 5px rgba(138, 167, 236, 0.8));
    
    /* Effetto flickering opzionale (tipico dei neon) */
    transition: all 0.3s ease-in-out;
    
    /* Un leggero bagliore esterno che richiama i toni azzurri/viola del tuo gradiente */
    text-shadow: 0 0 8px rgba(95, 251, 241, 0.5);
    
    cursor: pointer;
}

@media screen and (max-width: 1439px) {
    toptitle { font-size: 16px; }
}

/* Animazione Magenta Neon per il Menu */
@keyframes neon-magenta-top {
    0% { filter: drop-shadow(0 0 2px #ff00ff); opacity: 0.8; }
    50% { filter: drop-shadow(0 0 10px #ff00ff) drop-shadow(0 0 15px #ff00ff); opacity: 1; color: #fff; }
    100% { filter: drop-shadow(0 0 2px #ff00ff); opacity: 0.8; }
}

.allarme-calendario {
    background-image: linear-gradient(to right, #ff00ff, #ff77ff) !important;
    -webkit-text-fill-color: transparent;
    animation: neon-magenta-top 1.5s infinite !important;
    font-weight: bold;
}