@charset "utf-8";@media all {
::-moz-selection {
	background: #e1e1e1;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

h1, h2, h3, h4, h5 {
	color: #fd5434;
	font-family: 'Voltaire', sans-serif;
}

a {
	color: #fd5434;
	text-decoration: none;
}

a, a:hover, a:active, a:focus {
	outline: medium none;
	text-decoration: none;
}

a:hover, a:focus {
	color: darkgray;
}

h1, .h1 {font-weight: bold;}

h2, .h2 {line-height: 125%; font-weight: bold;}

h3, .h3 {font-weight: bold;}

h2 a, h3 a, h4 a {
	color: Yellow;
}

h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus {
	color: gold;
	text-decoration: underline;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

h2.inline-title, h3.inline-title, h4.inline-title { display: inline; color: black;  color: balck; font-size: 20px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {text-align: left;}

body {
	background-color: #FFFFFF;
	color: #5a5a5a;
	overflow-x: hidden;
	text-rendering: optimizelegibility;
}

/***** Logo *****/
#header-container {
	height: 120px;
	position: relative;
}

#header-container #logo {
	float: left;
	position: relative;
	margin: 20px 0 0 3%;
}

#header-container #secondlogo {
	position: absolute;
	right: 15px;
	top: 45px;
}


}@media all and (max-width: 767px){
	#header-container #logo {
		text-align: center;
		margin: 30px auto 0;
		float: none
	}
	
	#header-container #logo img { display: inline-block; }
	
	h1, .h1 {font-size: 22px}
	
	h2, .h2 {font-size: 20px}
	
	h3, .h3 {font-size: 18px}
	
	h4, .h4 {font-size: 15px}
}

@media all and (min-width: 768px) and (max-width: 991px){
	#header-container #logo {
		margin: 10px auto 0;
		float: none
	}
	
	h1, .h1 {font-size: 26px}
	
	h2, .h2 {font-size: 23px}
	
	h3, .h3 {font-size: 20px}
	
	h4, .h4 {font-size: 17px}
}

@media all and (min-width: 992px) and (max-width: 1199px){
	h1, .h1 {font-size: 31px}
	
	h2, .h2 {font-size: 25px}
	
	h3, .h3 {font-size: 22px}
	
	h4, .h4 {font-size: 19px}
}

@media all {
/***** Slogan *****/
#header-container #slogan {
	font-family: 'Voltaire', sans-serif;
	font-size: 20px;
	font-style: italic;
	color: gray;
	margin: 0;
	text-align: center;
}

/** translate **/

.mod-languages {
	margin: 0;
	position: absolute;
	right: 12px;
}

.mod-languages ul li {
	display:inline !important;
	margin: 0 !important;
}

.mod-languages ul li:first-child a {
	border-right: 1px solid #5a5a5a;
	padding-right: 3px;
}

.mod-languages a {
	color: lightgray;
	font-size: 17px;
	padding: 0 6px;
	text-transform: lowercase;
	font-weight: bold;
}

.mod-languages .lang-active a {
	color: black;
}


}@media all and (max-width: 1199px){
	.mod-languages {right: 12px;}
}

@media all {
/***** Module Search *****/
.element-invisible { /* to remove search written */
	border: 0 none;
	height: 1px;
	margin: 0;
	overflow: auto;
	padding: 0;
	position: absolute;
	width: 1px;
	display: none
}

#header-top-right {
	margin-top: 0;
}

#header-top-right .search {
	text-align: right;
}

#header-top-right .search input[type="text"] {
	border: 1px solid #DCDCDC;
	color: #696969;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 3px 10px;
	vertical-align: middle;
	font-size: 16px;
	width: 180px;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset, 0 -1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset, 0 -1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset, 0 -1px 1px rgba(0, 0, 0, 0.1);
}

#header-top-right .search input[type="text"]:hover {
	border: 1px solid #eee;
	background-color: rgba(255, 255, 255, 0.7);
}

