html, body{margin: 0;padding:0; height:100%}
body{text-align: center;margin:0px;padding:0px; font-family: Helvetica, Verdana, sans-serif; font-size: 12px; letter-spacing: normal; color:#707173;}
img {border:none;margin:0px;}

a
{
  color:#87888A;
  text-decoration:none;
}

a:hover
{
  color:#FFFFFF;
}


div#container{
	margin: 0px auto;
	text-align: left;
	overflow:hidden;
  height:100%;
}

body>#container
{
    height:auto;
    min-height: 100%;
}

#left_home
{
	width:132px;
	text-align: left;
	float:left;
	overflow:hidden;
	height:100%;
}

#right_home
{
	text-align: left;
	float:left;
	overflow:hidden;
}

#vertical_menu
{
	/*background: white url(../Img/sfumatura.gif) repeat-y top right;*/
	overflow:hidden;
	position:absolute;
	left:15px;
	width:152px;
	height:100%;
	z-index:1;
}


/*works' box inside the vertical menu*/
#menu_box
{
  /*position:absolute;*/
  /*top:50%;*/
  /*margin-top:-100px;*/
  position:relative;
  float:left;
  width:152px;
  
  /*background: transparent url(../Img/sfumatura.gif) repeat-y top right;*/	
  /*background: transparent url(../Img/menu_tab.png) no-repeat top right;*/
  background: #FFF url(../Img/menu_banda.png) no-repeat top right;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  z-index:1;	  	
}

#table_menu
{
  overflow:hidden;
}

#menu_box .work_item_menu
{
	padding:0px 0px;
}

#menu_box .work_item_menu a
{
	/*font:normal 11px/1 Helvetica,arial;*/
	font-size:10px;
	letter-spacing: 0px;
	/*line-height: 1em;*/
	text-transform: uppercase;
}

#slider
{
	background:white;
}

.slide_item_image
{
	float:left;
	overflow:hidden;
}

.div_link_forward
{
	position:absolute;
	right:5px;
	bottom:50%;
	z-index:200;
}

.div_link_backward
{
	position:absolute;
	left:165px;
	bottom:50%;
	z-index:20;
}

#vertical_menu
{
  left: 132px;
}

div.external_title
{
	margin:0px 0px 0px 10px;
}

.external_title a
{
	color:#707173;
	font-size:16.8px;
	line-height: normal;
	text-decoration:uppercase;
}

.external_title a:hover
{
  text-decoration:line-through;
  color:#70717A;
}


.internal_title, .internal_title_clienti
{
	margin:0px 0px 10px 0px;
	display:none;
	text-decoration:uppercase;
}

#left_home
{
/* 	z-index:80; */
}

/*colonna di sinistra sopra a tutto*/
#over_left_home
{
	/*background:#E6E6FA url(../Img/sfumatura.gif) repeat-y top right;*/
	background:transparent url(../Img/sfumatura.gif) repeat-y top right;
	position:absolute;
	top:0px;
	left:0px;
	width:136px;
	height:100%;
	overflow:hidden;
	z-index:2;
}

#over_left_home_inner
{
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	width:136px;
}

/*div che contiene un'immagine di thumb e tutti gli altri elementi: nome lavoro, nome cliente, etc*/
.thumb_image_box
{
	width:130px;
	height:130px;
	overflow:hidden;
	position:relative;
}

/*box interno delle thumb*/
.thumb_image_box_inner
{
	position:absolute;
	top:0px;
	left:0px;
	width:24px;
	height:24px;
}

