/* ------------------------------------------- CLEANER */ 
html {
	margin: 0;
	padding: 0;
	zoom:100%;
	overflow:auto; 
	font-family: 'Open Sans', sans-serif; 

	}
body {
	margin: 0;
	padding: 0;
	position:relative;
	overflow-x:hidden;
	zoom:100%;
}

h1 a, h2 a, h3 a, a h1, a h2, a h3{
	text-decoration: none;	
}
img {
	border: 0;
	height:auto;
	max-width: 100%;
}
hr {
	clear: both;
}

a:link, a:visited {
	/*text-decoration:none;*/
}
a:hover, a:active {
	text-decoration:underline;
}
ul,ol{
	list-style-position: inside;
	line-height: 1.2em;  
	margin: 0 0 2% 0;
	padding:0;
}
table {
	width: 100%;
	border:0;
}
table td {
	padding:5px;
	margin:0;
}
.clearfix::after {
	content:"";
	clear: both;
	line-height:0;
	height:0;
	margin:0;
	padding:0;
}
* {box-sizing: border-box;}


iframe {width:100%; border:0;}

/* ------------------------------------------- STRUCTURE */

body {
	background:#fff;
	font-family: sans-serif;
}

#header {
	background: url(../images/zucchino.jpg) no-repeat 190% 30% #fff;
	background-size: 90%;
	min-height:30vh;
}
#header #logo  {
		background-color: rgba(255, 255, 255, 0.6);

}


#header2 {
	margin:0 auto;
	position: relative;
}



.headtitle a {
	text-decoration: none !important;
}
#headerplace {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 400px;
	height: 20px;
	text-align: right;
}

#pathway {
	font-style: italic;
}
.breadcrumb {
	list-style: none;
	background:none;
	
}
.breadcrumb li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #ccc;
	font-style: normal;
}
.breadcrumb .active {
	color: #999;
}
#menu {
	background:#cd98b9;
	position: relative;
}
#menu2 {
	background: url(../images/menu2.png) right no-repeat #fff;
	margin: 0 auto;
	position: relative;
}
#menu2 .css3menu {
}
#menu2 .css3menu li.current {
	background: #fff !important;
	margin-top: 5px;

}

#side {
	background: #cd98b9;
	position: relative;
	font-size:0.9em;
}

#head {
	margin: 0 0 5px 0;
	padding: 0;
}
#main {
	background: #fff;
}

#wrap {
	background: #fff;
}
#foot {
	background: #666;
}
#foot a {
	color: #fff;
}

#footer {
	background: #333;
	color: #ccc;
}
#footer a {
	color: #fff;
}
#social {
	position: absolute;
	top: 15px;
	right: 10px;
	z-index: 9;
	width: 200px;
}
/* ------------------------------------------------- moduli --------------- */
.modulo {
	margin: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 5px;
	position: relative;
	color: #666;
}
.modulo.nopad {
	padding: 0px;
	line-height: 0;
	background: none;
}
.mod-top, .mod-bot {
	padding: 0;
	margin: 0;
	line-height: 0;
}
.mod-content {
	margin: 0;
	padding: 0;
	height: auto;
}
.modulo.transparent {
	background: none;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
h1, h2, h3 {
	color: #0080C0;
	font-family: 'Oswald', sans-serif;
}
#side {
	color: #fff;
}
h1 {
	line-height: 1.5em;
	margin: 0;
	font-weight: 700;
	letter-spacing: -1.3pt;
	text-decoration: none;
}
h2 {
	line-height: 1em;
	margin: 0 0 10px 0;
}
h1, h2 {
	text-decoration: none;
}
h3 {
	font-weight: normal;
}

.foot-mod h3 {
	color: #fff;
	line-height: 1.1em;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}
.capital .img-intro-left + p:first-letter {
	font-size: 72px;
	float: left;
	padding: 10px 0 0 0;
	height: 64px;
	font-family: Georgia, Garamond;
	margin-right: 10px;
	color: #009859;
	border-radius: 5px;
	line-height: 70px;
}
#side h3.title  {
	background: #B57199;
	line-height: 1.2em;
	color: #fff;
	text-shadow: 2px 3px 3px #333333;
	filter: dropshadow(color=#333333, offx=2, offy=3);
	margin:0;
}

/* ------------------------------------------- typo END */
/* ------------------------------------------- menu2 */
#menu2 ul#css3menu, #menu2 ul#css3menu ul {
	margin: 0;
	list-style: none;
	padding: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left: 100px;
}
#menu2 a {
	line-height: 2.6em;
}
.sigProContainer {
	max-width: 100%;
	clear: both;
	background:none !important;
}
/* ------------------------------------------- menu2 */
/* ------------------------------------------- menu  */

/* ------------------------------------------- NAVMENU STYLE */
nav#menu #logo {
	width: 20vw;
}
nav#menu #logo svg {
	color:#fff;
}
nav#menu #logo img{
	width:100%;
	height:auto;
}
nav#menu #logo a{
	padding:10px;
	display:block;
	width:13vw;
	height:auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-left: 5vw;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.6);
	
}



@media (min-width: 768px) { 
	#topbar.sticky nav#menu #logo a {
		width:10vw !important;
		height:auto !important;
	}
}




nav#menu.mobile #logo  {
	width:100% !important; 

}
nav#menu.mobile #logo a {
	width:100% !important; 
	height:auto !important;
	margin:0 auto;
	position:inherit;
}
nav#menu {
	margin: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#fff;
	z-index:999;
}
nav#menu a {
	color:#fff;
	white-space: nowrap;
	line-height:5em;

}


.retino::before, .retino2::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:.5;
	z-index:-1;
}

nav#menu > div.menu {
	/*flex-grow: 0; */
	}

