@import "reset.css";

html, body{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	background: #FFF;
	color: #999;
	padding: 0;
	margin: 0;
}
h1,
h2{
	font-weight: 300;
}
h2{
	font-size: 24px;
}
section{
	position: relative;
	padding: 80px 0
}
p{
	font-size: 20px;
	line-height: 30px;
	margin: 26px 0;
}
a{
	color: #DDD;
}



/*/ --- GENERALI --- /*/
.clear{
	clear:both;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}
.relative{
	position: relative;
}
.riga{
	min-height: 3px !important;
	height: 3px !important;
	width: 140px !important;
	margin: 26px auto 0 auto !important;
	background: #999 !important;
	clear: both;
}
section.immagine{
	min-width: 100%;
	min-height: 400px;
	padding: 0 !important;
	background-position: 50% 0;
}
section.small{
	min-height: 150px !important;
	min-width: 100% !important;
	height: 150px !important;
	padding: 0 !important;
}
#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7,
#slide8,
#contatti{
	position: relative;
}
.up,
.down{
	position: absolute;
	min-width: 50px;
	min-height: 26px;
	cursor: pointer;
}
.up{
	background: url('../imgs/generali/up.png') center center no-repeat;
	top: 40px;
	right: 20px;
}
.down{
	background: url('../imgs/generali/down.png') center center no-repeat;
	bottom: 20px;
	left: 20px;
}




/*/ --- HEADER --- /*/
#logo{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 1001;
}
#flag{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1001;
}
#header{
	position: fixed;
	z-index: 1000;
	top: 0;
	background: #FFF;
	width: 100%;
	background: url('../imgs/bg/header.png') repeat; 
}
#header nav{
	padding: 20px 0;
	margin: 0 auto;
	overflow: hidden;
	width: 435px;
}
#header nav > div{
	float: left;
	margin: 0 15px;
	cursor: pointer;
}
#header nav .out{
	position: relative;
	border-radius: 50%;
	background: #FFF;
	width: 18px;
	height: 18px;
}
#header nav .out .inside{
	border: 0;
	border-radius: 50%;
	background: #AAA;
	width: 14px;
	height: 14px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top: -7px;
	margin-left: -7px;
}
#header nav .out .inside.on{
	width: 6px;
	height: 6px;
	margin-top: -3px;
	margin-left: -3px;
}
#header nav .out .inside.selected{
	background: #CC0000;
}




/*/ --- SEZIONE TEXT --- /*/
#slide1{
	background: url('../imgs/bg/1a.jpg') no-repeat right 0;
}
#slide3{
	background: url('../imgs/bg/3a.jpg') no-repeat center 0;
}



/*/ --- SEZIONE BACKGROUND --- /*/
#immagine-0{
	background: url('../imgs/bg/0.jpg') no-repeat center 0 fixed;
	background-size: auto !important;
}
#immagine-1{
	background: url('../imgs/bg/1.jpg') no-repeat  center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-2{
	background: url('../imgs/bg/2.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-3{
	background: url('../imgs/bg/3.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-4{
	background: url('../imgs/bg/4.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-5{
	background: url('../imgs/bg/5.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-6{
	background: url('../imgs/bg/6.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-7{
	background: url('../imgs/bg/7.jpg') no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#immagine-8{
	background: url('../imgs/bg/8.jpg') no-repeat center center #333;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



/*/ --- CLASSI PER H1 --- /*/
.red{
	color: #CC0000;
}
.grey{
	color: #999;
}
.lightGrey{
	color: #CCC;
}
.giga{
	font-size: 105px;
}
.big{
	font-size: 90px;
}
.medium{
	font-size: 70px;
}
.little{
	font-size: 53px;
}
.mini{
	font-size: 44px;
}
h1 span{
	display: block;
}
.collaborations h1 span{
	display: inline;
}



/*/ --- SLIDER --- /*/
.prev,
.next{
	min-height: 272px;
	cursor: pointer;
}
.prev{
	background: url('../imgs/generali/prev.png') center center no-repeat;
}
.next{
	background: url('../imgs/generali/next.png') center center no-repeat;
}
#sliderWrapper{
	overflow: hidden;
}
#sliderBrand{
	width: 2000px;
	height: 272px;
}
.doubleBrand{
	float:left;
	margin: 0 7px;
}
.brand{
	margin: 7px 0;
}



/*/ --- AGENCY --- /*/
.agencyTitle{
	position: absolute;
	bottom: 0px;
	width: 370px;
	left: 50%;
	margin-left: -185px;
}
.agency{
	position: absolute;
}
.agency img{
	cursor: pointer;
}
.agency .descrizione{
	position: absolute;
	z-index: 995;
	display: none;
	text-align: center;
	width: 200px;
	top: -80px;
	left: 15px;
	background: #CC0000;
	padding: 10px 10px;
}
.agency .descrizione p{
	margin: 0;
	font-size: 14px;
	color: #FFF;
}
.agency .descrizione p.contact{
	background: #FFF;
}
.agency .descrizione p.contact a,
.agency .descrizione p.contact{
	color: #CC0000;
}
#como{
	top: 160px;
	left: 460px;
}
#ny{
	top: 170px;
	left: 250px;
}
#la{
	top: 200px;
	left: 125px;
}
#tokio-osaka{
	top: 185px;
	left: 810px;
}
#sanpaolo-rio{
	top: 350px;
	left: 320px;
}
#seoul{
	top: 195px;
	left: 775px;
}
#istanbul{
    top: 180px;
    left: 510px;
}
#taipei{
	top: 220px;
	left: 775px;
}
#barcellona{
    top: 180px;
	left: 435px;
}
#berlino{
    left: 465px;
    top: 145px;
}
#londra{
    top: 140px;
	left: 435px;
}
#parigi{
    top: 157px;
	left: 437px;
}



/*/ --- CONTATTI --- /*/
#contatti{
	background: #333;
	color: #DDD !important;
	padding-bottom: 54px;
}
#contatti .up{
	top: 20px;
}
#contatti .piva{
	font-size: 16px;
}