/* css/stile.css */

/* 					--------- Palette --------- 					*/
/* Arancio: rgb: 255,128,0; esa: #FF8000 							*/
/* Celeste: rgb: 255,128,0; esa:  							*/
/* Verde: rgb: 100,255,0 ; esa: #44AA00								*/
/* Verde chiaro 1: rgb: 217,255,206; esa: #D9FFCE					*/
/* Verde chiaro 2 : rgb: 242,255,229; esa: #F2FFE5 => .quadro		*/
/* Verde logo : rgb: 0,128,0; esa: #008000 							*/
/* Giallo chiaro 1: rgb: 255,255,217; esa: #FFFFD9					*/
/* Giallo chiaro 2: rgb: 255,255,230; esa: #FFFFE6					*/
/* Giallo chiaro 3: rgb: 255,255,242; esa: #FFFFF2 => .form1		*/

body {
background-color: #fff;
color: #949494;
width: 100%;
margin: 0px auto;
font-size: 86%;
font-family: Arial;
}

header {
width: 100%;
height: *;
text-align: center
}

/* ---- Inizio Dettagli parole slogan ---- */
.chiavi {
color: #80C800
}
/* ---- Fine Dettagli parole slogan ---- */

nav {
/*background-color: #FFE0C0 !important;*/
width: *;
height: 24px;
line-height: 24px;
position: relative;
top: 0px;
}

div.nav2 {
/*background-color: #FF0;*/
min-width: 268px;
float: right;
}

a.ma1 {
background-color: #ff8000;
color: #fff;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12pt;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	/* opacity: 0.5; */
padding: 4px 8px;
}

a.ma1:hover {
background-color: #ff8000;
color: #44AA00;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12pt;
text-shadow: 0px 1px 1px #fff;
padding: 4px 8px;
}

#logo {
background: none;
position: relative;
top: -14px;
}


main {
background: linear-gradient(green, white);
width: 100%;
min-height: 320px;
float: right;
padding-bottom: 20px
}

img {
/* background-color: #f00; */ 
width: *;
margin-top: 10px;
margin-left: 10px;
margin-right: 20px
}

section {
width: 95%;
height: *;
float: right;
position: relative;
top: 32px;
padding-bottom: 30px

}

section a, section a:hover {
text-decoration: none
}

section a {
color: #ff8000;
}

section a:hover {
color: #008000;
}

span.upcase {
text-transform: uppercase;
}

span.all {
color: #00f;
font-size: 28pt;
font-weight: bold
}

.quadro {
background-color: #F2FFE5;
width: 60%;
padding: 4px;
border-radius: 8px;
border: 1px solid #0f0;
margin-left: 100px
}

.quadro h3 {
margin-top: 10px;
margin-left: 25px
}

.quadro span.min {
font-style: italic;
font-size: 9pt
}

.mioaside {
clear: both;
text-align: center
}

.mioaside a {
color: #008000;
}

.mioaside a:hover {
color: #ff8000;

}

.mioaside a, .mioaside a:hover {
font-family: Arial;
font-size: 11pt;
margin-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
text-decoration: none
}

.sfondo1 {
background: #E6FFE6;
padding: 4px 16px;
}

.sa {
font-family: Arial;
font-size: 10pt;
clear: both;
color: #ff8000;
max-height: 30px;
visibility: hidden;
text-align: center
}

.sa a {
font-family: Arial;
font-size: 10pt;
color: #ff8000;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
}

a.col, a.col:hover {
text-decoration: none;
}

a.col {
color: #008000;
font-family: Arial;
font-size: 10pt;
margin-bottom: 0px;
}

a.col:hover {
color: #ff8000;
font-family: Arial;
font-size: 10pt;
margin-bottom: 0px;
}

#dataora {
background-color: #e9ffff;
color: #008000;
width: *;
height: 32px;
line-height: 28px;
padding: 4px;
position: relative;
top: -15px;
left: 300px
}

.breadcrumbs {
background: none;
color: #44AA00;
font-weight: bold;
width: 800px;
height: 22px;
line-height: 32px;
padding: 4px;
position: absolute;
top: 110px;
left: 284px;
}

.breadcrumbs li {
list-style-type: none;
float: left;
}

.breadcrumbs a {
color: #44AA00;
text-decoration: none;
}

.breadcrumbs a:hover {
color: #44AA00;
text-decoration: underline;
}

.glifo img {
width: 12px;
line-height: 32px;
margin-left: 10px;
margin-right: 10px;
float: left;
}

span.concat {
color: #ff8000
}

h1, h2, h3 {
color: #44AA00;
font-family: Arial;
}

