@import url(//fonts.googleapis.com/css?family=Marvel:400,700);
@import url(//fonts.googleapis.com/css?family=Uncial+Antiqua:400);
@import url(//fonts.googleapis.com/css?family=Merriweather:400);

/* --------- generale -----------*/
.PL7{
    padding-left: 7px
}
.PL10{
    padding-left: 10px
}
.PL16{
    padding-left: 16px;
}
.PR3{
    padding-right: 3px
}
.PT16{
    padding-top: 16px;
}
.PT32{
    padding-top: 32px;
}
.PT92{
    padding-top: 92px;
}
.PT8{
     padding-top: 8px;
 }
.PT5{
    padding-top: 5px
}
.PB10{
    padding-bottom: 10px;
}
.PB16{
    padding-bottom: 16px;
}
.PB24 {
    padding-bottom: 24px;
}
.PB5{
    padding-bottom: 5px;
}
.PL20PR8{
    padding-left: 20px;
    padding-right: 8px;
}
.PT8PL23{
    padding-top: 1px;
    padding-left: 23px;
}
.MT20PT5{
    margin-top: 20px;
    padding-top: 5px
}
.MT50{
    margin-top: 50px;
}
.MB20PB5{
    margin-bottom: 20px;
    padding-bottom: 5px
}
.MT145{
    margin-top: 145px;
}
.ML80{
    margin-left: 80px;
}
.MT18px{
    margin-top: 18px;
}
.MB18px{
    margin-bottom: 18px;
}
a:hover.VERDE {
    color: #6DB00A;
}
.heigth255px{
    min-height: 255px
}
.SIZE2-5{
    font-size: 2.5em;
}
.SIZE500{
    color: white; 
    font-size: 500%
}
.SIZE274{
    color: white; 
    font-size: 274%
}
.VERDE{
    color: #468037;
}
.VERDELOGO{
    color: #468037;
}
.GRIGIO {
    color: #676784;
    font: 500 18px bold;
}
.WHITE {
    color: #FFF;
}
.fascia {
    width: 100%;
    background: #468037;
    height: 2px;
    z-index: 0;
    clear: both;
}
.lineagrigia {
    background-color: #CCC;
    height: 3px;
    margin-bottom: 2em;
    margin-top: 1em;
}
.lineaverde {
    background-color: #468037;
    height: 3px;
    margin-bottom: 2em;
    margin-top: 1em;
}
#page {
    background: #fff url(../image/bg-page.gif) center top repeat-y;
    margin: auto;
    padding: 0;
}
.sfonfofooter {
		color: white;
        padding: 10px 15px;
        background: rgba(104,153,26,1);
        background: -moz-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,153,26,1)), color-stop(11%, rgba(104,153,26,1)), color-stop(100%, rgba(10,51,16,1)));
        background: -webkit-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
        background: -o-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
        background: -ms-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
        background: linear-gradient(to bottom, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68991a', endColorstr='#0a3310', GradientType=0 );
    }
.separatore{
    padding: 37px 0 40px 0;
    margin: 0 0 20px 0;
    background: url(../image/separatore.gif) no-repeat center bottom !important;
}
.border{
    border-left: 2px dotted #f4f8fb;
}
.bordo {
    padding: 0px 2em 5px 5px;
}
.center{
    text-align: center
}
.heigth30px{
    min-height: 300px
}
.heigth150px{
    height: 150px
}
.mappa{
    width: 300px;
    height: 180px; 
    }
.colcentro {
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
    text-align:center;
}
.FL{
    float: left;
}
.txtAchernar{
    float: right;
    width: 80%;
    padding-left: 1em
}
.PDF a:hover{
    color: red
}
.read-more {
    background: url('../Layout/more.png') no-repeat right 1px;
    display: block;
    float: left;
    font-size: 10px;
    line-height: 2.5em;
    margin: 6px 32px 0px 0px;
    padding: 0px 32px 0px 16px;
    vertical-align: bottom;
    text-decoration: none;
    text-transform: uppercase;
    color: #726a91;
    height: 33px;
  }
.testo3d{
    text-shadow: 3px 2px 3px #777373;
}
.maskindex{
    position: absolute; visibility: visible; left:38px; top: 418px; background-color: rgba(0,0,0,0.66); padding: 15px; z-index: 5;
}
/* -------  testi ---------------*/
.TitoliIndex {
    font-size: 2em;
}
.titoloHOME {
    font-size: 1.3125rem;
    padding-top: 0.2em;
}
.TITOLOPAGINA {
    font-size: 3em;
    text-align: center;
  /*  color: #676784;*/
    font-family: 'Oswald', sans-serif;
    font-weight: bolder;
    margin: 0.5em 0 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 100%;
}
.TITOLOPAGINABIG {
    font-size: 6em;
    text-align: center;
    color: #676784;
    font-family: 'Uncial Antiqua', sans-serif;
    font-weight: bolder;
    margin: 0.5em 0px;
    text-transform: uppercase;
   /* letter-spacing: 0.1em;*/
    width: 100%;
}
.titolosmall {
    margin: 0px;
  /*  color: #676784;*/
    font-family: 'Oswald', sans-serif;
    font-size: 0.9em;
    padding-left: 50px
}
.titoloconferenza{
    margin: 0px;
    color: #468037;
    font-family: 'Oswald', sans-serif;
    font-size: 1.1em;
}
.TitoloZoomIn{
    -webkit-animation-duration: 113s;
 /*   -webkit-animation-delay: 12s;*/
    -webkit-animation-iteration-count: 3;/*infinite;*/
    }    
