/* CSS Document */

* {
   margin: 0;
   padding: 0;
	}
body {
	background: #FFFFFF; }

#bg-home {
	background: #fff url('body_bg-home.gif') repeat-x;
	width: 100%;
	min-height: 280px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:0.7em;
	color: #787878;
	}

#bg {
	background: #fff url('body_bg.gif') repeat-x;
	width: 100%;
	min-height: 280px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:0.7em;
	color: #787878;
	}

.wrapper {
	width: 800px;
	margin: 0 auto;
	}

#header {
	width: 800px;
	position:relative;
	}

#login {
	position:absolute;
	right:100px;
	top:0;
	width:126px;
	height:30px;
	background: url('clienttab.gif') no-repeat top left;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight:bold;
	padding-top:10px;
	color: #ffffff;
	cursor: pointer;
	}
	#login a {
		color:#FFFFFF; }
	#login a:hover{
		color:#e77415; }

#logo {
	float:left;
	margin-left:0px;
	margin-top:6px;
	display:inline;
	vertical-align:top;
	}

	#logo h1 {
		margin:0;
		padding:0;
		background:none;
		float:left;
		}
	
	#logo h1 a, #logo h1 a:hover{
		background:url('logo.gif') no-repeat top left;
		width:240px;
		height:124px;
		text-indent:-9000px;
		display:block;
		text-decoration:none;
		}

	#logo h2 {
		margin:0;
		padding:0;
		background:none;
		float:left;
		}

	#logo h2 a, #logo h2 a:hover{
		background:url('creative-juice.gif') no-repeat top left;
		width:220px;
		height:120px;
		text-indent:-9000px;
		display:block;
		text-decoration:none;
		margin-top:0px;
		}

#intro { /* FILMATO FLASH */
	width: 100%;
	margin: 0 auto;
	text-align:center;
	background:url('introbg.gif') top left repeat-x;
	height: auto !important;
	height: 250px;
	min-height:250px;
	/*border:1px solid #000000;*/
	}

	#intro h1 {
		font-size: 2.0em;
		font-family: Arial, Georgia;
		color: #404040;
		padding: 30px 0 10px 0;
		margin: 0px 0 10px 0;
		font-weight: bold;
		letter-spacing:-2px;
		border-bottom:4px solid #FFFFFF;
		}

	#intro p {
		font-size: 1.8em;
		font-family: Arial, Georgia;
		color: #646464;
		padding: 0px;
		margin: 0px;
		font-weight: normal;
		letter-spacing:-1px;
		}

#introtext { width: 470px; float:left; display:none; }

#flashcontent { margin-top:10px; display:inline; }
#flashcontent img { display:none; width:800px; height:230px; }

#container-home {
	text-align: left;
	height: auto !important;
	height: 200px;
	min-height:200px;
	}

#container {
	text-align: left;
	height: auto !important;
	height: 250px;
	min-height:250px;
	background: url(bg-container.gif) repeat-y right;
	}

#path {
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	height:20px;
	font-size: 1.0em;
	color: #646464;
	border-bottom:8px solid #a3a290;
	text-transform:lowercase;
	}

/************************ STILI GENERICI ************************/

.clear {
	clear: both;
	}

h1 {
	background:url('headots.gif') bottom left repeat-x;
	color:#404040;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.9em;
	font-style: normal;
	font-weight: normal;
	padding-bottom:6px;
	margin-bottom:10px;
	}

h2 {
	background:url('headots.gif') bottom left repeat-x;
	color:#4A4A4A;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.8em;
	font-weight: bold;
	margin:0px 0 10px 0;
	padding-bottom:4px;
	/*letter-spacing:-3px;*/
	}

h3 {
	color: #e77415;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	background:url(ico-titolo.gif) top left no-repeat;
	padding-left:33px;
	padding-top:3px;
	margin-top:20px;
	margin-bottom:10px;
	}

