@font-face {
	font-family: 'regioni';
	src:url('../fonts/regioni.eot');
	src:url('../fonts/regioni.eot?#iefix') format('embedded-opentype'),
		url('../fonts/regioni.ttf') format('truetype'),
		url('../fonts/regioni.woff') format('woff'),
		url('../fonts/regioni.svg#regioni') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class*="icon-"] {
	font-family: 'regioni';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.icon-italia:before {
	content: "\e600";
}
.icon-trentino-alto-adige:before {
	content: "\e601";
}
.icon-friuli-venezia-giulia:before {
	content: "\e602";
}
.icon-veneto:before {
	content: "\e603";
}
.icon-lombardia:before {
	content: "\e604";
}
.icon-liguria:before {
	content: "\e605";
}
.icon-piemonte:before {
	content: "\e606";
}
.icon-valle-d-aosta:before {
	content: "\e607";
}
.icon-emilia-romagna:before {
	content: "\e608";
}
.icon-toscana:before {
	content: "\e609";
}
.icon-umbria:before {
	content: "\e60a";
}
.icon-marche:before {
	content: "\e60b";
}
.icon-abruzzo:before {
	content: "\e60c";
}
.icon-lazio:before {
	content: "\e60d";
}
.icon-molise:before {
	content: "\e60e";
}
.icon-campania:before {
	content: "\e60f";
}
.icon-sicilia:before {
	content: "\e610";
}
.icon-sardegna:before {
	content: "\e611";
}
.icon-puglia:before {
	content: "\e614";
}
.icon-basilicata:before {
	content: "\e613";
}
.icon-calabria:before {
	content: "\e612";
}
.icon-bubbles:before {
	content: "\e615";
}
.icon-envelop:before {
	content: "\e616";
}
.icon-heart:before {
	content: "\e617";
}
.icon-heart-broken:before {
	content: "\e618";
}
.icon-thumbs-up:before {
	content: "\e619";
}
.icon-thumbs-up2:before {
	content: "\e61a";
}
.icon-smiley:before {
	content: "\e61b";
}
.icon-sad:before {
	content: "\e61c";
}
.icon-neutral:before {
	content: "\e61d";
}
.icon-cancel-circle:before {
	content: "\e61e";
}
.icon-checkmark-circle:before {
	content: "\e61f";
}
.icon-facebook:before {
	content: "\e620";
}
.icon-google-plus:before {
	content: "\e621";
}
.icon-twitter:before {
	content: "\e622";
}
.icon-instagram:before {
	content: "\e623";
}
.icon-android:before {
	content: "\e624";
}
.icon-apple:before {
	content: "\e625";
}
.icon-pinterest:before {
	content: "\e626";
}

body,h1,h2,h3,h4,p { font-family: 'Goudy Bookletter 1911', serif;}
body { border-top: 3px solid #222; }
.margin-t20 { margin-top: 20px}
.padding0 { padding: 0}
.padding-l0 { padding-left: 0}
.padding-r0 { padding-right: 0}
h2 { font-size: 40px}
h4 { font-size: 25px}
p { font-size: 20px}
.centro { text-align: center}
.grigiot { color: #888}
a, a:link {color:#111}

.regione { color: #222}
.info-detto { float: left; font-size: 16px}
.info-detto.separatore{ margin: 0 5px}
.info-detto .reg,.reg {margin-right: 5px}

.form-control.ricerca { height: auto; font-size: 30px; }

.alfabeto { font-size: 20px; text-transform: uppercase; font-weight: bold; list-style: none; padding: 0;margin: 0}
.el-regioni { list-style: none; padding: 0; margin: 0; font-size: 18px}
.el-regioni li{ padding-bottom: 5px; margin-bottom: 5px; border-bottom: dotted 1px #ccc}
/*.el-regioni [class*="icon-"] { padding-right: 10px;}*/

.cerchio {width:50%;}
.cerchio:after {content: "";display: block;width: 100%;height:0;padding-bottom: 100%;background: #222; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.cerchio span {float:left;width:100%;padding-top:50%;line-height:1em;margin-top:-0.5em; text-align:center;color:white;font-size: 30px}

footer { background: #222; border-top: #444 14px solid; margin-top: 20px; color: #fff; padding-bottom: 10px}

.modala.attiva {display: block}

.modala-wrapper{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgba(160, 158, 154, 0.85);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  z-index: 1000;
}

.modala-wrapper.open{
  opacity:1;
  visibility:visible;
}

.modala{
  width:450px;
  height:350px;
  display:block;
  margin:50% 0 0 -225px;
  position:relative;
  top:50%; left:50%;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #ddd
}

.modala h2 { font-size: 24px; margin: 20px 0 10px 20px; padding-top: 20px}
.modala p { margin: 0 0 40px 20px;}
.modala iframe { margin: 0 0 0 20px}

.modala .img-resp { width: 100%; height: auto !important}

.modala-wrapper.open .modala{
  margin-top:-300px;
  opacity:1;
}

.head{
  width:100%;
  position: absolute;
  height:100px;
  padding:0;
  overflow:hidden;
}

.btn-close{
  width:32px;
  height:32px;
  display:block;
  float:right;
  right: 10px;
  top:10px; position: absolute;
}

.btn-close::before, .btn-close::after{
  content:'';
  width:32px;
  height:6px;
  display:block;
  background:#fff;
}

.btn-close::before{
  margin-top:12px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.btn-close::after{
  margin-top:-6px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.content{
  padding:5%;
}

.chiusa { background-color: #ffbba3}

@media only screen and (max-width: 768px) {
  .modala{
   width:300px;
   height:188px;
   margin:50% 0 0 -170px;
   top:80%
  }
}

@media (min-width:500px){ header img{width:100%;} .colrob { padding-top: 50px}}
@media (max-width:499px){ header img{width:30%; margin: 0 auto}}