@charset "UTF-8";
/* =CALL LIBRARY */
/*	@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
	body{
	font: 85%/2.2em "Arial", Helvetica, sans-serif;
	background: #fff;
	margin: 0px;
	color: #413f3f;
	}
* {
	 -webkit-hyphens: none;
     -moz-hyphens: none;
     -ms-hyphens: none;
          hyphens: none;
	}
body {font: 70%/2.2em "Arial", Helvetica, sans-serif;}
	a{text-decoration: none;color: #076b71;}
	a:hover{color: #7f4e00;}
	hr{display: none;}
	strong{font-weight: bold;}
	em{font-style:italic;}
    img {border: none;}
.container{
	width:900px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;}
	
	/* header layout */
	#header{
		height: 190px;
		background: #4a4841 url(../images/top_bg_2.jpg) top repeat-x;
		position: relative;}
		
	#banner{
		background: url('../images/testata-sito-iliesi.jpg') no-repeat scroll right bottom transparent;
		height: 190px;
		color: #C6C7C8;
		font-weight: bold;
		padding: 0px 440px 0px 7px;
		bottom: 0px;
		font-size: 1.3em;
		width: 454px;
		overflow: hidden;
		margin: 0 auto;}

	#headerfooter{
		height: 37px;
		background: #4a4841 url(../images/top_bg_2.jpg) top repeat-x;
		position: relative;}
 
	#navigation{
		position: absolute;
		right: 0;
		top:20px;}
	#main{
		padding-top: 10px;
		padding-right: 0;
		padding-bottom: 20px;
		padding-left: 0;}
		
	#leftcolumn{float: left;width:193px;}
	
	#center{
		float: left;
		width:380px;
		padding: 0 20px;}
		
	#centerb{
		float: left;
		width:687px;
		padding: 0 0px 0 20px;
		height:auto;}
		
	#rightcolumn{float: left;width:287px;}

	.bottomcolumn{
			float: left;
			width:288px;
			margin-right: 18px;}
	
	ul.borderedlist li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1cfcd;
	/*padding:3px;*/
	list-style-type: none;
	line-height: 1.5em;
	box-sizing: border-box;
	margin-top: 5px;}
	
	#bottominfo{
		padding-bottom:25px;
		width: 100%;
		overflow: hidden;
		padding-left: 5px;}
	
	.bottomcolumn{
		float: left;
		width:288px;;
		margin-right: 18px;}
		
	.columncerca{
	background: #eeeded;
	float: left;
	width:190px;
	padding-left: 3px;
	margin-bottom: 10px;}

