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

body {
	font: normal 11px/18px Arial;
	color: #000;
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-image: url(../immagini/container.png);
}
#pied p {}
#pied a {
	color: #000000!important;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}

.both {
	clear: both;
}

a {
	color: #5ed5ff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

em {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2 {
	text-transform: uppercase;
	font-size: 120%;
	color: #5ed5ff;
	padding-top: 10px;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3 {
	text-transform: uppercase;
	font-size: 120%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-bottom: 0px;
}

h4 {
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	font-size: 110%;
	margin-top: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

hr {
	padding-bottom: 0px;
	margin: 0;
	border: 0;
	border-top: 1px solid #000;
	clear: both;
	height: 0px;
	
}

p {
	padding: 5px 0 10px 0;
}

.center_align {
	text-align: center;
}

.right_align {
	text-align: right;
}

#container {
	width: 880px;
	position:relative;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #FFFFFF;
}
.byline {
	clear: both;
	margin-top: 5px;
	border-bottom: solid #000 1px;
}


/********************
	Undone
 ********************/

/*ul,ol, li { 
	list-style-type: none; 
}
*/



ul,ol,_,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ 
	margin:0; padding:0 
}

a img,:link img,:visited img { 
	border:none 
}

address { 
	font-style:normal 
}

/********************
	Header
 ********************/
#header {
	position: relative;
	width: 880px;
	overflow: hidden;
	height: 100px;
	background-color: #F6F4F0;
}

#header h1 {
	float: left;
	display: block;
}

#header h1 a {
	text-indent: -9999px;
	width: 176px;
	height: 100px;
	display: block;
	position: absolute;
	visibility: visible;
}
#header h1 a:hover {
	width: 176px;
	height: 100px;
	background-image: url(../immagini/logo_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
}
#contact_info {
	float: right;
	font-size: 100%;
	line-height: 13px;
	text-align: right;
	margin-top: 23px;
}

/********************
	Nav
 ********************/
ul#nav {
	border-bottom: 1px solid #000;
	width: 880px;
	height: 21px;
}

ul#nav li,
ul#nav li a {
	float: left;
	display: block;
	font-size: 110%;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul#nav li {
	background: url("_images/separator.gif") no-repeat 100% 1px;
	padding-right: 10px;
	padding-left: 5px;
}

ul#nav li.first {
	padding-left:0;
}

ul#nav li a {
	text-transform: uppercase;
	color: #000;
}

ul#nav li a:hover {
	text-decoration: none;
}

a#news_li:hover {
	color: #54aca9;
}
a#case_studies_li:hover {
	color: #cda13f;
}
a#portfolio_li:hover {
	color: #6b7918;
}
a#portfoliodetail_li:hover {
	color: #6b7918;
}
a#about_li:hover {
	color: #f9c;
}
a#contact_li:hover {
	color: #969;
}
a#gallery_li:hover {
	color: #7d7d7d;
}

/************************
STRUMENTI
*************************/
#strumenti {
	margin-top:10px;
	margin-bottom:0px;
	margin-right:0px;
	text-align: right;
	float: right;
}
#boxcerca{
	display:block;
	overflow:hidden;
	height:20px;
	width: 150px;
	margin-right: 5px;
	margin-left: 2px;
}
#boxcerca input{
	font-size:8pt;
	line-height:1.3em;
	display:block;
	font-family:inherit;
	padding:2px;
	margin-right: 5px;
	margin-left: 3px;
	border: 1px solid #000000;
}

/********************
	calendario
 ********************/
#calendario {
	margin: 0px;
	padding: 0px;
	width: 880px;
	font-weight: bold;
	text-align: left;
}

#reel {
	background: #6b7918;
	height: 360px;
	margin-bottom:10px;
}
#ca {
	position: absolute;
	left: 730px;
	top: 112px;
	z-index: 100;
	height: 44px;
	width: 133px;
}

/********************
	coniene
 ********************/
#contiene {
	border-top: 1px solid #000;
	width: 880px;
	padding: 0 0 10px 0;
}

#contienesenzabordo {
	width: 880px;
	padding: 0 0 10px 0;
}

.column {
	width: 300px;
	float: left;
	overflow: hidden;
}
.colonna_larga {
	width: 600px;
	float: left;
}

.colonna_piccola {
	width: 280px;
	float: left;
	
}

address {
	margin-bottom: 10px;
}

ul#numbers {
	float: right;
	margin-top: 7px;
}

ul#numbers li,
ul#numbers li a {
	float: left;
	display: block;
}

ul#numbers li a.active {
	color: #000;
}

ul#numbers li {
	background: url("_images/separator2.gif") no-repeat 100% 4px;
	padding-right: 8px;
	padding-left: 3px;
}

ul#numbers li.last {
	background: none;
	padding-right: 0;
}

