/********************************************************************************
 *                    circololippi.css )c( circololippi.org                     *
 *       Layout, regole tipografiche e di colore - v2007.1  (10.03.2007)        *
 *                         autore peterpunk@hackbloc.it                         *
 ********************************************************************************/

/*                                  *
 * Stili per arrotondare gli angoli */
b.rtop, b.rbottom{display:block;background: /*#0070A5*/ #548ab4;}
b.rtop b, b.rbottom b {
   display: block; height: 1px;
   overflow: hidden; background: /*#E5F0FF*/ #fff;
}
b.r1 {margin: 0 5px}
b.r2 {margin: 0 3px}
b.r3 {margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px; height: 2px}

/* TODO: Creare una mappa completa dei colori utilizzati */
/* Viola utilizzati: #89007e #7500b9 (from fiorentina.it) #a374a3 (style5) #a888cb #c9c */
/* Verdi: #88ac0b #86c32a */

/*                             *
 * Stili per gli elementi HTML */
body {
  color: #fff;
  font: 0.90em/1.35em Verdana, "Bitstream Vera Sans", Sans-Serif, Arial, Helvetica;
  background: /*#0070A5*/ #548ab4 url('./img/back.png') repeat fixed;
  /*background: #0a1768 url('./img/bg-stella.gif') bottom left repeat-x fixed;*/
  padding: 10px 20px;
}

h1, h2, h4, p, ul, ol, dl {
  margin: 0 50px;
}

h1 {
  color: #0070A5;
  font-size: 2em;
  line-height: 1.3em;
}

h2 {
  color: #0070A5;
  font-size: 1.5em;
  background: url('./img/arrow.gif') no-repeat left center;
  padding: 10px 0 10px 10px;
  font-weight: normal;
}

h3 {
  color: #994D00;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}

h4 {
   color: #0070A5;
   text-align: justify;
}

p {
  padding-bottom: 0.5em;
  text-align: justify;
}

.small {
font-size: 0.85em;
color: #06c;
}

a {
  color: #06c;
  text-decoration: none;
}

a:hover {
  color: #74a8f5;
  text-decoration: none;
}

a img { border: none; }

ul, ol { list-style: none; }

hr { width: 95%; border: 1px solid #74a8f5; }

/* Elementi dei form HTML */
form {
	margin:10px 50px; padding: 0 5px;
	border: 1px solid #f2f2f2; 
	background-color: transparent; 
}
label {
	display:block;
	margin:5px 0;
}
input,select {
	padding:2px;
	border:1px solid #ddd;
	color:#777;
}
textarea {
	width:90%;
	padding:2px;
	border:1px solid #ddd;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	border: 1px solid #ccc; 
	padding: 2px 3px; 
	background: #fff;
	color: #88ac0b;
}

acronym {
	border-bottom: 1px dotted;
}

/*                                              *
 * Stili per le classi e gli id definiti da noi */
#banner {
  background: transparent url('./img/barcod3.gif') 100% 0 repeat-x;
  margin: 0px;
  padding: 10px 5px 0px 5px;
  border-top: 1px solid #0070A5;
  border-bottom: 1px solid #0070A5;
  font-size: 0.85em;
  font-weight: normal;
  font-style: italic;
  text-align: left;
}

/* Tratteggi ispirati da www.hsrgiglio.it/it/accessibile */
/* Tratteggio - Immagine superiore */
.tratteggioSup {
  height: 4px;
  background: #0070A5 url(./img/tratteggioSup.gif) repeat;
  font-size: 3px;
}
/* Tratteggio - Immagine inferiore */
.tratteggioSub {
  background: #0070A5 url(./img/tratteggioSub.gif) repeat;
  height: 4px;
  font-size: 3px;
}

#navigation {
  display: block;
  clear: both;
  color: #999;
  background: #0070A5;
  border-top: 1px dotted #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px dotted #fff;
  border-left: 1px solid #fff;
  padding: 0px;
  text-align: right;
  font-variant: small-caps;
}

#navigation a {
  color: #fff;
  border-left: 1px dotted #fff;
  padding: 0 20px 0 20px;
  text-decoration: none;
}

#navigation a:hover {
  color: #555;
  background: #fff;
}

#navigation abbr {
  color: #0c0;
  border-left: 1px dotted #fff;
  padding: 0 20px 0 20px;
  text-decoration: none;
  border-bottom: 0px solid #f00;
}

#content {
  color: #222;
  background: /*#E5F0FF*/ #fff /*url('./img/bg-po.jpg') repeat fixed*/;
  width: 95%;
}

#footer {
  text-align: center;
  color: #fff;
  font-size: 90%;
  padding: 10px;
}

#footer a {
  color: #eee;
  border: 0px;
  border-bottom: 1px dotted #eee;
  text-decoration: none;
}

#footer a:hover {
  color: #fff;
}

.style0 {color: #f60}
.style1 {color: #86c32a; font-size: smaller; font-style: italic; text-align: right;}
.style2 {color: #f93}
.style3 {color: #666}
.style4 {color: #999}
.style5 {color: #a374a3}
.style6 {color: #86c32a}
.style7 {color: #74a8f5}
.style8 {color: #7500b9}
.style9 {color: #c60}
.stylea {color: #FFB200; font-style: italic; font-size: 0.85em; padding:0;}

/* Elementi per l'impaginazione delle gallerie fotografiche (e non solo) */
.thumbs {
   background-color: #f3f3f3;
   border: 1px solid #e0dfd6;
   text-align:center;
   padding: 5px;
   margin: 5px;
   line-height: 100%;
 /*  width: 100px;*/
   /*height:75px;*/
   float: left;
}
/* Ombre (Un'idea di bus3(at)artesottomarina.it) */
div.inglow {
   padding: 5px;
   text-align:center;
   background-color: #fff;
   border-bottom: 1px solid #d0cfc6;
   border-right: 1px solid #d0cfc6;
}
div.outglow {
   background-color: #e0dfd6;
   padding: 1px;
   border: 1px solid #f3f3f3;
   line-height: 100%;
   margin: 10px;
}

/*            *
 *  E x t r a *
 *            */

/*            *
 *  C o c c i *
 *            */
#eagle {position:absolute; visibility:hidden; top:0px; left:0px; z-index:-1;}
#laser {position:absolute; visibility:hidden; top:0px; left:0px; z-index:-2;}