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



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


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

}

body{
	background-color:#003d56;
	
}



span.bold{
	font-weight:bold;
	
}

.fullBg {
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;
}


div.content{
	width:1024px;
	height:768px;
	position:relative;
	margin:0 auto;
	margin-top:55px;
	
}

div.content_home{
	width:1200px;
	height:768px;
	position:relative;
	margin:0 auto;
	margin-top:55px;
	
}

div.header{
	width:1024px;
	height:73px;
	position:absolute;
	top:-31px;
	z-index:999;
	
}

div.cont_home{
	position:relative;
	margin:0 auto;
	width:978px;
	height:627px;
	border:#FFF solid 1px;
	
}


div.home{
	position:absolute;
	width:977px;
	height:627px;
	background-image:url(images/copertina_vuoto.png);
	background-repeat:no-repeat;
	
}


div.home_2{
	position:absolute;

	width:977px;
	height:627px;
	background-image:url(images/copertina.png);
	background-repeat:no-repeat;
	display:none;
	
}

div.home_3{
	position:absolute;

	width:977px;
	height:627px;
	background-image:url(images/copertina_scritta.png);
	background-repeat:no-repeat;
	display:none;
	
}


div.int{
	position:relative;
	margin:0 auto;
	width:976px;
	height:608px;
	
}

div.logo{
	position:absolute;
	
	top:15px;
	z-index:999;
	left:285px;
	display:none;
	
	
	
}


div.logo_int{
	position:absolute;
	
	top:1px;
	z-index:999;
	left:24px;
	
	
	
}


div.claim{
	position:absolute;
	width:400px;
	height:25px;
	left:285px;
	top:8px;
	color:#FFF;
    font-family: 'dnmedium';
	font-size:16px;
	text-transform:uppercase;


}

div.logo_oikia{
	width:90px;
	height:44px;
	right:-4px;
	top:-44px;
	z-index:999;
	position:absolute;
	
}



div.logo_oikia_int{
	width:90px;
	height:44px;
	right:120px;
	z-index:999;
	position:absolute;
	top:-12px;
	
}

div.logo_storie_int{
	width:90px;
	height:44px;
	right:17px;
	z-index:999;
	position:absolute;
	top:-12px;
	
}

div.menu{
	width:976px;
	height:30px;
	position:relative;
	margin:0 auto;
	margin-top:9px;
    font-family: 'dnmedium';

	
}

div.filetto{
	width:980px;
	height:0px;
	border-bottom:solid 1px #FFF;
	position:relative;
	margin:0 auto;
	
}


div.filetto_home{
	width:980px;
	height:0px;
	border-bottom:solid 1px #FFF;
	position:relative;
	margin:0 auto;
	margin-top:20px;
	
}

div.filetto_alto{
	width:976px;
	height:0px;
	border-bottom:solid 1px #FFF;
	position:relative;
	margin:0 auto;
	margin-top:31px;
	
}

div.menu li{
	color:#FFF;
	height:20px;
	float:left;
	margin-right:10px;
	
}

li.divisore{
	height:28px;
	width:1px;
	border-left:solid 1px #FFF;
	margin-right:5px;
	
}

#nav {
	position: relative;
	float: left;
}
#nav li {
	float: left;
	list-style: none;
	height:19px;
}
#nav li a {
	text-transform:uppercase;
	color: #FFF;
	position: relative;
	z-index: 2;
	float: left;
	font-size: 15px;
	text-decoration: none;

	}
#nav #blob {
	position: absolute;
	bottom: 20px;
	z-index : 1;
	height:3px;
	background-color:#dcad27;
	border:none;
	margin-bottom:5px;
}

div.social{
	width:140px;
	float:right;
	margin-right:23px;
	
}

div.map{
	width: 642px;
	height: 556px;
	position: absolute;
	top: 65px;
	background-color: #003d56;
	left: 1px;
}


div.diario_bg{
	width: 974px;
	height: 558px;
	position: absolute;
	top: 65px;
	background-color: #003d56;
	left: 1px;
}

