HTML {

	MARGIN: 0; 
	PADDING: 0; 
	height: 100%;

}
BODY {
	MARGIN: 0; 
	PADDING: 0; 
	height: 100%;
}
BODY
{ 
	font-size: 75%;
	font-family: verdana, arial, sans-serif;
}
DIV#testata
{
	background-image: url(../immagini/sfoheader.jpg);
	background-repeat: no-repeat;
}
DIV#header
{
	float:left;
}
H1 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
H2 {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px
}
IMG
{
	border: none;
}
DIV#footer 
{
	clear:left;
	border-top: solid 1px #00784d;
	width: 100%;
	PADDING-RIGHT: 0; 
	PADDING-LEFT: 0; 
	PADDING-BOTTOM: 0.5em; 
	COLOR: #000000; 
	PADDING-TOP: 0.5em; 
	TEXT-ALIGN: center
}

DIV#navigazione 
{
	padding-top: 50px;
	text-align: right;
}
DIV#lineaverde
{
	padding-bottom: 3px;
	border-top-style: none;
	padding-top: 3px;
	padding-left: 25px;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	background-color: #00784d;
	color: #ffffff;
	FONT: bold 1.3em arial,sans-serif; 
	text-align: left;
}
DIV#corpo
{
	FLOAT: left; 
	WIDTH: 100%;
	padding-bottom: 30px;
}


DIV#albero 
{
	position: relative;
	display: block;
	float:left;
	border-right: solid 2px #00784d;
	padding: 2px; 
	width: 25%;
	height: inherit;
}
DIV#contenutoalbero
{
	position:relative;
	CLEAR: left; 
	DISPLAY: block;
	MIN-HEIGHT: 400px; 
	FLOAT: left; 
	WIDTH: 100%; 
	HEIGHT: auto!important;
	height: 100%;
	padding: 2px;
	margin:0px;
	overflow:auto!important;
	overflow:hidden;
	font-size: 100%!important;
	font-size: 90%;
}

DIV#content 
{
	width: 72%;  
	FLOAT: left; 
	display: block;
}
DIV#contentparte
{
	width: inherit;
	width: auto!important;
	padding: 5px;
}
DIV#contentpp
{
	width: 98%;  
	FLOAT: left; 
	display: block;
}
DIV#contentpartepp
{
	width: inherit;
	width: auto!important;
	padding: 5px;
}
div#container
{
	width: auto;
	border: 0px;
	position: relative; 
	height:100%;
	margin: 0 auto;
	text-align: left;

}
body>div#container
{
	height: auto; 
	min-height: 100%;
}

DIV#navigazione UL {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	PADDING-TOP: 0px;
}
DIV#navigazione LI
{
	padding-right: 0px;
	display: inline;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 0px 1em;
	padding-top: 0px;
}

DIV#navigazione A {
	FONT: bold 1.15em/2.2em Verdana, arial,sans-serif; 
	COLOR: #004f00; 
	TEXT-DECORATION: none
}

DIV#navigazione A:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

DIV#navMateria
{
	border-top: #00784d 1px dashed;
	border-bottom: #00784d 1px solid;
}

DIV#navMateria span
{
	/*white-space:nowrap;*/
}

.navMateriaNonSel A{
	FONT: 1.00em/1.6em Verdana, arial,sans-serif; 
	font-weight:bold;
	COLOR:  #003300; 
	TEXT-DECORATION: none;
}

.navMateriaNonSel A:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.navMateriaSel A
{
	color:Red;	
	FONT: 1.00em/1.6em Verdana, arial,sans-serif; 
	font-weight:bold;
	TEXT-DECORATION: none;
}

.navMateriaSel A:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.icona_albero
{
	border: none;
	margin-right: 3px;
}

.livello0
{
	margin-left: 2px;
	white-space:nowrap;
}
.livello1
{
	margin-left: 17px;
	white-space:nowrap;
}
.livello2
{
	margin-left: 35px;
	white-space:nowrap;
}
.treelink
{
	text-decoration: none;
	color: #003300;
}
.treelink:HOVER
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.treelink:VISITED
{
	text-decoration: none;
	color: #003300;
}
.treelink:VISITED:HOVER
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.treelinkselected
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;

}
.treelinkselected:HOVER
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.treelinkselected:VISITED
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.treelinkselected:VISITED:HOVER
{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

DIV#titolohomepage
{
	font: 1.3em arial,sans-serif; 
	padding-top: 15px;
	padding-left: 2em;
	text-align: right;
}

DIV#vocePrimoPiano
{
	font: 1.1em arial,sans-serif; 
}

ul
{
	list-style-image: url(../immagini/bott.gif);
}
li
{
	padding-top: 0px;
	padding-bottom: 9px;
}

.linea1pxalto
{
	padding: 10px;
	border-top: solid 1px #00784d;
}

.linea1pxbasso
{
	border-bottom: solid 1px #00784d;
}

.docnav
{
    background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 35px;
	padding-top: 10px;
	text-align: right;
	font: bold 0.9em Verdana, arial,sans-serif;
	line-height: 1.50em;
}
.redpipe
{
	color: #ff0000;
}

.blackpipe
{
    color: #000;
}

.docnav_link
{
	text-align: right;
	text-decoration: none;
	color: #000000;
	FONT: bold 1em Verdana, arial,sans-serif;
    padding: 3px;
}
.docnav_link:HOVER
{
	text-align: right;
	text-decoration: none;
	font: bold 1em Verdana, arial,sans-serif;
	color: #008100;
}
.docnav_link:VISITED:HOVER
{
	text-align: right;
	text-decoration: none;
	color: #000000;
	FONT: bold 1em Verdana, arial,sans-serif;
}
.docnav_link:VISITED
{
	text-align: right;
	font: bold 1em Verdana, arial,sans-serif;
	color: #008100;
	text-decoration: none;
}
.corpo_master {
    background-color: white !important;
}
.input {
	border: #7f9db9 1px solid;
	color: #000000;
	background: #ffffff;
}
.button
{
	border: #7f9db9 1px solid;
	COLOR: #000000; 
	background: #ffffff;
}
.select
{
	COLOR: #000000; 
	background: #ffffff;
	width: 100px;
}
.ricercatitolo
{
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
}
.ricercadescrizione
{
	padding-left: 30px;
	padding-right: 10px;
	text-align: justify;
	font-size: 90%;
}
.ricercacontenitore
{
	text-align:center;
}
.ricercaseparatore
{
	width: 50%;
	height: 1px;
	/*border-top: solid 1px #00784d;*/
	margin-top: 20px;
	margin-bottom: 15px;
}

.search_link
{
	text-align: right;
	text-decoration: none;
	color: #008100;
	FONT: bold 1em Verdana, arial,sans-serif;
}
.search_link:HOVER
{
	text-align: right;
	text-decoration: none;
	font: bold 1em Verdana, arial,sans-serif;
	color: #000000;
}
.search_link:VISITED:HOVER
{
	text-align: right;
	text-decoration: none;
	color: #008100;
	FONT: bold 1em Verdana, arial,sans-serif;
}
.search_link:VISITED
{
	text-align: right;
	font: bold 1em Verdana, arial,sans-serif;
	color: #000000;
	text-decoration: none;
}

.search_page
{
	text-align: right;
	text-decoration: none;
	COLOR: #004f00; 
	FONT: bold 1em Verdana, arial,sans-serif;
}
.search_page:HOVER
{
	text-align: right;
	text-decoration: none;
	font: bold 1em Verdana, arial,sans-serif;
	color: #000000;
}
.search_page:VISITED:HOVER
{
	text-align: right;
	text-decoration: none;
	font: bold 1em Verdana, arial,sans-serif;
	color: #000000;
}
.search_page:VISITED
{
	text-align: right;
	text-decoration: none;
	COLOR: #004f00; 
	FONT: bold 1em Verdana, arial,sans-serif;
}

.grassetto
{
	font-weight:bold;
}
.riferimento
{
	padding-top: 12px;
}
.errore
{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-top: 10px;
	text-align: center;
	font: bold 0.9em Verdana, arial,sans-serif;
	margin-bottom: 20px;
	color: Red;
}

/* CUSTOM CSS*/

.content-wrapper {
    background-color: #008000;
    padding: 10px;
}

.main-container {
    padding: 20px 50px;
    display: block;
    min-height: 600px;
}

.list-item {
    display: block;
    min-height: 150px;
    padding: 10px 20px;
    background-color: #f2f2f2;
    border-left: solid 5px #008000;
    margin-bottom: 20px;
}

.list-item2 {
    display: block;
    min-height: 150px;
    padding: 10px 20px;
    background-color: #f2f2f2;
    border-left: solid 5px #999;
    margin-bottom: 20px;
}

.list-item a {
    color: #006500;
}

.item-title {
    padding: 10px 20px 20px 0px;
    font-weight: bold;
}

.info-item {
    display: block;
    margin-top: 5px;
}

.info-pasus
{
    margin-top: 2px;
    margin-left: 10px;
}

.flat-green {
    border: none;
    padding: 10px 5px;
    background-color: #128434;
}

.flat-green a
{
    color: #fff;
}

.image-link
{
    color: black !important;
    text-decoration: none;
}

    .image-link img {
        width: 26px;
        height: 26px;
        margin-bottom: -6px;
        margin-right: 10px;
    }

/* CUSTOM LOADING GIF*/
.sk-circle {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

    .sk-circle .sk-child {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

        .sk-circle .sk-child:before {
            content: '';
            display: block;
            margin: 0 auto;
            width: 15%;
            height: 15%;
            background-color: #333;
            border-radius: 100%;
            -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
            animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
        }

    .sk-circle .sk-circle2 {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        transform: rotate(30deg);
    }

    .sk-circle .sk-circle3 {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
    }

    .sk-circle .sk-circle4 {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .sk-circle .sk-circle5 {
        -webkit-transform: rotate(120deg);
        -ms-transform: rotate(120deg);
        transform: rotate(120deg);
    }

    .sk-circle .sk-circle6 {
        -webkit-transform: rotate(150deg);
        -ms-transform: rotate(150deg);
        transform: rotate(150deg);
    }

    .sk-circle .sk-circle7 {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .sk-circle .sk-circle8 {
        -webkit-transform: rotate(210deg);
        -ms-transform: rotate(210deg);
        transform: rotate(210deg);
    }

    .sk-circle .sk-circle9 {
        -webkit-transform: rotate(240deg);
        -ms-transform: rotate(240deg);
        transform: rotate(240deg);
    }

    .sk-circle .sk-circle10 {
        -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }

    .sk-circle .sk-circle11 {
        -webkit-transform: rotate(300deg);
        -ms-transform: rotate(300deg);
        transform: rotate(300deg);
    }

    .sk-circle .sk-circle12 {
        -webkit-transform: rotate(330deg);
        -ms-transform: rotate(330deg);
        transform: rotate(330deg);
    }

    .sk-circle .sk-circle2:before {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .sk-circle .sk-circle3:before {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
    }

    .sk-circle .sk-circle4:before {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .sk-circle .sk-circle5:before {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    .sk-circle .sk-circle6:before {
        -webkit-animation-delay: -0.7s;
        animation-delay: -0.7s;
    }

    .sk-circle .sk-circle7:before {
        -webkit-animation-delay: -0.6s;
        animation-delay: -0.6s;
    }

    .sk-circle .sk-circle8:before {
        -webkit-animation-delay: -0.5s;
        animation-delay: -0.5s;
    }

    .sk-circle .sk-circle9:before {
        -webkit-animation-delay: -0.4s;
        animation-delay: -0.4s;
    }

    .sk-circle .sk-circle10:before {
        -webkit-animation-delay: -0.3s;
        animation-delay: -0.3s;
    }

    .sk-circle .sk-circle11:before {
        -webkit-animation-delay: -0.2s;
        animation-delay: -0.2s;
    }

    .sk-circle .sk-circle12:before {
        -webkit-animation-delay: -0.1s;
        animation-delay: -0.1s;
    }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


.info-item a.link {
    text-decoration: none !important;
}


.red-alert {
    color: #bf0000 !important;
}

.modal-content a {
    color: #006500;
}

.externalLink:after {
    content: url(http://upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png);
    margin: 0 0 0 5px;
}