/* license

BilugCMS (http://www.bilug.it) - Content Management System for dynamic web sites
Copyright (C) 2005-2008  Federico Villa and Alessio Loro Piana

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

For reference, contact bilugcms@vilnet.it


license */

/* Configurazioni di Base Comuni*/
* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: #none;
	width: 100%;
	font-family : Verdana,Arial,Helvetica;
	font-size : 8pt;
	color : #000080;	
}
#content{
  overflow:auto;
  position:absolute;
  top:0px;
  left:0px;
  width: 100%;  
  height: 100%;
  background: url(../img/sfondo.png) left top repeat-x #d6e8f8;
}
a{
	text-decoration: none;
	color : #000080;	
	font-style:italic;
} 
a:hover{		
	background: #bfd9f0;
} 

h1,h2,h3,h4,h5{
	padding: 0;
	font-weight: bolder;
	font-size: 8pt;	
	text-align: center;	
}
label
{
	margin: 0;
	padding: 0;
	text-align: justify;
}
p {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
 	border: 0;
}

ul{	
	margin: 0;
	padding-left:5px;		
	list-style: none;
	text-align: left;
}

li{	
	margin: 0;
	padding: 0;	
}

form {
	text-align:center;
}

select, textarea {
	 margin-top:5px;
	 border: 1px solid #888; 
}

.Cap{
	text-transform: capitalize;
}
/* Contenuto Max width e Centratura*/
#contenuto {
	width: 990px;
	margin: 20px auto 20px;
}
#contenutoadm {
	width: 990px;
	margin: 0 auto;
}
/* Testa con logo e link Amministrazione*/
#testa{
	background: transparent;
	
  border-radius: 15px; 
  -webkit-border-radius:15px;
  -moz-border-radius:15px;
	
}

#testa #logo{
	width: 990px;
	margin: 0 auto;
}

#testadm{
	background: #bfd9f0;
}

#testadm #logoadm{
	width: 780px;
	margin: 0 auto;
}

/* Area Amministrazione*/
a.area_riservata, a.area_riservata:hover
{
	position:absolute;
	top: 0;
	right: 0;
	color : #fff;
	background: #fff;
}
/*Corpo Della Pagina a 3 COlonne*/

#centrale{
	padding-top: 18px;
	background: #fff;
}

/* Div di Inizio blocco margine*/ 
.blocco{
	margin-bottom: 10px;
	height:1%;
	background:url(../img/bottomdx.png) center bottom no-repeat;  
	padding-bottom:5px;
	
}

a.assistenza {}
a.assistenza:hover { background: none !important; }

#textlato{
	-moz-border-radius:12px 12px 12px 12px;
	-moz-box-shadow:1px 1px 1px black inset;
	background:none repeat scroll 0 0 white;
	color:#333;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom: 2px;
}
#mail{
	-moz-border-radius:12px 12px 12px 12px;
	-moz-box-shadow:1px 1px 1px black inset;
	background:none repeat scroll 0 0 white;
	color:#333;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom: 2px;
}
#bottomlato{
	
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black;
	background: #DDD;
	color:#000;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom: 2px;
}
#bottomlato:hover{
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black inset;
}
/*Lato sinistro menu*/
#centrale #sinistra{
	float:left;
	width: 150px;	
	display:none;

}
#centrale #sinistra img.paypal{
	width: 140px;
}
#centrale #sinistra li{	
	margin: 1px;
	height: 1%;
}

#centrale #sinistra p
{
	background: #bfd9f0;	
	margin: 1px;	
}
#centrale #sinistra .modulo, #centrale #destra .modulo
{
	border-left: 2px solid #7DA2D6;
	border-right: 2px solid #7DA2D6;
	border-top: 2px solid #7DA2D6;
	padding:5px;
}
#centrale #sinistra .modulo .riga, #centrale #destra .modulo .riga
{
	margin-bottom: 5px;
}
#centrale #sinistra .modulo .col1, #centrale #destra .modulo .col1
{
	float: left;
}
#centrale #sinistra .modulo .col2, #centrale #destra .modulo .col2
{
	float: right;
	font-weight: bold;
}
/* Link sui Menu Sinistro e Destro */
#centrale #sinistra a,#centrale #destra a
{
	display: block;
	font-weight: bold;		
	font-style: normal;
	font-size: 9px;
	padding-left: 3px;
}
#centrale #sinistra a:hover,#centrale #destra a:hover		
{	
	color : #fff;
	background: navy;
}