h4 {
	color:#787878;
	font-size:1.2em;
	font-style: normal;
	font-weight: normal;
	line-height: 160%;
	margin-bottom:20px;
	}

h5 {
	color: #e77415;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:1.2em;
	font-style: normal;
	font-weight: bold;
	line-height: 165%;
	background:url(ico-titolo.gif) center left no-repeat;
	padding-left:33px;
	padding-top:4px;
	padding-bottom:5px;
	border-bottom:1px solid #d1d0c7;
	}

p {
	color: #787878;
	font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top:10px;
	margin-bottom:10px;
	line-height: 23px;
	}

.arancio {
	color:#e77415;
	}

/* Links */

a:link {
	color: #333333;
	text-decoration:none
	}
a:visited {
	color: #333333;
	text-decoration:none
	}
a:hover {
	color: #e77415; /*arancio scuro*/
	text-decoration:none
	}

/* Layout  */

.home-left {
	width: 240px; 
	float: left; 
	padding: 0px; 
	margin-right:30px;
	}

.home-right {
	width:245px; 
	float:left; 
	color:#f09500;
	}

	.home-right li { list-style:none; margin:0px; margin-bottom:12px; padding:0px; clear:both; }

	.home-right h4 {
		margin-top:0px;
		margin-bottom:0px;
		line-height:1.2em;
		}
		
	.home-right h5 { 
		color:#787878;
		font-size:1.2em;
		font-style: normal;
		font-weight: normal;
		line-height: 120%;
		margin-top:0px;
		margin-bottom:0px;
		background:none;
		padding-left:0px;
		border:0px;
		}
		
	.home-right img {
		float: left;
		margin-right:10px;
		margin-bottom:10px;
		border:5px solid #d1d0c7;
		}

#content {
	width: 520px; 
	margin-top: 0px; 
	margin-right:30px; 
	padding: 10px; 
	padding-right:0px; 
	float: left; 
	display:inline; 
	}

#content_mappa {
	width: 520px; 
	margin-top: 0px; 
	margin-right:30px; 
	padding: 10px; 
	padding-right:0px; 
	float: left; 
	display:inline;
	line-height:22px;
	}

#content_mappa img { border:0px; }

/********************* IMMAGINI ****************************/

.img_box {
	margin:0px; 
	margin-right:4px;
	margin-bottom:15px;
	padding:0px;
	border:0px; 
	float:left;
	display:inline;
	}

.immagine dl {
  	margin: 0px;
  	padding: 0px;
	border: 0px;
  	}

.immagine dd {
	margin: 0px;
  	padding: 0px;
  	}
	.immagine dd a:link {
		text-decoration: none;
		}
	.immagine dd a:hover {
		background-color:#e5e3c4; /*beige*/
		}
	
.immagine a img, .immagine img {
	display:block;
	margin: 0px;
	padding: 1px;
  	border: 1px solid  #c0c0ae; /*beige*/
	background: #FFFFFF;
	}	
	
.immagine a:hover img {
	border: 1px solid  #e77415; /*arancio scuro*/
	background: #f09500; /*arancio*/
	}



/********************* SHORT CONTENT LAVORI ****************************/

.lavori {
	margin:0px; 
	margin-right:20px;
	margin-bottom:10px;
	padding:0px;
	border-right:0px solid #F0F0F0;
	float:left;
	display:inline;
	width:54px;
	height: auto !important;
	height: 95px;
	min-height: 95px;
	}

.lavori .immagine dl {
  	margin: 0px;
  	padding: 0px;
	border: 0px;
	margin-bottom:5px;
  	}

.lavori .immagine dd {
	margin: 0px;
  	padding: 0px;
  	}
	.lavori .immagine dd a:link {
		text-decoration: none;
		}
	.lavori .immagine dd a:hover {
		background-color:#e5e3c4; /*beige*/
		}
	