#description {
	clear: left;
	float: left;
	width: 580px;
	overflow: hidden;
	border-top: 1px solid #000;
}



#column_580 {
	width: 580px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
}

#column_280 {
	float: left;
	width: 280px;
	overflow: hidden;
	margin-top:10px;
}

input#email {
	padding: 2px;
	
}


input {
font-size:9px;


}

.newsbox{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}
#pied {
	background-image: url(../immagini/sfuma.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/****************************
MENU ORIZZONTALE
*********************/
 #menu {
	height: 45px;
	min-height: 45px;
	width: 880px;
	margin-top: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
          }

          #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	height: 40px;
	background-color: #FFFFFF;
	width: 880px;
	padding-top: 10px;
          }



          
          #menu ul li {

                    float: left;



                    display: inline;

          }



          #menu ul a {padding-right: 10px;padding-left: 10px;
	display: block;padding-top: 10px;
	
	padding-bottom: 10px;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-transform: uppercase;
	border-bottom-width: 0px;
	border-bottom-style: none;
          }



#menu ul a {
	border-bottom-width: 0px;
	border-bottom-style: none;
	
	
}



#menu ul a:focus,

#menu ul a.active,

#menu ul a:hover {
	outline: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
}




          #menu ul a.attuale {
	margin: 0 14px 0 0;
	text-decoration: none;
          }

         
         
.frequence{display:none;}

         
		
		 #menu ul #red a:hover {
	background-color:#BB051D;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
}
		  
	#menu ul #orange a:hover{
	background-color:#FE8C07;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
}	  
		 #menu 	ul #azzurro a:hover{
	background-color:#258CB6;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
}	  
	#menu ul #green a:hover{
	background-color:#3E986D;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
}	  
	#menu ul #viola a:hover{
	background-color:#B079A3;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
}	  
#menu ul #giallo a:hover{
	background-color:#FFCC00;
	display:block;
	color:#FFFFFF;
	text-decoration: none;
}	  
/******************************
FINE MENU ORIZZONTALE
********************************/
/********************************
CLIP
*******************************/
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 10px;
	margin: 0;
	float: left;
	position: relative;
	
}
.gallery li:hover img {
	border-color: #000;
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 20px;
	left: 5px;
	border: 1px solid #999;
	font-size: 14px;
	line-height: 16px;
}

.gallery span {
	width: 30px;
	height: 50px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background-image: url(../immagini/paper-clip-mini.png);
	z-index: 3;
	background-repeat: no-repeat;
}


.nuage  li {display:inline!important;} 
.nuage a {
	font-size: 100%;
}
.frequence{display:none;}

#nuvole {
	padding: 10px;
	borde: 1px dotted #c9c9c0;
	clear: both;
	margin-top: 20px;
	float: no;
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
#nuvole img {
	top: 7px;
	left: 9px;
	z-index: 3;
	margin-top: -15px;
	margin-left: 5px;
}

/********************
	Footer
 ********************/
#footer {
	color: #000;
	font-size: 100%;
	font-weight: normal;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-top: 1px solid #000;
	padding-top: 20px;
	margin-bottom:5px;
	clear: both;
}
/****************************
TOOLTIPS
*********************************/


body div#toolTip .affgloss p {
	margin:0;
	padding:0;
	color:#000000;
	font:11px/12px helvetica,arial,sans-serif;
	width: 500px!important;
}
body div#toolTip .affgloss p em { display:none;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip .affgloss p span {
	font-weight:bold;
	color:#000000;
}
	


body div#toolTip .affgloss{
	position:absolute;
	z-index:1000;
	/*border:1px solid#fff;*/
	text-align:left;
	padding:5px;
	min-height:1em;
	background-color: #000000;/*-moz-border-radius:5px; width: 500px!important;	Fading Tooltips By Dustin Diaz*/
}
 
body div#toolTip {
	position:absolute;
	z-index:1000;
	/*border:1px solid #fff;*/
	text-align:left;
	min-height:1em;
	/*-moz-border-radius:5px; width: 150px*/;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	text-transform: uppercase;
}
body div#toolTip p {
	margin:0;
	padding:0;
	color:#000000;
	font:11px/12px helvetica,arial,sans-serif;
}
body div#toolTip p em { display:none;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p span { font-weight:bold;color:#fff; }
/* 

STICKER - A valid, easy to use CSS sticky footer by Ryan Fait

This is the basic CSS you need along with the one extra empty
div and the wrapper required to achieve the effect. I suggest
that you leave the * { margin: 0; } code in while testing and
building your site because margins do have a tendency to mess
things up a bit. Have fun!

Copyright (c) 2006-2007 Ryan Fait

*/





* {
	margin: 0;dt
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-top: 0px;
	background-color: #FFFFFF;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
.pied, .push {
	height: 0px; /* .push must be the same height as .footer */
}
.pied {
	display: block;
	height: 100px;
	width: 100%;
}