ul.nav.menu, ul.nav.menu ul {
	margin: 0 auto;
	list-style: none;
}
ul.nav.menu ul {
	display: none;
	position: absolute;
	left: -1px;
	top: 98%;
}
ul.nav.menu ul ul ul {
	position: absolute;
	left: 98%;
	top: -2px;
	
}
ul.nav.menu li {
	zoom: 1;
	position:relative;
	-webkit-border-radius: 0;
	border-radius: 0;
}

#foot ul.nav.menu li, aside ul.nav.menu li {
	width:100%;
}
ul.nav.menu li a {
	font-size:0.8em;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:normal;
	transition-duration: 0.3s;
	transition-property: color, background-color;
	letter-spacing:0.05em;
	padding:0 1vw;
	border-bottom:solid rgba(255, 255, 255, 0) 2px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	color:#fff !important;
	opacity:0.9;

}
ul.nav.menu li a:hover, ul.nav.menu li.active a  {
	color: #fff !important;
	/*border-bottom:solid rgba(255, 255, 255, 0.5) 2px;*/
	background: rgba(255, 255, 255, 0.5);
}

.modulo ul.nav.menu li:hover a, .modulo ul.nav.menu li.active a  {
	background:rgba(200, 200, 200, 0.2);
}

ul.nav.menu ul li a {
	text-align: left;
	text-decoration: none;
	text-transform: lowercase;
	padding:3px 20px;
	color:#fff !important;
}

ul.nav.menu ul ul li:hover>a {
	background-color:inherit !important;
}
ul.nav.menu li:hover > a img.def {
	display: none;
}
ul.nav.menu  li:hover > a img.over {
	display: inline;
}

ul.nav.menu  ul li:hover>a {
	text-decoration: none;
	color:#fff;
}
ul.nav.menu a.active {
	color:#fff !important;
	background:none !important;
	border-bottom:solid rgba(200, 200, 200, 0.5) 2px;

}
ul.nav.menu a .nav-link.active {}
ul.nav.menu  ul li.deeper {
	/*background: url(../images/arr-down.png) no-repeat 3px center;*/
	padding-left:10px;
}
ul.nav  ul li ul li.deeper {
	/*background: url(../images/arr-right.png) no-repeat 3px center;*/
	padding-left:0;
}
ul.nav.menu  a.active {
	background:none;
}
ul.nav.menu img, ul.nav svg {

	transition-duration: 0.6s;
	margin-right:5px;
	width:20px;
	max-height:20px;
	height: auto;
}


/* menu sticky (see .js) */
nav#menu.sticky {
	position: fixed;
	left: 0;
	top: 0;
	box-shadow: 0 30px 10px 0 rgba(0, 0, 0, 0.1);
	z-index: 999;
} 
nav#menu.sticky a {
	font-size:0.9em;
}	
nav#menu.sticky svg.logo {
	width:15vh;
}
nav#menu.sticky svg path {
} 
/* menu sticky (see .js) END */



nav#menu.mobile {
	position:fixed;
	flex-direction: column;
	-webkit-flex-direction: column;
	width:50% !important;
	height:100%;
	max-height:100%;
	top:0;
	left:-50%;
	z-index:999; 
	-webkit-box-shadow: 0 0 20px 10px rgba(0,0,0,0.3);
	box-shadow: 0 0 20px 10px rgba(0,0,0,0.3);
	line-height:2em;
}
nav#menu.mobile ul {

	top:0;

}

nav#menu.mobile.open {
	width:50%;
	height:100%;
	top:0;
	left:0 !important;
}

nav#menu.mobile.open ul ul {
	position:relative;
	float:left;
	width:100%;
	text-align:left !important;
}
nav#menu.mobile.open ul li {
	width:100%;
	text-align:left;
}
nav#menu.mobile.open ul li a {
	width:100%;
	text-align:left;
	}
nav#menu.mobile.open ul li > a {
	line-height:4em;
	}
nav#menu.mobile.open ul .current.mobile.open ul {
		display:block !important;
	}



#container.mobile.open  {
	margin-left:50%;
}


nav#menu.mobile #menu-icon {
	position:absolute;
	top:0;
	left:100%;
	display:block;
	padding:5px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-kthtml-transition: all 1s ease;
	transition: all 1s ease;
}
nav#menu.mobile #menu-icon .fa-window-close {
	display:none;
}
nav#menu.mobile #menu-icon.mobile.open {

}
nav#menu.mobile #menu-icon.mobile.open .fa-window-close {
	display:block;
	}
nav#menu.mobile #menu-icon.mobile.open .fa-bars {
	display:none;
	}


body {overflow:hidden;}

#container {
	-webkit-transition: margin 1s ease;
	-o-transition: margin 1s ease;
	-moz-transition: margin 1s ease;
	-ms-transition: margin 1s ease;
	-kthtml-transition: margin 1s ease;
	transition: margin 1s ease;
	margin-left:0;
}
/* ------------------------------------------- NAVMENU STYLE END */

.ui_mobile_but{
	font-size:4em;
	z-index:99;
	cursor:pointer;
	color:#cd98b9;
	}

.ui_mobile_but:hover {
	transform: scale(1.1);
	opacity:0.8;
}
/* scroll top button */
#back-to-top {
	position:fixed;
	display:none;
	bottom:10vh;
	right:0;
	opacity: 0.5;
}
#back-to-top:hover {
	
}
/* scroll top button END */
/* scroll down */

#bot-sign {
	display:none;
	text-align:center;
	position: fixed;
	bottom:20%;
	left: 50%;
	/* IT CONFLICT WITH ANIMATED.JS ! */
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0.5;
	z-index:99;
}
/* scroll down END */