@import url("_columns.css");
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);

/* =============================================================================================
   default 
   ============================================================================================= */
html { margin:0px; border:0px none; width:100%; height:100%; }
body { margin:0px; width:100%; height:100%; }
h1, h2, h3, h4, h5, form, p, textarea, ul, li , button, p { margin:0px; padding: 0px; font-weight:normal; }
button { cursor: pointer; }
button, img { border: 0px; }
a { text-decoration:none; color: black;}
a:hover { text-decoration:none; }
ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; }
.clear { clear: both; height:0px; overflow: hidden; }
.hidden { display: none; }
.link { cursor:pointer; }
.left, .column { float:left; }
.right { float:right; }
hr { height:2px; margin:10px 0px; border:0px; }
li { list-style:none; }
b, strong { font-weight:700; }

/* =============================================================================================
   misc 
   ============================================================================================= */
body { background:url(../images/bgs/body.gif); }
#rossaDestra {position:absolute;top: 120px;background:url(../images/bgs/bandaRossaSinistra.png);height: 26px;width: 13px;left:-13px;}
#rossaSinistra{position:absolute;top: 120px;background:url(../images/bgs/bandaRossaDestra.png);height: 26px;width: 13px;right:-13px;}
#bluDestra{position:absolute;bottom: 49px;background:url(../images/bgs/bandaBluDestra.png);height: 61px;width: 13px;right:-13px;}
#bluSinistra{position:absolute;bottom: 55px;background:url(../images/bgs/bandaBluSinistra.png);height: 55px;width: 13px;left:-13px;}
/* =============================================================================================
   texts 
   ============================================================================================= */