article.artest {
width: 98%;
height: *;
}

article.artest img{
width: 98%;
margin-top: -20px;
border-radius: 8px;
}

article.art1, article.art2 {
background: #fff;
max-width: 590px;
float: left;
margin-right: 10px;
min-height: 210px;
border-radius: 8px;
margin-bottom: 10px;
padding: 8px;
border: 1px solid #0f0
}

article.art1 h2, article.art2 h2 {
margin-top: 10px;
}

article.art1 img {
float: left;
width: 100px;
margin-top: -5px;
}

article.art2 img {
float: right;
width: 100px;
margin-top: -5px;
}

.leggitutto {
background-color: #ff8000;
color: #008000;
border-radius: 2px;
padding: 4px 8px;
width: 90px;
text-align:center;
margin-top: 5px;
margin-left: 20px;
border: 1px outset #cccccc
}

.leggitutto a {
background-color: trasparent;
color: #008000;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12pt;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
	/* opacity: 0.5; */
}

.leggitutto a:hover {
background-color: trasparent;
color: #0f0;
text-decoration: none;
font-family: Arial;
font-weight: bold;
font-size: 12pt;
text-shadow: 0px 1px 1px #fff;
}

/* ---- Inizio Servizi ---- */
.hevid1 {
background-color: #fff !important;
border-radius: 4px;
padding: 8px;
border: 1px solid #0f0
}

.evid1 {
background-color: #fff;
border-radius: 8px;
margin-top: 10px;
margin-bottom: 20px;
padding: 8px;
border: 1px solid #0f0

}

.evid2, .evidenzia {
background-color: #fff;
border-radius: 8px;
margin-top: 20px;
margin-bottom: 20px;
padding: 8px;
border: 1px solid #0f0

}
/* ---- Fine Servizi ---- */


footer {
background-color: #E6E6E6;
color: #008000;
width: 100%;
min-height: 120px;
text-align: center;
/*margin-top: 10px;*/
clear: both
}

footer a {
color: #008000;
text-decoration: none;
}

footer a:hover {
color: #ff8000;
text-decoration: none
}

/* -- Stile Note Legali -- */
p#nl1 {
font-size: 10pt;
padding-top: 10px;
text-align: center;
}

div#nl2 {
width: *;
font-size: 10pt;
text-align: left !important;
float: left;
margin-left: 20px
} 

/* div#nl3 {
width: 30%;
font-size: 10pt;
text-align: center;
float: left;
} */

span.agv12g {
color: #008000;
font-family: Arial;
font-weight: bold;
font-size: 12pt;
}

span.agv12c {
color: #008000;
font-family: Arial;
font-weight: normal;
font-style: italic;
font-size: 12pt;
}

/* -- Dettagli Pagine Statiche -- */

p.fnps {
padding-left: 10px;
width: 95%
}

p.ind {
margin-left: 30px;
width: 90%
}

/* -- Dettagli Pagine Statiche e Formulari -- */

.form1 {
background-color: #FFFFF2;
padding: 16px;
border-radius: 8px;
border: 2px solid #0f0;
margin-bottom: 10px;
width: 60%;
margin: 0 auto
}

.form1 h3 {
color: #ff8000;
margin-top: 10px;
margin-left: 25px
}


h2#contatti {
margin-top: 30px;
}

span.rosso {
color: #f00;
font-weight: bold;
}

span.blu {
color: #00f;
font-weight: bold;
}

.brosso {
border-color: #f00;
border-width: 1px;
border-radius: 4px;
margin-top: 2px;
margin-bottom: 2px;
}

.bblu {
border-color: #00f;
border-width: 1px;
border-radius: 4px;
margin-top: 2px;
margin-bottom: 2px;
}

#messaggio {
border-radius: 4px;
border: 1px inset #f00;
}

#reset {
background-color: #f00;
color: #000;
font-weight: bold;
padding: 4px 16px;
border-radius: 8px;
border-style: outset;
border-width: 1px;
margin-left: 170px
}

#reset:hover {
background-color: #C00000;
color: #000;
font-weight: bold;
padding: 4px 16px;
border-radius: 8px;
border-style: inset;
border-width: 1px;
margin-left: 170px
}

#submit {
background-color: #0f0;
color: #fff;
font-weight: bold;
padding: 4px 16px;
margin-left: 100px;
border-radius: 8px;
border-style: outset;
border-width: 1px;
}

#submit:hover {
background-color: #00c000;
color: #fff;
font-weight: bold;
padding: 4px 16px;
margin-left: 100px;
border-radius: 8px;
border-style: inset;
border-width: 1px;
}