/* #Base 960 Grid
================================================== */
  .col-md-1 {width: 8.333333333333332%;}
  .col-md-2 {width: 16.666666666666664%;}
  .col-md-3 {width: 25%;}
  .col-md-4 {width: 33.33333333333333%;}
  .col-md-5 {width: 41.66666666666667%;}
  .col-md-6 {width: 50%;}
  .col-md-7 {width: 58.333333333333336%;}
  .col-md-8 {width: 66.66666666666666%;}
  .col-md-9 {width: 75%;}
  .col-md-10 {width: 83.33333333333334%;}
  .col-md-11 {width: 91.66666666666666%;}
  .col-md-12 {width: 100%;}
body {padding-bottom:100px;}
.footer {height:auto;}

/* MENU border:1px solid #000;*/
div.menu {margin:0px; padding:0px !important;}
ul.menu {position:relative;top:0px;left:0px; margin:0px; padding:0px; overflow:visible;}
ul.menu li {line-height:1.4em;display: block;position:relative;padding: 0px !important;margin: 0px 0px 3px 0px;font-weight: normal; overflow:visible;	}
ul.menu li a {display: inline;height: auto;}

ul.menu li ul {padding:0;margin:5px 0;}
/*ul.menu li ul:before {position:relative; top:-3px;
		content: "";
		display: block;
		background:url(../img/menu/sha_menu.png) top center no-repeat;
		height:7px;width:100%;
		margin: 0;}*/
ul.menu li ul ul:before {position:relative; top:0px;
		content: "";
		display: block;
		background:none;
		height:0px;width:100%;
		margin: 0;}
ul.menu li ul ul:after {position:relative; bottom:3px;
		content: "";
		display: block;
		background:url(../img/menu/sha_menu.png) top center no-repeat;
		height:7px;width:100%;
		margin: 0;}

ul.menu li ul li ul {padding:0px 0px 0px 20px;margin:5px 0;}
ul.menu li ul li ul li {padding:3px 3px 3px 10px !important;margin:0 0 2px 0;}
ul.menu li li a {display:block;height:auto;}
ul.menu li li {display:block;height:auto; position:relative; overflow:visible;}
ul.menu ul li div {clear:both; margin:0px; padding:0px;}
ul.menu .entry {margin: 0 ;cursor:pointer;}
ul.menu .entry p {min-height: 0 !important;padding: 5px 0px 2px 10px !important; margin:0px;display: block; }