h1 { font-family: 'Roboto', sans-serif; font-size:36px; margin-bottom:30px; color:#000; display:block; font-weight:700; }
h2 { font-family: 'Roboto', sans-serif; font-size:36px; margin-top:70px; margin-bottom:25px; color:#000; display:block;  font-weight:700; }
h3 { font-family: 'Roboto', sans-serif; font-size:24px; margin-bottom:8px;  display:block; font-weight:700; }
p, .text { font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; line-height:28px; color:#000; }
p a, .text a { color:#000; text-decoration:underline; }
p a:hover, .text a:hover { color:#000;text-decoration:none; }
/* =============================================================================================
   container 
   ============================================================================================= */
#container { position:relative; width:960px; margin:0px auto; background:white; -webkit-box-shadow: 0px 5px 50px 10px rgba(50, 50, 50, 1); -moz-box-shadow: 0px 5px 50px 10px rgba(50, 50, 50, 1); box-shadow: 0px 5px 50px 10px rgba(50, 50, 50, 1); }
#container .inner75 { position:absolute; width:960px; height:890px; background:url(../images/bgs/bg75.png); top:235px; }

/* =============================================================================================
   header 
   ============================================================================================= */
#header { height:96px; display: inline;  }
#header img.logo { margin-top: 10px;margin-right: 20px;float: right;height: 60px;margin-bottom:20px; }
#header .menu.lv1 {  font-family: 'Roboto', sans-serif; font-size: 18px; }
#header .menu.lv1 ul {border-bottom: 15px solid #CC0000;padding: 0 20px 30px 20px;  }
#header .menu.lv1 li.level1:first-child { margin: 0 10px 0 0; }
#header .menu.lv1 li.level1:last-child { margin: 0 0 0 10px; }
#header .menu.lv1 li.level1 {float: left; margin: 0 10px; padding: 0 2px 8px 2px;position: relative;}
#header .menu.lv1 li.level1.on {font-weight: bold; border-bottom: 15px solid #001AFE; }
#header .menu.lv1 a {color: black;}
.menuMobile,img.menu{display:none;}
#header .menu.lv1 li.level1 > ul.lv2 {display:none;}
#header .menu.lv1 li.level1:hover > ul.lv2 {display:block; position:absolute; top: 45px; left: 0px; z-index:3;border-bottom: 0;width: 190px;padding: 0;}
#header  ul.lv2 li {background: white;font-size: 14px;height: 30px;padding-left: 10px; }
#header  ul.lv2 li:nth-child(2n+2){background: #CCC;}
#header  ul.lv2 li a {height: 100%; line-height: 30px;}
#header  ul.lv2 li.on {font-weight: bold;}
/* =============================================================================================
   footer 
   ============================================================================================= */
#footer { font-family: 'Roboto', sans-serif; font-weight:400; color:#FFF; font-size:16px; line-height:65px; background:#4c4a4d; padding:0px 55px; }
#footer a { color:#FFF; }
#footer a:hover { text-decoration:none; }
.extranet-area {font-family: 'nerislight';height: 45px; width:960px; background: #006699; }
.extranet-area form {display: inline !important; line-height: 45px;}
.extranet-area form input {height: 25px;width:185px;margin-right: 20px;border: 0;padding-left: 10px;color:black;font-size: 14px;}
.extranet-area form input.login-button {width: 95px;background:url(../images/bgs/bottone-extranet.gif) repeat-x;height: 28px;color:white;float:right;margin-top: 10px;-moz-box-shadow:inset 0px 1px 3px 0px #006699;-webkit-box-shadow:inset 0px 1px 3px 0px #006699;box-shadow:inset 0px 1px 3px 0px #006699;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;cursor:pointer;text-shadow:0px -1px 0px #2b665e;}
.extranet-area h3 {color: white;line-height: 45px;float: left;margin-right: 105px;margin-left: 50px;margin-bottom: 0;}


/* =============================================================================================
   template 
   ============================================================================================= */
#template { position:relative; padding:0 55px; font-family: 'Roboto', sans-serif;}
#template li {list-style:disc;margin-left: 18px;}

/* =============================================================================================
   template homepage
   ============================================================================================= */
#template.homepage #slideshow { position:relative; height:375px; margin: 0 -55px -30px -55px;}
#template.homepage #slideshow ul.slide-show li { float:left; width:100%; height:375px; overflow:hidden; }
#template.homepage #slideshow ul.slide-show li img { width:100%; min-height:100%; }
#template.homepage #slideshow .arrow { position:absolute; top:45%; width:33px; height:51px; cursor:pointer; }
#template.homepage #slideshow .arrow.left { left:10%; background:url(../images/arrows/arrow-left.png) repeat; }
#template.homepage #slideshow .arrow.right { right:10%; background:url(../images/arrows/arrow-right.png) repeat; }
#template.homepage #slideshow li {margin-left:0;}

#template.homepage .urgenze {background: #CC0000;display: inline-block;position: relative;margin-bottom: 20px;}
#template.homepage .urgenze img.img{float: left;vertical-align: middle;position: absolute;top: 0;bottom: 0;left: 10px;margin: auto;height: 40px;}
#template.homepage .urgenze h2 {color: white;float: left;margin: 0;line-height: 60px;margin-right: 120px;margin-left: 65px;}

#template.homepage .box{float: left; width: 393px; height: 150px;margin: 20px 16px 0;position: relative;}
#template.homepage .box:first-child {margin: 20px 0 0 0;}
#template.homepage .box:last-child {margin: 20px 0 0 0;}
#template.homepage .box h3 {margin: 10px;width: 55%;line-height: 24px;}
#template.homepage .box div {font-family: 'Roboto';font-size: 14px;margin: 0 0 10px 10px;width: 47%;}
#template.homepage .box img.img {float: right;position: absolute;bottom: 10px;right: 5px;}
#template.homepage .box.blue{background:url(../images/bgs/box-blue.gif) repeat-y;background-size: 393px;}

#template.homepage .box.green{background:url(../images/bgs/box-green.gif) repeat-y;}
#template.homepage .box.yellow{background:url(../images/bgs/box-yellow.gif) repeat-y;background-size: 393px;}


#template.homepage .gray {width: calc( 960px - 110px); height: 330px; background:#DDD; margin:25px 0 7px -55px; padding: 25px 55px; }
#template.homepage .gray .bigBox {height: 275px;width: 390px; float: left; position: relative; margin: 0 5px;border: 1px solid black; background: white url('../images/bgs/sfondoBigBox.png') no-repeat; padding: 0 11px;}
#template.homepage .gray .bigBox h3 {margin: 10px 11px;}
#template.homepage .gray .bigBox div {font-family: 'Roboto';font-size: 12px;margin: 17px 0;}
#template.homepage .gray .bigBox img.img {position: absolute;right: 11px;top: 5px;}
#template.homepage .gray .bigBox .news {border: 1px solid;margin-top: 25px;font-family: 'Roboto', sans-serif; max-width: 390px;max-height: 170px;overflow: hidden;}
#template.homepage .gray .bigBox .news.incendi {padding: 10px; }
#template.homepage .gray .bigBox .news.incendi h3 {font-weight:bold; font-size:22px; margin:0; color:black; }
#template.homepage .gray .bigBox .news.incendi h5,#template.homepage .gray .bigBox .news.incendi h5 a {font-weight:bold; font-size:14px;color:black;}
#template.homepage .gray .bigBox .news.incendi p {font-size:15px;line-height: 19px}
#template.homepage .gray .bigBox .news.pericoli img.img{width:100%; max-height:168px;position: relative;top: 0;right: 0;}

#template.homepage .contattiBox {width: calc( 960px - 70px); height: 200px; background:#666; margin:0 0 0 -55px; padding: 25px 35px; color: white !important; }
#template.homepage .contattiBox .left{width: 64%; height: 100%; font-family: 'Roboto'; }
#template.homepage .contattiBox .left div {font-size: 15px;font-weight: bold;}
#template.homepage .contattiBox .left table {font-size: 15px;}
#template.homepage .contattiBox .left table a {color:white;}
#template.homepage .contattiBox .left table a:hover{color:black;}
#template.homepage .contattiBox .left table a img {margin-top: 5px;}
#template.homepage .contattiBox .right {width: calc(33% + 75px);height: calc(100% + 50px);margin: -25px -35px; }





#template.interna .box h1 {background: transparent url(../images/bgs/sfondoTitlePaginaInterna.png);width: calc(100% + 110px);margin-left: -55px;background-size: contain;padding-left: 55px;height: 40px;padding-top: 45px;padding-bottom: 10px;}
#template.interna .box {padding-bottom: 15px;}
#template.interna .box .text ul li {list-style:disc;}
#template.interna .boxImages {margin-top: 50px; margin-bottom: 60px;display: inline-block;width: 100%;}
#template.interna .boxImages .imageContainer {float: left; width: 50%;}
    #template.interna.membri-peer .boxImages .imageContainer { width: 25%;}
#template.interna .boxImages .imageContainer img.img {float:left; width: 360px;-webkit-box-shadow: -3px 8px 5px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow:-3px 8px 5px 0px rgba(50, 50, 50, 0.75);box-shadow:-3px 8px 5px 0px rgba(50, 50, 50, 0.75);border: 1px solid #DDD; padding: 8px;}
    #template.interna.membri-peer .boxImages .imageContainer img.img { width:calc(100% - 26px); height: auto; padding: 4px; margin-top: 30px; }
#template.interna .boxImages .imageContainer .breadcumb {float: left; font-size: 16px; margin-top: 10px;}

#template.interna h4 {font-size: 18px;font-weight: bold;margin-bottom: 20px;}
#template.interna p {font-family: 'Roboto' !important; font-size: 16px !important;}
#template.interna .documents {background: #CDCDCD;width: calc(100% + 55px);margin-left: -55px;padding-left: 55px;padding-bottom: 15px;}
#template.interna .documents h3 {padding: 15px 0;}
#template.interna .documents a {line-height: 30px; font-size: 14px; color: black;float:left;}
#template.interna .documents .document {height: 36px;}
#template.interna .documents .document .icon {width: 30px; height: 30px;float:left;}

#template.shop .boxImages .imageContainer .breadcumb {float: left; font-size: 13px;margin-top: 10px;}


#template.login .boxLogin{background:#121317;height:375px;width:275px;padding:15px;color:white;margin-bottom: 75px;margin-top: 75px;margin-left: 300px;	font-size:12px;}
#template.login .boxLogin form input{	background-color:#18191E;	height:50px;	width:calc(100% - 10px);	margin-bottom:5px;	color:white;	font-family: 'Roboto';	border:none;	padding:5px;}
#template.login .boxLogin h1{	color:white;	font-size:23px;	font-family:'Roboto';}
#template.login .boxLogin form{	margin-top:20px;}
#template.login .boxLogin form input[name="username"]{	background: #18191E url(../images/bgs/bgs_username.png) no-repeat;	background-position:  98% center;	}
#template.login .boxLogin form input[name="password"]{background:#18191E url(../images/bgs/bgs_password.png) no-repeat;background-position:  98% center;}
#template.login .boxLogin form a.login-button{	background-color:#FE0000;height:50px;color:white;width:100%;display: inline-block;text-align: center;line-height: 50px;font-family: 'Roboto';}

#template.documenti .containerDocument {
 	margin-top: 15px;
}
#template.documenti .document {	width: 100%;	line-height: 50px;	padding-left: 10px;	font-size: 18px;	font-family: 'Roboto';	font-weight: bold;	margin-bottom: 5px;	cursor:pointer;		background-size: 50px 100%;}
#template.documenti .document.child.first{	margin-left:2%;	display:none;	width:98%;}
#template.documenti .document.child.second{	margin-left:4%;	display:none;	width:96%;}
#template.documenti .document.child.third{	margin-left:6%;	display:none;	width:94%;}

#template.documenti .document.folder.verde{color:white;}
#template.documenti .document.folder.verde{	background: #006600 url(../images/icons/arrow.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.file.verde{	background: #006600 url(../images/icons/download.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.folder.verde.first{	background: #66c266 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.verde.first{	background: #66c266 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}
#template.documenti .document.folder.verde.second{	background: #B2F0B2 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.verde.second{background: #B2F0B2 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}

#template.documenti .document.folder.blu{color:white;}
#template.documenti .document.folder.blu{	background: #003399 url(../images/icons/arrow.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.file.blu{background: #003399 url(../images/icons/download.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.folder.blu.first{	background: #7597dc url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.blu.first{	background: #7597dc url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}
#template.documenti .document.folder.blu.second{	background: #adc2eb url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.blu.second{background: #adc2eb url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}

#template.documenti .document.folder.rosso{color:white;}
#template.documenti .document.folder.rosso{	background: #CC0033 url(../images/icons/arrow.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.file.rosso{background: #CC0033 url(../images/icons/download.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.folder.rosso.first{	background: #ff7f99 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.rosso.first{	background: #ff7f99 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}
#template.documenti .document.folder.rosso.second{	background: #FFC4D0 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.rosso.second{background: #FFC4D0 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}

#template.documenti .document.folder.grigio{	background: #999 url(../images/icons/arrow.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.file.grigio{	background: #999 url(../images/icons/download.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.folder.grigio.first{	background: #e5e5e5 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.grigio.first{	background: #e5e5e5 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}
#template.documenti .document.folder.grigio.second{	background: #F3F3F3 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.grigio.second{background: #F3F3F3 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}

#template.documenti .document.folder.giallo{	background: #FFCC00 url(../images/icons/arrow.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.file.giallo{	background: #FFCC00 url(../images/icons/download.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.folder.giallo.first{	background: #ffe57f url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.giallo.first{	background: #ffe57f url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}
#template.documenti .document.folder.giallo.second{	background: #FFC304 url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.giallo.second{background: #F3F3F3 url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}

#template.documenti .document.folder.azzurro{	background: #9CC url(../images/icons/arrow.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.file.azzurro{	background: #9CC url(../images/icons/download.png) no-repeat;	background-position:98.47% 8px;}
#template.documenti .document.folder.azzurro.first{	background: #9FF url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.azzurro.first{	background: #9FF url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}
#template.documenti .document.folder.azzurro.second{	background: #CFF url(../images/icons/arrow.png) no-repeat;	background-position: 98.47% 10px;    background-size: 27px;}
#template.documenti .document.file.azzurro.second{background: #CFF url(../images/icons/iconaFile.png) no-repeat;	background-position: 98% 10px;    background-size: 58px 27px;}


#template.news-detail a {color:black;}
#template.caserme .box.gray {background: #dfdfdf; padding: 20px;display: inline-block;width: calc(100% - 27.5px); margin-top:10px;margin-bottom: 20px;}
#template.caserme .box.gray .caserma-infos{background: #BBB;padding: 5px;    font-size: 13px;}
#template.caserme .box.gray ul li {list-style: none;line-height: 22px;margin-left: 0px;}
#template.caserme .box.gray h3 {margin-bottom: 0px;}
#template.caserme .box.gray .text {font-size: 14px;float:left;}
#template.caserme .box.gray .text ul li {list-style: disc;}
#template.caserme .box.gray .left {width:100%;}
#template.caserme .box.gray img.img {max-width: 50%;float: right;}
#template.caserme .maps {width: 100%; height: 800px;float:right;border: 5px solid white;margin-top: 20px;}
#template.caserme .maps .gm-style-iw{overflow: hidden !important;width:250px !important;}
#template.caserme ul {margin-top:20px;}
#template.caserme ul li {font-family: 'Roboto', sans-serif; font-size: 17px;cursor:pointer;}
#template.caserme ul li.on {font-weight: bold; background-color: #BBB;padding-left: 5px;}
#template.caserme .documents {width: 100%;padding:0 0 0 15px !important;margin: 0;background: none;margin-top: 10px;}
#template.caserme .documents h3 {padding: 15px 0;}
#template.caserme .documents a {line-height: 30px; font-size: 14px; color: black;float:left;}
#template.caserme .documents .document {height: 30px;}
#template.caserme .documents .document .icon {width: 30px; height: 30px;float:left;}

#template.caserme ul.head li.on {font-weight: bold; background-color: white;padding-left: 0px;}
#template.miniPompieri ul li.on {font-weight: bold; background-color: inherit;padding-left: 0px;}

#template.miniPompieri .documents {background: #CDCDCD;width: calc(100% + 55px);margin-left: -55px;padding-left: 55px !important;padding-bottom: 15px !important;}
#template.miniPompieri .documents h3 {padding: 15px 0;}
#template.miniPompieri .documents a {line-height: 30px; font-size: 14px; color: black;float:left;text-decoration:none;}
#template.miniPompieri .documents .document {height: 36px;}
#template.miniPompieri .documents .document .icon {width: 30px; height: 30px;float:left;}
#template.miniPompieri .box.gray ul li{font-size:15px;}

#template.concorso { padding-bottom:50px; }
#template.concorso h2 { margin-top:40px; }
#template.concorso h3 { margin:30px 0 20px; }
#template.concorso hr { background:#EEE; height:1px; margin:35px 0 10px; }
#template.concorso form { margin:50px 0; width:100%; }
#template.concorso form input { font-family: 'Roboto', sans-serif; text-transform:none; display:block; max-width:50%; }
#template.concorso form textarea { font-family: 'Roboto', sans-serif; text-transform:none; display:block; max-width:50%; font-size:16px; }
#template.concorso form select { font-family: 'Roboto', sans-serif; text-transform:none; display:block; max-width:56%; height:41px; }
#template.concorso form input.radio { float:left; display:inline-block; width:20px; height:20px; margin-bottom:10px; }
#template.concorso form input.checkbox { display:inline-block; width:20px; height:20px; }
#template.concorso p.radio { float:left; display:inline-block; margin-left:20px; line-height:26px; margin-bottom:10px; }
#template.concorso form label { line-height:30px; margin:15px 0 0 0; display:block; }
#template.concorso form .note { font-size:14px; color:#999; }
#template.concorso form .note.red { font-size:16px; font-weight:bold; color:#F00; margin:10px 0; }
#template.concorso form .buttons { margin-top:30px; }


#template.capitolo-manuale { min-height: 500px; }
#template.capitolo-manuale h1 span { display: block; font-size: 14px; margin-top: -20px; text-transform: uppercase;}
#template.capitolo-manuale .photogallery { margin: 30px 0; }
#template.capitolo-manuale .photogallery .item { position:relative; height:300px; padding:15px; margin-bottom: 5px; }
#template.capitolo-manuale .photogallery .item .inner { position:absolute; z-index:2; width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px; border: 1px solid #EEE; }
#template.capitolo-manuale .photogallery .item a { position:absolute; z-index:3; width:100%; height:100%; left:0; top:0; }
#template.capitolo-manuale .capitoli { line-height: 25px; font-size: 18px; border-top:1px solid #DDD; padding-top: 30px; margin: 30px 0; }
#template.capitolo-manuale .capitoli a.selected { font-weight: 600; }



/* =============================================================================================
   frm - form
   ============================================================================================= */
#frmContact input, #frmContact select, #frmContact textarea { width:94%; padding:4px 3%; height:35px; font-size:16px; text-transform:uppercase; margin-bottom:5px; color:#000; border:none; background:#EEE; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; }
#frmContact input.on, #frmContact select.on, #frmContact textarea.on  { background:#666; color:#FFF; }
#frmContact textarea { font-size:20px; height:110px; padding-top:8px; padding-bottom:8px; }
#frmContact .button { font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; line-height:37px; font-weight:bold; color:#FFF; text-align:center; width:100%; background:#4d4b4d; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; text-transform:uppercase; cursor:pointer; }
#frmContact .button:hover { background:#999;  }

#boxAlert {z-index:998; width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0px; }
#boxAlertContent { z-index:999; position:absolute; top:30%; width:20%; left:40%; }
#boxAlertContent .title { border:1px solid #999; line-height: 40px; text-transform:uppercase; color:#FFF; background: #999; padding: 0% 5%; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;  }
#boxAlertContent .message { border-left:1px solid #efefef; border-right:1px solid #efefef; padding: 5%; font-size:13px; line-height:20px; background:#FFF; color:#787878;  }
#boxAlertContent .close { border:1px solid #efefef; border-top:none; font-size:13px; background:#FFF; padding: 5%; -moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; height:10px;  }
#boxAlertContent .close p { float:right; color:#FFCC00; cursor:pointer; padding-bottom:10px; }
#boxAlertContent .close p:hover { color:#ccc; }

.juicer-feed h1.referral {display: none!important;}


 /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

        #template.capitolo-manuale .photogallery .item { height:225px; }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        #template.capitolo-manuale .photogallery .item { height:200px; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		
        #header img.logo { margin-bottom:-25px; }
        
		#template{padding: 0 10px !important}
		#container.right{margin-left:80%;}
		.menuMobile.on{display:block !important;background-color:#cc0000;width:80%;position:fixed;top:0;left:0;height:100%;z-index: 1;}
		.menuMobile ul{display:none;}
		.menuMobile.on ul{display:block;}
		img.menu{display:block;margin: -15px 0 15px 20px;}
		.menuMobile.on ul.lv2{display:none;}
		.menuMobile.on li.level1.on2 ul.lv2{display:block}
		
		.menuMobile.on li{font-size:18px;font-family: 'Roboto', sans-serif;}
		.menuMobile.on li.level1{line-height:40px !important;border-bottom: 2px solid white;}
		.menuMobile.on li.level1.on{background-color:#990000}
		.menuMobile.on li.level1.on2{background-color:#b20000}
		.menuMobile.on li.level1.on2 ul.lv2 li{background-color:#cc0000;border-bottom: 1px solid white; }
		.menuMobile.on li.level1.on2 ul.lv2 li:last-child{border-bottom: 0 solid white;}
		.menuMobile.on li.level1 a {display:block !important; padding-left:10px !important;color:white;}
		.menuMobile.on li.level1 ul.lv2 li{height:auto !important}
		.menuMobile.on li.level1 ul.lv2 li a{line-height: 35px !important;
font-size: 18px;} 
		.menu.lv1 ul{padding-bottom:0 !important}	
		.menu.lv1 ul li {display:none;}
		.box{width: 100% !important;height: 100px !important;margin-left: 0 !important;}
		.box.yellow{background:none #ffde59 !important;}
		.box.green{background:none #c1d793 !important;}
		.box.blue{background:none #b7e2cd !important;}
		.box h3{font-size: 20px;line-height: 40px !important;width: 50% !important;}
		.box div{display:none;}
        .box div.text { display:inline-block; }
		#template.caserme .box div{display:block;}
		.bigBox{width:90% !important; margin-bottom:25px !important; background:none white !important;height:auto !important;}
		.bigBox img.img {display:none;}
		.bigBox.pericoli img.img {display:block;}
		.bigBox h3{font-size:25px; padding-left:11px !important; background:none #9f9f9f !important; margin:0 !important;margin-left: -11px !important; width: calc(100% + 11px);}
		.bigBox div{font-size:20px !important;}
		.bigBox .news{margin: 6px !important;max-width: 100% !important;max-height:none !important;padding-bottom: 11px !important;}
		.bigBox .news.incendi p{font-size:20px !important;line-height:25px !important}
		.gray{height: 830px !important; width:100% !important;margin-left: -10px !important;
padding: 10px !important;}
		#container {width:100%;float: left;display: block;}
		.contattiBox{width:100% !important;height: 270px !important;margin-left: -10px !important; padding:10px !important}
		.contattiBox .left{width:100% !important}
		.extranet-area{width:100% !important;}
		.extranet-area h3 {margin-right:0 !important;margin-left: 20px;} 
		#bluDestra,#bluSinistra,#rossaDestra,#rossaSinistra{display:none !important;}
		.urgenze h2{margin-right:15px !important;line-height: 40px !important;font-size: 30px;}
		.contattiBox .left{}
		.contattiBox .right{display:none;}
		.extranet-area form input.login-button{margin-top:9px;}
		#footer{line-height:23px !important;padding: 13px;}
		.imageContainer{width:100% !important; margin-bottom:15px}
            #template.interna.membri-peer .boxImages .imageContainer { width: 50% !important; }
		#template.interna .box{height: auto !important;width: 100% !important;margin-right: 10px !important;}
		#template.interna .boxImages .imageContainer img.img{width:100%}
		/* #template.interna .boxImages .imageContainer .breadcumb{font-size:14px !important} */
		#template.interna .documents .document .icon{display:none;}
		#template.interna .documents h3{padding-bottom:0 !important;}
		#template.interna .documents a{line-height:18px !important;font-size:14px;margin-bottom: 12px;}
		#template.interna .box h1{ margin-left:-28px; width:auto !important;padding-left: 40px;padding-top: 20px;font-size: 22px;padding-bottom: 25px;}
		#template.interna .documents{padding-left:10px !important;width: calc(100% + 10px);margin-left: -10px;}
		#template.caserme .box.gray .left {width:100%;}
		#template.caserme .box.gray h3{width:100% !important;line-height: 30px !important;margin-bottom: 15px;}
		#template.caserme .maps{width:calc(100% - 10px) !important;height: 500px;}
		#template.caserme{padding:0 30px !important}
		#template.caserme .box.gray .text{font-size:16px !important}
		#template.caserme .documents {padding-left: 55px !important;width: calc(100% + 5px);margin-left: -30px;}
		#header img.logo{/*width:75px !important;*/max-height:55px;}
		#template.homepage #slideshow{height:200px;width: calc(100% + 20px);
margin: 0 0 -30px -10px;}
		#template.homepage #slideshow ul.slide-show li { height:200px;}
		body{ }
		#template.caserme .left ul {margin-bottom:15px;}
		
		
		#template.concorso form { width:90%; }
		#template.concorso form input { max-width:100%; }
		#template.concorso form select { max-width:100%; }
		#template.concorso form textarea { max-width:100%; }
		#template.concorso .box .text { display:block; }
		
		#template.interna .boxImages .imageContainer img.img { padding:10px 0; }
        
        
        #template.capitolo-manuale h1 span { margin-top: 0px; font-size: 12px; }
        #template.capitolo-manuale .box div { display: block !important; }
        #template.capitolo-manuale .photogallery .item { height:150px; }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }




@font-face {
    font-family: 'nerissemibold';
    src: url('../fonts/neris-semibold-webfont.eot');
    src: url('../fonts/neris-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-semibold-webfont.woff2') format('woff2'),
         url('../fonts/neris-semibold-webfont.woff') format('woff'),
         url('../fonts/neris-semibold-webfont.ttf') format('truetype'),
         url('../fonts/neris-semibold-webfont.svg#nerissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*@font-face {
    font-family: 'nerislight';
    src: url('../fonts/neris-light-webfont.eot');
    src: url('../fonts/neris-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-light-webfont.woff2') format('woff2'),
         url('../fonts/neris-light-webfont.woff') format('woff'),
         url('../fonts/neris-light-webfont.ttf') format('truetype'),
         url('../fonts/neris-light-webfont.svg#nerislight') format('svg');
    font-weight: normal;
    font-style: normal;

}*/




@font-face {
    font-family: 'nerislight_italic';
    src: url('../fonts/neris-lightitalic-webfont.eot');
    src: url('../fonts/neris-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/neris-lightitalic-webfont.woff') format('woff'),
         url('../fonts/neris-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/neris-lightitalic-webfont.svg#nerislight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nerisblack_italic';
    src: url('../fonts/neris-blackitalic-webfont.eot');
    src: url('../fonts/neris-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/neris-blackitalic-webfont.woff') format('woff'),
         url('../fonts/neris-blackitalic-webfont.ttf') format('truetype'),
         url('../fonts/neris-blackitalic-webfont.svg#nerisblack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nerissemibold_italic';
    src: url('../fonts/neris-semibolditalic-webfont.eot');
    src: url('../fonts/neris-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/neris-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/neris-semibolditalic-webfont.ttf') format('truetype'),
         url('../fonts/neris-semibolditalic-webfont.svg#nerissemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neristhin';
    src: url('../fonts/neris-thin-webfont.eot');
    src: url('../fonts/neris-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-thin-webfont.woff2') format('woff2'),
         url('../fonts/neris-thin-webfont.woff') format('woff'),
         url('../fonts/neris-thin-webfont.ttf') format('truetype'),
         url('../fonts/neris-thin-webfont.svg#neristhin') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neristhin_italic';
    src: url('../fonts/neris-thinitalic-webfont.eot');
    src: url('../fonts/neris-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-thinitalic-webfont.woff2') format('woff2'),
         url('../fonts/neris-thinitalic-webfont.woff') format('woff'),
         url('../fonts/neris-thinitalic-webfont.ttf') format('truetype'),
         url('../fonts/neris-thinitalic-webfont.svg#neristhin_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nerisblack';
    src: url('../fonts/neris-black-webfont.eot');
    src: url('../fonts/neris-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-black-webfont.woff2') format('woff2'),
         url('../fonts/neris-black-webfont.woff') format('woff'),
         url('../fonts/neris-black-webfont.ttf') format('truetype'),
         url('../fonts/neris-black-webfont.svg#nerisblack') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'nerisbold_italic';
    src: url('../fonts/neris-bolditalic-webfont.eot');
    src: url('../fonts/neris-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neris-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/neris-bolditalic-webfont.woff') format('woff'),
         url('../fonts/neris-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/neris-bolditalic-webfont.svg#nerisbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}