@import url("./bootsaddextra_gallery.css");


/* =Preheader
-------------------------------------------------------------- */
preheader {
	width: 100%;
	height: 45px;
	padding:0 0 0 0;
	margin:0 0 0 0;
	overflow: hidden;
	position: relative;
	z-index: 888;
}

preheader a.prehead_comunedi, preheader a.prehead_comunedi:link, preheader a.prehead_comunedi:visited {
	line-height: 45px;
	margin: 0 20px 0 20px;
	padding: 0 0 0 40px;
	font-size: 20px;
}

preheader a.prehead_comunedi:hover {
	text-decoration: none;
}

preheader nav {
	padding: 0 10px 0 20px;
	display: inline-block;
	float: right;
	border: 1px 0 1px 1px;
	border-bottom-left-radius: 0px;
}

preheader nav a {
	line-height: 45px;
	margin-left: 0px;
	margin-right: 20px;
	font-weight: normal;
	font-size:20px;
}

preheader nav a:hover {
	text-decoration:underline;
}

header {
	width: 100%;
	height: 150px;
	overflow: hidden;
	position: relative;
	z-index: 888;
	-webkit-transition: height 0.6s;
	-moz-transition: height 0.6s;
	-ms-transition: height 0.6s;
	-o-transition: height 0.6s;
	transition: height 0.6s; 
}

header div.headerlogo {
	padding: 30px;
}

header div.headersearch {
	padding-top: 20px;
	padding-right: 40px;
}

header div.headermedia {
	margin-top:20px;
	margin-bottom:4px;
}

header div.headermedia a {
	width:30px;
	height:30px;
	font-size:10px;
	padding:2px 0 2px 0;
	margin-left:4px;
}

header div.headermedia a span {
	margin:0px;
	padding:0 2px 0 2px;
}


header h1#logo {
	margin: 0;
	display: inline-block;
	float: left;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

header h1#logo a, header h1#logo a:link, header h1#logo a:visited, header h1#logo a:hover {
	text-decoration: none;
}

header h1#logo a img {
	margin-top: -15px;
	padding-right:5px;
	width:90px;
}

header button#burgermenu {
	margin-top: 15px;
	float:left;
	height: 75px;
	width: 75px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s; 
}

.clearfix:after {
	visibility: hidden;
	display: block;
	content: "";
	clear: both;
	height: 0;
}

div#topmenu {
	margin-bottom:0;
	width: 100%;
	overflow: hidden;
	position: relative;
	left: 0;
	line-height: 35px;
}

div#topmenu .nav {
	margin-bottom:0;
	margin-top:0;
}

div#topmenu .navbar-nav {
	margin-bottom:0;
	margin-top:0;
}



div#topmenu ul {
	width: 100%;
	text-align: center;
}

div#topmenu ul li {
	float: none;
	font-size:130%;
	display: inline-block;
}


/* INI header.smaller */

header.smaller {
    top:0;
	position:fixed;
	padding-top: 10px;
	height: 65px;
}

header.smaller div.headerlogo {
	padding: 0px 20px;
}

header.smaller div.headersearch {
	margin-top: 4px;
	margin-right: 30px;
}

header.smaller h1#logo {
	margin-top: 5;
	display: inline-block;
	float: left;
	font-size: 20px;
	font-weight: 400;
}

header.smaller h1#logo a img {
	margin-top:-5px;
	width: 40px;
}

header.smaller button#burgermenu {
	margin: 2px 5px 5px 5px;
	float:left;
	height: 45px;
	width: 45px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s; 
}

div#topmenu.topmenufix {
    display:none;
}
/* END header.smaller */


/* breadcrumb */
ol.breadcrumb
{
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
  margin-bottom: 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* fine breadcrumb */


.linklente {
	background-image: url(../media/84477/lente.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	padding-left: 21px;
}

span.spantitolocontent {
	font-size: 32px;
	font-weight: bold;
	width: 100%;
}


/* INI footer */
div#bottomflat {
	margin-top:50px;
	width: 100%;
	overflow: hidden;
	position: relative;
	line-height: 25px;
}
div.footerlogo {
	padding-top:10px;
	padding-left:60px;
	font-size:16px;
}
div.footersearch {
	padding-top:55px;
	padding-right:20px;
}
div.footerlogo a, div.footerlogo a:link, div.footerlogo a:visited, div.footerlogo a:hover {
	text-decoration: none;
}
div#bottommenu {
	width: 100%;
	overflow: hidden;
	position: relative;
	left: 0;
}

