/*
Theme Name: Massi Gusmini Theme 
Theme URI: http://
Description: Tema wordpress
Version: 08 Mag, 09:39
Author: Andrea Cognini
Author URI: http://www.massigusmini.com
*/

@import url(reset/reset_css.css); /*import reset html5 style*/

/* |------------------------------------------------------------------------------------------------------------| */
/* | 									COMUNI																	| */
/* |------------------------------------------------------------------------------------------------------------| */
/*html e body ad altezza 100%*/			html, body 									{height: 100%; background-color: #000000; font-family: Helvetica, Arial, sans-serif; color:#cccccc; line-height: 135%;}
/*contenitore del sito*/				#container									{width: 910px; margin: 0 auto;}
/*contenuto*/							#content									{padding-top: 110px;}
/*cose che stanno sulla destra*/		.right										{float: left; width: 102px; padding-right: 8px; text-align: right;}
/*cose che stanno nel wrap*/			.wrap										{padding-left: 110px;}
/*paragrafi*/							p											{margin-bottom: 10px; line-height: 135%;}
										a											{text-decoration: none; color: #a8a8a8;}
										a img										{ 						   opacity: 1;
																									-webkit-transition: opacity;
																					-webkit-transition-timing-function: ease-out;
																						   -webkit-transition-duration: 400ms;
																											-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* for IE 8, must be fisrt */
																												filter: alpha(opacity=100);  /* for IE 7 must be second */}	
										a img:hover									{                          opacity: 0.6;
																											-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* for IE 8, must be fisrt */
																												filter: alpha(opacity=60);  /* for IE 7 must be second */}										

/* |------------------------------------------------------------------------------------------------------------| */
/* | 									HEADER																	| */
/* |------------------------------------------------------------------------------------------------------------| */
/*header del sito*/						header#header								{position: fixed; z-index: 999; height: 70px; padding-top: 40px; width: 910px; text-transform: uppercase; font-size: 12px; word-spacing: 1px; letter-spacing: 1px; line-height: 15px; background: #000000;}
/*titolo del sito*/						h1											{font-size: 12px; height: 15px; color: #e4e4e4; font-weight: normal; letter-spacing: 0px;}
/*sottotitolo del sito*/				h2											{font-size: 12px; height: 15px; color: #4e4e4e; font-weight: normal;}
/*menu*/								.menu-item									{float: left; list-style: none; border-right: 1px solid #888888; padding-right: 8px; margin-right: 8px; line-height: 15px;}
										.current-item a,
										.menu-item a								{text-decoration: none; color: #888888;}
										a:hover, .current-menu-item a				{color: #e4e4e4;}
										.last-menu-item								{border-right: 0;}
										#multimedia-art								{margin-left: 158px;}
										#graphic									{margin-left: 291px;}
										#interfaces									{margin-left: 370px;}
										#didactics									{margin-left: 473px;}	

/* |------------------------------------------------------------------------------------------------------------| */
/* | 									ARTICLES																| */
/* |------------------------------------------------------------------------------------------------------------| */
/*titolo generale*/						h3											{font-size: 12px; font-weight: normal; line-height: 135%; text-transform: uppercase; color: #e4e4e4; word-spacing: 0.1em; margin-bottom: 26px;}
										h3.menu-item								{clear: both; top: 10px; border-right: 0px; border-left: 1px solid #888888; padding-left: 8px;}
/*post*/								article.article *							{line-height: 135%; font-size: 12px; font-weight: normal;}
										article.article								{margin-bottom: 48px;}
										h4											{color: #e4e4e4; word-spacing: 0.2em;}
										h5											{margin-bottom: 13px; color: #b0b0b0; letter-spacing: 0.05em;}
										h5 ul										{padding-left: 40px;}
										p											{color: #777777; letter-spacing: 0.05em;}
										
/* |------------------------------------------------------------------------------------------------------------| */
/* | 									PAGES																	| */
/* |------------------------------------------------------------------------------------------------------------| */
/*page*/								article.page *								{line-height: 135%; font-size: 12px; font-weight: normal;}
										article.page	 							{margin-bottom: 45px;}
										article.page span							{display: block; margin-bottom: 13px;}
										article.page p								{padding-left: 110px;}
										article.page p + h4							{margin-top: 23px;}
										article.page h3								{margin-bottom: 13px;}
										article.page h4								{float: left; width: 102px; padding-right: 808px; margin-bottom: 13px; text-align: right;}
										article.page h6								{float: left; width: 102px; padding-right: 8px; text-align: right; color: #555555; text-align: right; word-spacing: 0.2em;}
										article.page h6 + p							{margin-bottom: 0px; word-spacing: 0.2em; letter-spacing: 0;}

/* |------------------------------------------------------------------------------------------------------------| */
/* | 									FOOTER																	| */
/* |------------------------------------------------------------------------------------------------------------| */
/*footer del sito*/						footer#footer								{padding-bottom: 15px; padding-top: 20px; font-size: 12px; color: #777777;}
										#footer h6									{color: #555555; margin-bottom: 10px; font-weight: normal;}									
										#footer a									{font-size: 11px;}
										#back-to-top								{letter-spacing: 1px; word-spacing: 1px;}
										#slider										{float: left; font-size: 12px; word-spacing: 0.2em; width: 449px;}
										#one-content								{margin-bottom: 20px;}
										#one-content ul								{margin-top: 28px; margin-bottom: 10px; list-style: none; line-height: 135%;}
										small										{display: inline-block; width: 910px; margin-top: 18px; color: #555555}



#container {
	max-width: 910px;
	width: 100%;
	margin: 0 auto;
}

#container.container_r {
	display: block;
}

article.article {
    margin-bottom: 48px;
    width: 100%;
}

.container_r #content {
    max-width: 100%;
	margin: 0 auto;
}

header#header {
    width: 100%;
    display: block;
    max-width: 100%;
    margin: 0;
    left: 0;
}

.header_block {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 900px;
	padding-left: 15px;
	padding-right: 15px;
}

.wrap img {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.wrap img {
    width: 100% !important;
    height: auto !important;
    margin: 0 auto;
    display: block;
}

footer#footer {
    padding-bottom: 15px;
    padding-top: 20px;
    font-size: 12px;
    color: #777777;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: initial;
    right: 0;
    background-color: #000000;
    overflow: hidden;
    padding-top: 60px;
    transition: 0.5s;
}
  
.sidenav a {
    padding: 8px 8px 8px 25px;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
	color: #818181;
	display: block;
	transition: 0.3s;
	cursor: pointer;
}
  
.sidenav a:hover {
	color: #f1f1f1;
}
  
.sidenav .closebtn {
    position: absolute;
    top: 29px;
    right: 5px;
    font-size: 12px;
    margin-left: 50px;
    text-transform: uppercase;
}
  
#main {
	padding-right: 15px;
	padding-left: 15px;
	overflow: hidden;
}
  
.wrap div {
    width: 100% !important;
}

span.openmenu {
    float: right;
	display: none;
}

#main.opc {
    opacity: 0.5;
    pointer-events: none;
}

@media screen and (min-width:991px){
	.menu-item {
		position: relative;
		display: inline-block;
	}

	.menu-item .sub-menu .menu-item {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		padding: 5px 12px;
	}

	.menu-item .sub-menu .menu-item {
		float: left;
		list-style: none;
		border-right: 0;
		padding-right: 0;
		margin-right: 0;
		line-height: 15px;
	}

	.menu-item .sub-menu {
		display: none;
		position: absolute;
		background-color: #000000;
		width: 260px;
		box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
		z-index: 1;
		padding: 20px 10px;
	}

	li.principale {
		margin-bottom: 10px !important;
	}

	.principale a {
		font-size: 12px;
		border-bottom: initial;
		font-weight: 600;
		border-bottom: 1px solid;
		padding-bottom: 7px;
	}

	.sub-menu a:hover {
		color: #ddd;
	}

	.menu-item:hover .sub-menu {
		display: block;
	}

	.menu_grande.menu-item .sub-menu {
		width: 600px;
	}

	.menu-item.menu_grande .sub-menu .menu-item.principale {
		display: block;
		width: 100%;
	}

	.menu-item.menu_grande .sub-menu .menu-item {
		width: 48%;
		float: left;
	}
}

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

	article.page h4 {
		width: 100%;
		text-align: left;
	}

	article.page h6 {
		float: left;
		width: initial;
		text-align: left;
	}

	article.page * {
		width: 100%;
	}

	article.page p {
		padding-left: 0;
	}

	span.openmenu {
		float: right;
		display: block;
		position: relative;
		top: -16px;
	}

	.header_block h2 {
		font-size: 11px;
	}

	.header_block .right {
		text-align: left;
		width: 100%;
		display: block;
	}

	.menu li {
		width: 100%;
		display: block;
	}

	.menu {
		margin-top: 48px;
	}

	li {
		width: 100%;
		display: block;
	}

	.wrap {
		padding-left: 0;
	}

	nav.wrap {
		display: none;
	}

	article.article h4.right {
		text-align: left;
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}

	.sidenav {
		padding-top: 0;
		padding-bottom: 60px;
	}

	/* .sidenav a {
		font-size: 14px;
		height: 12px;
		line-height: 1.3;
		color: #4e4e4e;
		font-weight: normal;
		text-transform: uppercase;
		padding: 4px 8px 4px 32px;
	} */

	.active, .principale:hover {
		color: #fff;
	}

	.sub-menu {
		padding: 0 18px;
		background-color: #000000;
		display: none;
		overflow: hidden;
	}

	.menu-item-has-children.active .sub-menu {
		display: block;
	}

	.sidenav a,
	.sidenav .sub-menu a {
		padding: 6px 6px 6px 25px;
		font-size: 13px;
	}
	
	.menu-menu-container {
		height: 100%;
		margin: 40px 0;
   	 	margin-top: 35px;
	}

	.sub-menu .menu-item {
		border-right: 0;
	}
	
}