/*
Plugin: jQuery Parallax
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}em{font-style:italic;}a{text-decoration:none;outline:none;color:#2670b4;}a:hover{text-decoration:underline;}

@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Pontano Sans';
	src: url('../font/pontano-webfont.eot');/* per IE 5-8 */
	src: local('☺');
	src:url('../font/pontano-webfont.eot?#iefix') format('embedded-opentype'),
		url('../font/pontano-webfont.woff') format('woff'),/* Firefox 3.6+, Chrome 5.0+, IE 9.0+ */
		url('../font/pontano-webfont.ttf') format('truetype');/* Opera, Safari */
	font-weight: 400;
	font-style: normal;
}

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

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

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

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

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	background:url(../images/pattern_blu.jpg);
	font-family: 'Pontano Sans';
	color:#323232;
}

h1
{
	float:left;
	width:660px;
	height:auto;
	margin:33px 0 0 0;
	font-size:35px;
	font-family: 'roboto_slabbold', serif;
	font-weight:normal;
}

h1 span
{
	font-family: 'roboto_slablight', serif;
	font-weight:normal;
}

h2{
	color:#19449a;
	font-family: 'roboto_slabbold', serif;
	font-weight:normal;
	font-size:24px;
	margin:5px 0;
}

h2 span
{
	font-family: 'roboto_slabregular', serif;
	font-weight:normal;
}

h3{
	color:#19449a;
	font-family: 'roboto_slabbold', serif;
}

h4{
	color:#19449a;
	font-family: 'roboto_slabregular', serif;
}

p{
	margin: 0 0 20px 0;
}

p, ul{
	font-size-adjust:0.488;
}

img{
	border: 0;
}

.img-articoli {
	float:left;
	margin: 0 30px 30px 0;
}

.leggi-tutto
{
	color:#2670B4;
	float:right;
	font-family: 'roboto_slabbold', serif;
}

.leggi-tutto-bianco
{
	color:#FFF;
	float:right;
	font-family: 'roboto_slabbold', serif;
}

.content
{
	width:970px;
	padding:10px;
	margin:0 auto;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
	z-index: 999;
}

#nav li{
	margin: 0 0 15px 0;
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	/*background:url(images/firstBG.jpg) 50% -75px no-repeat fixed;*/
	height: 700px;
	margin: 0 auto;
	padding: 0px 0 0 0;
}

#second{
	/*background: url(../images/secondBG.jpg) 50% 0 no-repeat fixed;*/
	height: 756px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	margin:60px 0 0 0;
}

#second .bg{
	background: url(../images/hand.png) 50% 0 no-repeat fixed;
	height: 508px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#third{
	background: url(../images/sfondo_sezioni.jpg) 50% 0 no-repeat fixed;
	height: 745px;
	padding: 0px 0 0 0;
}

#fifth{
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: hidden;
	width: 100%;
}

.story .float-left, .story .float-right{
	padding: 100px 0 0 0;
	position: relative;
	width: 350px;
}

.slide {
	width: 100%;
}

#nav li a {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background-color: white;
	border: solid 2px white;
}

#nav li a.current {
	background-color: orange;
}

/*amatrice turismo*/

/*Home sezione 1*/
#box-slider
{
	float:left;
	width:100%;
	height:400px;
	background:url(../images/sfondo_slider.png) no-repeat top center;
}

.slider
{
	width:990px;
	margin:0 auto;
}

/*Hack per permettere di far funzionare i link dello slider su ie*/
.nivoSlider a {display:block; background-color: #fff; filter:alpha(opacity=0); opacity: 0; -webkit-opacity:0; -moz-opacity:0; -khtml-opacity:0;} 

#box-intro-home
{
	float:left;
	width:100%;
	height:auto;
	height: 180px;
	background:url(../images/sfondo_bianco.png) repeat-y top center;
}

.intro-home
{
	width:970px;
	min-height:140px;
	height:auto;
	padding:10px;
	margin:0 auto;
}


/*Home sezione 2*/
.box-ama-vt
{
	width:100%;
	min-height:100px;
	height:auto;
	background:url(../images/foto_progetto.jpg) no-repeat top center;
}

#ama-vt
{
	width:970px;
	padding:10px;
	margin:0 auto;
}

.testo-ama-vt
{
	width:285px;
	min-height:100px;
	height:auto;
	padding:0px 0 0 0;
	text-align:justify;
}

.testo-ama-vt p
{
	margin:0 0 15px 0;
}

/*codice css specifico per chrome e safari */  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.testo-ama-vt
	{
		height:495px;
	}

} 

/* IE10-specific styles go here */ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.testo-ama-vt
	{
		height:495px;
	}
}


.box-app
{
	width:100%;
	background:url(../images/sprite.png) repeat-x 0 -270px;
	height:238px;
}

#app
{
	width:970px;
	margin:0 auto;
	padding: 0 10px;
	height:239px;
}

.cerchio-home-1
{
	float:left;
	width:159px;
	height:124px;
	text-align:center;
	margin:45px 10px 0 0;
	padding:35px 0 0 0;
	background:url(../images/cerchio_home_1.png) no-repeat;
}

.cerchio-home-2
{
	float:left;
	width:181px;
	height:126px;
	height:126px;
	margin:34px 10px 0 0;
	padding:55px 0 0 0;
	text-align:center;
	background:url(../images/cerchio_home_2.png) no-repeat;
}

.cerchio-home-3
{
	float:left;
	width:205px;
	height:147px;
	margin:22px 20px 0 0;
	padding:58px 0 0 0;
	text-align:center;
	background:url(../images/cerchio_home_3.png) no-repeat;
}

.cerchio-home-4
{
	float:left;
	width:205px;
	height:150px;
	margin:22px 10px 0 0;
	padding:55px 0 0 0;
	text-align:center;
}

.cerchio-home-4 h3
{
	color:#FFF;
}

.freccetta
{
	float:left;
	width:30px;
	height:23px;
	margin:110px 10px 0 0;
	background:url(../images/sprite.png) no-repeat 0 -1281px;
}


/*Home sezione 3*/
.box-sezioni
{
	width:100%;
	margin:0 auto;
	padding:22px 0;
	background:url(../images/sfondo_bianco.png) repeat-y top center;
	height:auto;
	float:left;
}

.sezioni
{
	width:970px;
	padding:10px;
	margin:0 auto;
	height:auto;
	display: block;
}

.sezioni-left
{
	width:49%;
	min-height:100px;
	height: 900px;
	float:left;
}

.sezioni-ul
{
	width:100%;
	height:auto;
	float:left;
}

.sezioni-left-li
{
	width:100%;
	height:auto;
	min-height:112px;
	float:left;
	display:inline;
}

.sezioni-img
{
	float:left;
	width:112px;
	height:112px;
	margin:0 20px 0 0;
}

.sezioni-tit a
{
	color:#19449A;
}

.sezioni-testo a
{
	color:#323232;
}

.sezioni-testo a:hover
{
	text-decoration:none;
}

.sezioni-right
{
	width:49%;
	min-height:100px;
	height:auto;
	float:right;
}

.sezioni-right-li
{
	width:100%;
	height:auto;
	min-height:230px;
	float:left;
	display:inline;
	margin:0 0 15px 0;
}

.sezioni-data
{
	float:left;
	width:55px;
	height:40px;
	margin:0 425px 0 0;
	color:#c5a890;
	padding:20px 0 0 0px;
	text-align:center;
	line-height:15px;
	background:url(../images/icona_calendario.png) no-repeat;
}


/*Home sezione 4*/
.box-gallery-home
{
	margin:0 auto;
	width:100%;
	height:310px;
	background:url(../images/galleria_foto_home.jpg) no-repeat top center;
}



/*Header*/
.box-header
{
	width:100%;
	background:url(../images/sfondo_header.jpg) no-repeat top center;
}

#header
{
	width:990px;
	height:160px;
	color:#19449a;
	margin:0 auto;
}

#logo
{
	float:left;
	width:800px;
	height:90px;
	margin:10px 0 0 10px;
}

#logo a
{
	float:left;
	width:140px;
	height:89px;
	background:url(../images/logo.jpg) no-repeat;
}

.cento-chiese
{
	float:right;
	width:87px;
	height:94px;
}

.cento-chiese a
{
	float:left;
	width:87px;
	height:94px;
	background:url(../images/ribbon.jpg) no-repeat;
}

.cento-chiese a:hover
{
	float:left;
	width:87px;
	height:94px;
	background:url(../images/ribbon_rollover.jpg) no-repeat;
}

.top-menu
{
	float:left;
	width:100%;
	height:22px;
	font-family: 'roboto_slabregular', serif;
	font-weight:normal;
}

.top-menu ul li
{
	display:inline;
	float:left;
	width:auto;
	padding:0 10px;
}

.top-menu ul li a.hi
{
	font-family: 'roboto_slabbold', serif;
	font-weight:normal;
}

.menu-left
{
	float:left;
	width:550px;
}

.menu-right
{
	float:right;
	width:330px;
}

.menu-right li
{
	float:right!important;
}

.sotto-menu
{
	float:left;
	width:990px;
	height:38px;
}

.sottomenu-left li
{
	display:inline;
	float:left;
	color:#fff;
	margin:0;
	cursor:pointer;
}

	.sottomenu-left li a
	{
		padding:10px 10px 0 10px;
		color:#fff;
		height:36px;
		float:left;
		min-width:100px;
		text-align:center;
	}

	.sottomenu-left li a.hi,
	.sottomenu-left li a:hover,
	.sottomenu-left li a.active
	{
		background:#af8b70;
		text-decoration:none;
		height:28px;
	}

/*Pagina La Città in Virtual Tour*/
.box-citta-vt-intro
{
	width:970px;
	padding:10px;
	margin:0 auto;
	color:#FFF;
}

.box-citta-vt-intro h2
{
	color:#FFF;
}

.box-categoria-citta-in-vt
{
	background:url(../images/sfondo_citta_vt.png) repeat-y top center;
	margin-bottom:10px;
	min-height:50px;
	height:auto;
	width:100%;
	float:left;
}

.categoria-citta-in-vt
{
	width:970px;
	margin:0 auto;
	padding:10px;
	min-height:100px;
	height:auto;
}

.categoria-citta-in-vt-left
{
	float:left;
	width:550px;
	min-height:100px;
	height:auto;
	margin:0 0 20px 0;
}

.gallery-anteprime
{
	float:left;
	width:100%;
	min-height:auto;
	height:auto;
}

.box-anteprime
{
	float:left;
	width:180px;
	height:180px;
	margin:0 2px 2px 0;
	position:relative;
}

.box-anteprime a
{
	display:block;
	color:inherit;
	text-decoration:none;
}

.box-anteprime a:hover
{
	text-decoration:none;
}

.info
{
	background:url(../images/sfondo_tendina.png);
	position:absolute;
	bottom:0;
	width:160px;
	height:160px;
	padding:10px;
}

.info h3
{
	color:#fff;
	font-family:'Pontano Sans';
}

.info h3 a
{
	float:left;
	width:100%;
	height:160px;
}

.info h3 a span
{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}

.categoria-citta-in-vt-right
{
	float:right;
	width:365px;
	min-height:50px;
	height:auto;
	color:#FFF;
}

.categoria-citta-in-vt-right h2
{
	color:#FFF;
}

.itinerario-anteprima
{
	float:left;
	width:100%;
	min-height:10px;
	height:auto;
	padding:0 0 20px 0;
}

.itinerario-anteprima img
{
	float:left;
	width:155px;
	height:155px;
	padding:5px;
	border:1px solid #FFF;
	margin:0 10px 10px 0;
}

.itinerario-anteprima h3
{
	color:#FFF;
}

.itinerario-anteprima p
{
	width:100%;
	float:left;
	color:#FFF;
}

.itinerario-anteprima h2 a:hover,
.itinerario-anteprima h3 a:hover
{
	text-decoration:none;
}

/*Pagina Categoria*/
.intro-categoria
{
	color:#FFF;
}

.intro-categoria img
{
	float:left;
	width:465px;
	height:400px;
	margin:10px 40px 30px 0;
}

.intro-categoria h2
{
	color:#FFF;
}

.categoria
{
	float:left;
	width:100%;
	min-height:100px;
	height:auto;
}

.categoria li
{
	float:left;
	width:465px;
	height:200px;
	background:#FFF;
	margin:0 20px 20px 0;
}

.categoria li.right
{
	float:right;
	width:465px;
	height:200px;
	background:#FFF;
	margin:0 0 20px 0;
}

.categoria li h2
{
	float:left;
	width:200px;
	line-height:25px;
}

.categoria li p
{
	float:left;
	width:200px;
}

.categoria li p a
{
	color:#323232;
}

.categoria li p a:hover
{
	color:#323232;
	text-decoration:none;
}

.categoria li a
{
	float:left;
}

.categoria li a img
{
	float:left;
	width:180px;
	height:180px;
	margin:10px 20px 10px 10px;
}


/*Pagina singolo virtualtour*/
#box-vt
{
	float:left;
	width:100%;
	min-height:50px;
	height:400px;
	background:url(../images/sfondo_vt.png) no-repeat top center;
}

.content-vt
{
	width:990px;
	margin:0 auto;
	height:400px;
}

.ombra-vt
{
	width:990px;
	height:17px;
	background:url(../images/shadow_1.png) no-repeat;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#vt
{
	width:990px;
	height:400px;
	margin:-17px auto 0;
}


.box-content-bianco
{
	float:left;
	width:100%;
	min-height:50px;
	height:auto;
	background:url(../images/sfondo_bianco.png) repeat-y top center;
}

.content-testo-dettaglio
{
	width:970px;
	padding:10px;
	margin:0 auto;
}

.indirizzo
{
	font-style:italic;
}

#box-gallery
{
	float:left;
	width:100%;
	padding:0 0 20px 0;
	background:url(../images/sfondo_gallery.jpg) repeat-x;
}

.content-galleria-fotografica
{
	width:990px;
	margin:0 auto;
	min-height:100px;
	height:auto;
}

.title-galleria-foto
{
	color:#FFF;
	padding:0 0 0 10px;
}

.img-thumb
{
	float:left;
	width:247px;
	height:247px;
}

.box-vt-bottom
{
	float:left;
	width:100%;
	min-height:50px;
	height:auto;
}

.content-vt-bottom
{
	width:970px;
	padding:10px;
	margin:0 auto;
	min-height:50px;
	height:auto;
}

.virtualtour-correlati
{
	float:left;
	width:460px;
	min-height:545px;
	height:auto;
}

.virtualtour-correlati h2
{
	color:#FFF;
	margin:25px 0 30px 0;
}

.box-vt-list img
{
	float:left;
	width:80px;
	height:80px;
	margin:0 20px 0 0;
}

.box-vt-list h3 a
{
	font-family:'roboto_slabregular',serif;
}

.box-vt-list p a
{
	color:#FFF;
}

.box-vt-list h3 a:hover,
.box-vt-list p a:hover
{
	text-decoration:none;
}

.geolocalizzazione
{
	float:right;
	width:460px;
	height:auto;
	min-height:50px;
}

.geolocalizzazione h2
{
	color:#FFF;
}

#map
{
	float:left;
	width:460px;
	height:460px;
	margin:20px 0 0 0;
}


/*Pagina Itinerari*/
.content-mappa
{
	float:left;
	width:100%;
	min-height:100px;
	height:auto;
	margin:20px 0 0 0;
}

.content-anteprime-itinerario
{
	float:left;
	width:100%;
	min-height:10px;
	height:auto;
	margin:20px 0 10px 0;
}

.content-anteprime-itinerario img
{
	float:left;
	width:117px;
	height:117px;
	margin:2px;
	padding:0;
	border:0;
}

/*Pagina Singolo Itinerario*/
#box-cartina-itinerario
{
	width:100%;
	min-height:100px;
	height:auto;
}

.mappa-itinerario-singolo
{
	float:left;
	width:600px;
	height:300px;
	cursor: crosshair;
	float: left;

}

.testo-itineario-singolo
{
	float:right;
	width:350px;
	height:300px;
	color:#FFF;
}

.testo-itineario-singolo h2
{
	color:#FFF;
}

.box-pattern-grigio
{
	float:left;
	width:100%;
	min-height:100px;
	height:auto;
	background:url(../images/pattern_grigio.jpg) repeat;
}

.box-pattern-bianco
{
	float:left;
	width:100%;
	min-height:100px;
	height:auto;
	background:#FFF;
}

.testo-tappa
{
	float:left;
	width:600px;
	min-height:50px;
	height:auto;
}

.content-img-tappa
{
	float:right;
	width:368px;
	min-height:100px;
	height:auto;
	margin:0 0 10px 0;
}

.img-tappa
{
	float:right;
	width:180px;
	height:180px;
	margin:0 0 3px 3px;
}

.img-tappa a
{
	float:right;
	width:180px;
	height:180px;
	background:url(../../images/play.png) no-repeat center center;
}

.tappa-santuario-madonna-delle-grazie				{background:url(../../images/anteprime/santuario_della_madonna_delle_grazie.jpg) no-repeat;}
.tappa-chiesa-di-sant-antonio-abate					{background:url(../../images/anteprime/chiesa_di_sant_antonio_abate.jpg) no-repeat;}
.tappa-santuario-della-madonna-di-filetta			{background:url(../../images/anteprime/santuario_della_madonna_di_filetta.jpg) no-repeat;}
.tappa-santuario-dell-icona-passatora				{background:url(../../images/anteprime/santuario_dell_icona_passatora.jpg) no-repeat;}
.tappa-la-quercia-di-sant-angelo					{background:url(../../images/anteprime/quercia_di_sant_angelo.jpg) no-repeat;}

.tappa-basilica-di-san-francesco					{background:url(../../images/anteprime/basilica_di_san_francesco.jpg) no-repeat;}
.tappa-torre-civica									{background:url(../../images/anteprime/torre_civica.jpg) no-repeat;}
.tappa-chiesa-di-san-giovanni						{background:url(../../images/anteprime/chiesa_di_san_giovanni.jpg) no-repeat;}
.tappa-chiesa-di-sant-agostino						{background:url(../../images/anteprime/chiesa_di_sant_agostino.jpg) no-repeat;}
.tappa-porta-carbonara								{background:url(../../images/anteprime/porta_carbonara.jpg) no-repeat;}
.tappa-parco-in-miniatura							{background:url(../../images/anteprime/parco_in_miniatura.jpg) no-repeat;}
.tappa-museo-civico-cola-filotesio					{background:url(../../images/anteprime/museo_civico_cola_filotesio.jpg) no-repeat;}
.tappa-chiesa-del-santissimo-crocifisso				{background:url(../../images/anteprime/chiesa_del_santissimo_crocifisso.jpg) no-repeat;}
.tappa-cinema-teatro-comunale-giuseppe-garibaldi	{background:url(../../images/anteprime/cinema_teatro_comunale_giuseppe_garibaldi.jpg) no-repeat;}
.tappa-chiesa-di-santa-maria-del-suffragio			{background:url(../../images/anteprime/chiesa_di_santa_maria_del_suffragio.jpg) no-repeat;}

.tappa-antiche-mura									{background:url(../../images/anteprime/antiche_mura.jpg) no-repeat;}
.tappa-lago-scandarello								{background:url(../../images/anteprime/lago_scandarello.jpg) no-repeat;}


/*Pagina Da non Perdere*/
.da-non-perdere-left
{
	float:left;
	width:450px;
	height:600px;
}

.da-non-perdere-right
{
	float:right;
	width:450px;
	height:600px;
}

.da-non-perder-cerchietto
{
	float:left;
	width:47px;
	height:30px;
	position:relative;
	z-index:2;
	margin:-27px 0 0 15px;
	background:url(../images/sprite.png) 0 -1870px;
}

.da-non-perdere-vt
{
	float:left;
	padding:10px;
	width:428px;
	height:180px;
	border:1px solid #B7A385;
	background:url(../images/sfondo_eventi.png);
	color:#FFF;
}

.da-non-perdere-vt h2 a,
.da-non-perdere-vt p a
{
	color:#FFF;
}

.da-non-perdere-vt p a:hover
{
	text-decoration:none;
}

/*Pagina Eventi*/
#box-evento
{
	width:100%;
	background:#FFF;
	min-height:340px;
	height:auto;
}

.foto-evento
{
	float:left;
	width:300px;
	height:300px;
	margin:10px 20px 20px 0;
}

.quando-dove-evento
{
	color:#19449A;
	font-weight:bold;
}

#box-title-archivio-eventi
{
	width:100%;
	margin:0 0 20px 0;
	background:#b7a385;
}

#box-title-archivio-eventi h2
{
	color:#FFF;
}

#box-archivio-eventi
{
	width:100%;
	min-height:100px;
	height:auto;
	background:url(../images/sfondo_eventi.png);
	color:#FFF;
	float:left;
	padding:30px 0 0 0;
}

#box-archivio-eventi h2
{
	color:#FFF;
}

ul.lista-eventi
{
	width:100%;
	min-height:100px;
	height:auto;
	float:left;
}

ul.lista-eventi li
{
	float:left;
	width:450px;
	height:300px;
	margin:0 35px 20px 0;
}

ul.lista-eventi li.right
{
	float:right;
	margin:0 0 20px 0;
}

.specifiche-evento
{
	float:left;
	width:100%;
	height:60px;
	margin:0 0 20px 0;
}

.calendario
{
	background: url("../images/icona_calendario.png") no-repeat;
	color: #FFF;
	height: 40px;
	float:left;
	line-height: 15px;
	margin: 0 20px 10px 0;
	padding: 20px 0 0;
	text-align: center;
	font-weight:bold;
	width: 55px;
}

.quando-dove-lista-eventi
{
	margin:10px 0 0 0;
}


/*Pagina Come Arrivare*/
#box-mappa-grande
{
	height:400px;
	width:100%;
	background:url(../images/sfondo_vt.png) no-repeat top center;
}

.content-mappa-grande
{
	width:990px;
	margin:0 auto;
}

#mappa-grande
{
	float:left;
	width:100%;
	height:400px;
	margin:-17px 0 0 0;
}

#box-calcola-percorso
{
	width:100%;
	min-height:100px;
	height:auto;
	float:left;
	background:url(../images/sfondo_bianco.png) repeat-y top center;
}

#partenza
{
	float:left;
	width:245px;
	height:27px;
	line-height:27px;
	margin:15px 10px 15px 0;
	padding:0 0 0 10px;
	border-radius:15px;
	border: 1px solid #9A9CA0;
	box-shadow: 2px 2px 3px #D4D4D5 inset;
}

#panel
{
	float: left;
	height: auto;
	width: 100%;
	margin:0 0 15px 0;
}

#calcola
{
	color: #A98669;
	float: left;
	height: 29px;
	line-height:23px;
	width:29px;
	background:#EBD9C2;
	margin:15px 0 0 0px;
	text-decoration:none;
	text-align:center;
	border-radius:15px;
}

#box-come-arrivare
{
	width:100%;
	height:551px;
	float:left;
	background:url(../images/sfondo_come_arrivare.png) repeat-x;
}

#box-partenza-da
{
	width:100%;
	height:145px;
	margin:0 auto;
	float:left;
	background:url(../images/sfondo_partenza_da.png) no-repeat top center;
}

h2.titoli-partenza-da
{
	float:left;
	width:250px;
	height:130px;
	padding:0 0 0 70px;
	line-height:30px;
	background:url(../images/sprite.png) no-repeat 0 -2007px;
}

h2.titoli-partenza-da span
{
	font-family:'roboto_slabregular',serif;
}

#box-descrizione-come-arrivare
{
	width:100%;
	float:left;
	min-height:100px;
	height:auto;
	padding:0 0 30px 0;
	background:url(../images/sfondo_bianco.png) repeat-y top center;
}

.contenitore-descrizione-come-arrivare
{
	float:left;
	width:300px;
	min-height:100px;
	height:auto;
	padding:0 20px 0 0;
	margin:15px 0 0 0;
}

/*Pagina ricettività*/
.ricettivita:after
{
	content: "";
	display: inline-block;
	width: 100%;
}

.ricettivita
{
	float:left;
	width:100%;
	min-height:100px;
	height:auto;
	padding:20px 0 0 0;
	text-align:justify;
}

.ricettivita li
{

	width:458px;
	height:200px;
	text-align:center;
	margin:0 0 20px 0;
	overflow:hidden;
}

.ricettivita li.mangiare
{
	background:url(../images/mangiare.png) no-repeat 20px 20px #FFF;
}

.ricettivita li.dormire
{
	background:url(../images/dormire.png) no-repeat 20px 20px #FFF;
}


.ricettivita li h2
{
	margin:30px 0 20px 0;
	height:55px;
	padding:0 100px;
	line-height:25px;
}

.testo-aziende
{
	width:100%;
	height:88px;
}

.ricettivita li p
{
	margin:0;
}

/*Pagina qr code*/
#box-qr-code
{
	width:100%;
	min-height:525px;
	height:auto;
	margin:30px 0 20px 0;
	background:url(../images/sfondo_qrcode.png) no-repeat top center;
}

.qr-left
{
	color: #FFFFFF;
	float: left;
	height: 141px;
	margin: 95px 0 0 255px;
	width: 277px;
	font-family:'roboto_slabregular',serif;
}

.qr-right
{
	float:right;
	width:430px;
	color:#FFF;
	height:165px;
	text-align:center;
	font-family:'roboto_slabregular',serif;
	margin:60px 0 0 0;
	font-size:18px;
}

#box-sistemi
{
	width:100%;
	min-height:160px;
	height:auto;
	padding:140px 0 0 0;
	background:url(../images/sfondo_sistemi.jpg) no-repeat top center;
	font-family:'roboto_slabregular',serif;
}

.sistemi-left
{
	float:left;
	width:370px;
	height:125px;
}

.sistemi-center
{
	float:left;
	width:315px;
	height:125px;
}

.sistemi-right
{
	float:left;
	width:280px;
	height:125px;
}

/*Footer*/
#box-footer
{
	width:100%;
	margin:20px auto 0;
	height:350px;
	background:url(../images/sfondo_footer.png) no-repeat top center;
}

#box-footer h3,
#box-footer h4
{
	color:#2670B4;
}

.numeri-utili
{
	float:left;
	width:200px;
	height:300px;
	color:#FFF;
	background:url(../images/logo_istituzionale.png) no-repeat 0 210px;
}

a.comune
{
	float:left;
	width:65px;
	height:85px;
}

.ultimi-eventi
{
	float:left;
	width:230px;
	height:300px;
	color:#FFF;
	margin:0 30px 0 0;
}

.ultimi-eventi h4 a:hover
{
	text-decoration:none;
}

.ultimi-eventi p a
{
	color:#FFF;
}

.ultimi-eventi p a:hover
{
	color:#FFF;
	text-decoration:none;
}

.social
{
	float:left;
	width:200px;
	height:200px;
	color:#FFF;
	background:url(../images/seguici_su.png) no-repeat 0 50px;
}

.social ul
{
	float:left;
	width:100%;
	height:100px;
}

.social ul li
{
	float:left;
	width:55px;
	height:55px;
	margin:0 10px 0 0;
}

a.face,
a.twitter
{
	float:left;
	width:55px;
	height:55px;
}

a.face				{background:url(../images/sprite.png) 0 -1418px;}
a.twitter			{background:url(../images/sprite.png) 0 -1626px;}

a.face:hover		{background:url(../images/sprite.png) 0 -1509px;}
a.twitter:hover		{background:url(../images/sprite.png) 0 -1746px;}

.twitter
{
	float:left;
	width:310px;
	height:300px;
	color:#FFF;
}

.copy
{
	width:100%;
	text-align:center;
	color:#FFF;
	margin:20px 0 0 0;
	float:left;
}

.clear { clear: both; }