div#bottommenu ul {
	width: 100%;
	text-align: center;
}

div#bottommenu ul.navbar-nav li
{
  padding-top: 10px;
  padding-bottom: 0px;
}

div#bottommenu ul.navbar-nav li a
{
  padding-top: 0px;
  padding-bottom: 0px;
}
/* END footer */



/* INI oggetti nella home */

/* PRIMO PIANO */
.homeprimopiano {
	padding:0 0 0 0;
	height:350px;
}

.homeprimopianocontainer {
	margin-bottom:20px;
	cursor: pointer;
}

.homeprimopianobody {
	height:290px;
}

.homeprimopianofooter {
	text-align:center;
	min-height:50px;
}

.homeprimopianocontainer:hover,
.homeprimopianobody:hover,
.homeprimopianofooter:hover {
	cursor: pointer;
}

/* NOTIZIE */
.homenotizie {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
	min-height:400px;
}

.homenewscontainer {
	margin-bottom:20px;
}

.homenewsbody {
	height:170px;
}

.homenewsfooter {
	text-align:center;
	min-height:100px;
}

.homenewsbodydescr {
	height:200px;
}

.homenewscontainer:hover,
.homenewsbody:hover,
.homenewsfooter:hover,
.homenewsbodydescr:hover {
	cursor: pointer;
	text-decoration:none;
}

/* EVENTI */
.homeeventi {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
	min-height:400px;
}
.homeeventibody {
	height:170px;
}
.homeeventibodydescr {
	height:200px;
}
.homeeventifooter {
	text-align:left;
	min-height:80px;
}
.homeeventicontainer:hover,
.homeeventibody:hover,
.homeeventifooter:hover,
.homeeventibodydescr:hover {
	cursor: pointer;
}

/* COMUNICATI STAMPA */
.homecomunicati {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
	min-height:270px;
}

.homecomunicatiheader {
	padding:10px;
	min-height:80px;
}
.homecomunicatibody {
	padding:10px;
	min-height:200px;
}
.homecomunicaticontainer:hover,
.homecomunicatibody:hover,
.homecomunicatibodydescr:hover {
	cursor: pointer;
	text-decoration:none;
}
/* TRASPARENZA */
.hometrasparenza {
	line-height:70px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5%;
	padding-right:5%;
	min-height:120px;
}

/* UTILITA */
.homeutilita {
	padding:10px;
	min-height:200px;
}

/* GENERICHE */
img.shimnews {
	width:100%;
	height:100%;
}

.homeservicebody {
	height:180px;
}

.homeserviceheader {
	text-align:left;
	min-height:70px;
}

.homeservicebodydescr {
	height:120px;
}

.homeservicecontainer {
}

.hometrasparenceheader {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 10px;
	text-align:left;
}
.hometrasparencecontainer {
	border-top-left-radius: 10px;	
	border-bottom-right-radius: 10px;
}
.hometrasparencelink {
	text-align:left;
	font-size:120%;
}

/* END oggetti nella home */



.btn-mmm-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}
.btn-mmm-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
.btn-mmm-icon.btn-lg{padding-left:61px}
.btn-mmm-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
.btn-mmm-icon.btn-sm{padding-left:38px}
.btn-mmm-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
.btn-mmm-icon.btn-xs{padding-left:30px}
.btn-mmm-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
.btn-mmm-icon>:first-child{border:none;text-align:center;width:100% !important}
.btn-mmm-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
.btn-mmm-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
.btn-mmm-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}

a.tredi { text-align:left; width:270px; font-size:1.1em; padding:10px 5px; display:inline-block; margin:5px; border-radius:0px; border:solid rgba(0,0,0,0.2); border-width:1px 1px 5px; box-shadow:0 5px 0 rgba(0,0,0,0.1), inset 0 0 3px rgba(255,255,255,0.3); cursor:pointer; user-select:none; transition:0.4s ease; }

a.tredi:hover { transform:translateY(-3px); box-shadow:0 6px 0 rgba(0,0,0,0.1), inset 0 0 1px rgba(255,255,255,0.4); border-bottom-width:8px; }

a.tredi:active { transform:translateY(4px); box-shadow:0 2px 0 rgba(0,0,0,0.1), inset 0 0 5px rgba(255,255,255,0.4); border-bottom-width:2px; transition:0.1s ease; }

