@charset "utf-8";

@font-face {
	font-family: "CenturyMio";
	src: url(http://www.amoretticalvi.it/font/Gothic.ttf) format("truetype");
}

body{
	margin: 0; 
	padding: 0;
	font-family: "Century Gothic", CenturyMio, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura,sans-serif;
	font-size:8pt;
	
  	line-height: 13pt;
	color: #000;
}

a{
	text-decoration:none;
	color: #888;
}

input, select, textarea{
   font-family: "Century Gothic", CenturyMio, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", Futura,sans-serif;
	font-size:8pt;
}

.activate { 
	font-weight: bold;
	color: #000;
}

.gestFotoThb{
	width:160px;
	height:120px;
	position:relative;
	float:left;
	margin: 0 20px 20px 0;
	
	border-style:double;
	border-color:#999;
	
	-webkit-box-shadow: 0px 10px 10px -10px #000;
	-moz-box-shadow: 0px 10px 10px -10px #000;
	box-shadow: 0px 10px 10px -10px #000;
}

.gestFotoCanc{
	position:relative;
	bottom:20px;
	right:10px;
	float:right;
}

.divRotate{
	
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	
	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	
	/* Should be unset in IE9+ I think. */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	
	height:14px;
	width:480px;
	margin: 0 -233px;
	font-size:9px;
	display:block;
}


/* -- SLIDES immagini -- */
#slides{
	height:480px;
	width:645px;
	margin:auto;

	float:left;
	position:relative;
}

.slides_container {
	width:640px;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container img{
	height:480px;
	}

.pagination {	
	width:254px;
	margin:-28px 620px;
}

.pagination li {
	float:left;
	margin:0 0px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

.next, .prev {
	position:absolute;
	top:420px;
	left:660px;
	width:14px;
	height:0px;
	padding-top:17px;

	overflow:hidden;
	display:block;
	z-index:101;
	//background-color:#80FFFF;
}

.prev {
	background:url(../img/sinistra.png);
}

.next {
	left:700px;
	background:url(../img/destra.png);
}

/* -- KENBURNS -- */

#slideshowIndex
{
	position:relative;
	float:left;
	z-index:2;
	overflow:hidden;
	
	width:640px;
	height:480px;
}

#slideshowIndex img {
  position:absolute;
  width:680px;
  height:520px;
  top:50%;
  left:50%;
  margin-left:-355px;
  margin-top:-240px;
  opacity:0;
  -webkit-transition-property: opacity, -webkit-transform;
  -webkit-transition-duration: 3s, 5s;
     -moz-transition-property: opacity, -moz-transform;
     -moz-transition-duration: 3s, 5s;
      -ms-transition-property: opacity, -ms-transform;
      -ms-transition-duration: 3s, 5s;
       -o-transition-property: opacity, -o-transform;
       -o-transition-duration: 3s, 5s;
          transition-property: opacity, transform;
          transition-duration: 3s, 5s;
}

#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.2) translate(30px);
     -moz-transform: scale(1.2) translate(30px);
      -ms-transform: scale(1.2) translate(30px);
       -o-transform: scale(1.2) translate(30px);
          transform: scale(1.2) translate(30px);
}


/* -- Lista Progetti -- */

#tableLog{	
	width:100%;	
	
	text-align: left;
	border-collapse: collapse;	
}
	
#tableLog th{
	padding: 8px 4px;
	font-weight: bold;
	font-size: 13px;
	background: #ccc;
	color: #515151;
}
#tableLog td{
	padding: 4px;
	background: #eee;
	border-top: 1px solid #fff;
	color: #515151;
}

#tableLog tbody tr:hover td{
	background: #fff;
}

/* -- Lista Pubblicazioni -- */

.divPubblicazioni{
	cursor:pointer; 
	
	
	margin-bottom:15px;
}


.divPubblicazioniActive{
	cursor:pointer; 
	
	
	margin-bottom:15px;
	
	font-weight: bold;
}

#divPubblicazioniContainer{
	height:420px; 
	width:340px; 
	
	position:absolute; 
	top:0; 
	right:0; 
	
	overflow:auto;
}