#leftcolumn ul.borderedlist li{	
	width:100%;
	float: none;
	border-left: none;
	border-bottom: 1px dashed #d1cfcd;
	padding: 3px;}

	#leftcolumn ul.borderedlist li:first-child {border-left: none;}

	ul.borderedlist li a{
		display: block;
		padding:3px;
		color: #076b71;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}
	
	ul.borderedlist li a:hover{
		background-color:#d1cfcd;
		color: #076b71;}

	ul.borderedlist .select a{
		color: #17f4ff;
		background-color: #4a4841;
		padding-top: 3px;
		padding-right: 3px;
		padding-bottom: 3px;
		padding-left: 7px;}


	ul.borderedlist .select a:hover {
		color: #076b71;
		padding:3px;}

	ul {list-style: none;}
	
	#leftcolumn >input{display: none;}
	#leftcolumn >label{display: none;}	
	
	a.prt{color:#FFF;}
	
	.titolo {
	padding-left: 30px;}

	ul.borderedlist li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1cfcd;
	padding:3px;
	list-style-type: none;
	width: 100%;}
	
	ul.list li{
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #d1cfcd;
		padding:3px;
		font-size: 1.2em;}
	ul.list li a{
		display: block;
		padding:3px;
		color: #076b71;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

	ul.list li a:hover{background: #E5E5E4; color: #076b71;}

/* bottom layout */
	
		
	.bottomright{margin-right:0;}
		
		
	/* bottom layout */
	#bottominfo{
	padding-bottom:25px;
	width: 100%;
	overflow: hidden;}

	.bottomcolumn{
		float: left;
		width:288px;;
		margin-right: 18px;}
		
	.columncerca{
	background: #eeeded;
	float: left;
	width:100%;
	padding-left: 3px;
	margin-bottom: 10px;}
		
	.bottomright{margin-right:0;}	
	
/* =HEADER - the header styles */
	#header .container{height: 190px;}
	/* logo */
	h1{
		position: absolute;
		height: 71px;
		top: 15px;}

	h1 a{
		font: 1.2em Arial, Helvetica, sans-serif;
		font-weight: bold;
		letter-spacing: -2px;
		padding: 22px 9px 25px 20px;
		display: block;
		color: #fff;
		background: url(../images/logo_bg.gif) left top no-repeat;}
		
	h1 a:hover{color: #fff;}
	h1 a span{
		height:71px;
		width: 13px;
		position: absolute;
		top:0;
		right: -13px;
		cursor: pointer;
		background: url(../images/logo_right.gif) right top no-repeat;}

	/* top navigation */
	#navigation li{
		float: left;
		padding-right: 27px;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: normal;}
		
	#navigation li a{color: #fff;}
	#navigation li a:hover,#navigation li.active a{color: #EACE75;}
	/* message and building pic */

	
	#lingua{
		position: absolute;
		color: #C6C7C8;
		font-weight: bold;
		font-size: 1.3em;
		top: 15px;
		padding-left: 10px;}
		
	#lingua a{color: #17f4ff;}
		
	#lingua a:hover{color: #ffd228;}

	#title-bar {
    	border: 1px solid rgb(200, 91, 0);
    	background: url(../images/title-bar-bg.gif) repeat-x scroll 0px 0px transparent;}
	
	#title-bar h1 {
    	margin: 0px 0px 0px 13px;
    	padding: 2px 0px;
    	font-size: 19px;
    	color: rgb(0, 0, 0);}


	
		/* =submenu */	
	#submenu {
		font-size: 1.4em;
		padding: 3px;
		background-color: #4a4841;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}
	
	#submenu ul {
		padding: 0px;
		margin:0px;}

	#submenu li {
		display:inline;}

	#submenu a {
		color: #ffffff;
		text-decoration: none;
		padding: 3px;}

	#submenu a:hover {
		color: #17f4ff;
		text-decoration: none;
		background-color: #4a4841;
		padding: 3px;}

	#submenu .select {
		color: #17f4ff;
		text-decoration: none;
		background-color: #4a4841;
		padding: 3px;}

	#submenu .select a {
		color: #17f4ff;
		text-decoration: none;
		padding: 0px;}

	#submenu .select a:hover {
		color: #17f4ff;
		text-decoration: none;
		padding: 0px;}

	#submenu2 {
		font-size: 1.2em;
		padding: 3px;
		background-color: #4a4841;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif}

	#submenu2 ul {
		padding: 0px;
		margin:0px}

	#submenu2 li {
		display:inline;}

	#submenu2 a {
		color: #ffffff;
		text-decoration: none;
		padding: 3px;}

	#submenu2 a:hover {
		color: #17f4ff;
		text-decoration: none;
		background-color: #4a4841;
		padding: 3px;}

	#submenu2 .select {
		color: #17f4ff;
		text-decoration: none;
		background-color: #4a4841;
		padding: 3px;}

	#submenu2 .select a {
		color: #17f4ff;
		text-decoration: none;
		padding: 0px;}

	#submenu2 .select a:hover {
		color: #17f4ff;
		text-decoration: none;
		padding: 0px;}

	ul#menu {
		font-size: 1.3em;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align: justify;}

	ul#menu ol {
		display: none;
		text-align: justify;
		list-style-type: none;
		margin: 0;
		padding: 10px;
		background-color: #F2F2F2;}

	ul#menu li, ul#menu a {
		color: #000;}

	ul#menu li {
		/*line-height: 1.3em;*/
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #666;}

	ul#menu li:last-child {padding-bottom: 10px;border-bottom: 0;}

	ul#menu ol li {
  		border-bottom: none;}

	ul#menu ol li:before {
  		content: " ";}

	ul#menu a {
  		text-decoration: none;
  		outline: none;
  		color: #076b71;}

	ul#menu a:hover {
  		color: #7f4e00;}

	ul#menu a.active {
		color: #076b71;}

	ul#menu strong {
  		color: #076b71;}

	ul#menu h3 {
		color: #6D0114;
		font-size: 1em;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: lighter;
		padding-bottom: 3px;
		margin-bottom: 0.2em;
		margin-top: 0.2em;
		display: inline;
		font-weight: normal;
		padding-top: 3px;}

	ul#menu h2 {
		color: #000000;
		font-size: 1em;
		padding-bottom: 3px;
		margin-bottom: 0.2em;
		margin-top: 0.2em;
		font-weight: bold;
		padding-top: 3px;}

	#contenitore-menu-ordina {
		margin: 1em 0;
		border-bottom: 1px solid #000;
		height: 1.5em;}
	
	
	#menu-ordina {
		list-style: none;
		margin: 0;
		padding: 0;
		height: 1.5em;
		line-height: 1.5em;
		width: 19%;
		float: right;}
	
	#menu-ordina li {
		float: left;
		width: 15em;
		margin: 0 0.0 0 0;
		padding: 0;
		border-right: 1px solid #000;}
	
	#menu-ordina a:link,
	#menu-ordina a:visited {
		margin: 0;
		padding: 0;
		color: #c00;
		background: transparent;
		text-decoration: none;
		font-weight: bold;}
		
	#menu-ordina a:hover {
		color: #000;
		background: transparent;}
	
	#menu-ordina li.last {border-right: none;}