#header-top-right .search input[type="text"]:focus {
	border-color: rgba(82,168,236,0.8);
	background-color: rgba(255, 255, 255, 0.8);
	outline: 0 none;
	-webkit-box-shadow: 0 0 5px #5F9EA0;
	-moz-box-shadow: 0 0 5px #5F9EA0;
	box-shadow: 0 0 5px #5F9EA0;
}

/***** Search Page *****/
.search { line-height: normal; }

.search .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	*background-color: #e6e6e6;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbb;
	*border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	height: 31px
}
.search .btn:hover {
	color: #333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}

.search .icon-search {
	background: url(/riqualificazione-energetica/templates/maofree-renieri/images/search.png) no-repeat scroll 50% 50%;
	height: 22px;
	width: 22px;
	display: inline-block;
}

.search label {
	font-size: 14px;
	font-weight: normal;
}

.search .result-title, .search .searchintro {
	font-size: 28px;
	color: #fd5434;
	text-decoration: underline;
	margin: 10px 0
}

.search .result-title a { color: #FF4500; }

.search .result-title a:hover { color: #A9A9A9; }

.search .badge {
	font-size: 25px;
	background-color: #FF4500
}

.search .chzn-container { vertical-align: middle; }

.search .chzn-container-single .chzn-single { line-height: 23px }

/***** Top Menu *****/
#topmenu-container {
	margin: 10px 0 0;
}

#topmenu {
	text-align: center;
	border-top: 1px solid lightgray;
	margin: 0
}

#main-menu {
	text-align: left;
	display: block;
	padding-top: 6px
}

.select-menu {
	display: none;
	width: 100%;
	background-color: #e4e4e4;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
	cursor: pointer;
	height: 30px;
	margin: 0;
	outline: medium none;
	padding: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
}
.select-menu:focus {
	border-color: #999;
}
.select-menu option {
	cursor: pointer;
	padding: 4px;
}


}@media all and (max-width: 767px){
	#topmenu { border-top: none; }
	
	#main-menu { display: none; }
	
	.select-menu { display: block; }
	
	#header-container { height: 115px; }
	
	#topmenu-container { padding: 0; margin-bottom: 15px; }
}

@media all and (min-width: 768px){
	#main-menu {
		text-align: center;
		display: inline-block;
		width: 100%
	}
	
	#main-menu li {
		width: 20%
	}
	
	#main-menu ul {
		text-align: left;
	}
	
	#main-menu ul li {
		width: auto
	}
	
	#main-menu > li:first-child {
		border-left: none
	}
	
	#main-menu > li {
		border-left: 1px solid #DCDCDC;
		padding: 3px 10px 1px
	}
}

@media all {
/***** Slideshow *****/
#slideshow-container {
	background-color: #759625;
	position: relative;
	min-height: 100px;
}


}@media all and (max-width: 767px){
	#slideshow-container {
		min-height: 50px;
	}
}

@media all {
#slideshow-bottom {
	padding: 10px 0;
}

/***** Main *****/
#main-container {
	padding: 0 0 50px;
}

#main-container h1 {
	border-bottom: 5px solid #dddddd;
	margin: 0 0 1em;
	padding-bottom: 10px;
	line-height: 1.2em;
	text-transform: uppercase;
}

#main-container h1.title-extra-large {
	font-size: 220%;
	width: auto;
	margin-bottom: 60px
}

#main-container ul {
	list-style: square outside none;
}

#main-container h2 a, #main-container h3 a {
	-webkit-transition: color 0.4s ease 0s;
	-moz-transition: color 0.4s ease 0s;
	-o-transition: color 0.4s ease 0s;
	-ms-transition: color 0.4s ease 0s;
	transition: color 0.4s ease 0s;
}

#main-container .lastrow {
	margin-bottom: 30px
}

#main-container .thumbnail, #main-container .list-group-item, #extrabottominformation-container .thumbnail, #slideshow-bottom .thumbnail {
	background-color: transparent;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#main-container .mao-pull-right {
	float: right;
	margin: 10px 0 20px 30px;
}