.SOTTOTITOLOPAGINA {
    font-size: 2em;
    text-align: left;
    color: #468037;
    font-family: 'Oswald', sans-serif;
    font-weight: bolder;
    padding-left: 0em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    width: 80%;
    padding-bottom: 0.3em;
}
.SOTTOTITOLOPAGINAespo {
    font-family: "Uncial Antiqua", sans-serif;
    font-size: 1.5em;
    }
.SOTTOTITOLOPAGINAespo2 {
  /*  font-family: "Uncial Antiqua", sans-serif;*/
    font-size: 1.5em;
    color: white;
    text-align: center;
}
.SottotitoloIndex {
    font-size: 1.5em;
    margin: 0px;
    text-align: center;
    color: #FFF;
}
.sottotitolosmall {
    margin: 0px;
    color: #468037;
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
}
.paragrafoPAGINE{
    margin-top: 0em;
    margin-bottom: 1em;
    padding-right: 0em;
    padding-left: 0em;
    text-align: justify;
    color: black;
}
.testosmall{
    text-align: left;
    font-size: 80%;
}
.paragrafoHOME {
    text-align: justify;
}
.note{
	    font-size: 65%;
	    color: #808080;
    }
.introindex{
    padding-top: 15px; color: #676784; font-size: 16px;
}
/* ------------- in generale ------------*/

hgroup {
    position: absolute;
    bottom: 84px;
    width: 100%;
    text-align: center;
}
.site-title {
    text-transform: uppercase;
    font-size: 4em;
    font-family: "Marvel",sans-serif;
    font-weight: bolder;
    letter-spacing: 0.1em;
    color: #d42124;/*#676784;*/
    padding-top: 100px;
    width: 100%;
    text-align: center;
}
.site-description {
    color: #399CF5;
    line-height: 1em;
    margin: 0 0 1em 0;
    text-transform: uppercase;
    letter-spacing: 0.125em;
    font-size: 1.5em;
}
.contenitoreBlack {
    padding: 2em 0px;
    background: #192024; /* none repeat scroll 0% 0%;*/
    color: #C5C7C8;
}
.contenitore1300 {
    width: 1300px;
    margin: auto;
}
.major {
    text-align: center;
    margin: 0px 0px 1em;
}
.home {
    text-decoration: none;
    text-transform: uppercase;
    color: #0E90FE;
    font-size: 90%;
}
.gridIndex {
    display: block;
    margin: 0px;
    padding: 0px;
    list-style: outside none none;
}
.grid-unit {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
}
.meta {
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
li.trisk{
    list-style-image: url(../image/trisk.png);
    vertical-align:middle; 
    padding-right:3px; 
    padding-bottom: 5px;
    border-bottom: solid 1px #676784
}
.BOTTONI_SCH {
    border-style: none;
    border-width: 0;
    cursor: pointer;
    padding: 86px 0 0 0;
    margin: 4px 0 4px 0;
    width: 175px;
    height: 120px;
    background-color: transparent;
    background-repeat: no-repeat;
    outline-style: none;
    border: solid 2px #468037;
     border-radius: 8px;
    -moz-border-radius: 8px;
}
.BOTTONI_SCH:hover {
    color: #43ce18;
    border: solid 2px #43ce18;
}
.BOTTONI_SCHDIS {
    border-style: none;
    border-width: 0;
    cursor: pointer;
    padding: 86px 0 0 0;
    margin: 0;
    width: 180px;
    height: 128px;
    background-color: transparent;
    background-repeat: no-repeat;
    outline-style: none;
    border: solid 4px #43ce18;
    border-radius: 8px;
    -moz-border-radius: 8px;
    color: #43ce18;
}
.box1{
    border-radius: /*200px;*/8px;
    background: rgba(104,153,26,1);
    background: -moz-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,153,26,1)), color-stop(11%, rgba(104,153,26,1)), color-stop(100%, rgba(10,51,16,1)));
    background: -webkit-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
    background: -o-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
    background: -ms-linear-gradient(top, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
    background: linear-gradient(to bottom, rgba(104,153,26,1) 0%, rgba(104,153,26,1) 11%, rgba(10,51,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68991a', endColorstr='#0a3310', GradientType=0 );
    position: relative;
    z-index: 11;
    border: 1px solid #57a73b;
    width: 100%;
    height: auto;  
 }
.box1 a:hover{
    color: #ebf90b
}

.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}
.view .mask{
  /* height: 200px;*/
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info:hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
#bighead {
    min-height: 502px;
    margin-top: 2em;
    position: relative;
}
.description {
    color: #66AFF0;
    font-weight: 400;
    line-height: 1em;
    margin: -300px 13em;
    text-transform: uppercase;
    letter-spacing: 0.125em;
}
.introduzione {
    margin-bottom: 1em;
 /*   text-align: justify;
    color: #666F77;
    font-family: "Marvel",sans-serif;
    font-size: 1.4em; */
    padding-top: 1.2em;
}
.sfondo{
    background-image: url(../image/index.jpg); 
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
 }
.soldout{
    background-image: url(../image/soldout.png); 
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
 }
.testoicon{
     text-align: left;
     font-size: 48% 
 }
.VieWsocial{
     padding: 1em 15em 0em 15em;
}
.BOTT_VieWsocial{
     text-align:center; 
     vertical-align:top; 
     padding:  0 10px 0 5px; 
     width:auto;
}
 /*------------- video ---------------*/
 .video{
     width: 560px;
     height: 315px;
 }
 /* ----------------- social -------------*/
 #social ul li{
    float: left;
    display: block;
    text-decoration: none;
    margin-left: 53px;
    }