#centrale #sinistra a.skimg,#centrale #destra a.skimg
{
	background:none;
	
}
#centrale #sinistra a.skimg:hover,#centrale #destra a.skimg:hover		
{	
	background:none;	
	 
}
#centrale #sinistra a.evefl,#centrale #destra a.evefl
{
	
}
#centrale #sinistra a.evefl:hover,#centrale #destra a.evefl:hover		
{	
		
}
#centrale #sinistra input,#centrale #destra input{
	
	width:130px;
	margin-top:5px;
}
#centrale #sinistra input.little,#centrale #destra input.little
{
	width:20px;
}
#centrale #sinistra input.ie,#centrale #destra input.ie
{
	width:12px;
}
#centrale #corpo input.ie
{
	width:12px;
}
/*Lato Centrale News Info e Altro*/
/* Corpo */

#centrale #corpo{
	float:left;
	width: 650px;	
	border: solid 2px #7DA2D6;
	border-radius: 15px; 
	margin-left:20px;
	padding: 10px;
	min-height: 300px;
}
html>body #centrale #corpo{
	width: 750px;
}
/*Gestione Input*/
#centrale input{
	width: 612px;
}
#centrale textarea{
	width: 350px;
  padding: 5px;
}
#centrale input.medio{
	width: 100px;
	-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black;
	background: #DDD;
	color:#000;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom: 2px;
}
#centrale input.medio:hover{
-moz-border-radius:8px 8px 8px 8px;
	-moz-box-shadow:1px 1px 1px black inset;
}
#centrale input.login{
	width: 370px;
	border-radius:12px;
	box-shadow:1px 1px 1px black inset;
	background:none repeat scroll 0 0 white;
	color:#333;
	outline:0 none;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	border: 1px solid #444;
	margin-bottom: 2px;
}
#centrale input.little{
	width: 20px;
}
#centrale input.paypald{
	width: 74px;
}
#centrale input.paypalp{
	width: 72px;
}
#centrale textarea.fotodesc{
	width: 650px;
}
#centrale input.gal{
	width: 150px;
	/*background: #7da2d6;
	color: #000080;
	border-top: 1px solid #fff;	
	border-left: 1px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;*/
}
/*Variazione Admin*/
#centrale #corpoadm{	
	padding: 0 10px 10px 10px;	
}
#centrale #corpo p{
	text-align: justify;	
}

#centrale #corpo h5{
	margin-top: 10px;
	text-align: justify;
	font-weight: normal;	
}

#centrale #corpo h4{
	text-align: center;
	font-weight: normal;
	margin: 5px 0;	
}

#centrale #corpo .sottotitolo{
	margin: 0;
	padding: 3px;
	text-align:left;
	font-weight: normal;
	background: #7DA2D6;
	height: 30px;	
	margin-bottom: 10px;
	border-radius: 3px;
}

#centrale #corpo h1{	
	height: 24px;
	background: #7DA2D6;
	padding-top: 10px;
	border-radius: 3px;
}

#centrale #corpo .sottotitolo h2{	
	text-align: left;
}

#centrale #corpo h3{	
	height: 22px;
	line-height: 22px;
	background: #7da2d6;	
	margin: 5px 0;
	border-radius: 3px;	
}

#centrale #corpo ul{	
	margin: 5px 0 10px;	
}

#centrale #corpo ul li{	
	margin: 3px 0;
}

#centrale #corpo ul li .elenco{	
	width: 700px;
}

#centrale #corpo .elenco a, #centrale #corpo .elenco a:visited, #centrale #corpo .elenco a:link
{
	float: left;
	height: 20px;
	width: 100%;	
	border-bottom: 1px dashed navy;
	padding: 3px 0;
}
#centrale #corpo .elenco a:hover
{
	border-bottom: 1px solid navy;
	background: none;
}
	
			  
.elenco a , .elenco a:visited, .elenco a:link		
{	
	padding-top: 10px;	
	text-decoration: none;
}

.elencoimg a, .elencoimg a:visited, .elencoimg a:link {
	float: right;
	height: 30px;	
	width: 40px;
}

