body {
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
color:#515050;
font-size:13px;
 background-position:fixed;
 padding-bottom:20px;
}
p {
color:#515050;
font-size:13px;
line-height:20px;
}
input, textarea, button {
font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;
color:#666;
font-size:13px;
margin:4px;
padding:4px;
}
button {
cursor:pointer;
}
h1 {
color:#515050;
font-size:21px;
line-height:20px;
padding-bottom:10px;
}
h2 {
color:#515050;
font-size:17px;
padding-bottom:10px;
}
#back_right {
background:url(../img/mondo_gharib.jpg) top center no-repeat;
width:100%;
height:700px;
position:fixed;
margin:0 auto;
display:none;
}
#top_top {
padding:5px;
position:absolute; 
border:1px solid #515050;
background:black;
}
#top_top a{
text-decoration:none;
}
#iva{
position: fixed; bottom:20px; right:20px;
z-index:100;
padding:8px 10px;
font-size:11px;
}
#contenuto{
float:left;
margin-top:90px;
z-index:700;
margin-left:400px;
width:550px;
background:url(../img/back_linkover.png) repeat 0px 0;
padding:20px;
display:none;
border:1px solid #d8d8d8;
}

a{
color:#515050;
}
a:hover{
color:#353535;
}
#logo{
position: fixed;
width:376px;
z-index:-1;
padding-top:18px;
padding-left:160px;
}
#tagline{
position: fixed; 
margin-left:765px;
z-index:-1;
padding-top:50px;
}
#link{
position: relative; top:0px; left:0px;
z-index:-1;
padding-top:250px;
margin-left:150px;
}

#link ul {
	position: fixed; 
	list-style:none;
	margin:0;
	padding:0;
	width:100px;
}
#link li {
	float:left;
	width:376px;
	margin:0;
	padding:0;

	margin-top:2px;

}

#link li a {
	/*display:block;*/
	padding:8px 10px;
	height:100%;
	font-size:14px;
	padding-right:45px;
	text-decoration:none;
/*background:url(../img/back_link.png) repeat 0px 0;*/
}
#link li a:hover {
	background-position: 376px 0;
}

		/*Supersized Stamp*/
		.stamp{
			float: right;
			margin: 25px 20px 0 0;
		}
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
ul#lista_projects {
margin-top:20px;
}
ul#lista_projects li {
float:left;
margin-top:20px;
margin-left:4px;
}
ul#lista_projects li a{
padding:4px;
background:#eee;
text-decoration:none;
border:1px solid #515050;
}
		
ul#lista_projects li a:hover{
background:#fff;
}
.progetto{
float:left;
margin-top:20px;
padding:10px;
}
.progetto ul li{
cursor: pointer;
margin-top:4px; 
margin-bottom:4px; 
padding:5px;
list-style:circle outside none;
}
.progetto ul li:hover{
background: #eee;
}

/************************************************
	      JCAROUSEL LITE		
************************************************/
#list {
	height:250px;
	width:555px; 
	margin:30px auto; 
}

.slider {
	float:left;
	/*left: -5000px; */
	margin:15px; 
	position:relative; 
	/*visibility:hidden;	*/
}
	
.slider ul {
	/*height:300px;*/
	width:550px 
}

.slider ul li {
	padding:0 10px;
}

.slider ul li img {
	cursor:pointer;
	height:200px; 
	padding-top:3px;
	width:141px;  
}

.prev {
	cursor:pointer; 
	float:left;
	padding-top:60px;
}

.next {
	cursor:pointer; 
	float:right; 
	padding-top:60px;
}

/************************************************
	      CAPTIFY CAPTION		
************************************************/
.caption-top, .caption-bottom {
	background: #000000;
	color: #ffffff; 
	cursor:default;
	padding:2px; 
	font-size:11px;   
	text-align:center;
}

.caption-top {
	border-width:0px;
}

.caption-bottom {
	border-width:0px;
}

.caption a, .caption a {
	background:#000;
	border:none; 
	text-decoration:none;  
	padding:2px;
}

.caption a:hover, .caption a:hover {
	background:#202020;
}
#projects {
width:940px;
margin:0 auto;
position:relative; top:0; left:0;
}
#projects #descrizione{
width:30%;
float:right;
margin-top:35px;
}
.pikachoose{width:510px;margin:0 auto 50px auto; position:relative; top:0; left:0; float:left;}
/* This is the ul you have all your images in */
.pikachoose ul{position:absolute; top:0; left:0; padding-left:0;width:640px;height:100px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:645px;height:380px;display:block;position:relative; margin-top:40px;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
/*.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../img/black.png') top left;}*/
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../img/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../img/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../img/fastf.png') top right no-repeat;}

#descrizione span {

	margin-top:20px;

}
.read_more {
	background:url('../img/Pdf-grey.png') no-repeat center left;
	padding-left:40px;
	padding-top:20px;

	padding-bottom:20px;
}
.read_more a{
	color:red;
}