@charset "utf-8";


html {height:100%;}

body {
	height:100%;
	min-height:100%;
	
	margin-left: 0px;
	margin-top: 00px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color: #1a244b;
	
	background-color: #c8c9cc;
}
a img {border:0;}

#divLogo {
	position:absolute;
	width:100%;
	height:128px;	
	background-color: #1a244b;
	z-index:2;
}

#divLingue{
	z-index:3;
	position:absolute;
	right:30px;
	top: 10px;
}

#divImgLogo {
	width:900px;	
	margin:0 auto; /* real browsers */
}

#divMenu {
	height: 40px;
	background-color: #bbbdbf;	
	
	top:128px;
	
	position:absolute;
	width:100%;
	z-index:2;
}

#divVociMenu {
	width:900px;	
	margin:0 auto; /* real browsers */
	padding-top:7px;
}

#divPagina {
	position:relative;
	width:100%;
	min-height:100%;
	
	background:url(../img/bg.png);
	background-repeat:repeat-x;
	
}

#divSpace {
	position:relative;
	padding-top: 168px;
	padding-bottom:80px;
	
	overflow:auto;
	
	width:900px;	
	margin:0 auto; /* real browsers */
	
	background: rgba(255, 255, 255, 0.3);	
}

#divTestoPagina {
	padding:10px;
}

#divFooter {
	position:absolute;
    bottom:0;
	
	background-color: #c8c9cc;
	
	
	height:80px;
	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:400;
	text-align: left;
	font-size:9px;
	
	width:100%;	
}

#divBanda {
	height: 25px;
	background-color: #bbbdbf;
	
	margin-bottom: 10px;	
	
	width:100%;
	z-index:2;
}

#divDatiFooter{
	width:900px;	
	margin:0 auto; /* real browsers */
}

#divDati{
	float:left;
}

#divDueBytes{
	float:right;
}

.divParagrafo{
	background-color: #cbcaca;
	padding:10px;
	text-align:justify;
	font-weight:bold;
	
	border:solid 1px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.imgParagrafo
{	
	border:solid 1px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	overflow:hidden;
}
#dpIndexInfo
{
	float:right;
	display::block;
	width: 278px;
	height:388px;
	
	margin: 10px 0px 0px 10px;
}

#slideshowIndex
{
	position:relative;
	float:left;
	z-index:2;
	overflow:hidden;
	
	border:solid 1px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	
	width:540px;
	height:405px;
}
#dpIndexGallery
{
	margin:0px 10px 0 0;
	float:left;
	width: 306px;
}

#dpIndexPar
{
	margin:10px 10px 10px 0px;
	float:right;
	width: 306px;
	height: auto;
}

#dpIndexFiniti
{
	margin:10px 0px;
	float:right;
	display::block;
	
	width: 210px;
	
	height:388px;
	text-align:center;
}


#dpChiSiamo1
{
	width:420px;
	float:left;
}

#imgChiSiamo1
{
	float:right;
}

.imgGalleryIndex
{
	width: 80px;
	border:double;
	border-color:#000;
	
	margin:9px 9px;
	
	float:left;
	display::block;	
}

#dpChiSiamo2
{
	margin: 10px 0px;
	float:left;
}

#imgChiSiamo2
{
	float:left;
}

#dpChiSiamo3
{	
	width:450px;	
	float:right;
}

#dpChiSiamo4
{	
	float:right;	
	margin-top: 10px;
}

#dpChiSiamo5
{
	
	margin: 10px 0px;
	float:left;
}

#dpContatti1
{
	float:left;
	display::block;
	width: 306px;
	height:385px;
}

a.linkMenu, a.linkMenu2{
	font-weight:bold;
	text-decoration:none;
	font-size:14pt;
	color: #1a244b;
}

a.linkMenu{
	margin-right:60px;
}
	
a.linkMenu:hover{
	text-shadow: 0 0 0.2em #fff;
	}
	
a.linkMail{
	font-weight:bold;
	text-decoration:none;
	color: #1a244b;
}

a.linkMail:hover{	
	text-shadow: 0 0 0.2em #fff;
}


.DivframeGallery1
{
	float:left;
	margin: 10px 10px 0 0;
}

.DivframeGallery
{
	float:left;
	margin-right:40px;
	margin-left:30px;
	margin-bottom:25px;
	}
/* form CONTATTI */


#divContatti{
	float:right;
	padding-left:20px;
	box-shadow: 0px -5px 8px -7px #888;
	box-shadow: 0px -5px 8px -7px #888;
	box-shadow: -5px 0px 8px -8px #888;
	margin-bottom: 20px;
}


