@charset "UTF-8";
/* CSS Document©3d'esign */




/* LAYOUT XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

   
html, body{
      height:100%;
      margin: 0px;
      padding: 0px;
      border: none;
      text-align: center;
	  background-color:#222121;
}

body {
   font-family: Arial, Verdana, Helvetica, sans-serif;
}

.clear {
	clear:both;
}

#preloader {
	display:none;
}

h1 {
	font-size:22px;
	color:#fff;
	margin:5px 0px 0px 3px;
	font-weight:normal !important;
}

#contenitore_principale {
background-color:#222121;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-285px;
	margin-left:-465px;
	text-align: left;
	vertical-align: middle;
	width: 930px;
	font-size:12px;
	color:#666;
}

#fullheight {
	height:100%;
}
   

#frame {
	border: 10px solid #615656;
	padding:9px;
	clear:both;
	float:left;
	width:894px;
	margin-bottom:70px;
}

#contenitore_contenuti {
	background-color:#000000;
	width:299px;
	height: 349px;
	float:left;
}

.contenuti {
	padding:15px;
}

#contenitore_subnavigazione {
 margin: 0px 0px 0px 0px;
 height: 348px;
 width:190px;
 float: left;
  background-color: #44ff00;
}

#contenitore_subnavigazione_interna {
 margin: 0px 0px 0px 0px;
 height: 294px;
 width:190px;
 float: left;
 background-color: #ffff00;
}

#fascia {
 background-color:#131313;
 height:349px;
 width:189px;
 float:left;
}

#contenitore_casehistory { 
 float: left;
 margin: 0px 0px 0px 0px;
 height: 349px;
 width: 595px;
 background:#131313;
}


#abstract_casehistory {
	background-color:#131313;
	height:100%;
	width: 580px;
	color:#FFFFFF;
}


#abstract_casehistory h1{
margin:0;
padding:0;
}

#abstract_casehistory img{
margin-right:15px;
}

#contenitore_casehistory ul{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}

#contenitore_casehistory li{
margin:0;
padding:0;
text-decoration:none;
list-style:none;
}

#abstract_casehistory img.thumb {
	margin-right:10px;
}

#abstract_casehistory p {
	font-size:11px;
	color:#fff;
	padding:10px 10px 3px 10px;
	margin:0;
	width:200px;
}

#abstract_casehistory p strong {
	color:#ffffff;
}

#abstract_casehistory #more {
	margin-left:90px;
	margin-top:30px;
}

#abstract_news {
	background-color:#615555;
	height:54px;
	font-size:11px;
	color:#a7a4a4;
	padding: 7px 0px 2px 0px;
}

.data_abstract_news {
	color:#fff;
	font-weight:bold;
}

#abstract_news a {
	font-size:11px;
	color:#a7a4a4;
	text-decoration:none;
}

#abstract_news a:hover {
	color:#fff;
}

/* NAVIGAZIONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#navigazione {
	width:908px;
	height:auto;
	float:left;
	margin-left:10px;
}

#nav_sx {
	float:left;
}

#nav_sx p {
	display:none;
}

#nav_sx a#nav_agency {
	float:left;
	width:64px;
	height:23px;
	background-image: url(../img/navigazione/agency.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_sx a#nav_agency:hover {
	float:left;
	width:64px;
	height:23px;
	background-image: url(../img/navigazione/agency_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

/**Menu in alto acceso in base alla pagina************************/
#agency #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#advertising #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#strategy #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#unconventional #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#press #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#planning #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#events #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#below #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#instore #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}

#web #nav_sx a#nav_agency {
	background-image: url(../img/navigazione/agency_on.gif);
}
/**Fine menu in alto acceso in base alla pagina************************/


