html,body {margin: 0; padding:0}

body {
  font-size: 9pt;
  font-family: "Lucida", verdana, arial, helvetica, serif;
  background: #006699;
}

a:visited { color: #777; text-decoration: none; }
a:link    { color: blue; text-decoration: none; } 
a:hover   { color: #fff; background-color: #069; }

#upperbar {
 color: white;
 background: #09d;
 clear:both;
 padding: 1ex;
 height: 40px;
}

#upperbar .titolo{
text-align: left;
font-weight: bold;
font-style: italic;
font-size: 20pt;
float: left;
}

#upperbar .spot{
float: right;
}

#topbar {
  color: white;
  background: #07b;
  clear: both;
  text-align: center;
  height: 1.55em;
  padding-top: 1ex;
}

#topbar a {
  color: white;
  background-color: #07b; 
  text-decoration: none;
  padding-left: 0.75ex;
  padding-right: 1.5ex;
}  

#topbar a:hover {
 font-weight:bold;
 text-decoration: underline;
}

#topbar .corrente {color:white; font-weight:bold;}

#principale { 
   margin-left: 17%;
   margin-right: 17%;
   padding: 1em 10px;
   background: white;
   border-style: solid;
   border-width: thin;
   border-color: black;
 }

.centro {
 text-align: center;
 }


.sottotitolo{
font-style: italic;
text-align: center;
}

#colonna{
  font-size: 85%;
  color: #fee;
  background : #048;
  float: right;
  padding: 10px;
  width: 15%; 
 }

#colonna .links{
  padding: 4pt;
  border-style: none;
  text-align : left;
}

#colonna .links A:visited { color: #999; text-decoration: none; }
#colonna .links A:link    { color: yellow; text-decoration: none; } 
#colonna .links A:hover   { color: black; background-color: yellow; }

#colonna_sx{
  float: left;
  color: #fee;
  background : #048;

}

.titolo{
font-weight : bold;
text-align: center;
}

.barra {
   clear: both;
   color: white; 
   background: #048;
   font-size : 80%;
   text-align : center;
   height: 10pt;
   padding: 4pt;
}

.nota{
margin: 4pt;
color: black;
font-weight : bold;
background: yellow;
border-style: dotted;
border-width: thin;
padding: 4pt;
}

.console{
  color: #bbb;
  background: black;
  border-style: solid;
  border-width: thin;
  margin: 2%;
  padding: 4pt;
}

.credits{
   text-align: right;
   font-weight : bold;
   width: 100%;
   padding: 4pt;
}

.immagine{
  width: 55%;
  border-width: 0;
  clear: both;
  text-align: center;
}

img {
  border-width: 0;
}

.comandi {
  background : #fafafa;
  float: none;
  padding: 4pt;
  border-style: dashed;
  border-width: thin;
  border-color: gray;
  text-align : left; 
  margin: 2%;
}

.comandi dl dt {
  font-weight: bold;
}
.comandi dd p {
  margin-top: 3pt;
  margin-bottom: 15pt;
}


.news {
  color: black;
  background : #eee;
  float: none;
  padding: 4pt;
  text-align : left; 
  border-style: dashed;
  border-width: thin;
  border-color: #bbb;
  margin: 2%;
}

.news dl dt {
  font-weight: bold;
  color: black;
  padding: 4pt;
}

.buttons {text-align:center; padding: 5pt;}

/* http://www.sovavsiti.cz/css/w3c_buttons.html */
/* http://public.the-i.org/_pub/button.css */

.button {
      
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	width: 9em;
}

.button a {
        
	border-bottom: 2px solid #4A4A4A;
	border-left: 1px solid #CECECE;
	border-right: 2px solid #4A4A4A;
	border-top: 1px solid #CECECE;
	text-decoration: none;
	width: 100%;
}

.button a.w3c, .button a:hover.w3c {
	background-color: #FFCC66;
	color: #000000;
}

.button a:hover {
	border-bottom: 1px solid #CECECE;
	border-left: 2px solid #4A4A4A;
	border-right: 1px solid #CECECE;
	border-top: 2px solid #4A4A4A;
}

.button span {
	padding: 0 0.4em;
}

.button span.w3c {
	background-color: #FFFFFF;
	color: #0C479D;
}