form li.highlighted{
	background-color:#ddd;
}

.form_description{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
	font-weight:bold;
}

form li{
	display:block;
	margin:0;
	padding:4px 7px 4px 4px;
	position:relative;
}

textarea{
	height:20em;	
}

input.large, textarea.large{
	width:99%;
}

input.medium{
	width:50%;
}

form{
	width:500px;
}

.form_description{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]{
	display:block;
}


form ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.butt_invia {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Helvetica, 'Myriad Pro', Arial, sans-serif;
	font-size:15px;
	font-weight:bold;
	padding:5px 17px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.butt_invia:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}

.butt_invia:active {
	position:relative;
	top:1px;
}

/* Effetto Kenburns */

#slideshowIndex img {
  position:absolute;
  width:650px;
  height:488px;
  top:50%;
  left:50%;
  margin-left:-325px;
  margin-top:-244px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 8s;
     -moz-transition-property: opacity, -moz-transform;
     -moz-transition-duration: 3s, 8s;
      -ms-transition-property: opacity, -ms-transform;
      -ms-transition-duration: 3s, 8s;
       -o-transition-property: opacity, -o-transform;
       -o-transition-duration: 3s, 8s;
          transition-property: opacity, transform;
          transition-duration: 3s, 8s;
}

#slideshowIndex img  {
  -webkit-transform-origin: bottom left;
     -moz-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
       -o-transform-origin: bottom left;
          transform-origin: bottom left;
}
#slideshowIndex :nth-child(2n+1) {
  -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
       -o-transform-origin: top right;
          transform-origin: top right;
}
#slideshowIndex :nth-child(3n+1) {
  -webkit-transform-origin: top left;
     -moz-transform-origin: top left;
      -ms-transform-origin: top left;
       -o-transform-origin: top left;
          transform-origin: top left;
}
#slideshowIndex :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
}

#slideshowIndex .fx:first-child + img ~ img  {
  z-index:-1;
}

#slideshowIndex .fx {
  opacity:1;
  -webkit-transform: scale(1.5) translate(30px);
     -moz-transform: scale(1.5) translate(30px);
      -ms-transform: scale(1.5) translate(30px);
       -o-transform: scale(1.5) translate(30px);
          transform: scale(1.5) translate(30px);
}


/* Tabella LOG VISITE */

#divLog{
	border:solid 1px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
	
	overflow:hidden;
	background-color:#FFF;	
	width:100%;
	
	margin:10px 0px 20px 0px;
}
#tableLog{	
	
	width:100%;	
	
	text-align: left;
	border-collapse: collapse;
	
	}
	
#tableLog th
{
	padding: 8px 4px 8px 8px;
	font-weight: bold;
	font-size: 13px;
	background: #ccc;
	color: #515151;
}
#tableLog td
{
	padding: 3px;
	background: #eee;
	border-top: 1px solid #fff;
	color: #515151;
}

#tableLog tbody tr:hover td
{
	background: #fff;
}

#td-browser, #td-paese, #td-piattaforma{
	width:20px;	
	
}
#td-browser img, #td-paese img, #td-piattaforma img{
	
	margin: 0 auto; 
	display:block;
}