#nav_sx a#nav_portfolio {
	float:left;
	width:84px;
	height:23px;
	background-image: url(../img/navigazione/portfolio.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_sx a#nav_portfolio:hover {
	float:left;
	width:84px;
	height:23px;
	background-image: url(../img/navigazione/portfolio_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#portfolio #nav_sx a#nav_portfolio {
	background-image: url(../img/navigazione/portfolio_on.gif);
}

#nav_sx a#nav_clients {
	float:left;
	width:69px;
	height:23px;
	background-image: url(../img/navigazione/client.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_sx a#nav_clients:hover {
	float:left;
	width:69px;
	height:23px;
	background-image: url(../img/navigazione/client_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#clients #nav_sx a#nav_clients {
	background-image: url(../img/navigazione/client_on.gif);
}

#nav_sx a#nav_awards {
	float:left;
	width:70px;
	height:23px;
	background-image: url(../img/navigazione/awards.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_sx a#nav_awards:hover {
	float:left;
	width:70px;
	height:23px;
	background-image: url(../img/navigazione/awards_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#awards #nav_sx a#nav_awards {
	background-image: url(../img/navigazione/awards_on.gif);
}

#nav_sx a#nav_network {
	float:left;
	width:77px;
	height:23px;
	background-image: url(../img/navigazione/network.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_sx a#nav_network:hover {
	float:left;
	width:77px;
	height:23px;
	background-image: url(../img/navigazione/network_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#network #nav_sx a#nav_network {
	background-image: url(../img/navigazione/network_on.gif);
}

#nav_sx a#nav_news {
	float:left;
	width:58px;
	height:23px;
	background-image: url(../img/navigazione/news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_sx a#nav_news:hover {
	float:left;
	width:58px;
	height:23px;
	background-image: url(../img/navigazione/news_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#news #nav_sx a#nav_news {
	background-image: url(../img/navigazione/news_on.gif);
}


#nav_dx {
	float:right;
}

#nav_dx p {
	display:none;
}

#nav_dx a#nav_contatti {
	float:left;
	width:60px;
	height:23px;
	background-image: url(../img/navigazione/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_dx a#nav_contatti:hover {
	float:left;
	width:60px;
	height:23px;
	background-image: url(../img/navigazione/contact_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#contact #nav_dx a#nav_contatti {
	background-image: url(../img/navigazione/contact_on.gif);
}

#nav_dx a#nav_board {
	float:left;
	width:60px;
	height:23px;
	background-image: url(../img/navigazione/board.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_dx a#nav_board:hover {
	float:left;
	width:60px;
	height:23px;
	background-image: url(../img/navigazione/board_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#board #nav_dx a#nav_board {
	background-image: url(../img/navigazione/board_on.gif);
}

#nav_dx a#nav_newsletter {
	float:left;
	width:95px;
	height:23px;
	background-image: url(../img/navigazione/newsletter.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#nav_dx a#nav_newsletter:hover {
	float:left;
	width:95px;
	height:23px;
	background-image: url(../img/navigazione/newsletter_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

#newsletter #nav_dx a#nav_newsletter {
	background-image: url(../img/navigazione/newsletter_on.gif);
}

/* SUBNAVIGAZIONE XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#subnavigazione {
	width:190px;
	height:279px;
	background-color:#00ff00;
}

#subnavigazione a {
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

/**HACK POSIZIONAMENTO SUBMENU HOME PAGE****************************/

#index #cont_submenu {
	position: relative;
	top: 120px;
	left: 16px;
	padding:0px 0px 0px 0px; 
 }/* IE 6.0 */
 
*:first-child+html #index #cont_submenu {
	left: 14px;
	top: 144px;
	padding:0px 0 0 0px !important; 
 }/* IE 7.0 */
 
html>/**/body#index #cont_submenu {
	left: 14px;
	top: 150px;
	padding:0px 0px 0px 0px !important;
 }/* FireFox*/ 

/**FINE HACK POSIZIONAMENTO SUBMENU HOME PAGE****************************/

/**HACK POSIZIONAMENTO SUBMENU NELLE PAGINE INTERNE****************************/

#cont_submenu {
	position: relative;
	top: 136px;
	padding:0px 0px 0px 0px; 
 }/* IE 6.0 */
 
*:first-child+html #cont_submenu {
	top: 158px;
	padding:0px 0 0 0px !important; 
 }/* IE 7.0 */
 
html>/**/body #cont_submenu {
	top: 166px;
	padding:0px 0px 0px 0px !important;
 }/* FireFox*/ 

/**FINE HACK POSIZIONAMENTO SUBMENU NELLE PAGINE INTERNE****************************/
 
 #cont_submenu a {
 	display:block;
	height:12px;
}

/* FORMATTAZIONE CONTENUTI XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.pagina_standard {
	font-size:11px;
	color:#999;
	width:585px;
	height:339px;
	background-color:#131313;
	padding:5px;
}

.pagina_standard b {
	color:#fff;
}


.pagina_standard h1 {
	margin:0;
	padding:0;
}

.pagina_istituzionale {
	font-size:12px;
	color:#999;
	width:555px;
	height:309px;
	background-color:#131313;
	padding:20px;
}

.pagina_istituzionale ul {
	margin: 10px 0px 0px 15px;
	padding: 0px;
	color: #ff0000;
}

.clients_list  {
	margin:0;
	padding-left:5px;
	padding-top:6px;
	list-style:none;
}

.clients_list li  {
	margin-bottom:2px;
}

a.client {
	margin:0;
	padding-left:5px;
	text-decoration:none;
	color:#888 !important;
}

a:hover.client {
	margin:0;
	padding-left:5px;
	text-decoration:none;
	color: #ccc !important;
}



ul.clients_list a{
	text-decoration:none;
	color:#888 !important;
	}

ul.clients_list a:hover{
	text-decoration:none;
	color:#FFF !important;
	}	
	
.no_list  {
	margin:0;
	padding:0;
	list-style:none;
}

.no_list li  {
	margin-bottom:5px;
}

.no_list li a  {
	color:#999;
	text-decoration:none;
}

.no_list li a:hover  {
	color:#fff;
}

/**Elenchi puntati pagine****************************/