.tendina_colore_1 {background-color:#b01358;}
.tendina_colore_2 {background-color:#ccd77a;}
.tendina_colore_3 {background-color:#459ec4;}

/*box con il titolo del lavoro e del cliente*/
.thumb_image_description
{
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:300;
	width:110px;
	height:110px;
  padding:10px;
	color:#FFF;
}

.lincato
{
  cursor:pointer;
}

/*div con descrizione lavoro o cliente*/
.item_content
{
	display:none;
}

/* pulsante approfondisci */
.get_more_informations
{
	position:absolute;
	top:0px;
	right:42px;
	width:290px;
	/*background:#b01358;*/
	padding:5px;
	height:17px;
}

.get_more_informations a
{
	color:#ffffff;
	text-decoration:none;
	font:normal 16px/1 Helvetica,arial;
	margin-left:5px;
}

.get_more_informations a:hover
{
	color:#87888A;
}

/*box contenente la descrizione del lavoro*/
.work_box_content
{
	position:absolute;
	right:42px;
	top:26px;
	width:300px;
	height:300px;
	background:#ffffff;
	text-align:center;
	display:none;
	overflow: hidden;
}
html>body>#container .work_box_content {top:27px;}


.work_box_content_inner
{
	width:280px;
  padding:10px;
	text-align:left;
  font-size:115%;
  letter-spacing: normal;
  color:#FFF;
}

.go_up
{
	position:absolute;
	width:50px;
	height:300px;
	text-align:center;
	margin-left:-9px;
	top:0px;
	left:50px;
	display:none;
	z-index:400;
}

.go_down
{
	position:absolute;
	bottom:24px;

  width:50px;
	height:300px;
	text-align:center;
	margin-left:-9px;

	left:50px;
	display:none;
	z-index:400;
}

.go_down img
{
  margin-top:268px;
}

.go_up_menu
{
	position:absolute;
	top:0px;
	left:50px;
	display:none;
	z-index:400;
	width:136px;
	height:300px;	
}

.go_down_menu
{
	position:absolute;
	bottom:0px;
	left:50px;
	display:none;
	z-index:400;
	width:136px;
	height:300px;
}


#inner_right_home
{
	margin-left:150px;
	font:normal 12px/1 Helvetica,arial;
}

#inner_right_home p
{
  margin: 2px 0;
}
 
.who_ext_div
{
	margin-left:50px;
	margin-bottom:50px;
	width:100%;
	overflow:hidden;
}
/*colonna sinistra in who*/
.who_left
{
	width:55%;
	float:left;
}
/*colonna destra in who*/
.who_right
{
	width:44%;
	float:left;
}

.who_image
{
	text-align:center;
}
.who_contenuto
{
	margin-left:20px;
	padding:0px 15px;
	text-align:justify;
}

.who_titolo
{
	font:normal 16px/1 Helvetica,arial;
}

#top_image_container
{
	text-align:center;
}

/*what*/
a.link_what
{
  color:#707173;
}

a.link_what:hover
{
  color:#87888A;
}


#what_ext_box
{
	padding-left:140px;
	width:100%;
	margin-top:50px;
	color:#707173;
}


#introduzione_what
{
  position:relative;
}

#link_what
{
  float:left;
  margin-top:30px;
}

#content_what
{
  float:left;
  position:relative;
  margin-left:30px;
  height:600px;
}

#what_contenuto_1
{
	background-image :url(../Img/what_comunication.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#what_contenuto_1 p
{
  width:300px;
  margin-top:0px;
}

#what_contenuto_2
{
	background-image :url(../Img/what_design.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#what_contenuto_2 p
{
  width:300px;
  margin-top:0px;
}

#what_contenuto_3
{
	background-image :url(../Img/what_cool.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#what_contenuto_3 p
{
  width:300px;
  margin-top:0px;
}

#what_left
{
	float:left;
}

#what_right
{
	width:80%;
	float:left;
}

#what_left_menu
{
	margin-top:20px;
}

#what_left_menu tr td
{
    padding-bottom:20px;
}

.what_link
{
    text-decoration:none;
    color:#A2A2A2;
    font-size:14px;
}

.what_title
{
	margin:20px;
}

.what_title a
{
	text-decoration:none;
	font: normal 16px/1 Helvetica,arial;
	color:black;
}

#what_right_box
{
	margin-top:150px;
	width:50%;
}

#currentitem
{
	text-decoration:line-through;
}

.clienti_label
{
	font:normal 14px/1 Helvetica,arial;
	color:#707173;
	margin-top:10px;
	margin-bottom:5px;
}

.link_where
{
  color:#707173;  
}

.link_where:hover
{
  color:#87888A;  
}

#click_video_container
{
  width:100%; 
  height:100%;
  position: absolute; 
  background-color:#FFF;
  left:0; 
  top:0; 
  z-index:9999998; 
  display:none;
  margin:0;
  padding:0;
}

#video_container
{
  width:720px; 
  height:450px; 
  background-color:#000; 
  position: absolute; 
  left:50%; 
  top:50%; 
  margin-left:-360px; 
  margin-top:-225px; 
  z-index:9999999; 
  display:none;
  border:solid 2px #000000;
}

#pulsante_chiudi_video
{
  padding:0;
  width:724px; 
  height:28px; 
  background-color:#FFF; 
  position: absolute; 
  left:50%; 
  top:50%; 
  margin-left:-362px; 
  margin-top:-246px; 
  z-index:9999999; 
  display:none;
  border:none;
  text-align:right;
  border-left:solid 2px #FFF;
  border-right:solid 2px #FFF;
}

.listaClienti
{
    width:100%;
    margin:10px auto;
    list-style: none;
    float:left;
}

.listaClienti li
{
    margin:20px 60px;
    display:block;
    width:150px;
    height: 150px;
    /*border:solid 1px #CDCDCD;*/
    float:left;
}

#clientiContainer
{
    float:left;
    /*border:solid 1px #cdcdcd;*/
    z-index:-1;
    width: 100%;
}