/*________________ css reset ___________________*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/*________________ css attivo ___________________*/
body, table, select, input,ul, li {
	font-family: Garamond, Times new roman, serif;
	color: #333333;
	font-size:16px;
	line-height:1.2;
}
body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#eeeeee;
}
h1, h2, h3, h4, b, strong {font-weight:bold;}
h1, h2 {color:#36487c;}
i, em {font-style: italic;}
p {margin:1em 0 1em 0;}
h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:120%;margin-top:1em;}
img {border: none;}
a {text-decoration:none; color:#36487c;}
a:link {color: #36487c;}
a:visited {color: #36487c;}
a:hover {border-bottom:1px solid #ffcf21;}

#intestazione {
	width:100%;
	color: #36487c;
	text-align:center;
	min-height:120px;
}

#intestazione tr td {vertical-align: middle;}

.logo {width:auto; height:120px; float:left;}

#titolo {
	margin:1em 0 0 0;
	font-weight:bold;
}

#intestazione a {color: #36487c;}
#intestazione a:visited {color: #36487c;}


#paginaTot{
	padding:0 1em; margin:auto;
	max-width:1600px;
}
#corpo {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-around;
}

#corpo h3 {clear:both;}


#menu {
max-width:15em;
flex-grow: 1;
order: 1;
padding:1em 0 1em 1em;
margin:0 1em 1em 1em;
}

#menu h3{
	color:#fff;
	-webkit-border-radius: 15px 0 0 0;
	border-radius: 15px 0 0 0;
	background-color:#36487c;
	padding:0.2em 1.5em;
	text-align:center;
}

#menu ul {border:1px solid #36487c; background-color:#f9f9f9;}
#menu ul li {padding:0.2em;border-top:1px solid#36487c;}

.scientificJournal {
	margin-top:2em;
}

#testo {
margin:1em 0.4em;
flex-grow: 10;
order: 2;
background-color:#fff;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:0.5em;
}

#testo h2 a {color:#999;}

.ordinaTitoloCover {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	color:#36487c; font-size:130%; padding:0.5em; margin-bottom:1em;
	align-items:center;
}

.ordinaTitoloCover h2 {
	text-align:center;
	flex-grow: 3;
}
#logohomepage {padding:1em;}
#logohomepage img {max-width:80%;height:auto;}
#logohomepage p {max-width:80%;text-align:right;border-bottom:1px solid #ccc; margin:0 0 0.5em 0; padding:0; color:#555; font-weight:bold;}

a.copertina {display:inline-block; width:120px; margin-right:1em;}
a.copertina:hover {border-bottom:0px solid #ffcf21;}
a.copertina img {width:100%; height:auto;
-webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.3);
}

ul.indiceArticoli {margin:1em 0 0 0;}
ul.indiceArticoli li {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-around;
	margin-bottom:1em;
}
ul.indiceArticoli li span {display:block;}
ul.indiceArticoli li span.linkEautore {flex-grow: 10;order: 1;}
ul.indiceArticoli li span.pagine {text-align:right; flex-grow: 1; order: 2;min-width:5em;}

ul.disc {list-style-type: disc; padding-left:2em;}

#piede {
padding:1em;
margin: 10px 0px 10px 0px;
border-top:1px solid #ddd;
font-size:80%;
}


.messaggio {min-height:15em;
height:15em;
overflow:auto;}

.errore {font-weight:bold; font-size:150%; margin-top:3em; color:red; text-align:center;}
.mese {display:inline-block; width:10em; margin-right:1em;}
.issue {display:inline-block; width:80%; margin-right:1em;}
.jel1 {}
.jel2 {margin-left:1em}
.jel3 {margin-left:2em}
.linkjel {display: block; margin-top:0.5em; margin-left:3em}
ul.lista {margin:0;padding:0; list-style-type:none;border-top:1px solid #ddd;}
ul.lista li {padding:0.2em;}
ul.lista li:nth-child(even){background-color:#ddd;}

ul.forthcoming li {margin-top:1em;}

/*____________ accesso cookies _________________*/

#divaccessocookies {
	position:fixed; bottom:0em; left:0em; right:0em;
	background: #555;
	color:white;
	padding:2em;
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	-webkit-box-shadow: 0 -5px 10px 5px rgba(0,0,0,0.4);
	box-shadow: 0 -5px 10px 5px rgba(0,0,0,0.4);
}
#divaccessocookies div {align-self: center;}

#divaccessocookies input[type=button] {
	margin:1em; border: 2px solid #ffcf21;
	-webkit-border-radius: 25px; border-radius: 25px;
	padding:10px;
	font-weight:bold;
	background-color:white;
	color:#555;
}

#divaccessocookies input[type=button]:hover {background-color:#ffcf21;}

/*___________________________________*/
@media screen and (max-width: 800px) {

	#corpo{flex-direction: column-reverse;}
	#intestazione {min-height:60px;}
	a.copertina {margin-right:1em; float:left;}
	#menu {
		width:auto;
		max-width:100%;
		border-width:1px 0 0 0;
		margin:1em 0;
		padding:0 1em;
	}
	#testo, #menu {margin-top:0;padding-top:0;}
	#menu h3{
		-webkit-border-radius: 15px 15px 0 0;
		border-radius: 15px 15px 0 0;
		border-bottom:0px solid #ddd;
		margin:0;
	}
	#menu ul {margin:0 0 1em 0;padding:0;}
	#menu ul li {display:inline-block; border-top-width:0px; border-right:1px solid #36487c; margin: 0 0.5em 0.5em ; padding: 0 0.5em 0 0; font-size:16px;}
	#piede {font-size:80%;}
	ul.indiceArticoli li {
		border-top:1px solid #ddd;
		display:block;
		margin:1em 0 1em 0;
	}
	ul.indiceArticoli li span.linkEautore, ul.indiceArticoli li span.pagine {display:inline;}
}


/*___________________________________*/
@media screen and (min-width : 481px) and (max-width: 800px) {
	
	a.copertina {width:50px;}
	h1#titolo {font-size:24px;}
	.logo {height:60px;}

}
/*___________________________________*/
@media screen and (max-width : 480px) {

	body, table, select, input {line-height:1.2;}
	a.copertina {display:none;}
	h1#titolo {font-size:18px;}
	.ordinaTitoloCover h2 {font-size:18px;}
	.logo {height:40px;float:none;clear:both;}
	.jel1 {border-top:1px solid #ddd;}
	.jel2 {margin-left:0}
	.jel3 {margin-left:0}
	.linkjel {display: block; margin-top:0.3em; margin-left:0}
	#logohomepage p {font-size:60%;font-weight:normal;}
	#divaccessocookies {flex-direction:column;}
}