.btnufficisezioni {
  min-height:90px;
  white-space: normal;
  text-transform: uppercase;
  background: #dcedc8;
  background-image: -webkit-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: -moz-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: -ms-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: -o-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: linear-gradient(to bottom, #dcedc8, #dcedc8);
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  font-family: Arial;
  color: #003d00;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  border: solid #2d8f00 2px;
  -webkit-box-shadow: 1px 2px 3px #2d8f00;
  -moz-box-shadow: 1px 2px 3px #2d8f00;
  box-shadow: 1px 2px 3px #2d8f00;
  text-decoration: none;
}
.btnufficisezioni i.fa-pinterest-p {
  font-size: 30px;
}

.btnufficisezioni:hover {
  color: #333333;
  background: #003d00;
  background-image: -webkit-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: -moz-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: -ms-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: -o-linear-gradient(top, #dcedc8, #dcedc8);
  background-image: linear-gradient(to bottom, #dcedc8, #dcedc8);
  text-decoration: none;
}




#textsearch {
	vertical-align: middle;
	height: 34px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	font-size: 14px;
	line-height: 1.42857;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-image-source: none;
	border-image-slice: 100% 100% 100% 100%;
	border-image-width: 1 1 1 1;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition-property: border-color, box-shadow;
	transition-duration: 0.15s, 0.15s;
	transition-timing-function: ease-in-out, ease-in-out;
	transition-delay: 0s, 0s;
	width: 50%;
    /*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/
    outline: 0 none;
}

div.footermedia {
	margin-top:2px;
	margin-bottom:4px;
}
div.footermedia a span.fa {
}
div.footermedia a.btn-fbook-footer {
}
div.footermedia a.btn-fbook-footer {
	width:30px;
	height:30px;
	font-size:10px;
	padding:2px 0 2px 0;
	margin-right:4px;
}

div.footermedia a span {
	margin:0px;
	padding:0 2px 0 2px;
}



@media screen and (max-width:1280px) {
	.comunedi_testata {
		font-size: 30px;
		font-weight: 400;
	}
}

@media screen and (max-width:1024px) {
	header {
		height: 100px;
	}
	header div.headersearch {
		padding-top: 0;
		margin-top: 0;
	}
	header div.headerlogo {
		padding: 20px 0px 10px 5px;
	}
	.comunedi_testata {
		font-size: 30px;
		font-weight: 400;
	}
	header h1#logo a img {
		padding-left:10px;
		width: 75px;
	}

	header button#burgermenu {
		margin-top: -5px;
		height: 85px;
		width: 85px;
	}
	div.footerlogo {
		padding-left:45px;
		font-size:20px;
	}
	header.smaller button#burgermenu {
		margin-top: 1px;
	}

	header.smaller div.headerlogo {
		padding: 0 0 0 5px;
	}
	header.smaller h1#logo a img {
		padding-left:10px;
		width: 53px;
	}
}

@media screen and (max-width:920px) {
	header {
		height: 90px;
	}
	header div.headerlogo {
		padding: 15px 0px 10px 5px;
	}
	.comunedi_testata {
		font-size: 20px;
		font-weight: 400;
	}

	header h1#logo a img {
		padding-left:10px;
		width: 70px;
	}

	header button#burgermenu {
		margin: 5px 5px 5px 5px;
		height: 55px;
		width: 55px;
	}
	div.footerlogo {
		padding-top:20px;
		padding-left:35px;
		font-size:15px;
	}
	div.footerdatiente {
		padding-left:35px;
	}
	div.footerlinks {
		padding-left:35px;
	}

	div.footerlogo a img {
		width:40px;
	}
	div.footersearch {
		padding-top:10px;
	}
	.nav-list-foo {
		font-size:12px;
	}
}

@media screen and (max-width:780px) {
	header div.headermedia {
		margin-top:10px;
		margin-bottom:2px;
	}
}

@media screen and (max-width:700px) {
	.sidebar-nav li a.mainsidebar_img,
	.sidebar-nav li a.mainsidebar_img:link,
	.sidebar-nav li a.mainsidebar_img:visited {
		background-position:210px center;
		background-size:20px 20px;
	}
	.sidebar-nav li a.mainsidebar_img:hover,
	.sidebar-nav li a.mainsidebar_img:active,
	.sidebar-nav li a.mainsidebar_img:focus {
		background-position:210px center;
		background-size:20px 20px;
	}
	.sidebar-nav li.open a.mainsidebar_img:hover,
	.sidebar-nav li.open a.mainsidebar_img:active,
	.sidebar-nav li.open a.mainsidebar_img:focus{
		background-position:210px center;
		background-repeat:no-repeat;
		background-size:20px 20px;
	}

	preheader a.prehead_comunedi, preheader a.prehead_comunedi:link, preheader a.prehead_comunedi:visited {
		line-height: 45px;
		margin: 0 5px 0 5px;
		padding: 0 0 0 40px;
		font-size: 14px;
	}
	preheader {
		/*display:none;*/
		font-size: 14px;
	}
	header {
		height: 80px;
	}
	header div.headerlogo {
		padding: 10px 5px 15px 5px;
	}
	
	.comunedi_testata {
		font-size: 25px;
		font-weight: 400;
	}

	header h1#logo a img {
		padding-left:10px;
		width: 60px;
	}
	header button#burgermenu {
		margin: 5px 5px 5px 5px;
		height: 40px;
		width: 40px;
	}
	header button#burgermenu {
		background-size:40px 40px;
	}

}