div.map_2{
	width:642px;
	height:518px;
	position:absolute;
top:79px;
	background-color:#003d56;
	
}



div.info{
	width:317px;
	height:0px;
	position:absolute;
	top:60px;
	right:0px;
	background-image:url(images/sfondo_int.png);
	
}

#bott{

	background-image:url(images/sfondo_int.png);
	
}


#app{

	background-image:url(images/sfondo_int_bott.png);
	
}


div.foto{
	width:317px;
	height:551px;
	position:absolute;
	top:46px;
	right:0px;
	padding-top:20px;
	
}

div.sfondo_foto{
	width:272px;
	height:508px;
	position:absolute;
	top:66px;
	right:0px;
	background-color:#003d56;
	padding-top:47px;
	padding-left:45px;

	
}

div.sfondo_contatti{
	width:272px;
	height:492px;
	position:absolute;
	top:66px;
	right:0px;
	background-color:#003d56;
	padding-top:5px;
	padding-left:5px;

	
}

div.sfondo_foto img{
	margin-right:20px;
	margin-bottom:20px;
	

	
}

div.title_info{
color:#FFF;
font-size:15px;
text-transform:uppercase;
    font-family: 'dnmedium';
text-align:right;
padding-right:17px;


	
}

div.img_info{
	position: absolute;
	top: 8px;
	width: 132px;
	height: 85px;
	right: 16px;
	border: solid 1px #FFF;
}

div.img_info_vert{
	position:absolute;
	top:10px;
	width:71px;
	height:85px;
	right:17px;
	border:solid 1px #FFF;
	
}

div.text_info{
	position:absolute;
	top:102px;
	right:0px;
	width:268px;
	font-family:Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:right;
	padding-right:17px;
	line-height:16px;
	
}

div.text_info_app{
	position:absolute;
	top:15px;
	right:0px;
	width:268px;
	font-family:Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:right;
	padding-right:17px;
	line-height:16px;
	
}

div.text_info_app a{
color:#FFF;
	line-height:20px;
	
}

div.text_info a{
	color:#FFF;
	line-height:20px;
	
}

div.piantina{
	width:284px;
	height:154px;
	position:absolute;
	top:368px;
	right:0px;
	display:none;
}

div.piantina_bottega{
	width:284px;
	height:154px;
	position:absolute;
	top:332px;
	right:0px;
	display:none;
}

div.titolo_app{
	position:absolute;
	color:#FFF;
	text-transform:uppercase;
	border-left:solid 1px #FFF;	
	padding-left:10px;
    font-family: 'dnmedium';
	padding-bottom:5px;
	height:16px;
	display:none;

	
}

div.titolo_app_cont{
	position:relative;
	margin-left:225px;
	color:#FFF;
	text-transform:uppercase;
	padding-left:10px;
    font-family: 'dnmedium';
	margin-top:20px;
	padding-bottom:5px;
	height:16px;

	
}

div.titolo_pro{
	position:relative;
	margin-left:225px;
	color:#FFF;
	text-transform:uppercase;
	padding-left:10px;
    font-family: 'dnmedium';
	margin-top:20px;
	padding-bottom:5px;
	height:16px;

	
}

span.corsivo{
    font-family: 'dnmedium';
		font-size:13px;
		

	
}

div.title{
    font-family: 'dnmedium';
		font-size:15px;
		color:#FFF;
		margin-top:10px;
		margin-left:20px;
	
	
}

div.title_contatti{
    font-family: 'dnmedium';
		font-size:15px;
		color:#FFF;
		margin-top:10px;
		margin-left:10px;
	
	
}

div.text_progetto{
	margin-left:20px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-right:10px;
	color:#FFF;
	
}

div.text_privacy{
	margin-left:20px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-right:10px;
	color:#FFF;
	overflow:auto;
	height:500px;
	width:600px;
	
}

div.text_privacy a{
	color:#FFF;
	
}


div.text_contatti{
	margin-left:10px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-right:10px;
	color:#FFF;
	
}


