/* Font   ***********************************************************/

html {
	font-family: 'Open Sans',Corbel,"Helvetica Neue",Helvetica,Arial,FreeSans,"Liberation Sans",sans-serif;
	font-family: Corbel,"Helvetica Neue",Helvetica,Arial,FreeSans,"Liberation Sans",sans-serif;

	font-size: 13px;
}

.menusuperioreinfo, h1, h2, h3 {
	font-family:'Open Sans','Lucida Grande',Calibri,Verdana,Helvetica,sans-serif;
	font-family:'Lucida Grande',Calibri,Verdana,Helvetica,sans-serif;

	font-weight: bold;
	font-weight: normal;
}

h4, h5, h6{
	font-weight: normal;
}

.menusuperioreinfo {
	font-weight: bold;
	border-top: 1px solid #CCC;
}

H3 {
	text-transform:uppercase;
	font-size:1.2em;
	/*font-variant:small-caps;*/
}


ul, li {
	color: inherit;
	background-color: inherit;
}

A {
	text-decoration: none;
}

.menusuperiore, h1 {
	font-weight: bold;
	font-weight: normal;
}

/* Fine Font **********************************************************/
.container {
	border-right:12px solid white;
	border-left:12px solid white;
}

div.header {	margin: 0 0 5px 0;}

div.header > div.menuselect,
div.header > div.testatamobile {
	display: none;
}

.container {width:1000px; }

.colonna1 {float:left; width: 8.33333333%;}
.colonna2 {float:left; width:16.66666666%;}
.colonna20percento {float:left; width:20%;}
.colonna3 {float:left; width:25.00000000%;}
.colonna4 {float:left; width:33.33333333%;}
.colonna5 {float:left; width:41.66666666%;}
.colonna6 {float:left; width:50.00000000%;}
.colonna7 {float:left; width:58.33333333%;}
.colonna8 {float:left; width:66.66666666%;}
.colonna9 {float:left; width:75.00000000%;}
.colonna10 {float:left;width:83.33333333%;}
.colonna11 {float:left;width:91.66666666%;}
.colonna12 {float:left;width:100.0000000%;}

.filettodestro { margin-right: 8px; border-right:1px solid #BBB;}
.paddingdestro { padding-right: 5px; }

.mezzacolonnagrande {width:290px; float:left;margin-right:10px;}
.colonnapiccola {width:170px;float:left;margin-right:10px;}

.menusuperiore{
font-size: 13px;
font-size: 11px;
line-height: 1.2em;
}

.menusuperiore ul{
padding: 5px;
}

.menusuperiore ul li{
display: inline;
}

.menusuperiore ul li a{
padding-right: 8px;
text-decoration: none;
}

.menusuperiore ul li a:hover, .menusuperiore ul li a.selected{
text-decoration: underline;
}

.menusuperiore ul li b a {
	/* border: 1px solid white; */
	text-decoration:underline;
	font-weight: normal;
}

.menusuperioreinfo{
width: 100%;
font-size: 1em;
text-align:right;
}

.menusuperioreinfo ul{
padding: 0.3em 0 0.3em 0;
margin: 0;
}

.menusuperioreinfo ul li{
display: inline;
/*border-right: 1px solid gray;*/
}

.menusuperioreinfo ul li a{
padding: 0 0.5em 0 0.5em;
text-decoration: none;
}

.menusuperioreinfo ul li a:hover, .menusuperioreinfo ul li a.selected{
text-decoration: underline;
}

.colonnapiccola input {
	width: 130px;
	margin:0;
}

.displaydata {
	color:#005C27;
}

.elencocopertine {
	padding: 10px 0 0 0;
	margin: 0;
	display: block;
	clear:both;	
}

.elencocopertine ul {
	display: block;
	list-style-type: none;
}

.elencocopertine ul li {
	vertical-align: top;
}

.elencocopertine ul li img {
	margin: 0 0 20px 0;
	float: none;
	border: 1px solid #888;
}

.bordo {
	border: 1px solid #999;	
}

.allineadestra {
	text-align:right;
}

.centra {
	text-align:center;
}

.colonna95percento {width:95%;}

.altezza50px  { height: 50px; }
.altezza100px { height: 100px; }
.altezza150px { height: 150px; }
.altezza200px { height: 200px; }
.altezza250px { height: 250px; }
.altezza275px { height: 275px; }
.altezza300px { height: 300px; }
.altezza350px { height: 350px; }
.altezza375px { height: 375px; }
.altezza400px { height: 400px; }

.piedipagina {
	margin: 3em 0 2em 0;
	font-size: 0.9em;
	color:#444;
}

hr {
	margin: 0;
}

.giallo { background-color: yellow;}
.verde {background-color: green;}
.cyan {background-color: cyan;}
.rosso {background-color: red;}
.grigio {background-color: gray;}
.nero {background-color: black;}

/*********
Scrolla immagini
*********/

#slide-images{
	position:relative;
	display:block;
	height:150px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
}

#slide-images li img{
	display:block;
}

.resetfloat {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.nascondi {
	display:none;
}

div.menusuperiore li.solomobile {
	display: none;
}

img.immaginearticoloelenco {
	width: 100%;
}

html body div.container div.colonna5 div.colonna7 div div.articolo h1 {
	font-size: 1.2em;
	line-height: 1em;
}

html body div.container div.colonna5 div.colonna7 div div.articolo img {
	margin-bottom: 1em;
}

html body div.container div.colonna5 div.colonna7 div div.articolo h2 {
	font-size: 1em;
	line-height: 1em;
}

html body div.container div.colonna5 div.colonna7 div div.articolo address,
html body div.container div.colonna5 div.colonna7 div div.articolo p {
	display: none;
}

hr.separatorecolonnadx {
	display: block;
	border-top: 3px solid #005c27;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
}

html body div.container div.articolo {
	margin-bottom: 1em;
}

/* Modifiche con ottimizzazione Mobile (vedi allemandiMobile.css, maggio 2018) */

@font-face {
	font-family: 'smallIcons';
	src: url("/accessori/smallIcons.ttf");
	font-weight: 300;
}

* {
	box-sizing: border-box;
}

.menusuperioreinfo, h1, h2, h3,
html {
	/* font-family: 'IBM Plex Sans', sans-serif; */
	font-family: 'IBM Plex Sans Condensed', sans-serif;
	font-weight: 500;
}

address {
	font-style: normal ;
}

html body div#colorbox div#cboxWrapper div div#cboxContent div#cboxTitle {
	font-weight: 700;
}

div.header > div.testatamobile {
	font-family: 'EB Garamond', serif;
}

.openIconFont {
	font-family: "smallIcons", fantasy;
}

div.articolo {
	font-size: 1.1em;
	padding-right: 15px;
}

div.articolo address,
div.articolo p {
	font-weight: 400;
}

.sommario ul {
	font-size: 1.1em;
}

.sommario ul li {
	margin-top: 0.3em;
}

.sommario ul > li > ul > li{
	margin-left: 0em;
}

.menusuperiore {
	font-size: 12px;
	line-height: 1.2em;
}

br.solomobile {
	display: none;
}

div.piedipagina {
	border-top:1px solid gray;
	padding: 0.5em 0em 0.5em 0em;
	font-size: 1rem;
}

div.header > img {
	width:100%;
}