body { background: #EBEBEB; color: #000; font-family: 'open_sansregular', sans-serif; font-size: .9rem; line-height: 1.6; }
h1,h2,h3,h4,h5,h6 { font-family: 'oswaldsemibold', sans-serif; color: #534228; }
h1 { font-size: 2.8rem; }
p { line-height: inherit; }
#wrapper { /* padding: 0 2rem 3rem; */ }
#header { margin-top: 1.5rem; margin-bottom: 2rem; }
.logoholder { text-align: center; }
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

#ricerca { padding-top: 2.5rem; }
#ricerca form { width: 100%; margin: 0; float: right;}
#ricerca input { font-family: 'oswaldsemibold', sans-serif; font-size: 1.3rem; text-align: center; height: 3rem; padding-top: .9rem; float: left; margin: 0; width: 89%;}
#ricerca button { float: right; margin: 0; height: 3rem; background-color: #493D2D; background-repeat: no-repeat; background-position: center center; background-size: 21px 21px; width: 11%;}
#ricerca button span { display: none; }

.elenco .item { margin-bottom: .8rem; line-height: 1.3; }
.elenco .callout { padding: 0; display: table; width: 100%; font-size: .85rem; box-shadow: 2px 2px 10px 0 #bbbbbb; min-height: 112px; }
.elenco .callout > .columns { float: none; padding: 0; display: table-cell; height: 100%; vertical-align: top; }
.elenco .callout h3 { text-transform: uppercase; font-size: 1.1rem; }
.elenco .callout .testo { padding: 1rem 1rem 0 1.2rem; width: 60%;}
.elenco .callout .immagine { background-color: #fff; background-repeat: no-repeat; /* background-size: cover;  */background-position: 50% 50%;}
.elenco .callout .freccia { width: 5.6%; background-color: #EDBF37; background-repeat: no-repeat; background-position: center center; background-size: 21px 21px; }
.elenco .callout:hover .freccia { background-color: #493D2D; }

.elenco .item.column:last-child:not(:first-child), 
.elenco .item.columns:last-child:not(:first-child) { float: left; }

.freccia-dx { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtNjU3LjUzMiwtMjc1LjAyOCkiPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNzYxNDMxLDAsMCwwLjc2MTQzMSwxOTEuMzExLDIzLjQxOTYpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTYyOC45NjMsMzUxLjA2OUw2MTIuMzE5LDMzMy41NEw2MTUuNTgyLDMzMC40NDFDNjIyLjExNSwzMzcuMzIyIDYyOC42NDgsMzQ0LjIwMiA2MzUuMTgxLDM1MS4wODJMNjM0LjkyOSwzNTEuMzIxTDYxNS41NTksMzcxLjcyMkw2MTIuMjk2LDM2OC42MjRMNjI4Ljk2MywzNTEuMDY5WiIgc3R5bGU9ImZpbGw6d2hpdGU7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K')}

.freccia-sx { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE4IDMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MS40MTQyMTsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMC4yODczMjYsMCkiPgogICAgICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KC0wLjc2MTQzMSwwLDAsMC43NjE0MzEsNDgzLjkzNCwtMjUxLjYwOCkiPgogICAgICAgICAgICA8cGF0aCBkPSJNNjI4Ljk2MywzNTEuMDY5TDYxMi4zMTksMzMzLjU0TDYxNS41ODIsMzMwLjQ0MUM2MjIuMTE1LDMzNy4zMjIgNjI4LjY0OCwzNDQuMjAyIDYzNS4xODEsMzUxLjA4Mkw2MzQuOTI5LDM1MS4zMjFMNjE1LjU1OSwzNzEuNzIyTDYxMi4yOTYsMzY4LjYyNEw2MjguOTYzLDM1MS4wNjlaIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=')}



.scheda { position: relative; }
.scheda .callout { box-shadow: 2px 2px 10px 0 #bbbbbb; min-height: 112px; margin-left: 1rem; margin-right: 1rem; padding: 1.1rem .1rem; position: relative; }
.scheda .sinistra { padding-right: 0rem; padding-left: 0rem;}
.scheda .immagine img { width: 100%; height: auto; }
.scheda h1 { font-size: 2rem;  text-transform: uppercase; border-bottom: 2px solid #EDBF37; margin-bottom: 2.5rem; padding-bottom: .2rem; text-align: left; line-height: 1.17;}
.scheda .descrizione { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; text-align: justify;}
.scheda .tabella table { border-top: 2px solid #EDBF37; margin-top: 1.4rem; font-size: .95rem; }
.scheda .tabella table td { padding: .45rem .625rem .25rem; vertical-align: top; line-height: 1.3; }
.scheda .tabella table td:first-child { font-family: 'oswaldsemibold', sans-serif;  font-size: .98rem; letter-spacing: .02rem;  color: #534228; padding-top: .6rem;}
.scheda .tabella table th { height: 2rem; }
.scheda .button { position: absolute; bottom: 3rem; right: 3.2rem; background: #EDBF37; color: #534228; font-family: 'oswaldsemibold', sans-serif;  font-size: 1.1rem; letter-spacing: .03rem; text-transform: uppercase; padding: .8rem 1rem .28rem; }
.scheda .button:hover { background: #534228; color: #fff; }
.scheda .freccia { position: absolute; right: -2rem; top: 44%; width: 2rem; height: 7rem; background-color: #EDBF37; background-repeat: no-repeat; background-position: center center; background-size: 30px 30px; cursor: pointer; }
.scheda .freccia-sx { right: auto; left: -2rem; }
.scheda .freccia:hover { background-color: #534228; }
.scheda .freccia span { visibility: hidden; }
.scheda .freccia a { display: block; width: 100%; height: 100%; }



@media screen and (min-width: 1024px) {
	#header { margin-bottom: 3rem; }
	.logoholder { text-align: left; }
	.scheda .callout {padding: 3rem 1rem 4rem; }
	.scheda .tabella table { margin-top: 3rem; }
	.scheda h1 { font-size: 2.8rem; }
	.scheda .descrizione { padding-left: 2rem; padding-right: 2.5rem; padding-bottom: 2rem; }
	.scheda .sinistra { padding-right: 0.625rem; padding-left: 0.625rem;}

}


@media screen and (min-width: 1280px) {	
	#wrapper { padding: 0 2rem 3rem; }
	#ricerca form { width: 360px; margin: 0; float: right;}

}