#unconventional ul li {
	list-style-type: square;
}

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

#unconventional ul li a:hover {
	color: #fff;
}


#events .pagina_istituzionale ul {
	list-style-type: square;
	width: auto;
}

#instore .pagina_istituzionale ul {
	list-style-type: square;
	width: auto;
}

#below ul li {
	list-style-type: square;
}

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

#below ul li a:hover {
	color: #fff;
}

#web ul {
	width: 200px;
	float: left;
}

#web ul li {
	list-style-type: square;
}

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

#web ul li a:hover {
	color: #fff;
}

#clients ul li {
	list-style-type: square;
	color: #ff0000;
	margin-left: 15px;
}


/**Fine elenchi puntati pagine******************************/

/**Tabelle immagini****/

html>#agency .pagina_istituzionale table {
	margin-top: 60px;
}/*FF*/

#agency .pagina_istituzionale table {
	margin-top: 80px;
}/*IE6*/

*:first-child+html#agency .pagina_istituzionale table {
	margin-top: 90px;
 }/* IE 7.0 */

html>#advertising  .pagina_istituzionale table {
	margin-top: 5px;
}/*FF*/

#advertising .pagina_istituzionale table {
	margin-top: 25px;
}/*IE6*/

*:first-child+html#advertising .pagina_istituzionale table {
	margin-top: 35px;
 }/* IE 7.0 */

html>#planning .pagina_istituzionale table {
	margin-top: 44px;
}/*FF*/

#planning .pagina_istituzionale table {
	margin-top: 64px;
}/*IE6*/

*:first-child+html#planning .pagina_istituzionale table {
	margin-top: 74px;
 }/* IE 7.0 */

html>#events .pagina_istituzionale table {
	float: right;
	margin-top: -25px;
}/*FF*/

#events .pagina_istituzionale table {
	float: right;
	margin-top: 0px;
}/*IE6*/

*:first-child+html#events .pagina_istituzionale table {
	margin-top: 5px;
 }/* IE 7.0 */

html>#instore .pagina_istituzionale table {
	float: right;
	margin-top: -25px;
}/*FF*/

#instore .pagina_istituzionale table {
	float: right;
	margin-top: 0px;
}/*IE6*/

*:first-child+html#instore .pagina_istituzionale table {
	margin-top: 5px;
 }/* IE 7.0 */


html>#below .pagina_istituzionale table {
	margin-top: 4px;
}/*FF*/

#below .pagina_istituzionale table {
	margin-top: 24px;
}/*IE6*/

*:first-child+html#below .pagina_istituzionale table {
	margin-top: 34px;
 }/* IE 7.0 */
 
 html>#web .pagina_istituzionale table {
	float: right;
	margin-top: 45px;
}/*FF*/

#web .pagina_istituzionale table {
	float: right;
	margin-top: 65px;
}/*IE6*/

*:first-child+html #web .pagina_istituzionale table {
	margin-top: 65px;
 }/* IE 7.0 */

/**Fine tabelle immagini******************/

#press .pagina_istituzionale a img {
	display: block;
	margin-top: 7px;
}

#web .pagina_istituzionale a  {
	color: #888;
	text-decoration: none;
	font-weight: bold;
}

#web .pagina_istituzionale a:hover {
	color: #fff;
}

#img_awards_gp {
	margin-left:33px;
	margin-bottom:20px;
}

.box_network {
	width:165px;
	float:left;
	margin-top:12px;
}

.box_network img{
	margin-bottom:4px;
}

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

a:hover#link_mail{
	color: #fff;
	text-decoration: none;
}

.colonna {
	margin-right:20px;
	margin-left: 2px !important;
	padding: 0px;
	float: left;
}

#elenco_awards{
	height:250px;}

#content_news {
	height: 250px;
	overflow: auto;
	margin-left: 0px!important;
	margin-left: 5px;
	cursor:default;
}

#strilli_news {
	width: 95%;
	margin-left: 4px !important;
	margin: 0px;
	padding: 0px;
}

#strilli_news  dt {
	float: left;
}

#strilli_news  dd {
	color: #666;
	clear: both;
	display: block;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 5px 0px;
}

.datanews {
	color: #fff;
	font-size: 11px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.titolonews {
	width: 450px;
	color: #fff;
	font-weight: bold;
		text-transform:uppercase;
}

.contenutonews {
	display: block;
	border-bottom: 1px solid #666;
}

.colore01 {
	color: #e2001a;
}

.colore02 {
	color: #888;
	margin-left:5px;
}

.colore03 {
	color: #CCCCCC;
}


#web a#linktw {
	color: #828dc3;
}