/* =CONTENT - the content styles */
	/* left column */

	.leftbox{
		background: #eeeded;
		line-height:1.7em;
		margin-top: 3px;
		margin-right: 3px;
		margin-bottom: 3px;
		margin-left: 0px;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;}
		
	h3.leftbox{
		font-size:1.6em;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #8c8685;
		padding:5px 0 10px 23px;
		background-color: #f1f0ef;
		background-image: url(../images/h3_bg_tall.jpg);
		background-repeat: repeat-x;
		background-position: 0 100%;}
		
	h4.leftbox{
		font-size:1.3em;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #8c8685;
		padding:5px 0 10px 23px;
		background-color: #f1f0ef;
		background-image: url(../images/h3_bg_tall.jpg);
		background-repeat: repeat-x;
		background-position: 0 100%;}
		
		h3.header_small{font-size:13px;font-weight: bold;background: #f1f0ef;padding:0 23px 5px 23px;}
		
		ul.leftbox{
		font-size: 1.4em;}

		.features{
		padding-top:10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;}
		
		.features_cerca{
		padding-top:20px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.27em;}	
		
		#leftcolumn .leftbox p{padding-bottom:1em;line-height:1.5em; font-size:1.2em; clear: left;}	
		/* center column */
		
	.article_wrapper h2{
		color: #333333;
		font-size:1.5em;
		margin:10px 0;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}
		
		.article_wrapper p{
		font-size:1.3em;
		/*text-align:justify;*/
		/*line-height: 1.5em;*/}	
		
		.riga {
		/*background-color: #f2f2ea;*/
		margin-bottom:0.4em;
		/*overflow:auto;*/}

	.article_wrapper select {
	/*	float:right;  */ 
		border: 1px solid #666;
		font-size: 1em;
		color: trasparent;
		padding: 1px;}

	table,th,td{
		border:1px solid #CCC;
		border-collapse:collapse;
		font-size: 1.1em;}
		
	td,th{
		padding:1px;
		text-align:left;
		line-height: 1.4em;}
		
	th{background: #666;color:#FFF}
	tr.odd td{background: #eee}
	col.odd{background: #eee}

	.article_wrapper h3 {
		color: #6D0114;
		font-size: 1.6em;
		font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: lighter;
		font-weight: normal;
		padding-top: 3px;}


	.article_wrapper h4 {
		font-size: 1.3em;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
		font-style: oblique;}
		
		.article_wrapper h5 {
		font-size: 1.2em;
		font-weight: bold;
		margin-bottom: -10px;}
		
		.article_wrapper h6 {
		font-size: 1em;
		margin-bottom: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		padding-top: 0px;
		font-weight: normal;
		text-align: justify;}
		
	.article_wrapper_dx{
		float: right;
		width:580px;}
		
	.article_wrapper_dx_b{
		float: right;
		width:480px;}
		
	.article_wrapper_dx_c{
		float: right;
		width:630px;}
		
	.article_wrapper_dx_c p{
		margin: 0px;}
		

	.article_wrapper_dx2{
		float: right;
		width:500px;}
		
	.article_wrapper_dx3{
		float: right;
		width:500px;}
		
	.article_wrapper_sx{
		float: left;
		width:20px;
		text-align: left;
		font-size: 1.3em;}
		
	.divider {
		overflow: hidden;
		height: 10px;
		background-repeat: no-repeat;
		background-position: center top;
		border-top-style: dotted;
		border-top-color: #CCC;}
		
	.table1 {
		width: 50%; 
		border: #000000; 
		border-style:doubled;}
		
	/* right column */
	.centertbox{
		border: 1px dashed #d9e0e8;
		width:380px;
		overflow: hidden;
		padding-bottom:6px;}

	.rightbox_wrapper{
		background: #eeeded;
		padding:3px;
		margin-bottom: 5px;
		width:277px;
		overflow: hidden;
		line-height: 16px;
		color: #58584D;}
		
	.rightbox_wrapper_risorse{
		padding:3px;
		margin-bottom: 2px;
		width:277px;
		overflow: hidden;
		line-height: 16px;
		color: #58584D;
		background-color: #BF9640;}
		
	.rightbox_wrapper_risorse_s{
		padding:3px;
		margin-bottom: 20px;
		width:277px;
		overflow: hidden;
		line-height: 20px;
		color: #58584D;
		background-color: #BF9640;}

	.rightbox_wrapper_risorse_S h4{
		font-size:1.2em;
		padding: 10px;}

	.centerbox_wrapper{
		padding:5px;
		margin-bottom: 5px;
		width:670px;
		overflow: hidden;}

	.imagebox{
		width:380px;
		overflow: hidden;
		padding-bottom:5px;
		text-align: justify;}
		
	.manifesto{
		background-color: #F7F0EA;
		float: left;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
		width: 152px;
		margin: 0 auto;}
		
	.manifesto p{
		padding-left: 3px;
		font-size: 0.9em;
		line-height: 13px;
		text-align: left;}

	.rightbox{
		width:275px;
		overflow: hidden;
		padding-bottom:2px;
		padding-top: 2px;
		/*text-align: center;*/
}

	.centerbox{
		border: 1px;
		width:670px;
		overflow: hidden;
		padding-bottom:3px;}

	.product_image{
		float: left;
		margin: 5px auto;
		border: 1px solid #999;}

	.product_wrapper{float: right;width:200px;}
		
	.product_wrapper h4{
		font-size:1.2em;
		font-weight: normal;
		margin: 0px;
		padding-top: 0px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 0px;}

	.product_wrapper h3{font-size:1.6em;color: #8c8685; font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

	.product_wrapper p{font-size:1.2em;}

	.product_wrapper_b{
		float: right;
		width:150px;
		margin: 0px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;}

	.product_wrapper_b h4{
		font-size:1.2em;
		font-weight: normal;
		font-style: normal;
		line-height: 20px;}

	.product_wrapper_b h3{font-size:1.6em;color: #8c8685; font-family:"Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;}

	.product_wrapper_b p{
		font-size:1.2em;
		text-align: left;
		line-height: 20px;}

	.lastbox{margin:0;}

	.product_wrapper h4{
	/*font-size:1.2em;
	font-weight: normal;*/
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;}

	/* =BOTTOM */
/* =cerca nel sito */
	.bottomcolumn h3{
		color: #076b71;
		font-size:1.6em;
		padding:0px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-color: #999;
		text-align: center;}
		
	.bottomcolumn p{
		padding: 10px 35px 10px 5px;
		font-size: 1.3em;}
		
	.iconlist{
/*		border-top: 1px dashed #d1cfcd;
*/		font-size: 1.3em;}
		
	ul.iconlist li a{
	padding-left: 20px;}
		
	ul.iconlist  li a:hover{background: #E5E5E4;color: #076b71;}
		
	.enewsbox{
	float: left;
	width: 160px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;}
		
	.button{
	/*display: block;*/
	width: auto;

	text-align: center;
	background: #076b71;
	border: 4px solid #fff;
	color: #ffffff;
	cursor: pointer;
	margin:0;
	padding:0px 8px; /* IE6 */
	float: left;
	font-size: 1.2em;}

		.button_s{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #076b71;
		border: 4px solid #fff;
		color: #ffffff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}

			.cerca{
	display: block;
	float: left;
	width: 50px;
	text-align: center;
	background: #076b71;
	border: 4px solid #fff;
	color: #ffffff;
	cursor: pointer; /* IE6 */
	margin-top: 5px;
	margin-right: 0;
	margin-bottom:20px;
	margin-left: 20px;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
	}
	
/* =FOOTER */
	#footer{
	height: 37px;
	background: #4a4841 0 0 repeat-x;
	font-size: 1.2em;
}
	#footer a{color: #ffffff;padding:0px 10px 0px 0px;}
	#footer a:hover{color: #17f4ff;}

	#designby{
		float: right;
		height: 23px;
		padding:2px 0 0 15px;
		margin-top: 5px;
	}
	.footer_navigation{
	float: left;
	padding:0px 10px 0px 0px;
	}
	


	#ric_risorse_digitali{
	float: left;
	padding-top: 20px;
	width:320px;
	padding-right: 5px;
	background-color: #F7F0EA;
	padding-left: 5px;
	padding-bottom: 20px;
		}
	#ric_risorse_vuoto{
	float: left;
	padding-top: 20px;
	width: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 20px;
		}

	#ric_risorse_digitali_parola{
	float: left;
	padding-top: 20px;
	width: 320px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	background-color: #F7F0EA;
		}

	.immagine1 {
		display: block; //stato di base img1
		margin: auto;
		padding: 1px;
	}

	.immagine2 {
		display: none; //stato di base img2
		margin: auto;
		padding: 1px;
	}

	.cambioimmagine {
	  margin: auto;
	}

	.cambioimmagine:hover .immagine1 {
		display: none;    // al passaggio del mouse (:hover) limmagine 1 scompare
		margin: auto;
	}

	.cambioimmagine:hover .immagine2 {
		display: block;  // una volta scomparsa la prima immagine appare la seconda
		margin: auto;
	}


/* pagina HOME */

	.riga {
		clear:both;}

	.alignleft {	
		float:left;}

	.alignright {	
		float:right;}

	.alignright_issn {
		float:right;
		font-size: 1.2em;}

	.contenuto {
		width:672px;
		height:auto;
		float:left;
		padding-left:33px;
		padding-top:20px;}

	.evidenza_alignleft {
		float:left;
		height:auto;
		width:400px;
		margin-top:5px;
		background: url(../images/divider2.gif) repeat-y top right;
		padding-bottom: 60px;
		padding-left: 0px;}

	.evidenza_alignleft ul {
		list-style:none;
		margin:0px;
		padding:0px;}

	.box-evidenza_esterno {
		width:380px;
		height:110px;
		margin-top:0px;
		margin-right: 0px;
		margin-bottom: 11px;
		margin-left: 0px;}

	.box-evidenza {
		float:left;
		width:380px;
		height:auto;
		margin-top:5px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-bottom: 5px;}

	.box-evidenza-n {
		float:left;
		width:380px;
		height:auto;
		margin-top:5px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-bottom: 5px;}

	.box-evidenza p {
		margin-top:0px;
		color:#333333;
		margin-left: 0px;}


	.box-evidenza img {	
		margin-right:19px;
		border: 1px solid #999;
		margin-left:1px;}

	.box-evidenza a {
		color:#076B71;
		font-size:13px;
		margin-right:0px;
		margin-bottom:0px;}

	ul.box-volumi {
		list-style: none;
		padding:0;
		margin:0;}

	.box-volumi li {
		background:url(../images/divider2.gif) repeat-x top;
		height:auto;
		margin-top:11px;
		cursor:pointer;}

	.box-volumi p {
		margin-top:3px;
		font-size:12px;
		text-align: left;}

	.box-volumi img {
		border: 1px solid #999;	
		margin-right:19px;}

	.box-volumi a {
		color:#076B71;
		font-size:13px;}

	.box-volumi li {
		width:230px;
		height:auto;
		margin-top:11px;
		cursor:pointer;}

	.agenda_alignleft {
		float: left;
		width:243px;
		height:auto;
		margin-top:5px;
		margin-left:23px;
		padding:0;}

	.agenda_alignleft p{
		font-size:1.1em;
		text-align: justify;
		line-height: 1.3em;}

	.agenda_alignleft h3{
		font-size:1.2em;
		font-weight: bold;
		color: #000;}

	ul.box-agenda {
		list-style: none;
		padding:0;
		margin:0;}

	.box-agenda li {
		width:230px;
		height:63px;
		margin-top:11px;
		cursor:pointer;
		margin:0px;
		padding:0px;}

	.box-agenda p {
		margin-top:3px;
		font-size:12px;
		text-align: left;}

	.box-agenda img {	
		margin-right:19px;}

	.box-agenda a {
		color:#076B71;
		font-size:13px;}

	.titolo-agenda {
		margin-left:0px; 
		margin-top:5px;}

	.giorno-agenda {	
		position:absolute; 
		color:#FFF; 
		width:50px; 
		height:32px; 
		margin-top:2px; 
		margin-left:8px;}

	.testo-agenda {
		width:190px;
		height:50px;
		position:absolute;
		margin-left:70px;
		margin-top:-2px;
		line-height: 1.2em;
		text-align: left;}

	.testo-agenda2 {
		margin-left:80px;
		margin-top:-100px;
		cursor:pointer;
		padding-bottom: 20px;}

	.info-agenda {	
		color:#7B8A8D;}	

	#leftcolumn .leftbox p.small {
		font-size: 0.80em;}

	label {
		padding-left: 2px;
		width: auto;
		display: block;
		float: left;
		font-weight: normal;
	}
	.video {
		display:block;
		width:95%;
		height:auto;
		margin: auto;
		text-align: center;
	}
/* pagina MATERIALI*/

ul.elenco { 
	margin: 0 auto;
	padding: 0 10px;
	font-size: 1.3em;
	width: 100%;
	line-height: 1.2em;
	box-sizing: border-box;
	
}

ul.elenco li {
	width: auto;
	margin: 0 auto;
	padding: 5px;
	
	
}

ul.elenco img {
	padding-right: 5px;
}

ul.elenco .titolo {
	padding-left:0;
	margin:0;
	font-style: italic;
}
.riferimenti {
	color: #8c8685;

}



.colore1 {color: #FFDD00}
.colore2 {color: #97BF0D}
.colore3 {color: #009EE0}
.colore4 {color: #E7511E}
.colore5 {color: #9E8A6F}
.colore6 {color: #B672A9}


.riquadro {
	
	width:auto;
	padding: 7px;
	box-sizing: border-box;
	
}
	#event  {width: 100%;}

/* screeen inferiore a 900 INIZIO----------- */
@media screen and  (max-width: 899px){
	
	#leftcolumn ul.borderedlist {
	width: 100%;
	display: block;
	padding:0 10px;
	cursor:pointer;
	margin: 0;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color:#076b71;
	box-sizing: border-box;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;}	
		
	ul.borderedlist li{
	padding:0;
	line-height: 1.5em;
	box-sizing: border-box;
	margin-top: 5px;}
}/* screeen inferiore a 900 fine----------- */

/* smartphone landscape e fortrait INIZIO----------- */
@media screen and  (max-width: 480px){
	
	#leftcolumn ul.borderedlist {max-height: 0; overflow: hidden;}/*sotituisco display:none con max-heighh per poter applicare la proprietà transition*/
   
	#leftcolumn label {display: block; width: 100%; padding: .3em 0; background: #076b71 url(images/menu.png) no-repeat 97% center;text-indent:  1em; cursor: pointer; color: #17f4ff; position: fixed;	top: 0;	left: 0;font-size: 1.5em;}
   
	#leftcolumn label:before{content:'menu'}
	
	#leftcolumn input:checked ~ ul{max-height: 400px; transition:max-height 1s; 
	margin-top: 28px;}/*sostituisce display:block*/
	
	#leftcolumn ul.borderedlist li:last-child {border-bottom:none;}
}

@media screen and (min-width: 481px) and  (max-width: 899px){
	#leftcolumn ul.borderedlist li{	
	width:auto;
	margin: 5px;
	float: left;
	border-bottom: none;
	border-left: 1px dashed #d1cfcd;
	padding-left: 9px;}

	#leftcolumn ul.borderedlist li:first-child {border-left: none;}
}
/* Smartphones (landscape e portrait) FINE ----------- */

/*@media screen and (min-width: 900px) and  (max-width: 2000px){*/
	
/*}*/

/* screen inferiore a 900 INIZIO----------- */
@media screen and  (max-width: 899px){
		ul.borderedlist li a{padding:0;}	
		ul.leftbox.borderedlist li a{color:white;}
		ul.borderedlist li a:hover{color: #17f4ff; background-color: #4a4841;}
		ul.borderedlist li:first-child li a:hover{margin-top: 20px; color: #17f4ff;}
		ul.leftbox.borderedlist .select a{padding-left: 3px; color: #17f4ff;}
		ul.list li{font-size: 1em; line-height: 1.2em;}
		.container{width: 100%; position: static; overflow: hidden; 
			display: flex; 
			display: -webkit-flex;
			display: -moz-flex;
			flex-direction: column; 
			-webkit-flex-direction: column;
			-moz-flex-direction: column;}
		#header{background-color: #2D2718; background-image: (); width:100%; position: relative; top: 40px;}
		#headerfooter{margin-top:45px;/*height: 130px;*/background-color: #4a4841; background-repeat:repeat-x;}
		#main{padding-top: 0;}
		#leftcolumn{width: 100%;
			flex-grow: 1;
			-webkit-flex-grow: 1;
			-moz-flex-grow: 1;
			order: 3;
			-webkit-order: 3;
			-moz-order: 3;}
		#center{width:100%;	margin-top: 35px; padding: 0;}
		#centerb{width:100%;padding: 0;	height:auto;
			flex-grow: 2;
			-webkit-flex-grow: 2;
			-moz-flex-grow: 2; 
			order: 2;
			-webkit-order: 2;
			-moz-order: 2;
			margin-top: 35px;}
		#rightcolumn{width:100%;
			flex-grow: 3;
			-webkit-flex-grow: 3;
			-moz-flex-grow: 3;
			order: 1;
			-webkit-order: 1;
			-moz-order: 1;}
		.bottomcolumn{width:100%;}
		#bottominfo {width:100%;
			flex-grow: 4;
			-webkit-flex-grow: 4;
			-moz-flex-grow: 4;
			order: 4;
			-webkit-order: 4;
			-moz-order: 4;}
		
	}
	/* Smartphones (landscape e portrait) FINE----------- */
			
@media screen and  (max-width: 480px){
	#header{top: 31px;}
	#center{margin-top: 31px; }
	#centerb{margin-top: 31px;}
/*	#presentazione {display: none;}*/
}		
		
		

/*screen inferiore a 9000 INIZIO----------- */
		
	
	@media screen and (max-width: 519px) {
		#banner{background: url('../images/testata-sito-iliesi-mobile.jpg') no-repeat scroll center center transparent;margin: 0;}
	}

	@media screen and (min-width: 520px) and (max-width: 700px) {
		#banner{background: url('../images/testata-sito-iliesi-mobile_481.jpg') no-repeat scroll left bottom transparent;}
	}
	@media screen and (min-width: 701px) and (max-width: 899px) {
		#banner{background: url('../images/testata-sito-iliesi-tablet.jpg') no-repeat scroll left -10px bottom transparent;}
	}	
	

@media screen and  (max-width: 899px){
		/*#presentazione {display: none;}*/
		#header{
			height: 190px;
			background: #4a4841 url() top repeat-x;
			}
		#banner{
			margin:0 auto;
			position: absolute;
			color: #C6C7C8;
			bottom: 0px;
			width: 100%;
			height: 190px;
			padding:0;
			background-color: #2D2718;}

		#lingua{
			font-size: 0.8em;
			}
		
		#lingua a{
			margin-top: 0;
			padding-top: 0;}
	
		#submenu {
			width: auto;
			/*font-size: 1.4em;*/
			padding: 0 3px;
			margin:0;
			}

		#submenu ul {line-height: 1.8em;}

		#submenu2 {padding: 0 3px;}

		#submenu2 ul {line-height: 1.8em;margin-bottom: 20px;}

		#submenu2 a:hover {background-color: #4a4841; padding: 3px;}
	
		ul#menu {
		text-align: normal;
		padding: 10px;}

        
		.leftbox{
		/*line-height:1.7em;*/
		margin:0;
		margin-bottom: 3px;}
		
	
		h3.leftbox{
		display:none;}
		
	
		h3.header_small{font-size:13px}
	
		h3+a{padding-left:10px;}

		/*.features{
		font-size: 0.9em;}*/
		
	
		#leftcolumn .leftbox p{padding:0; line-height:1em;margin:7px; /*font-size:1.1em*/}	
	
	
		/* center column */
    
		.article_wrapper >h2{
		display: none;}
		
	
		.article_wrapper p{
		text-align:normal;
		padding-left:10px;
		padding-right:10px;
		}
	
	
		table,th,td{
		width: 100%;}
	
	
		.article_wrapper h3 {
		padding:0;
		padding-left: 10px;
		font-weight: normal;

		line-height: 1.2em;
		}
	

		.article_wrapper h4 {
		font-size: 1.3em;}
		
	
		.article_wrapper h5 {
		margin-bottom: 0px;
		margin-left: 10px;}
		
	
		.article_wrapper_dx{
		width:100%;}
		
	
		.article_wrapper_dx_b{
		margin-top: 10px;
		float: left;
		width: auto;
		padding-left: .5em;
		/*line-height: 1.3em;*/}

	
		.article_wrapper_dx_c{
		width:70%;}
		
	
		.article_wrapper_dx2{
		/*float: right;*/
		width:auto;}
		
	
		.article_wrapper_dx2 p{
		width: auto;}
		
	
		.article_wrapper_dx3{
		float: right;
		width:55.5%;}
		
	
		.article_wrapper_sx{
		width:02.2%;}
	
	
		
		
	
		/* right column */
	
		.centertbox{
		width:100%;
		overflow: hidden;
		padding:5px;}

	
		.rightbox_wrapper{
		width:100%;
		padding:0;
		overflow: hidden;}
		
	
		.rightbox_wrapper_risorse{
		width:30.7%;
		overflow: hidden;}
		
	
		.rightbox_wrapper_risorse_s{
		width:30.7%px;
		overflow: hidden;}

	
		.centerbox_wrapper{
		width:auto;
		overflow: hidden;}

	
		.imagebox{
		width:42.2%;
		overflow: hidden;}
		
    
		.manifesto{
		width: auto;
		padding: 0;}
		
	
		.manifesto p{
		padding: 2px;
		line-height: 1em;;
		text-align: center;}

	
		.rightbox{

		overflow: hidden;
		padding:5px;
		margin:0 auto;
		/*width: auto;*/}
	
	
		.rightbox img{
		border: 1px solid #999;
		box-sizing: border-box;	
		padding:0;
		margin:0;
		max-width: 100%;}	

  	
		.centerbox{
		width:100%;
		overflow: hidden;
		padding-bottom:3px;}
	
	
		.product_image{
		margin: 10px;
		margin-top: 10px;
		border: 1px solid #999;
		box-sizing: border-box;}
	
	
		.product_wrapper{width:auto; float:left; margin: 10px;}
	
	
		.product_wrapper_b{	width:16.6%;}


		.article_wrapper_dx_b{
		display: block;
		padding: 0;}
	
		.manifesto{
		margin: 0 auto;
		display: block;} 
		.product_wrapper{}
~}




		
/*screen inferiore a 9000 INIZIO----------- */
@media screen and  (max-width: 899px){
	/* =BOTTOM */
/* =cerca nel sito */
		
	.iconlist{
		padding:0;}
		
	ul.iconlist li a{
		padding-right: 10px;
		padding-left: 10px;}
		
	.enewsbox{
		margin:0 auto;
		width: 90%;
		height: 2em;
		display: block;
		padding-top: 2px;
		padding-right:5px;
		padding-bottom: 2px;
		padding-left: 5px;}
	
	.button{
		line-height:17px;
		box-sizing: border-box;
		float: none;}
	
	.cerca{
		width: 05.5%;}
	
	/* =FOOTER */
	#footer{
		height: auto;
		width:100%;
		overflow: hidden;
		/*font-size: 1.2em;*/}
	
	#footer a{padding:0px 5px 0px 0px; }

	#designby{
		float: right;
		/*height: 23px;*/
		padding:2px 0 2px 0px;
		margin-top: 5px;}
		
	.footer_navigation{
		width:100%;
		float: left;
		padding:0px 5px 5px 5px;
		line-height: 1.5em;
		margin-top:0;}
	
	#ric_risorse_digitali{
		width:45%;
		margin-left:20px;}
		
	#ric_risorse_vuoto{
		width: 00.2%;}

	#ric_risorse_digitali_parola{
		width: 45%;}
		
	.etichetta_cerca{
		padding: .5em;}

	#ric_risorse_digitali{
	float:none;
	width:90%;
	margin:10px auto;
		}
	
	#ric_risorse_digitali_parola{
	float:none;
	width:90%;
	margin: 0 auto;
		}
	.cambioimmagine {
	 	float: none;
	}

	.alignright_issn {
		float:none;
		padding-left: 20px;}

	.contenuto {
		width:74.6%;}

	.evidenza_alignleft {
		width:55%;
		background: none;}

	.box-evidenza_esterno {
		width:42.2%;}

	.box-evidenza {
		float:none;
		width: 100%;
		height:auto;
		margin: 5px;
		padding-bottom: 0;}

	.box-evidenza-n {
		width:100%;}

	.box-evidenza-n img {
		display: block;
		margin: 0 auto;
		border: 1px solid #999;
		box-sizing: border-box;
		max-width:100%;}

	.box-evidenza p {
		font-size: 1em;}

	.box-volumi li {
		width:25.5%;}

	.agenda_alignleft {
		width:40%;
		height:auto;
		margin:5px auto;
		background-color: #f2f2f2;}

	.agenda_alignleft p{
		text-align:normal;}

	.box-agenda li {
		width:25.5%;}

		.evidenza_alignleft {
			float: none;
			width:100%;}
		.evidenza_alignleft img{
			max-width:100%;}
	
		.agenda_alignleft {
		width: 100%;}
	

}
	
	
	
@media screen and (max-width: 480px) {
	.riquadro {
	width:auto;	}
}

.riquadro p {
	padding:10px 3px;
	margin: 0;
}
.riquadro h2{
	margin:0;
	padding:5px 0 5px 0;
	font-size: 1em;
	line-height: 0.8em;
	
}
.input_form {
	margin: 8px 0;
	padding:0 5px;
	width: 50%;
	margin-bottom: 5px;
	border: 1px solid darkgray;
	/*line-height: 1.75em;
	height: 2em;
	font-size: 0.8em;*/
	color:#8c8685;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.input_form {
	width:100%;
	}
}
input:focus{
	padding:0;
	border: 1px solid #17f4ff;

}
.bottone {
	width: 24%;
	margin-top:5px;
	background-color: #076b71;
	color: white;
	/*line-height: 1.2em;
	height: 1.8em;*/
	text-align: center;
	box-sizing: border-box;
	
	}
.bottone:hover {
	background-color: #4a4841;
	
}

	
}