/*
#9A2B11 marrone
#D39F80 marroncino
#FAF8EB beige
#666666 grigio scuro
#999999 grigio chiaro
*/

/*correzione reset*/
b,strong,h1,h2,h3,th {font-weight:bold;}
i {font-style:oblique;}
/*fine correzione reset*/

html {overflow: -moz-scrollbars-vertical; /* For FF */ -ms-overflow-y: scroll; /* For IE */ overflow-y: scroll; /* For others & old IE */}
body {background:#FAF8EB;font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align: justify;color:#666666;}
ul, ol {margin: 0 0 2em 0; text-align: justify; line-height: 20px;}
p { line-height:normal;}
a {color:#9A2B11;}
a:hover, a:active, a:visited {text-decoration: none; color:#D39F80;}

/* Form */
input, textarea, select {font-size: 13px; color: #333333; }
#wrapper {max-width:1200px;width:100%;margin: 0 auto;}

/* HEADER 1 */
#header {max-width:1200px;width:100%;margin:0 auto;height:auto;}

/** Logo 1.1*/
#logo {max-width:1200px;height:auto; margin:0 auto 10px auto; text-align:center;}
#logo h1, #logo h2 {text-transform: uppercase; line-height: normal;}
#logo h1 {padding: 30px 0 0 0; font-size: 40px;}
#logo h1 a { text-decoration: none; color: #9A2B11; }
#logo h1 a:hover {color: #D39F80; }
#logo h2 {padding: 0 0 0 5px; font-size: 12px; color: #666666; }


/* Menu 1.2*/
#menu {max-width:1200px;width:100%; background:#666666;hvveight: 30px; height:auto; text-align:center;}
#menu a {display: inline-block;color: #FFFFFF;padding: 3px 7px 3px 7px;text-decoration: none;font-size: 10px;height:24px; line-height:24px;}
#menu a:hover {background:#999999;color: #000000; }

/* PAGE 2*/
#page {max-width:1200px;width:100%;margin:0 auto;padding: 20px 0 20px 0;}
/* Intro 2.1*/
#intro {max-width:1200px; width:100%;}/*AA*/
#intro  h1 {margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-size: 16px; font-weight: bold;color: #666666; text-align:left;}

/* Content */
#content {float: left; max-width:749px; border-right: 1px dashed #666666;}

/* Post */
.post {padding: 0px 40px 0 0; margin-bottom: 20px;}
.post  h1 {margin-bottom: 10px; padding-bottom: 5px; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #666666; text-align:left;}
.post .entry {font-size:14px; line-height:22px;overflow-wrap: break-word;word-wrap: break-word;}
.post .entry ol ol li {margin-left:10px;}
.post .entry a.sezione1, .post .entry a.sezione2, .post .entry a.sezione3, .post .entry a.sezione4, .post .entry a.sezione5 {display:block; width:590px; height:110px; font-size:44px; font-weight:bold; text-transform:uppercase; background-image:url(images/foto01.jpg); padding:40px 10px 0 10px; vertical-align:bottom; color:#FFFFFF; line-height:50px; text-align:left; text-decoration:none; margin-bottom:10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.post .entry a.sezione1:hover, .post .entry a.sezione2:hover, .post .entry a.sezione3:hover, .post .entry a.sezione4:hover, .post .entry a.sezione5:hover { background: rgba(0, 0, 0, 0, 0.6)}
.post .entry a.sezione1 {background-image:url(../images/foto01.jpg); background-position:0 -30px;}
.post .entry a.sezione2 {background-image:url(../images/foto02.jpg); background-position:0 -30px;}
.post .entry a.sezione3 {background-image:url(../images/foto03.jpg); background-position:0 -30px;}
.post .entry a.sezione4 {background-image:url(../images/foto04.jpg); background-position:0 -30px;}
.post .entry a.sezione5 {background-image: url(../images/logo-SQNPI.jpg); background-position:0 -30px;}

.post .entry img {width:100%;max-width:100%;height:auto;}

ul.elencoprofilo {margin:10px 0 10px 0;}
ul.elencoprofilo li {margin:0 0 10px 20px;}

ul.elencoquaderni {margin:10px 0 10px 0;}
ul.elencoquaderni li {margin:0 0 5px 20px;}


#menu2 { width: auto; height: 30px; margin: 20px 20px 20px 20px; text-align:center;}
#menu2 a {display: inline-block; padding: 0 8px 0 8px; line-height:24px; text-decoration: none; text-transform: uppercase; font-size: 11px; color: #FFFFFF; background-color:#666666; margin:10px 10px 0 10px; }
#menu2 a:hover { color: #000000; background:#CCCCCC; }

/* Sidebar */
#sidebar {float: right; max-width: 410px;padding:0 0 0 30px;}
#sidebar ul { margin: 0; padding: 0; list-style: none; }
#sidebar li { margin-bottom: 40px; }
#sidebar li ul { }
#sidebar li li { margin: 0; }
#sidebar h2 {width: 250px; margin: 0; padding: 0; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #666666; }

/* FOOTER 3*/
#footer {max-width: 1200px; width:100%; margin: 0 auto; background: #E5E5E5;}
html>body #footer { height: auto; }
#footer p { font-size: 10px; }
#legal { clear: both; padding-top: 10px; padding-bottom:7px; text-align: center; color: #595959; }
#legal a { font-weight: normal; }
.verde { color:#9ECD10; }

table.tabellahome {height:150px; margin:0 0 30px 0;}
table.tabellahome th {vertical-align:top; font-size:14px; line-height:26px; font-weight:normal;}
table.tabellahome td img.immsini {background-color:#FFFFFF;height:150px;border:#9A2B11 solid 1px; margin: 0 10px 0 0; padding:2px;}
table.tabellahome td img.immdest {background-color:#FFFFFF;height:150px;border:#9A2B11 solid 1px; margin: 0 0 0 10px; padding:2px;}

/*inizio autoscroller*/
#AutoScrollContainer {position:relative; top:0px; left:0px; width:270px; height:96px; clip:rect(0,270,96,0); overflow:hidden; z-index:1; visibility:visible;background-color: #FAF8EB;layer-background-color: #FAF8EB; border: 1px none #000000;}
#AutoScrollContent {position:absolute; top:96px; left:0px; width:270px; visibility:visible; }
/*fine autoscroller*/
table.tabellanews {width:100%;height:130px; margin:0 0 30px 0;}
table.tabellanews th {color:#FAF8EB; font-size:22px; padding:5px 0 5px 10px; text-align:left; height:22px; background-image:url(../images/css/sfondothnews.jpg)}
table.tabellanews td { padding:2px 0 4px 10px; background-color:#FAF8EB; color:#FAF8EB; text-align:left; font-size:12px; font-weight:bold; }
table.tabellanews td a {color:#9A2B11; text-decoration:none; font-weight:normal;}
table.tabellanews td a:hover {text-decoration:underline;}
table.tabellanews th a {color:#FAF8EB; text-decoration:none;}
table.tabellanews th a:hover {text-decoration:underline;}

table.tabellafaq{width:100%;max-height:230px; overflow-y: auto; line-height:1.2;}
table.tabellafaq th {color:#999999; font-size:22px; padding:5px 0 5px 10px; text-align:left; background-image:url(../images/css/sfondothnews.jpg) }
table.tabellafaq th a {color:#FAF8EB; text-decoration:none;}
table.tabellafaq th a:hover { text-decoration:underline;}
table.tabellafaq td {padding:5px 5px 5px 10px; color:#666666; text-align:left; font-size:11px; height:50px;}
table.tabellafaq td h3 {color:#9A2B11;}
table.tabellafaq td h4 { font-weight:normal; margin:0 0 2px 0;}
table.tabellafaq td h4 span {color:#D39F80;background-color:#9A2B11;padding:0 1px 0 1px; float:left; display:block; margin:0 2px 0 0;}

table.tabellalink{width:100%; background-image:url(../images/css/sfondothnews.jpg)}
table.tabellalink th {color:#999999; font-size:22px; padding:5px 0 5px 10px; text-align:left; }
table.tabellalink th a {color:#FAF8EB; text-decoration:none;}
table.tabellalink th a:hover { text-decoration:underline;}
table.tabellalink td {padding:0; text-align:center; background-color:#FFFFFF;}
table.tabellalink td img {width:31%; min-width:150px; margin:1%}
table.tabellalink td img:hover{opacity: 0.6;}

table.tabellamodulo {}
table.tabellamodulo td{padding:3px 3px 3px 3px; vertical-align:top; text-align:left;}
table.tabellamodulo th{padding:3px 3px 3px 3px; vertical-align:top; text-align:center;}

table.tabellacontatti{width:100%;max-height:230px; overflow-y: auto; background-image:url(../images/css/sfondothnews.jpg);}
table.tabellacontatti th {color:#999999; font-size:22px; padding:0 0 0 0; text-align:left;}
table.tabellacontatti th img {width:100%;}
table.tabellacontatti th a {color:#FAF8EB; text-decoration:none; padding:5px 0 5px 10px; display:block;}
table.tabellacontatti th a:hover {text-decoration:none;}
table.tabellacontatti td {padding:7px 5px 7px 5px; color:#666666; background-color:#FFFFFF; font-size:12px;}

img.imgbignews {width:300px; float:left; margin:10px 10px 10px 0;}
img.imgbigprofilo {width:300px; float:right; margin:0 0 5px 10px;}

div.bloccopsr {margin:10px 0 0 0;padding:0 3% 10px 3%; border:1px solid #666666; background-color:#FFFFFF; max-width:600px;}
div.bloccopsr img {margin:10px 0 10px 0;}

.post .entry div.boxbadge {text-align:center;}
.post .entry div.boxbadge img {margin:3px;width:auto;}




@keyframes popUp { from {
transform:translateY(-50%) scale(1)
}
to { transform:translateY(-50%) scale(1.5) }
}
@keyframes fadeOutLeft { from {
left:50%;
opacity:1
}
to { left:40%; opacity:0 }
}
@keyframes fadeOutRight { from {
left:50%;
opacity:1
}
to { left:60%; opacity:0 }
}
@keyframes fadeInLeft { from {
left:40%;
opacity:0
}
to { left:50%; opacity:1 }
}
@keyframes fadeInRight { from {
left:60%;
opacity:0
}
to { left:50%; opacity:1 }
}
@keyframes fadeIn { from {
opacity:0
}
to { opacity:1 }
}
.jbox-container .pop-up { -moz-animation-name:popUp; -o-animation-name:popUp; -webkit-animation-name:popUp; animation-name:popUp; -moz-animation-duration:150ms; -o-animation-duration:150ms; -webkit-animation-duration:150ms; animation-duration:150ms; -moz-animation-timing-function:ease-in-out; -o-animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -moz-animation-iteration-count:2; -o-animation-iteration-count:2; -webkit-animation-iteration-count:2; animation-iteration-count:2; -moz-animation-direction:alternate; -o-animation-direction:alternate; -webkit-animation-direction:alternate; animation-direction:alternate }
.jbox-container .fade-in, .jbox-container .fade-in-left, .jbox-container .fade-in-right, .jbox-container .fade-out-left, .jbox-container .fade-out-right { animation-timing-function:ease-in-out; animation-fill-mode:forwards; animation-iteration-count:1 }
.jbox-container .fade-out-left { animation-name:fadeOutLeft; animation-duration:150ms }
.jbox-container .fade-out-right { animation-name:fadeOutRight; animation-duration:150ms }
.jbox-container .fade-in-right { animation-name:fadeInRight; animation-duration:150ms }
.jbox-container .fade-in-left { animation-name:fadeInLeft; animation-duration:150ms }
.jbox-container .fade-in { animation-name:fadeIn; animation-duration:0s }
div.jboximg {width:160px; height:120px; overflow:hidden; float:left;}
div.jboximg img.jbox-img { cursor:pointer; min-height:120px; min-width:160px; max-height:180px; max-width:240px;}
.jbox-container { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, .75); display:none; color:#fff; z-index:12 }
.jbox-container .img-alt-text { position:fixed; font-family:'Open Sans', sans-serif; text-shadow:0 0 10px rgba(0, 0, 0, .5); bottom:0; left:0; padding:15px; width:100%; text-align:center }
@media screen and (min-width:768px) {
.jbox-container .img-alt-text {
text-align:left;
top:0
}
}
@media screen and (min-width:992px) {
.jbox-container .img-alt-text {
padding:25px
}
}
.jbox-container img { position:fixed; top:50%; left:50%; -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); width:auto; max-height:100%; max-width:100%; border:2px solid #fff; z-index:11; box-shadow:5px 5px 50px rgba(0, 0, 0, .5) }
.jbox-container svg { position:fixed; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:12; height:20px; width:20px; cursor:pointer; fill:#fff; -moz-transition:all 150ms ease-in-out; -o-transition:all 150ms ease-in-out; -webkit-transition:all 150ms ease-in-out; transition:all 150ms ease-in-out }
.jbox-container .jbox-next { right:10px }
.jbox-container .jbox-prev { left:10px }
@media screen and (min-width:768px) {
.jbox-container img {
max-height:85%;
max-width:85%
}
.jbox-container svg:hover {
-moz-transform:translateY(-50%) scale(1.5);
-ms-transform:translateY(-50%) scale(1.5);
-o-transform:translateY(-50%) scale(1.5);
-webkit-transform:translateY(-50%) scale(1.5);
transform:translateY(-50%) scale(1.5)
}
.jbox-container svg {
font-size:65px;
height:50px;
width:50px
}
.jbox-container .jbox-next {
right:25px
}
.jbox-container .jbox-prev {
left:25px
}
}
.jbox-container .jbox-close { top:25px; right:25px; height:15px; width:15px; transform:translateY(0) }
@media screen and (min-width:768px) {
.jbox-container .jbox-close {
top:50px;
right:50px;
height:25px;
width:25px
}
}