div.text_progetto img{
	vertical-align:middle;
	
}

div.text_progetto a{
	color:#FFF;
	text-decoration:underline;
	
}

div.text_diario{
	margin-left:20px;
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	padding-right:10px;
	color:#FFF;
	
}

div.scritta{
	position:absolute;
	color:#FFF;
	width:500px;
	height:200px;
    font-family: 'dnmedium';
			font-size:14px;
			top:40px;
			left:20px;
	
}

div#tendina{
	height:0px;
	overflow:hidden;
	position:relative;
	
}

div.text_progetto img{
	margin-top:10px;
	margin-right:8px;
	
}


.img_diario{
	margin-bottom:10px;
	margin-right:20px;
	
}

.scroll{
	overflow:auto;
	width:960px;
	height:540px;
	margin-top:5px;
	
}

div.claim{
	
	position:absolute;
	
	top:109px;
	z-index:999;
	left:331px;
	display:none;
	
	
}


/* Showcase
-------------*/

#awOnePageButton .view-slide
{
	display: none;
}

/* This class is removed after the showcase is loaded */
/* Assign the correct showcase height to prevent loading jumps in IE */
.showcase-load
{
	height: 470px; /* Same as showcase javascript option */
	overflow: hidden;
}

/* Container when content is shown as one page */
.showcase-onepage
{
	/**/
}