@media screen and (max-width:600px) {
	header div.headersearch {
		display:none;
	}
}

@media screen and (max-width:480px) {
	preheader nav {
		padding: 0 12px 0 12px;
		font-size:110%;
	}
	
	preheader nav a {
		font-size:110%;
		font-weight: normal;
	}
	
	preheader nav a:hover {
		font-size:110%;
		text-decoration:underline;
	}
	header {
		height: 70px;
	}
	header h1#logo a span {
		font-size: 30px;
	}
	header h1#logo a img {
		padding-left:10px;
		width: 60px;
	}
	header h1#logo a span#comunedi_pref {
		display:none;
	}
	header div.headerlogo {
		padding-top: 15px;
	}
	header button#burgermenu {
		margin: 5px 0px 5px 0px;
		background-size:35px 35px;
	}

	header.smaller {
		height: 80px;
	}
	header.smaller h1#logo {
		font-size: 25px;
	}
	header.smaller h1#logo a img {
		padding-left:10px;
		width: 60px;
	}
	header.smaller div.headerlogo {
		padding-top: 2px;
	}
	header.smaller button#burgermenu {
		margin: 10px 0px 5px 0px;
		background-size:35px 35px;
	}
	.nav-list-foo {
		font-size:12px;
	}
	.homeprimopiano {
		height:200px;
	}
	.homenotizie {
		padding-left:2%;
		padding-right:2%;
	}
	.homeeventi {
		padding-left:2%;
		padding-right:2%;
	}
	.homecomunicati {
		padding-left:2%;
		padding-right:2%;
	}
	.hometrasparenza {
		padding-left:2%;
		padding-right:5%;
	}
}

@media screen and (max-width:368px) {
	preheader nav {
		padding: 0 12px 0 12px;
		font-size:100%;
	}
	
	preheader nav a {
		font-size:100%;
		font-weight: normal;
	}
	
	preheader nav a:hover {
		font-size:100%;
		text-decoration:underline;
	}
	header {
		height: 70px;
	}
	header h1#logo a span {
		font-size: 25px;
	}
	header h1#logo a img {
		padding-left:10px;
		width: 50px;
	}
	header h1#logo a span#comunedi_pref {
		display:none;
	}
	header div.headerlogo {
		padding-top: 15px;
	}
	header button#burgermenu {
		margin: 5px 0px 5px 0px;
		background-size:35px 35px;
	}

	header.smaller {
		height: 80px;
	}
	header.smaller h1#logo {
		font-size: 25px;
	}
	header.smaller h1#logo a img {
		padding-left:10px;
		width: 60px;
	}
	header.smaller div.headerlogo {
		padding-top: 2px;
	}
	header.smaller button#burgermenu {
		margin: 10px 0px 5px 0px;
		background-size:35px 35px;
	}
	.nav-list-foo {
		font-size:12px;
	}
	.homeprimopiano {
		height:200px;
	}
	.homenotizie {
		padding-left:2%;
		padding-right:2%;
	}
	.homeeventi {
		padding-left:2%;
		padding-right:2%;
	}
	.homecomunicati {
		padding-left:2%;
		padding-right:2%;
	}
	.hometrasparenza {
		padding-left:2%;
		padding-right:5%;
	}
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */