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

* { margin: 0; padding: 0; }
/* a { outline: none; } */

html, body {height: 100%; margin: 0; padding: 0;}

body {
	overflow: scroll;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

.home { background: #5d89a4; font-size: 14px; }
.servizi { background: #9bb6d4; }
.circuiti { background: url(images/wrapper_circuiti.jpg) top left no-repeat; }
.contatti { z-index: 2; }
.map { background: #6e9db9; }
.gallery { background: #6e9db9; }

/* Intro */

#introbg { z-index: 1; position:fixed; top:0; left:0; width:100%; height:100%; background: url(images/wrapper_intro.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		 }
#introbgHover { z-index: 2; position:fixed; top:0; left:0; width:100%; height:100%; background: url(images/wrapper_intro.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		 }
		 
#introLink { display: block; width: 440px; height: 235px; position: absolute; top: 40%; left: 15%; text-indent: -9999px; z-index:3; }

#content { height: 713px; width: 100%; position: fixed; bottom: 0; left: 0; }
#content.home { background: url(images/bg.png) bottom left repeat-x; }
#content.circuiti { background: none!important; }
#content.contatti { background: none!important; }
#content.map { background: url(images/bg_map.png) bottom left repeat-x; }
#content.gallery { background: url(images/bg_map.png) bottom left repeat-x; }

#wrapper { width: 1415px; height: 713px; }
#wrapper.home { background: url(images/wrapper_home.jpg) top left no-repeat; position: relative; }
#wrapper.servizi { background: url(images/wrapper_servizi.jpg) top left no-repeat; position: relative; }
#wrapper.circuiti { background: none!important; }
#wrapper.contatti { background: url(images/wrapper_contatti.jpg) top left no-repeat; position: relative; }
#wrapper.map { background: url(images/wrapper_map.jpg) top left no-repeat; }
#wrapper.gallery { background: url(images/wrapper_gallery.jpg) top left no-repeat; }
#wrapper.intro { background: url(images/wrapper_intro.jpg) bottom left no-repeat; }

#logo { width: 300px; height: 200px; position: absolute; top: 0; left: 0; z-index: 1000; position: relative; }

/* Home */

#sm_home { width: 98px; height: 28px; position: absolute; left: 282px; bottom: 32px; }
#sm_home a { display: block; text-indent: -9999px; width: 98px; height: 28px; background:url(images/sm_home.png) top left; }


#blocks { width: 623px; height: 391px; position: absolute; top: 175px; left: 24px; }
#blocks a { display: block; text-indent: -9999px; background: url(images/home_blocks.png) 623px 391px no-repeat; float: left; }
#blocks a#servizi { width: 234px; height: 391px; }
#blocks a#servizi:hover { background-position: 0px 0px; }
#blocks a#circuiti { width: 187px; height: 391px; margin: 0 45px 0 0; }
#blocks a#circuiti:hover { background-position: -234px 0px; }
#blocks a#map { width: 157px; height: 391px; }
#blocks a#map:hover { background-position: -466px 0px; }

.box { padding: 20px; width: 323px; height:340px; position: absolute; top: 162px; left: 675px; display: none; z-index: 9999; background: url(images/box_home.png) top left; color: #fff; }
.box h2 { font-size: 40px; letter-spacing: -3px; }
.box h3 { font-size: 20px; padding: 15px 0 5px 0; line-height: 25px; }
.box p { margin: 0 0 5px 0; font-size: 18px; }

#circuiti_box h3 { font-size: 16px!important; line-height: 22px!important; }

#btn_contatti { width: 276px; height: 230px; position: absolute; top: 318px; left: 1052px; text-indent: -9999px; background: url(images/btn_contatti.png) top left no-repeat; }
#btn_contatti:hover { background: url(images/btn_contatti.png) bottom left no-repeat; }

/* Servizi */

#sm_servizi { width: 30px; height: 45px; position: absolute; left: 1061px; bottom: 287px; }
#sm_servizi a { display: block; text-indent: -9999px; width: 30px; height: 45px; background:url(images/sm_servizi.png) top left; }


.servizi .text { width: 632px; height: 417px; padding: 30px 50px 80px 50px; position: absolute; left: 200px; bottom: 70px; color: #fff; background: url(images/contatti_text.png) top left no-repeat; }
.servizi .text h2 { font-size: 42px; letter-spacing: -3px; }
.servizi .text h3 { font-size: 20px; padding: 15px 0 5px 0; }
.servizi .text h4 { font-size: 20px; padding: 15px 0 10px 0; color: #8ab5dd; }
.servizi .text h4 a { color: #8ab5dd; text-decoration: none; }
.servizi .text h4 a:hover { color: #fff; }
.servizi .text p { margin: 0 0 10px 0; }
.servizi .backhome { padding: 0 0 20px 0; }
.servizi .backhome a { font-size: 20px; color: #fff; text-decoration: none; }
.servizi .backhome a:hover { color: #004a99; }


/* Circuiti */

.circuiti .backhome { width: 348px; height: 131px; position: absolute; top: 30px; left: 664px; z-index: 9999; }
.circuiti .backhome a { display: block; text-indent: -9999px; width: 348px; height: 131px; background:url(images/backhome_circuiti.png) bottom left no-repeat; }
.circuiti .backhome a:hover { background:url(images/backhome_circuiti.png) top left no-repeat; }

#sm_circuiti { width: 34px; height: 35px; position: absolute; left: 55px; top: 785px; }
#sm_circuiti a { display: block; text-indent: -9999px; width: 34px; height: 35px; background:url(images/sm_circuiti.png) top left; }

#cs a { display: block; position: absolute; text-indent: -9999px; }

#cs a.scuole { top: 408px; left: 405px; width: 123px; height: 50px; background:url(images/circuiti_scuole.png) top left no-repeat; z-index: 9999; }
#cs a.scuole:hover { background:url(images/circuiti_scuole.png) bottom left no-repeat; }
#scuole_map { width: 424px; height: 362px; position: absolute; top: 103px; left: 451px; display: none; z-index: 1; }

#cs a.punti { top: 357px; left: 35px; width: 200px; height: 50px; background:url(images/circuiti_punti.png) top left no-repeat; z-index: 9999; }
#cs a.punti:hover { background:url(images/circuiti_punti.png) bottom left no-repeat; }
#punti_map { width: 448px; height: 126px; position: absolute; top: 380px; left: 40px; display: none; z-index: 1; }

#cs a.sport { top: 565px; left: 745px; width: 107px; height: 50px; background:url(images/circuiti_sport.png) top left no-repeat; z-index: 9999; }
#cs a.sport:hover { background:url(images/circuiti_sport.png) bottom left no-repeat; }
#sport_map { width: 419px; height: 306px; position: absolute; top: 440px; left: 592px; display: none; z-index: 1; }

#cs a.areali { top: 540px; left: 1035px; width: 107px; height: 50px; background:url(images/circuiti_areali.png) top left no-repeat; z-index: 9999; }
#cs a.areali:hover { background:url(images/circuiti_areali.png) bottom left no-repeat; }
#areali_map { width: 420px; height: 277px; position: absolute; top: 160px; left: 370px; display: none; z-index: 1; }

#cs a.edicole { top: 295px; left: 320px; width: 115px; height: 50px; background:url(images/circuiti_edicole.png) top left no-repeat; z-index: 9999; }
#cs a.edicole:hover { background:url(images/circuiti_edicole.png) bottom left no-repeat; }
#edicole_map { width: 420px; height: 277px; position: absolute; top: 160px; left: 370px; display: none; z-index: 1; }

#cs a.gdo { top: 307px; left: 745px; width: 300px; height: 50px; background:url(images/circuiti_gdo.png) top left no-repeat; z-index: 9999; }
#cs a.gdo:hover { background:url(images/circuiti_gdo.png) bottom left no-repeat; }
#gdo_map { width: 551px; height: 376px; position: absolute; top: 179px; left: 504px; display: none; z-index: 1; }

#cs a.transporti { top: 374px; left: 1060px; width: 160px; height: 50px; background:url(images/circuiti_transporti.png) top left no-repeat; z-index: 9999; }
#cs a.transporti:hover { background:url(images/circuiti_transporti.png) bottom left no-repeat; }
#transporti_map { width: 764px; height: 477px; position: absolute; top: 40px; left: 447px; display: none; z-index: 1; }

#cs a.centri { top: 590px; left: 418px; width: 250px; height: 50px; background:url(images/circuiti_centri.png) top left no-repeat; z-index: 9999; }
#cs a.centri:hover { background:url(images/circuiti_centri.png) bottom left no-repeat; }
#centri_map { width: 588px; height: 410px; position: absolute; top: 186px; left: 274px; display: none; z-index: 1; }

#cs a.farmacie { top: 575px; left: 248px; width: 160px; height: 65px; background:url(images/circuiti_farmacie.png) top left no-repeat; z-index: 9999; }
#cs a.farmacie:hover { background:url(images/circuiti_farmacie.png) bottom left no-repeat; }
#farmacie_map { width: 706px; height: 295px; position: absolute; top: 452px; left: 290px; display: none; z-index: 1; }

#cs a.finanza { top: 639px; left: 132px; width: 140px; height: 50px; background:url(images/circuiti_finanza.png) top left no-repeat; z-index: 9999; }
#cs a.finanza:hover { background:url(images/circuiti_finanza.png) bottom left no-repeat; }
#finanza_map { width: 697px; height: 267px; position: absolute; top: 542px; left: 162px; display: none; z-index: 1; }

#cs a.target { top: 800px; left: 715px; width: 140px; height: 50px; background:url(images/circuiti_target.png) top left no-repeat; z-index: 9999; }
#cs a.target:hover { background:url(images/circuiti_target.png) bottom left no-repeat; }
#target_map { width: 351px; height: 543px; position: absolute; top: 268px; left: 506px; display: none; z-index: 1; }

#cs a.fashion { top: 777px; left: 393px; width: 234px; height: 50px; background:url(images/circuiti_fashion.png) top left no-repeat; z-index: 9999; }
#cs a.fashion:hover { background:url(images/circuiti_fashion.png) bottom left no-repeat; }
#fashion_map { width: 115px; height: 159px; position: absolute; top: 638px; left: 409px; display: none; z-index: 1; }

/* Contatti */

#contattibg { z-index: 1; position:fixed; top:0; left:0; width:100%; height:100%; background: url(images/wrapper_contatti.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		 }

#sm_contatti { width: 34px; height: 35px; position: absolute; left: 800px; top: 613px; z-index: 9999; }
#sm_contatti a { display: block; text-indent: -9999px; width: 34px; height: 35px; background:url(images/sm_circuiti.png) top left; }


.contatti .text { width: 632px; height: 417px; padding: 30px 50px 80px 50px; position: absolute; left: 48px; bottom: 70px; color: #fff; background: url(images/contatti_text.png) top left no-repeat; }
.contatti .text h2 { font-size: 42px; letter-spacing: -3px; }
.contatti .text h3 { font-size: 20px; padding: 10px 0 10px 0; }
.contatti .text h4 { font-size: 18px; padding: 5px 0 10px 0; color: #8ab5dd; }
.contatti .text h4 a { color: #8ab5dd; text-decoration: none; }
.contatti .text h4 a:hover { color: #fff; }
.contatti .maptitle { font-size: 15px!important; padding: 0 0 10px 145px!important; }
.contatti .maptitle a { color: #8ab5dd; text-decoration: none; }
.contatti .maptitle a:hover { color: #fff; }
.contatti .text p { margin: 0 0 10px 0; }
.contatti .text p a { color: #fff; text-decoration: none; }
.contatti .text p a:hover { text-decoration: underline; }
.contatti .backhome { padding: 5px 0 30px 0; }
.contatti .backhome a { font-size: 20px; color: #a6c3f3; text-decoration: none; }
.contatti .backhome a:hover { color: #004a99; }
.contatti .images { float: right; width: 150px; }
.contatti .images img { margin: 0 0 15px 0; }

/* Map */

#sm_map {
	width: 34px;
	height: 35px;
	position: absolute;
	left: 966px;
	top: 582px;
	z-index: 9999;
}

#sm_map a { display: block; text-indent: -9999px; width: 34px; height: 35px; background:url(images/sm_circuiti.png) top left; }

.map .text {
	width: 632px;
	height: 417px;
	padding: 30px 50px 80px 50px;
	position: absolute;
	left: 444px;
	bottom: -179px;
	color: #fff;
	background: url(images/gallery_text.png) top left ; /* no-repeat; */
}
.map .text h2 { font-size: 42px; letter-spacing: -3px; }
.map .text h3 { font-size: 20px; line-height: 25px; padding: 15px 0 10px 0; }
.map .text h4 { font-size: 20px; padding: 15px 0 10px 0; color: #8ab5dd; }
.map .text h4 a { color: #8ab5dd; text-decoration: none; }
.map .text h4 a:hover { color: #fff; }
.map .text p { margin: 0 0 10px 0; }
.map .backhome { padding: 3px 0 30px 0; }
.map .backhome a { font-size: 20px; color: #fff; text-decoration: none; }
.map .backhome a:hover { color: #004a99; }


/* Gallery */

#sm_logo {
	position: absolute;
	left: 966px;
	top: 582px;	
	z-index: 99991;
}
#sm_logo a { display: block; text-indent: -9999px; width: 35px; height: 35px; background:url(images/sm_circuiti.png) top left; }

#sm_gallery {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 966px;
	top: 582px;
	z-index: 9999;
}
#sm_gallery a { display: block; text-indent: -9999px; width: 35px; height: 35px;  }

.gallery .galleryimage  {
	width: 632px;
	height: 417px;
	padding: 30px 50px 80px 50px;
	position: absolute;
	left: 408px;
	bottom: 3px;
	color: #fff;
	background: url(images/bg_gallery.png) top left no-repeat;
}
.gallery .text h2 { font-size: 30px; letter-spacing: -3px; }
.gallery .text h3 { font-size: 38px; letter-spacing: -3px;  }
.gallery .text h4 { font-size: 18px; padding: 15px 0 10px 0;  }
.gallery .text h5 { font-size: 15px; padding: 15px 0 10px 0; }
.gallery .text h4 a { color: #8ab5dd; text-decoration: none; }
.gallery .text h4 a:hover { color: #fff; }
.gallery .text p { margin: 0 0 10px 0; }
.gallery .backhome { padding: 3px 0 20px 0; }
.gallery .backhome a { font-size: 20px; color: #fff; text-decoration: none; }
.gallery .backhome a:hover { color: #004a99; }
/*
.backhome { padding: 3px 0 30px 0; }
.backhome a { font-size: 20px; color: #fff; text-decoration: none; }
.backhome a:hover { color: #004a99; }
*/