/*Lato Menudi Destra*/
#centrale #destra{
	float:right;
	width: 150px;
}
#destra{
  margin-right:20px;
}
#centrale #destra h3{
  background:url(../img/menudx.png);
  margin:0px;
  line-height: 20px;
}
#centrale #destra img.paypal{
	width: 135px;
	padding-top:5px;
}
#centrale #destra li{
	margin: 1px;
	height: 1%;
}

#centrale #destra p{
	/*background: #bfd9f0;*/
	text-align: center;	
	margin: 0px;	
}
/* Piede */
#piede{
	background:transparent;
	width: 100%;
	text-align: center;	
}
#piede #piedipagina {
	padding: 5px 0;
	background:#fff;
}
#piede #navbot {
}
#piede #bottoni {
	padding: 5px 0;	
	background: url(../img/piede.png) left top no-repeat;
	
	
}
#piede a:hover{
  background: none;
	
}
#piede .piedelogo{
	border: 0;
	width: 80px;
	height: 16px;
}
#piede .lucchetto{
	border: 0;
}
/* Piede amministrazione */
#piedeadm{
	padding-top: 5px;	
	background: #e7f3fd;
	text-align:center;
}

#piedeadm .piedelogo{
	border: 0;
	width: 48px;
	height: 16px;
}

/* Sezione Dedicata a pagine*/

/* Pagina Contatti*/
#centrale #contatti ul{
	margin-top: 20px;
}
#centrale #contatti ul li{
	margin: 20px 0;
}
#centrale #contatti ul li ul{
	width: 100%;
	text-align: center;
	margin: 0;
}
#centrale #contatti .sinistra{
	margin-left: 100px; 	
}
#centrale #contatti .destra{
	margin-right: 100px; 	
}

#centrale #email h2{
	margin: 8px 0;
	text-align: right;
}
#centrale #email .sinistra{	
	height: 150px;
	margin-left: 150px;
}
#centrale #email .centro{
	text-align: left;
	margin: 0;	 	
}

#centrale #credits .sinistra{
	width: 300px;
	margin-left: 20px;
}
#centrale #credits .centro{
}
.azzerafloat {
	clear:both;
}
.azzerafloata{
	clear:both;
	border-bottom: 2px solid #7da2d6;
	margin-bottom: 1px;
}

.contenitore{
	text-align:left;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;
	padding: 15px;
  margin-bottom:15px;	
}

.contenitore h5{
	text-align:left;
}

.contenitore .bordo{
	margin: 5px 0;
	text-align: center;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;
	padding: 10px 0 0 10px;	
}
.contenitore .float20{
	float: left;
	width: 20px;
}
.contenitore .float50{
	float: left;
	width: 50px;
}
.contenitore .float70{
	float: left;
	width: 70px;
}
.contenitore .float100{
	float: left;
	width: 97px;
}
.contenitore .float140{
	float: left;
	width: 140px;
}
.contenitore .float160{
	float: left;
	width: 160px;
}
.contenitore .float200{
	float: left;
	width: 200px;
}
.contenitore .float230{
	float: left;
	width: 230px;
}
.contenitore .float300{
	float: left;
	width: 300px;
}
.contenitore .float400{
	float: left;
	width: 400px;
}
.contenitore .float460{
	float: left;
	width: 460px;
}
.contenitore .float500{
	float: left;
	width: 500px;
}
.contenitore .float615{
	float: left;
	width: 615px;
}
.contenitore .float700{
	float: left;
	width: 700px;
}
.contenitore .float800{
	float: left;
	width: 800px;
}

.contenitore .galleria{
	float: left;
	width: 150px;
	height: 170px;
	padding: 5px 0 0 5px;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;
	overflow: hidden;
}
.descarg{	
	margin: 2px 15px;
	font-size: 10pt;
	font-style: italic;	
}
.descgal{
	margin: 2px 15px;
	font-size: 10pt;
	font-style: italic;
}
.contenitore .galleria1{
	width: 140px;
	height: 140px;
	text-align: center;
	vertical-align: middle;		
}
.contenitore .galnome{
	text-align: center;
	font-size: .8em;	
}
.evidenzia:hover{
	background: #7da2d6;
}
/*Orientamenti per visualizzazioni tabellari nel corpo*/
.centrato {
	text-align:center;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;	
}
.centro
{
	padding: 10px;	
}
.sinistra{
	float:left;
	padding: 10px;
	width: 150px;
}
.destra{
	float:right;
	padding: 10px;
	width: 150px;
}