#main-container .mao-pull-left {
	float: left;
	margin: 10px 30px 20px 0;
}

#main-container .mao-article-image {
	background-color: #fff;
	padding: 10px !important;
}

#main-container .mao-image-caption {
	color: #808080;
	font-size: 85%;
	font-style: italic;
	line-height: 110%;
	padding: 5px 0 0;
	margin: 0;
}

#main-container .desc-list {
	margin: 20px 0;
}


}@media all and (max-width: 767px){
	.shareaholic-share-buttons-container { display: none !important; }
}

@media all and (max-width: 991px){
	#main-container .mao-pull-right {
		margin: 10px 0 15px 20px;
	}
	
	#main-container .mao-pull-left {
		margin: 10px 20px 15px 0;
	}
}

@media all and (min-width: 992px){
	#main-container .desc-formula {
		font-size: 80%;
	}
}

@media all {
/***** Top Information *****/
#topinformation-container {
	padding: 40px 0 0;
}

/***** Article *****/
#mainarticle {
	margin: 60px 0;
	text-align: justify;
}

#mainarticle .mao-categories li { margin-bottom: 10px; }

#mainarticle .mao-categories h3 { margin-top: 10px; }

#mainarticle .mao-categories h4 { font-size: 130%; }

#mainarticle h4 a {
	color: #333;
	font-weight: bold;
}
#mainarticle h4 a:hover, #mainarticle h4 a:focus {
	color: #333;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#mainarticle .mao-categories img {
	width: 90px;
	margin-left: 20px;
	margin-bottom: 5px;
}

#mainarticle .mao-categories a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	transform: scale(0.98);
	-ms-transform: scale(0.98); /* IE 9 */
	-moz-transform: scale(0.98); /* Firefox */
	-webkit-transform: scale(0.98); /* Safari and Chrome */
	-o-transform: scale(0.98); /* Opera */
}

#mainarticle .item-page ul {
	margin: 25px 0;
}

.readmore {
	margin-left: 1em;
	color: #fd5434;
	-webkit-transition: color 0.4s ease 0s;
	-moz-transition: color 0.4s ease 0s;
	-o-transition: color 0.4s ease 0s;
	-ms-transition: color 0.4s ease 0s;
	transition: color 0.4s ease 0s;
}

.readmore:hover {
	color: #fd5434;
	opacity: 0.6;
	filter: alpha(opacity=60);
}


}@media all and (min-width: 992px){
	#mainarticle {
		font-size: 17px;
		line-height: 1.5em
	}
	
	#mainarticle .mao-categories h3 {
		margin-top: 0;
		margin-bottom: 20px;
	}
	
	#mainarticle .mao-categories p {
		font-size: 16px;
		line-height: 23px;
	}
	
	#mainarticle .mao-categories img { width: 130px; }
}

@media all {
/***** Footer *****/
#footer-container {
/*	background: url("../images/bg_doghe.jpg") repeat scroll 0 0 #312623; */
	background-color: #2a323d;
	color: white;
	position: relative;
	padding: 10px 0;
}

#footer-container h2 {
	font-family: 'Voltaire', sans-serif;
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none
}

#footer-container h4, #footer-container h4 a {
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
	margin: 1em 0;
	text-shadow: none
}

#footer-container a, #footer-container span {
	color: #fd5434;
	-webkit-transition: color 0.4s ease 0s;
	-moz-transition: color 0.4s ease 0s;
	-o-transition: color 0.4s ease 0s;
	-ms-transition: color 0.4s ease 0s;
	transition: color 0.4s ease 0s;
}

#footer-container .footer-contact-address a, #footer-container .footer-contact-address span {
	color: #929292;
}

#footer-container .footer-contact-address a:hover {
	color: #fff;
}

#footer-container a:hover, #footer-container a:focus, #footer-container a:active {
	color: #fff;
}

#footer-container .color-red {
	color: #fd5434;
}

#footer-container #footer-data2 {
	font-size: 20px;
	margin-top: 20px;
	padding-left: 0
}