ul.menu li .entry p{margin: 0px 0px 0px 0px; padding: 0px;padding-left:20px;margin-left:0.14285714em;display:inline-block;text-rendering:auto; font-weight:bold;}
ul.menu li .entry p:before{font:normal normal normal 14px/1 FontAwesome;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f002"; margin-right:10px;}
ul.menu li .entry p:hover{color:#EC732C; text-decoration:none;}

ul.menu li li .entry p{margin: 0px 0px 0px 0px; padding: 0px;padding-left:20px;margin-left:0.14285714em;display:inline-block;text-rendering:auto; font-weight:normal;}
ul.menu li li .entry p:before{content:"";}
ul.menu li li .entry p:hover{color:#EC732C; text-decoration:none;}

ul.menu li ul li .entry p {padding-left:10px !important;}
.nobg {	background: transparent !important;	padding: 0px 0px 2px 0px !important; border-bottom:1px dotted #ccc }
ul.menu li .bgmenu {background:#f7f7f7;padding: 5px !important;}
ul.menu li li .bgmenu {background:#E2ECF3 /*#F1F8FE*/;}
	
/* MENU */


/*  BOX   */
.small {width: 49%; position:relative; margin-bottom:10px;}
.small img {width:auto; margin:0px auto !important; max-width:90%;}
.middle {position:relative; overflow:hidden; padding:0px !important;}
.small .middle, .big .middle {padding:10px 0px !important;}
.box .middle .imgborder { margin:10px 5px; display:block;}
.big .preview .text {max-width: 50%;}
.preview {min-height: 160px; height:auto;padding:0px !important; position:relative}
.box .middle p {padding:10px 10px 0px 10px;}
/*  BOX   */

/*  ARTICLE   */
.article .artimg {}
/*  ARTICLE   */

/*  BAR   */
.pubbar .container .text,
.pubfixed .container .text,
 { float:left; margin:0px 0px 0px 5px !important;  padding:0px !important; line-height:auto;}
.pubbar .dark .text {margin:0px !important;}
.pubspace {height: auto; overflow:hidden;}
.pubclose { margin:10px !important;}
.pubbar .button.ok {width: 60px !important;min-height: 15px !important;margin: 5px !important; float:left;}
.pubbar .button.ok p {font-size: 1.1em !important;padding: 4px !important;}
.publeft , .pubright {float: none !important; padding:5px;}
/*  BAR   */

.scheda .sendmailform {height: auto !important; overflow:hidden;}



/* #Tablet (Portrait)
================================================== */

	/* Note: Design for a width of 768px */
	@media only screen and (max-width: 995px) {
		.big .preview .text {max-width: 100%;}
			.preview img {width:auto;min-height:auto;}
		.article .artimg {max-width: 100%;max-height: auto;}
		.imgborder { margin:10px auto; display:block; float:none !important;}
		.middle .right, .middle .left, .article .right, .article .left {float: none !important; margin:0px auto !important;}
		.scheda .sendmailinputbox .input label {margin: 0px 0px 0px 0px !important; padding:3px 0px 0px 0px;}
		.scheda .sendmailinputbox .input input, textarea {margin: 5px 0px 0px 0px;width: 70%;resize: vertical;}
		.scheda .sendmailinputbox .agree label {margin: 0px 10px 0px 0px;}
		.scheda .sendmailinputbox .agree input {margin: 0px 15px 0px 0px;}
		.scheda .sendmailinputbox input[type=submit] {clear:both; margin-top:10px;}
		.pubbar .pubfixed.top {display:block;min-height:32px;}
  	}
	
/*  #Mobile (Landscape)
================================================== */

	/* Note: Design for a width of 480px */
	@media only screen and (max-width: 767px) {
			#main,
			#left,
			#right{float:none !important; width: 96% !important; margin-left: 5px; margin-right:5px;}
		.logo {margin: 0px !important;padding: 0;}
		.container {margin: 0 auto;width: 100%; overflow:hidden	}
		.pagetop { min-height:50px; height:auto !important;}
		.pubbar .pubfixed.top {display:none;min-height:0px;}
		.logo.left {max-width:60%; float:left !important}
		.logo.right {max-width:35%;}
		.logo img.left {margin: 0 0px; padding: 0;}
		.logo img.right {margin: 0 10px; padding: 0; max-width:80px;}
}
	
/* #Mobile (Portrait)
================================================== */
	
	/* Note: Design for a width of 320px */
	@media only screen and (max-width: 479px) {
		.left {float:none !important}
		.logo.left {float:left !important}
		.scheda .inside .onethird {
			margin:0px auto; width: 180px; height:180px;
		}
		.scheda .inside .twothirds {width: 100%;}
		.scheda .inside .onethird img {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;right:0;
			transform: translateX(0%);
			margin: auto;margin-left: -25%;
			min-width: 100%;max-width:200%;
			min-height: 100%;}
		.small {width: 100%;}
		/*.header {display:none;}*/
		.logo.left {max-width:60%; float:left !important}
		.logo.right {max-width:35%;}
		.logo img.left {margin: 0 0px; padding: 0; max-height:60px}
		.logo img.right {margin: 0 10px; padding: 0; max-width:80px;}
	}

@media screen and (min-width: 1025px) and (max-width: 1366px){
    .header{
        background: url('/img/header-bg1366.jpg') no-repeat 0px 0px fixed !important;height:224px;
    }
}
@media screen and (min-width: 980px) and (max-width: 1024px){
    .header{
        background: url('/img/header-bg1366.jpg') no-repeat 0px 0px fixed !important;height:194px;
    }
}
@media screen and (min-width: 760px) and (max-width: 980px){
    .header{
        background: url('/img/header-bg980.jpg') no-repeat 0px 0px fixed !important;height:130px; 
    }
}
@media screen and (min-width: 480px) and (max-width: 760px){
    .header{
        background: url('/img/header-bg760.jpg') no-repeat 0px 0px fixed !important;height:114px;
    }
}
@media screen and (max-width: 479px){
    .header{
        background: url('/img/header-bg480.jpg') no-repeat 0px 0px fixed !important;height:94px;
    }
} 



/* #Clearing
================================================== */

	/* Self Clearing Goodness */
	#all:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
/* ================================================== */