#web a:hover#linktw {
	
}


/* FOOTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#footer {
	clear:both;
	font-size:10px;
	color:#999999;
	text-align:left;
}
 
#footer a {
	clear:both;
	font-size:10px;
	color:#999999;
	text-decoration:none;
}

#footer a:hover {
	color:#fff;
}

#footer p {
	text-align:left !important;
	padding-left:12px;
}

/* CASE HISTORY PORTFOLIO XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#contenitore_contenuti_case_history {
	background-color:#000000;
	width:160px;
	height: 348px;
	float:left;
}

#contenitore_dettaglio_casehistory { 
 margin: 0px 0px 0px 0px;
 height: 348px;
 width:694px;
 float: left;
}

#contenitore_dettaglio_casehistory a{
	text-decoration:none;}

.pagina_dettaglio_casehistory {
	width:734px;
	height:348px;
	background-color:#131313;
	float:left;
}

#dett_casehistory_indice {
	width:165px;
	float:left;
	padding:0px 10px 10px 15px;
}

#dett_casehistory_immagini {
	width:300px;
	float:left;
	padding:23px 0 0 0;
	text-align:center;
}

#dett_casehistory_descrizione {
	width:224px;
	float:left;
	padding:23px 20px 0 0;
}

.titolo_cliente_casehistory {
	font-size:12px;
	color:#FFFFFF;
	margin-bottom:15px;
	margin-top:15px;
	display:block;
	background-color:#615656;
	padding:2px 2px 2px 10px;
	width:135px;
}

ul.lista_attivita_casehistory {
	list-style:none;
	padding-left:10px;
	margin:0;
	
}

/* navigazione portfolio */

.handcursor{
	cursor:hand;
	cursor:pointer;
}

#bobcontent1-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent2-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent3-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent4-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent5-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent6-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent7-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent8-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent9-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent10-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

#bobcontent11-title {
	padding-left:2px;
	margin-bottom:4px;
	text-decoration:none;
}

.navigazione_soggetti_casehistory {
	padding-left:0px;
	margin-bottom:10px;
	width:158px;
}

.articleList{
	margin:0px;
	padding:0px;
	padding-left:2px;
}

.articleList li{	/* General layout article in list */
	width:21px;
	height:21px;
	background-image: url(../img/portfolio/work_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
	float:left;
	list-style:none;
	margin-right:6px;
	margin-bottom:5px;
}

.articleList li.articleClick{	/* Active article in list - layout */
	width:21px;
	height:21px;
	padding:0px;
	background-image: url(../img/portfolio/work_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a#back_portfolio {
	display:block;
	height:10px;
	margin-top:260px;
	color:#999;
	text-decoration:none;
	font-size:10px;
	margin-left:50px;
	padding-left:10px;
	background-image: url(../img/portfolio/fr_back.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

a#back_portfolio:hover {
	color:#fff;
}

a#home_news {
	color: #666;
	text-decoration:none;
	font-size:12px;
}

a#home_news:hover {
	color: #000;
}

/* descrizione case history */

span.label_desc_cliente {
	padding-left:65px;
	font-size:11px;
	color:#fff;
	background-image: url(../img/portfolio/lab_cliente.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

span.label_desc_anno {
	padding-left:65px;
	font-size:11px;
	color:#fff;
	background-image: url(../img/portfolio/lab_anno.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

span.label_desc_campagna {
	padding-left:65px;
	font-size:11px;
	color:#fff;
	background-image: url(../img/portfolio/lab_campagna.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

span.descrizione_casehistory {
	font-size:11px;
	color:#fff;
}

span.descrizione_casehistory a{
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

span.descrizione_casehistory a:hover{
	font-size:11px;
	color:#888;
	font-weight:bold;
	text-decoration:none;
}

.gallery {
	display:none;
	}

/* NEWSLETTER XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

.form_label {
	width:250px;
	height:15px;
	font-size:11px;
	margin-top:3px;
	background-color:#fff;
	border: 1px solid #FFFFFF;
	padding-left:2px;
}

.submit_button {
	width:60px;
	background-color:#615656;
	border: 1px solid #615656;
	padding:2px;
	font-size:11px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
}

.privacy a {
	font-size:11px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.hide {
	display:none;
	}
	
/* VIDEO */

.video {
	float:left;
	}

.video a{
	font-size:9px;
	color: #666;
	text-decoration:none;
	}
	
.video a:hover{
	color:#000;
	text-decoration:none;
	}			
	
	
	
	
	
	/*_______________________ home slide ------------------------------*/
	.sx{
	 float:left; 
	 margin:0 15px 1px 0;
	 width:222px;
	
	}	
	
	.dx{
	 float:right; 
	 margin:0 15px 1px 0;
	 width:320px;
	
	}