#bottom-social-icons { margin: 20px 0 }

#text-mao {
	float: right;
	padding-top: 7px
}

#text-mao a {
	color: gray;
}

#bottommenu ul {
	padding: 0 0 0 28px;
	list-style: none;
	list-style-image: url(/riqualificazione-energetica/templates/maofree-renieri/images/arrow-right.png);
	font-size: 1.2em;
}

#bottommenu ul li {
	padding: 1px 0
}

#bottommenu ul li.active a {
	color: #fff;
}

#bottommenu ul a {
	text-transform: uppercase;
	vertical-align: 0.15em
}

#footer-intro p {
	margin-left: 5px;
	text-align: justify;
	padding-left: 10px
}

.fa { padding-right: 5px }

#footer-container .social-icon { display: none; }

#footer-container .followus {
	margin: 0;
	padding: 0;
	font-size: 20px;
}

.shareaholic-share-buttons-container { z-index: 10 !important }

#footer-container .shareaholic-canvas { margin-top: 5px; }


}@media all and (max-width: 991px){
	#footer-intro p { padding-left: 0 }
}

@media all {
/***** Contact page *****/
textarea { resize: vertical; }

.contact-block {
	margin-bottom: 60px;
	padding: 0 10px
}

.contact-block h2 {
	margin-bottom: 30px;
	text-align: center;
}

.contact-form legend {
	padding-left: 10%;
	font-size: 14px;
	text-align: right;
	border: none;
	margin: 0
}

.contact-form .star {
	color: red
}

.contact-form label {
	margin: 0;
	font-weight: normal;
}

.form-horizontal .control-label { text-align: left !important; } /* to avoid a problem with IE8 */

.contact-form input, .contact-form textarea {
	padding: 3px;
	border: 2px solid darkgray;
	margin: 5px 0;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;
	-webkit-transition: border 0.2s linear 0s;
	-moz-transition: border 0.2s linear 0s;
	-o-transition: border 0.2s linear 0s;
	-ms-transition: border 0.2s linear 0s;
	transition: border 0.2s linear 0s;
}

.contact-form input { width: 80%; }

.contact-form textarea {
	width: 96%;
	height: 220px
}

.contact-form input:hover, .contact-form textarea:hover {
	border: 2px solid lightgray;
	background-color: rgba(255, 255, 255, 0.7);
}

.contact-form input:focus, .contact-form textarea:focus {
	border: 2px solid dimgray;
	background-color: rgba(255, 255, 255, 0.8);
	outline: 0 none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.contact-form button {
	margin-top: 10px;
}

#system-message-container #system-message {
	margin-bottom: 3em;
}

#system-message-container .alert {
	margin: 0;
}

#system-message-container .alert p {
	margin: .5em;
}

#system-message-container .alert-error {
	border: 1px solid #ebccd1;
	background-color: #f2dede;
	color: #eb0000;
	text-shadow: 1px 1px 1px #FFFFFF
}

#system-message-container .alert-message {
	border: 1px solid #d6e9c6;
	background-color: #dff0d8;
	color: #3c763d;
	text-shadow: 1px 1px 1px #FFFFFF
}

#system-message-container .alert-message .alert-heading {
	color: #124c13;
	font-size: 105%;
}

#jform_contact_email_copy, .contact-form fieldset {
	border: 0 none;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

#jform_contact_email_copy { width: 20px; }

.hasTooltip { display: inline-block !important; } /* to avoid a problem with mootools-more and bootstrap3 */

.contact-form #jform_contact_privacy {
	border: none;
	width: auto;
	padding: 0;
	vertical-align: middle;
}

.contact-form #jform_contact_privacy_info {
	font-style: italic;
	line-height: 1.3em;
	font-size: 14px;
}

.contact-form input.invalid,
.contact-form textarea.invalid,
.contact-form select.invalid,
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
	color: #b94a48;
	border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
	border-color: #e9322d;
	-webkit-box-shadow: 0 0 6px #f8b9b7;
	-moz-box-shadow: 0 0 6px #f8b9b7;
	box-shadow: 0 0 6px #f8b9b7;
}