ul.tab {	
	list-style:none;	
	 
}

ul.tab li{
	background:url(../img/ingr.png) top left no-repeat;	
	height: 20px;
	padding-top: 2px;	 
	padding-left: 20px;
}

/* classe per grafici*/
.barra {
	background:url(../img/barra.jpg) top right no-repeat;
	width: 100%;
}
.evento{
	background: #e1e1d5;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;
	padding: 5px 0 5px 5px;
}
.appuntamento{
	background: #a4bcbc;
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;	
	padding: 5px 0 5px 5px;
}
#newslat {
	display: none;
	list-style-type: none;
	/*border: 1px dashed #fff;*/	
	background: #d3e7ff;
	padding: 3px;
	margin: 0;
	text-align: center;
	height: 150px;
	width: 95%;
	overflow: hidden;
}
#eventlat {
	display: none;
	list-style-type: none;
	/*border: 1px dashed #fff;*/	
	background: #d3e7ff;
	padding: 3px;
	margin: 0;
	text-align: center;
	overflow: hidden;
	width: 95%;
	height: 50px;
}
.versione
{
	position:relative;
	z-index: 0;
	left: -30px;
	top: 1px;
	font-size: 0.7em;
}
.rss{
	float:left;
	height: 32px;
	padding: 10px 12px;
}

div.nascondi
{
	height: 100%;
}

.autore{}
.argomento{}
.random {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	text-align:center;	
	border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;	
}
/* Stili per Google*/
#searchcontrol {margin: 10px;}
#searchcontrol .gsc-resultsbox-visible { width: 650px;}
#searchcontrol .gsc-tabsArea { width: 650px; border-bottom: 2px solid #7da2d6;}
#searchcontrol .gsc-input { width: 540px }
#searchcontrol .gsc-search-button { width: 80px }
#searchcontrol .gsc-clear-button {  }
#searchcontrol .gsc-tabhActive { color : #000080; background: #bfd9f0; border-top: 2px solid #7da2d6;}
#searchcontrol .gsc-tabhInactive { }
#searchcontrol .gs-no-results-result .gs-snippet{color : #000080; background: #bfd9f0; border: 2px solid #7da2d6;}
#searchcontrol .gsc-branding{ width: 135px; margin: 0;}


#menumultiplo ul {
   
}

#menumultiplo li {
	margin: 0; 
}
#menumultiplo ul.menum {	    
   padding: 2px 0;
   border-top: 1px solid #7da2d6;	
	border-left: 1px solid #7da2d6;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;  
   background: #bfd9f0; 
}

#menumultiplo li.menum {
   border: none;
   background: #7da2d6;
   margin: 0;
	height: 1%; 
   display: block;
}

#menumultiplo li a {	 
   background: #7da2d6;
	font-weight: bold;		
	font-style: normal;
}
#menumultiplo li a:hover {
   color : #fff;
	background:#bfd9f0;
	font-weight: bold; 
}

#ico {
width: 15px;
height: 15px;
padding: 0px 2px;
}

#navig {
width: 20px;
height: 15px;
padding: 0px 2px;
}

/*menu according verticale*/
#according{
	max-height:400px;
	position:relative;
}
#navigation {
	position: top;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation a.head {
	cursor:pointer;
	display:block;
	margin: 0px;
}

/*argomento mousehover*/
#navigation a.head:hover h3{
	color:#000;
}

/* argomento attivo */
#navigation a.selected {
	color:#000000;
}
#navigation a.selected h3{
	color:#000000;
	background-color:#7da2d6;
}

/* link attivo */
#navigation a.current {
	color:#FFFFFF;
}
#navigation a.current h4{
	color:#FFFFFF;
	background-color:#7da2d6;
}
/*lista*/
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px 10px;
	text-indent:10px;
	line-height: 1px;
	background-color: #bfd9f0;
	max-height:200px;	
}
#navigation li {
	list-style:none outside none; 
	display:inline;
	margin:0px;
	padding:0px;
	line-height: 1px;
}
#navigation li li a {
	display:block;
	text-indent:10px;	
}
/*formattazione argomento*/
#navigation h3{
	height: 18px;
	background: #7da2d6;
	padding-top: 0px;	
	margin: 0px;
	line-height: 18px;
}

/*formatatzione link lista*/
#navigation h4{
	height: 14px;
	background: #bfd9f0;
	padding-top: 5px;	
	margin: 0px;
	text-align: left;
	text-indent:10px;
	line-height: 8px;
}

/* Se si vuole inserire il menu a tendina biosgna commentare il  nav top (tranne l'ultimo) */
/*
#navtop ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #7da2d6;
}
#navtop li {
	display: inline;
	padding-left: 2px;
   border-left: 1px solid #000;   
}

#navtop ul.menum {	    
   padding: 5px;
   border-top: 1px solid #bfd9f0;	
	border-left: 1px solid #bfd9f0;
	border-right: 2px solid #7da2d6;
	border-bottom: 2px solid #7da2d6;  
   background: #7da2d6; 
}

#navtop li.menum {
   padding: 0;
   border: none;
   background: #7da2d6;
   display: block; 
   width: 200px;  
}

#navtop a {	 
   background: #7da2d6;
	font-weight: bold;		
	font-style: normal;
}
#navtop a:hover {
   color : #fff;
	background:#bfd9f0;
	font-weight: bold; 
}

/*div per il menu orizzontale => inserire il padding in % per posizionare il menu al centro..o dove si vuole*/
#navtop {
   background: url(../img/cd_sotto.png) top right no-repeat #fff;
   width:990px;
   height: 123px;
   margin-top: 0px;
   margin-left:auto;
   margin-right:auto;
   padding: 0 0%; 	
   position:relative;
}
#navtop ul {
    list-style: none;
    margin-left: 20px;
    padding: 0;
    
}
#navtop li {
	display: inline;
	/*padding-right: 35px;*/
}

/* Tendina */

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; text-decoration:none} /*cancellato --> color:#f00; */
ul.menu li {position:relative; float:left; margin-right:2px; padding-right:35px}
ul.menu ul {position:absolute; top:16px; left:0; background:transparent; display:none; opacity: 0; list-style:none}
ul.menu ul li {position:relative; width:150px; margin:0; padding:0px; height: auto;}
ul.menu ul li a {
	display:block; 
	padding:0 10px; 
	background-color:#7DA2D6; 
	color:#fff; 
	border-left: solid 1px #687fdd; 
	border-bottom:solid 1px #687fdd;
	border-radius: 15px; 
    -webkit-border-radius:15px;
    -moz-border-radius:15px; 
	height: 25px; 
	line-height: 25px;
}
ul.menu ul li a:hover {background-color:#fff; color:navy; border-left: solid 1px #687fdd;border-bottom:solid 1px #687fdd; border-radius: 15px;
-webkit-border-radius:15px;-moz-border-radius:15px}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {font-weight:bold; background:none;}/*cancellato -->border:1px solid #aaa; */
ul.menu .menulink:hover, ul.menu .menuhover {background:none}
ul.menu .sub {background:#d1d1d1}
ul.menu .topline {border-top:1px solid #aaa}


/*Ecommerce*/

/* foto principale */
#ecomprinc{
max-width:290px;
max-height:290px;
width:290px;
}

/*foto facoltative*/
#ecomsec{
max-width:120px;
max-height:120px;
width:120px;
}

/*foto carrello icona*/
#ecomico{
width:40px;
height:30px;
}


a.linkico {
width: 18px;
height: 18px;
float: right;
}
img.linkico {
width: 18px;
height: 18px;
float: right;
}

#carrello{
float: right;
width: 157px;
}
#carrelloTop{
float: right;
width: 157px;
margin-top: 15px;
}
#carrelloBottom{
float: right;
width: 157px;
margin-top: -15px;
}

#carrello img, #carrelloTop img, #carrelloBottom img {
	display: block;
	float: right;
	margin-top: -7px;
}

.go {
	text-align: right;
	margin-top: 10px;
}

.go a {
	font-size: 13px;
	font-weight: bold;
}


.social_network {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

.social_network #fb_ico, .social_network #googlePlus_ico, .social_network #twitter_ico { float: left; }

.social_network #fb_ico { margin-left: 200px; }
.social_network #googlePlus_ico {}
.social_network #twitter_ico {}


/*** Mappa di google ***/
#map_canvas {
	height:300px !important;
	width:400px;
	margin: 0 auto 20px;
}