/* Container when content is shown in slider */
.showcase
{
	position: absolute;
	margin: auto;
	top:79px;
}

	.showcase-content-container
	{
	}
	
	/* Navigation arrows */
	.showcase-arrow-previous, .showcase-arrow-next
	{
		position: absolute;
		background: url('../images/arrows.png');
		width: 33px;
		height: 33px;
		top: 220px;
		cursor: pointer;
	}
	
	.showcase-arrow-previous
	{
		left: -60px;
	}
	
	.showcase-arrow-previous:hover
	{
		background-position: 0px -34px;
	}
	
	.showcase-arrow-next
	{
		right: -56px;
		background-position: -34px 0;
	}
	
	.showcase-arrow-next:hover
	{
		background-position: -34px -34px;
	}
	
	/* Content */
	.showcase-content
	{
		background-color: #000;
		text-align: center;
	}
		
		.showcase-content-wrapper
		{
			text-align: center;
			height: 470px;
			width: 700px;
			display: table-cell;
			vertical-align: middle;
		}
		
		/* Styling the tooltips */
		.showcase-plus-anchor
		{
			background-image: url('images/plus.png');
			background-repeat: no-repeat;
		}
		
		.showcase-plus-anchor:hover
		{
			background-position: -32px 0;
		}
		
		div.showcase-tooltip
		{
			background-color: #003D56;
			color: #000;
			text-align: left;
			padding: 5px 8px;
			background-image: url(images/white-opacity-80.png);
			width:300px;
		}
		
		/* Styling the caption */
		.showcase-caption
		{
			color: #000;
			padding: 8px 15px;
			text-align: left;
			position: absolute;
			bottom: 10px; left: 10px; right: 10px;
			display: none;
			background-image: url(../images/white-opacity-80.png);
		}
		
	.showcase-onepage .showcase-content
	{
		margin-bottom: 10px;
	}
	
	/* Button Wrapper */
	.showcase-button-wrapper
	{
		clear: both;
		margin-top: 10px;
		text-align: center;
	}
	
		.showcase-button-wrapper span
		{
			margin-right: 3px;
			padding: 2px 5px 0px 5px;
			cursor: pointer;
			font-size: 12px;
			color: #444444;
		}
	
		.showcase-button-wrapper span.active
		{
			color: #fff;
		}
	
	/* Thumbnails */
	.showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */
	{
		background-color: #000;
	}
	
	.showcase-thumbnail-wrapper
	{
		overflow: hidden;
	}
		
		.showcase-thumbnail
		{
			width: 120px;
			height: 90px;
			cursor: pointer;
			border: solid 1px #333;
			position: relative;
		}
		
			.showcase-thumbnail-caption
			{
				position: absolute;
				bottom: 2px;
				padding-left: 10px;
				padding-bottom: 5px;
			}
			
			.showcase-thumbnail-content
			{
				padding: 10px;
				text-align: center;
				padding-top: 25px;
			}
			
			.showcase-thumbnail-cover
			{
				background-image: url(../images/black-opacity-40.png);
				position: absolute;
				top: 0; bottom: 0; left: 0; right: 0;
			}
		
		.showcase-thumbnail:hover
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail:hover .showcase-thumbnail-cover
			{
				display: none;
			}
		
		.showcase-thumbnail.active
		{
			border: solid 1px #999;
		}
		
			.showcase-thumbnail.active .showcase-thumbnail-cover
			{
				display: none;
			}
	
	.showcase-thumbnail-wrapper-horizontal
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
		{
			margin-right: 10px;
			width: 116px;
		}
	
	.showcase-thumbnail-wrapper-vertical
	{
		padding: 10px;
	}
	
		.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
		{
			margin-bottom: 10px;
		}
		
	.showcase-thumbnail-button-backward,
	.showcase-thumbnail-button-forward
	{
		padding: 7px;
		cursor: pointer;
	}
	
	.showcase-thumbnail-button-backward
	{
		padding-bottom: 0px;
		padding-right: 0px;
	}
	
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical,
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal,
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-image: url(../images/arrows-small.png);
			background-repeat: no-repeat;
			display: block;
			width: 17px;
			height: 17px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
		{
			background-position: 0 -51px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -51px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
		{
			background-position: 0 -34px;
			margin-left: 55px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
		{
			background-position: -17px -34px;
		}
		
		.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
		{
			background-position: 0 -17px;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px -17px;
		}
		
		.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
		{
			background-position: 0 0;
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
		{
			background-position: -17px 0;
		}
		
		/* Hide button text */
		.showcase-thumbnail-button-forward span span,
		.showcase-thumbnail-button-backward span span
		{
			display: none;
		}



.immagini a{
	text-decoration:none;
	
	
}

.tdiario{
	margin-bottom:20px;
	
}


.storie{
	  height: 120px;
    left: 50px;
    position: absolute;
    top: 473px;
    width: 120px;
    z-index: 999;
	
}

.sfondo_storie{
	  height: 120px;
    position: absolute;
    width: 120px;
    z-index: 999;
	-webkit-animation: grRotate 20s infinite linear;
      -moz-animation: grRotate 20s infinite linear;
      -o-animation: grRotate 20s infinite linear;
      animation: grRotate 20s infinite linear;
	
}

.titolo_storie{
	  height: 120px;
    position: absolute;
    width: 120px;
    z-index: 1000;
	
}

.social_home{
float: right;
    margin-right: 111px;
    width: 140px;	
}

 @-webkit-keyframes grRotate{
      from{ -webkit-transform: rotate(0deg); }
      to{ -webkit-transform: rotate(360deg); }
    }
    
    
    @-moz-keyframes grRotate{
      from{ -moz-transform: rotate(0deg); }
      to{ -moz-transform: rotate(360deg); }
    }
    
   
    @-o-keyframes grRotate{
      from{ -o-transform: rotate(0deg); }
      to{ -o-transform: rotate(360deg); }
    }
    
  
  .paging{
	  
    height: 20px;
    left: 25px;
    position: absolute;
    top: 626px;
    width: 100px;
  }
  
  .paging li{
	  float:left;
	  width:20px;
	  height:20px;
	  margin-right:5px;
	  text-align:center;
	 
	  
  }
  
  .paging li a{
	  display:block;
	  padding-top:3px;
	  width:20px;
	  height:20px;
	  text-decoration:none;
	  font-size:12px;
	  
  }
  
  
  .selected{
	  	  background-color:#FFF;


  }
  
   .selected a{
		  color:#003d56;



  }
  
     .not_selected a{
	  		  color:#FFF;



  }
  
  .not_selected{
		  background-color:#003d56;
  
  }