.lavori .immagine a img, .lavori .immagine img {
	display:block;
	margin: 0px;
	padding: 1px;
  	border: 1px solid  #c0c0ae; /*beige*/
	background: #FFFFFF;
	}	
	
.lavori .immagine a:hover img {
	border: 1px solid  #e77415; /*arancio scuro*/
	background: #f09500; /*arancio*/
	}

.lavori .titolo {
	font-size: 1.0em;
	color: #646464;
	line-height:1.1em;
	}

/************************ MENU PRINCIPALE *******************/

#nav {
 	width: 780px;
	margin: 11px auto 0px 0px;
	font-variant:small-caps;
	font-size: 1.2em;
	height:36px;
	/*border:1px solid #FF0000;*/
	}

	#nav td {
		font-family: Georgia, Helvetica, Arial, sans-serif;
		letter-spacing: 0.03em;
		}

	#nav a {
		background: #414141;
		color: #ffffff;
		display: block;
		text-decoration: none;
		padding-left:6px;
		padding-right:6px;
		padding-top:8px;
		padding-bottom:5px;
		margin-right:5px;
		margin-top:3px;
		height:20px;
		}
	
	#nav a:hover {
		color: #f09500;
		}
	
	#nav td.current a {
		background-color: #F9D51B;
		color: #000;
		}

/************************ MENU CONTESTUALE ************************/

#right {
	width:220px;
	float:left;
	color:#f09500;
	padding:10px;
	height: auto !important;
	height: 390px;
	min-height: 390px;
	background:#cacab8;
	}
	
	#right h2 {
		background:url('headots-b.gif') bottom left repeat-x;
		color:#404040;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.9em;
		font-style: normal;
		font-weight: normal;
		padding-bottom:6px;
		letter-spacing:0px;
		}

		#right h2 a, #right h2 b {
			color:#404040;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:1.0em;
			font-style: normal;
			font-weight: normal;
			padding-bottom:6px;
			letter-spacing:0px;
			}
	
	#right .menu {
		width:205px;
		margin:0px;
		}
	
	#right .menu a {
		width:205px;
		display:block;
		background:url('tick.gif') top left no-repeat;
		margin:0px;
		padding:0px 0 5px 15px;
		border-bottom:1px solid #FFFFFF;
		font-size: 1.2em;
		}

		#right .menu a:hover {
			width: 205px;
			margin:0px;
			padding:0px 0 5px 15px;
			color: #FFFFFF;
			}
		
		.menu_lavori {
			border-bottom:1px solid #FFFFFF;
			line-height:1.6em;
			}

.evidenze_sezione { margin-top:15px; }

ul.servicelist {
	margin:0 0 15px 0px;
	padding:0;
	padding-right:8px;
	list-style:none;
	color: #787878;
	font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	clear:both;
	}

	ul.servicelist li {
		width:94%;
		display:block;
		background:url('tick.gif') top left no-repeat;
		margin:3px 0 0 0px;
		padding:2px 0 3px 20px;
		border-bottom:1px solid #cccccc;
		list-style:none;
		}
	
	ul.servicelist img {
		float: right;
		margin-left:10px;
		margin-bottom:5px;
		border:5px solid #d1d0c7;
		}

/**************************** FOOTER ****************************/

#footer{ 
	margin-top: 30px; 
	float: left; 
	width: 100%;
	background: url(bg_footerrepeat.gif) repeat-x top #414141;
	border-top: 8px #e77415 solid;
	display:inline;
	}	
	
	#footer .wrap{ 
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:13px; 
		background: url('bg_footer.gif') no-repeat top center; 
		text-align: center;  
		color: #a3a290; 
		padding-left:0; 
		padding-right:0; 
		padding-top:8px; 
		padding-bottom:50px  
		}
	
	#footer table {
		text-align:center;
		margin:0 auto;
		}
		
	#footer td {	
		display: inline;
		margin:0px;
		padding-left:5px;
		padding-right:5px;
		}
	
	#footer a {
		color: #a3a290;  
		text-decoration: none; 
		margin:0 3px;	
		}
		
	#footer .wrap .current, #footer .wrap .current a { 
		color: #FFFFFF;
		font-weight: normal;
		}
		
	#footer a:hover{ 
		color: #D2D2D1; 
		}
		
	#footer .copy{ 
		color:#c1c0ae; 
		margin-top:10px; 
		font-size: 11px;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
	#footer .link-footer{ 
		color: #c1c0ae; 
		margin-top: 35px; 
		font-size: 10px;
		font-family: Georgia, "Times New Roman", Times, serif;
		}