/***** Breadcrumb *****/
#breadcrumb-box {
	float: left;
	width: 100%;
	height: 20px;
	padding: 0;
	text-align: left;
	font-weight: bold;
	margin: 8px 0 0 0;
	font-size: 13px;
	color: darkgray;
}

#breadcrumb-box .breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
}

#breadcrumb-box .breadcrumb li {
	float: left;
	padding: 0 2px
}

#breadcrumb-box .breadcrumb a { display: inline-block; }

#breadcrumb-box .breadcrumb span.divider { padding-left: 6px }

#breadcrumb-box .breadcrumb span.divider img { margin-bottom: 3px }


/***** Bootstrap override *****/
.container-fluid {padding: 0 !important;}

.btn { padding: 4px 8px }

.thumbnail { padding: 1px; }

.img-thumbnail {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.list-group {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.list-group-item {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.table { text-align: center; }
.table > thead > tr > th, .table > tbody > tr > td { text-align: center; }
.table > thead > tr > th:first-child { text-align: left; }
}
@media all {
/* SmartMenus Core CSS (it's not recommended editing this)
===============================================================*/

.sm,.sm ul,.sm li{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr;}
ul.sm ul{position:absolute;top:-999999px;width:100px;}
ul.sm li{position:relative;float:left;}
ul.sm a{position:relative;display:block;white-space:nowrap;}
ul.sm a.disabled{cursor:default;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;}
ul.sm-rtl li{float:right;}
ul.sm ul li,ul.sm-vertical li{float:none;}
ul.sm ul a,ul.sm-vertical a{white-space:normal;}
ul.sm ul.sm-nowrap>li>a{white-space:nowrap;}
ul.sm:after{content:"\00a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden;}
ul.sm,ul.sm *,ul.sm *:before,ul.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
ul.sm{-webkit-tap-highlight-color:rgba(0,0,0,0);}
}
@media all {
/*
---------------------------------------------------------------
  Note that styles you apply to the main menu items are inherited by the sub menus items too.
  If you'd like to avoid this, you could use child selectors (not supported by IE6) - for example:
  .sm-clean > li > a { ... } instead of .sm-clean a { ... }
---------------------------------------------------------------*/


/* Menu box
===================*/

	.sm-clean {
		padding:0;
/*		background:#eee;
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px; */
	}
	.sm-clean-vertical {
		padding:10px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.sm-clean ul {
		border:1px solid #bbb;
		padding:5px 0;
		background:#fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		-moz-box-shadow:0 5px 9px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.2);
		box-shadow:0 5px 9px rgba(0,0,0,0.2);
	}
	/* first sub level carets */
	.sm-clean > li > ul:before {
		content:'';
		position:absolute;
		top:-18px;
		left:99px; /* maofree */
		width:0;
		height:0;
		overflow:hidden;
		border-width:9px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #bbb transparent;
	}
	.sm-clean > li > ul:after {
		content:'';
		position:absolute;
		top:-16px;
		left:100px; /* maofree */
		width:0;
		height:0;
		overflow:hidden;
		border-width:8px;
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #fff transparent;
	}
	/* no carets for vertical main */
	.sm-clean-vertical > li > ul:before, .sm-clean-vertical > li > ul:after {
		display:none;
	}


}@media only screen and (max-width: 1199px){ /* maofree */
	.sm-clean > li > ul:before { left:80px; }
	.sm-clean > li > ul:after { left:81px; }
}

@media only screen and (max-width: 991px){ /* maofree */
	.sm-clean > li > ul:before { left:50px; }
	.sm-clean > li > ul:after { left:51px; }
}

@media only screen and (max-width: 767px){ /* maofree */
	.sm-clean > li > ul:before { left:40px; }
	.sm-clean > li > ul:after { left:41px; }
}

@media all {
/* Menu items
===================*/

	.sm-clean a {
		padding: 15px 5px; /* maofree */
		margin: 0; /* maofree */
		color:#555;
		font-size:28px; /* maofree */
		line-height:17px;
		font-family: 'Voltaire', sans-serif; /* maofree */
		text-decoration:none;
		text-transform: uppercase; /* maofree */
		font-weight: bold;  /* maofree */
	}
	.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active,
	.sm-clean a.highlighted {
		color:#fd5434;
	}
	.sm-clean-vertical a:hover, .sm-clean-vertical a:focus, .sm-clean-vertical a:active,
	.sm-clean-vertical a.highlighted {
		background:#fff;
	}
	.sm-clean a.has-submenu {
		padding-right:25px;
	}
	.sm-clean-vertical a,
 	.sm-clean ul a {
		font-family:'Lucida Sans Unicode','Lucida Sans','Lucida Grande',Arial,sans-serif; /* maofree */
		padding:15px 20px; /* maofree */
		margin: 0 /* maofree */
	}
	.sm-clean-vertical a.has-submenu,
 	.sm-clean ul a.has-submenu {
		padding-right:40px;
	}
	.sm-clean ul a {
		font-size:16px;
		font-weight: normal;  /* maofree */
	}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active,
	.sm-clean ul a.highlighted {
		color:#fd5434;
		background:#eee;
	}
	/* current items - add the class manually to some item or check the "markCurrentItem" script option */
	.sm-clean .current > a, .sm-clean .current a:hover, .sm-clean .current a:focus, .sm-clean .current a:active,
	.sm-clean .active > a, .sm-clean .active a:hover, .sm-clean .active a:focus, .sm-clean .active a:active {
		color:#fd5434;
	}


/* Sub menu indicators
===================*/

	.sm-clean a span.sub-arrow {
		position:absolute;
		right:3%; /* maofree */
		top:50%;
		margin-top:-3px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:4px; /* tweak size of the arrow */
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}
	.sm-clean-vertical a span.sub-arrow,
 	.sm-clean ul a span.sub-arrow {
		right:15px;
		top:50%;
		margin-top:-5px;
		border-width:5px;
		border-style:dashed dashed dashed solid;
		border-color:transparent transparent transparent #555;
	}


/* Scrolling arrows containers for tall sub menus - test sub menu: "Sub test" -> "more..." -> "more..." in the default download package
===================*/

	.sm-clean span.scroll-up, .sm-clean span.scroll-down {
		position:absolute;
		display:none;
		visibility:hidden;
		overflow:hidden;
		background:#fff;
		height:22px;
		/* width and position will be automatically set by the script */
	}
	.sm-clean span.scroll-up:hover, .sm-clean span.scroll-down:hover {
		background:#eee;
	}
	.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
		position:absolute;
		top:0;
		left:50%;
		margin-left:-6px;
		/* we will use one-side border to create a triangle so that we don't use a real background image, of course, you can use a real image if you like too */
		width:0;
		height:0;
		overflow:hidden;
		border-width:6px; /* tweak size of the arrow */
		border-style:dashed dashed solid dashed;
		border-color:transparent transparent #555 transparent;
	}
	.sm-clean span.scroll-up:hover span.scroll-up-arrow {
		border-color:transparent transparent #fd5434 transparent;
	}
	.sm-clean span.scroll-down-arrow {
		top:8px;
		border-style:solid dashed dashed dashed;
		border-color:#555 transparent transparent transparent;
	}
	.sm-clean span.scroll-down:hover span.scroll-down-arrow {
		border-color:#fd5434 transparent transparent transparent;
	}


/*
---------------------------------------------------------------
  Responsiveness
  These will make the sub menus collapsible when the screen width is too small.
---------------------------------------------------------------*/


/* decrease horizontal main menu items left/right padding to avoid wrapping */


}@media only screen and (max-width: 1199px){
	.sm-clean a { font-size: 25px } /* maofree */
	
	.sm-clean ul a { font-size:15px; }
}

@media only screen and (max-width: 991px){
	.sm-clean a { font-size: 18px; padding: 11px 5px } /* maofree */
	
	.sm-clean ul a {
		font-size:13px;
		padding:10px 20px;
	}
	
	.sm-clean:not(.sm-clean-vertical) > li > a {
		padding-left:3px;
		padding-right:3px;
	}
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
}

@media only screen and (max-width: 767px){
	.sm-clean a { font-size: 16px; padding: 10px 4px } /* maofree */
	
	.sm-clean ul a {
		font-size:13px;
		padding:10px 20px;
	}
	
	.sm-clean:not(.sm-clean-vertical) > li > a {
		padding-left:1px;
		padding-right:1px;
	}
	.sm-clean:not(.sm-clean-vertical) > li > a.has-submenu {
		padding-right:25px;
	}
}


@media only screen and (max-width: 640px){

	/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
	ul.sm-clean{width:auto !important;}
	ul.sm-clean ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-clean>li{float:none;}
	ul.sm-clean>li>a,ul.sm-clean ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-clean iframe{display:none;}

	/* Uncomment this rule to disable completely the sub menus for small screen devices */
	/*.sm-clean ul, .sm-clean span.sub-arrow, .sm-clean iframe {
		display:none !important;
	}*/


/* Menu box
===================*/

	.sm-clean {
		padding:0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	.sm-clean ul {
		border:0;
		padding:0;
		/* darken the background of the sub menus */
		background:rgba(130,130,130,0.1);
		-moz-border-radius:0;
		-webkit-border-radius:0;
		border-radius:0;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	/* no carets */
	.sm-clean > li > ul:before, .sm-clean > li > ul:after {
		display:none;
	}


/* Menu items
===================*/

	.sm-clean a {
		padding:13px 5px 13px 28px !important;
		color:#555 !important;
		background:transparent !important;
	}
	.sm-clean a.current {
		color:#fd5434 !important;
	}
	/* add some text indentation for the 2+ level sub menu items */
	.sm-clean ul a {
		border-left:8px solid transparent;
	}
	.sm-clean ul ul a {
		border-left:16px solid transparent;
	}
	.sm-clean ul ul ul a {
		border-left:24px solid transparent;
	}
	.sm-clean ul ul ul ul a {
		border-left:32px solid transparent;
	}
	.sm-clean ul ul ul ul ul a {
		border-left:40px solid transparent;
	}


/* Sub menu indicators
===================*/

	.sm-clean a span.sub-arrow,
	.sm-clean ul a span.sub-arrow {
		top:50%;
		margin-top:-9px;
		right:auto;
		left:6px;
		margin-left:0;
		width:17px;
		height:17px;
		font:normal 16px/16px monospace !important;
		text-align:center;
		border:0;
		text-shadow:none;
		background:rgba(255,255,255,0.6);
		-moz-border-radius:50px;
		-webkit-border-radius:50px;
		border-radius:50px;
	}
	/* Hide sub indicator when item is expanded - we enable the item link when it's expanded */
	.sm-clean a.highlighted span.sub-arrow {
		display:none !important;
	}


/* Items separators
===================*/

	.sm-clean li {
		border-top:1px solid rgba(0,0,0,0.05);
	}
	.sm-clean > li:first-child {
		border-top:0;
	}

}
@media all {
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	background:url(/riqualificazione-energetica/templates/maofree-renieri/images/totop.png) no-repeat 0 0 #ff6042;
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:48px;
	height:48px;
	border:none;
	text-indent:-9999px;
	z-index: 20;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	transition: all 0.7s linear;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

#toTop:hover {
	background-color: #ad5656;
	filter: alpha(opacity=90);
	opacity: 0.9;
	transform: scale(0.95);
	-ms-transform: scale(0.95); /* IE 9 */
	-moz-transform: scale(0.95); /* Firefox */
	-webkit-transform: scale(0.95); /* Safari and Chrome */
	-o-transform: scale(0.95); /* Opera */
}

#toTop:active, #toTop:focus {
	outline:none;
}


}@media all and (max-width: 767px){
	#toTop { display: none !important }
}