/* ------------------------------------------------------------- */
/* INFO POINT */
/* ------------------------------------------------------------- */

#info_point {
display: block;
position: relative;
width: 100%;
margin: 0;
padding: 0;
}

/* INTRO */
#intro {
display: block;
margin: 0;
padding: 0;
}
#intro p {
font-size: 160%;
font-weight: normal;
margin: 0 0 1em;
padding: 0;
text-align: left;
line-height: 1.5;
color: #333;
}
#intro p a {
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
white-space: normal;
}
#intro p a, #intro p a:link, #intro p a:visited { color: #0181cb; }
#intro p a:active, #intro p a:hover, #intro p a:focus{ color: #333; }
#intro ul {
margin: 0 0 15px;
padding: 0;
list-style: none;
}
#intro ul li {
font-size: 160%;
font-weight: normal;
margin: 0 0 5px;
padding: 0 0 0 20px;
line-height: 1.5;
color: #333;
background: url(../img/icone/elenco.png) left 4px no-repeat;
}
#intro ul li a {
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
white-space: normal;
}
#intro ul li a, #intro ul li a:link, #intro ul li a:visited { color: #0181cb; }
#intro ul li a:active, #intro ul li a:hover, #intro ul li a:focus{ color: #333; }
#intro ol {
counter-reset: lista;
margin: 0 0 15px;
padding: 0;
}
#intro ol li {
position:relative;
font-size: 160%;
font-weight: normal;
margin: 0 0 5px;
padding: 0 0 0 40px;
line-height: 1.5;
color: #333;
list-style:none;
}
#intro ol li a {
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
white-space: normal;
}
#intro ol li a, #intro ol li a:link, #intro ol li a:visited { color: #0181cb; }
#intro ol li a:active, #intro ol li a:hover, #intro ol li a:focus{ color: #333; }
#intro ol > li:before {
content: counter(lista);
counter-increment: lista;
position:absolute;
top: 0;
left: 0;
width: 30px;
font-weight:bold;
margin: 0;
padding: 0;
color: #FFF;
text-align: center;
background: #0181cb;
}

/* ALLEGATI */
#info_point ul.allegati {
margin: 0;
padding: 0;
list-style: none;
}
#info_point ul.allegati li {
font-size: 160%;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
line-height: 1.5;
color: #333;
background: none;
}
#info_point ul.allegati li a {
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
white-space: normal;
}
#info_point ul.allegati li a, #info_point ul.allegati li a:link, #info_point ul.allegati li a:visited { color: #0181cb; }
#info_point ul.allegati li a:active, #info_point ul.allegati li a:hover, #info_point ul.allegati li a:focus { color: #333; }

/* GOOGLE MAPS */
#google_maps_bg {
display: block;
width: 100%;
height: 600px;
margin: 0;
padding: 0;
background: #FFF;
}
#google_maps {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

/* TRAGITTO */
#tragitto_bg {
display: block;
width: 100%;
margin: 0;
padding: 40px 0 0;
background: #FFF;
}
#tragitto {
position: relative;
display: block;
width: 960px;
margin: 0 auto;
padding: 0;
text-align: left;
}
#tragitto h3 {
font-size: 260%;
font-weight: bold;
margin: 0 0 20px;
padding: 0;
text-align: left;
line-height: normal;
color: #1f836f;
}
#tragitto p {
font-size: 130%;
font-weight: bold;
margin: 0 0 5px;
padding: 0;
text-align: left;
line-height: normal;
color: #999;
text-transform: uppercase;
}
#tragitto form {
display: block;
margin: 0;
padding: 0;
}
#tragitto label {
display: block;
float: left;
width: 65.62%;
margin: 0;
padding: 0;
text-align: left;
}
#tragitto input[type="text"] {
display: block;
width: 100%;
font: 160% 'Lato', Verdana, Geneva, sans-serif;
margin: 0 0 30px;
padding: 3px 6px;
text-align: left;
color: #333;
background: #FFF;
border: 1px solid #e1e1e1;
}
#tragitto button {
display: block;
float: right;
width: 31.25%;
font-size: 140%;
font-weight: normal;
margin: 0;
padding: 5px 12px;
text-align: center;
color: #FFF;
line-height: normal;
cursor: pointer;
text-decoration: none;
white-space: normal;
border: none;
}
#tragitto button, #tragitto button:link, #tragitto button:visited { background: #c79b00; }
#tragitto button:hover, #tragitto button:focus, #tragitto button:active { background: #999; }
#pannellodir {
clear: both;
display: block;
width: 100%;
margin: 0;
padding: 0;
text-align: left;
overflow: hidden;
}
#pannellodir .adp-placemark {
width: 100%;
font: 140% 'Lato', Verdana, Geneva, sans-serif;
padding: 10px;
color: #616161;
background: #f8f8f8;
border: 1px solid #e1e1e1;
text-align: center;
border-collapse: separate;
}
#pannellodir .adp-placemark img { display: none; }
#pannellodir .adp-directions {
width: 100%;
font: 160% 'Lato', Verdana, Geneva, sans-serif;
color: #333;
}
#pannellodir .adp-summary, #pannellodir .adp-legal {
font: 130% 'Lato', Verdana, Geneva, sans-serif;
color: #999;
text-align: center;
}

/* ------------------------------------------------------------- */
/* PIXEL RATIO */
/* ------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { 

	#intro ul li {
		background-image: url(../img/icone/elenco@2x.png); 
		background-size: 10px 17px;
	}
	
}

/* ------------------------------------------------------------- */
/* RESPONSIVE */
/* ------------------------------------------------------------- */

@media only screen and (min-width: 1200px) {
	
	
}

@media only screen and (min-width: 1366px) {
	
	
}

@media only screen and (min-width: 1440px) {
	

}

@media only screen and (min-width: 1680px) {
	

}

@media only screen and (min-width: 1920px) {
	

}

@media only screen and (max-width: 1023px) {
	
	/* GOOGLE MAPS */
	#google_maps_bg { height: 500px; padding: 0 20px; }
	
	/* TRAGITTO */
	#tragitto_bg { padding: 30px 20px 0; }
	#tragitto { width: 100%; margin: 0; }
	
}

@media only screen and (max-width: 767px) {
	
	/* GOOGLE MAPS */
	#google_maps_bg { height: 400px; }
	
}

@media only screen and (max-width: 735px) {
	
	
	
}

@media only screen and (max-width: 666px) {
	
	/* GOOGLE MAPS */
	#google_maps_bg { height: 360px; }
		
}

@media only screen and (max-width: 639px) {
	
	
	
}	

@media only screen and (max-width: 599px) {
	
	/* GOOGLE MAPS */
	#google_maps_bg { height: 320px; }
	
}

@media only screen and (max-width: 567px) {
	
	/* GOOGLE MAPS */
	#google_maps_bg { height: 240px; }
	
	/* TRAGITTO */
	#tragitto label { float: none; width: 100%; }
	#tragitto input[type="text"] { margin: 0 0 20px; }
	#tragitto button { float: none; width: 100%; margin: 0 0 20px; }
		
}


@media only screen and (max-width: 479px) {
	
	/* GOOGLE MAPS */
	#google_maps_bg { height: 200px; }
	
}