/**************************** FORM CONTATTI ****************************/

.table_form {
	border:1px solid #d5d7d8;
	padding:10px;
	padding-top:0px;
	margin:0px;
	width:500px;
	}
	.table_form h3 {
		color: #e77415;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:1.5em;
		font-style: normal;
		font-weight: normal;
		background:url(ico-titolo.gif) top left no-repeat;
		padding-left:33px;
		padding-top:3px;
		margin-top:15px;
		margin-bottom:10px;
		}

	.table_form .testoparag {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		}
		
.form {
	border:1px solid #ffcc00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#717374;
	margin-top:2px;
	}

.table_form textarea {
	border:1px solid #ffcc00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#717374;
	width:250px;
	height:60px;
	}
	
.table_form select {
	border:1px solid #ffcc00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#717374;
	width:250px;
	}

.pulsante {
	border:1px solid #ffcc00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#717374;
	margin-top:2px;
	}


.work {
	border-right:10px solid #FFF;
	border-bottom:10px solid #FFF;
	border-left:0px;
	border-top:0px;
	float:left;
	display:inline;
	}

.work .screenshot img{
	margin: 0 10px 5px 0;
	padding: 3px;
	background-color: #fff;
	border: 3px solid #C2C0BD;
	display:inline;
	}

.work .screenshot img a {
	border-color: #FF0000;
	}

.work .screenshot img a:hover {
	border-color: #70b300;
	}
/* glossario */
span.top {
	float:right;
	font-size:0.8em;
	position:relative;
	top:-3.5em;
	background:#ffffff;
}
.listaglossario ul{
	margin-bottom:2em;
}
.listaglossario li{
	margin-left:1em;
}
#backindex{
	float:right;
	padding:3px;
	background:#F9D51B;
}
.indexorizz a {
	color:#000;
	text-decoration:none;
	font-size:11px;
	padding:4px;
	margin:0 2px 0 0;
	background-color:#F9D51B;
	font-weight:bold;
}
.richiamourl{
	display:block;
	background:url(triangolo.gif) no-repeat 0px 2px;
	padding:3px 30px;
	font-weight:bold;
	color:#FABB13;
	margin:30px 0px;
}
/* css menu come http://tutorials.alsacreations.com/deroulant/menu-vertical.htm */

#menuglossario dt, #menuglossario dd, #menuglossario ul, #menuglossario li  {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuglossario {
text-align:left;
}
dl#menuglossario {
width: 215px;
}
dl#menuglossario dt {
cursor: pointer;
font-weight: bold;
margin:2px;
border-bottom: 1px solid #ffffff;
padding-left:20px;
background: url(tick.gif) no-repeat;
}
dl#menuglossario dd {
margin:2px;
}
dl#menuglossario li {
color: #404040;
list-style-type: disc;
margin-left:1.4em;
border-bottom:1px dotted #404040;
}
dl#menuglossario li a, dl#menuglossario dt a {
color: #404040;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
padding: 2px 5px;
}

dl#menuglossario li a:hover, dl#menuglossario dt a:hover {
color:#ffffff;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #ffffff;
background-color: #535660;
}
#mentions a {text-decoration: none;
color: #222;
}
#mentions a:hover{text-decoration: underline;
}