/* Barra blu che si estende da una parte all'altra dello schermo nell'header */
#header_width,
#header_width_admin {
	min-width:100%;
	background:#FCFCFC;
    padding:25px 0;
	line-height:normal;
}

@media only screen and (max-width: 550px) {
	#link {
		display:none;
	}
}

/*	NAVIGATORE	*/
/* Proprietà dei bottoni rossi del navigatore comuni */
#button > ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#button > ul > li,
#button > ul > select { 
	font-family:'Segoe UI','Segoe UI Symbol','HelveticaNeue-Light','Helvetica Neue',Arial;
	font-size:18px;
	letter-spacing:0px;
	padding:2px 30px;
	text-decoration:none;
	cursor:pointer;
}
#button > ul > li > a {
	color:#b22625;
	text-decoration:none;
}
#button > ul > div {
	text-align:left;
	font-size:16px;
	background:#FCFCFC;
}
#button > ul > div > ul {
	padding:5px;
	list-style:none;
}
#button > ul > div > ul > li > a {
	color:#b22625;
	text-decoration:none;
}
#button > ul > div > ul > li:hover > a {
	color:#023C6B;
	font-weight:bold;
}
/* Proprietà dei bottoni solo con larghezza <980px */
@media only screen and (max-width: 980px) {
	#button {
		display:none;
		margin-top:25px;
		margin-bottom:-25px;
	}
	#button_small {
		display:block;
		position:absolute;
		right:0;
		top:20px;
		font-size:320%;
		letter-spacing:-6px;
		cursor:pointer;
		color:#b22625;
	}
	#button > ul > li { 
		display:block;
		padding:10px 0;
		border-top:1px solid #023C6B;
	}
	#button > ul > li:hover > a {
		color:#023C6B;
		font-weight:bold;
	}
	#button > ul > div {
		border-left:1px dotted #023C6B;		
		margin:0 20%;
	}
	#button > ul > div > img {
		display:none;
	}
	#button > ul > div > ul > li {
		width:100%;
		margin:5px 0;
	}
	/* Bottone del navigator attivo */
	.buttonon { 
		background-color:#023C6B !important;
	}
	.buttonon a {
		color:#DDD !important;
	}
}
/* Proprietà dei bottoni solo con larghezza >980px */
@media only screen and (min-width: 981px) {
	#button_small {
		display:none;
	}
	#button {
		display:inherit;
		position:absolute;
		bottom:-10%;
		right:0;
	}
	#button > ul > li,
	#button > ul > select { 
		display:inline-block;
		border-bottom:2px solid #FCFCFC;
	}
	#button > ul > span {
		position:absolute;
		top:-16px;
		color:#023C6B;	
	}
	#button > ul > select { 
		padding:0 2px;
		margin-right:30px;
	}
	#button > ul > input[type=checkbox]+label {
		width:30px !important;
		margin:0 !important;
	}
	#button > ul > input[type=checkbox]+label:before {
		width:24px !important;
		height:24px !important;
		background-color:transparent !important;
		background-image: url('/images/ico/ledr.png');
		background-size:24px;
		border:0 !important;
		margin-left:5px;
	}
	#button > ul > input[type=checkbox]:checked+label:before {
		content:"" !important;
		background-image: url('/images/ico/ledg.png');
	}
	#button > ul > li:last-of-type { 
		padding-right:0;
	}
	#button > ul > div {
		z-index:-2;
		position:absolute;
		border-top:2px solid #023C6B;
		border-bottom:4px solid #023C6B;
		left:0;
		/*z-index:2;*/
	}
	#button > ul > div > img {
		float:right;
		margin:4px 10px;
	}
	#button > ul > div > ul {
		float:left;
		text-align:right;
		margin-left:10px;
	}
	#button > ul > div > ul > li {
		margin:20px 0;
	}
	/* Bottone del navigator attivo */
	.buttonon { 
		border-bottom-color:#023C6B !important;
	}
}

/*	Tutto quello che sta al di sopra del footer per farlo star in fondo alla pagina sempre */
#container {
    min-height:100%;
    height:auto !important;
	margin-bottom:-554px;
}

/* Altrimenti vado sopra al footer alto 506px con l'ultimo div della pagina */
#container_paddingbottom {
	padding-bottom:554px;
}

/* Contenuto della barra blu: logo, link lingua ecc */
#header {
	max-width:1140px;
	margin:0 auto;
	position:relative;
    font-family:Arial, Helvetica, sans-serif;
}

/* Contenuto e proprietà dei bottoni lingua, login ecc. sulla barra blu */
#link {
	border:0px;
	float:right;
	padding:0px;
	margin:0px;
    font-size:12px;
	text-align:right;
}
#link > a {
	text-decoration:none;
	color:#262626;
}
#link > a:after {
	content:' | ';	
}
#link > a:last-of-type:after {
	content:'';	
}
#link > select + a:before {
	content:' | ';	
}

/* DIV del logo grande a sinistra */
#logo {
	border:0px;
	float:left;
	height:95px;
	font-family:'norasi_bi';
}
#logo > div {
	float:left;
	color:#b22625;
}
#logo img {
	height:100px;
	margin-right:20px;
}
#logo > div:last-child {
	position:relative;
	bottom:12px;
	font-size:235%;
}
#logo > div:last-child > div {
	font-size:50%;
	position:relative;
	bottom:12px;
}

/*	Titolo pagina sezione NON ADMIN */
#page_title {
	height:15vw;
	max-height:180px;
	background-size:contain;
	background-repeat:repeat;
	color:#FFF;
	position:relative;
}
#page_title:before {
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    background:linear-gradient(rgba(0,0,0,0) 60%, rgba(178,38,37,0.4) 100%);
    background:-webkit-linear-gradient(rgba(0,0,0,0) 60%, rgba(178,38,37,0.4) 100%);
    background:-o-linear-gradient(rgba(0,0,0,0) 60%, rgba(178,38,37,0.4) 100%);
    background:-moz-linear-gradient(rgba(0,0,0,0) 60%, rgba(178,38,37,0.4) 100%);
}
#page_title > div {
	min-width:100%;
	position:absolute;
	bottom:-4px;
	margin:0;
	border-bottom:4px solid #B22625;
	text-align:center;
	font-size:275%;
	letter-spacing:8px;
    line-height:normal;	
}

/* DIFFERENZE HEADER ADMIN */
/* Se pagina admin uso questo per proprietà specifiche div seguenti */
#header_width_admin {
	background:#B22625;
}
#header_width_admin #button > ul > span {
	color:#FFF;
}
#header_width_admin #button > ul > select { 
	background:transparent;
	color:#FFF;
	border:0;
}
#header_width_admin #button > ul > select option {
	background:#023C6B;
}

#header_width_admin #button > ul > li > a {
	color:#FFF;
}
#header_width_admin #link > a {
	color: #FFF;
}
#header_width_admin #logo > div {
	color:#FFF;
}
#header_width_admin ~ div:nth-of-type(odd) {
	background:#F0F0F0;
}
#header_width_admin ~ form > div:nth-of-type(odd) {
	background:#F0F0F0;
}