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


* {margin:0; padding:0}

html,body{margin: 0;padding:0;height:100%;/*background:  url(../../img/bg_all.jpg)  no-repeat fixed top center #ededed;*/ min-height:100%;}


body{font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 12px; color:#1c1c1c; text-align:center;}

img{border:0px;}













#cloudtag{
	
	height:1px; text-align:left; display:none; width:100%; overflow:hidden; border-bottom:solid 1px #1c1c1c;
	}
            
            
			
/* header */
            
#header{
	padding:0; position:relative; top:0px; margin:0; width:100%;
	height:183px; overflow:hidden;}
 
 .menu_head{
	  margin:0px; display:block; 
	 }
	 
 #we_head{
	 float:left; 
	 } 
 #you_head{
	 float:right;
	 } 

#we:hover{
	color:#000;
	}

#we , #you{
	width:80px;
	text-align:center;
	height:47px;position:absolute;
	padding: 5px 0 0 0;
	color:#1c1c1c; font-size:36px;
	background-color:#fff;
	border:solid 1px #1c1c1c;
	z-index:600;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	/*background:url(../../img/bg_you_close.png)  no-repeat ; z-index:10; */
}

#we {
	float:left;
}

#we_submenu_slide{
	width:225px; text-align:left; position:absolute; float:left; z-index:9; height:54px; left:60px;
	}
.we_submenu_slide_off{
        left:-230px;
    }        
      
.we_submenu_slide_close{
        left:-23px;
    }  
        
#we_menu{
	
	padding: 23px 20px 0 50px; height:31px; width:auto;float:left;
	color:#ccc; font-size:16px; background:#1c1c1c   no-repeat ;
	z-index:500;
		-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;

	}
	
#we_menu_angolo{
	width:11px; height:54px; float:left; background:url(../../img/angolo_close_we.gif)  no-repeat;
	
	}	

#you:hover{
	color:#000;
	}
 #you{
	 text-align:center;float:right; margin:0px;position:absolute; right:0px;  top:0px;
	padding: 5px 0px 0 0px; 
	color:#1c1c1c; font-size:36px;  z-index:620; /*background:url(../../img/bg_you_close.png) right  no-repeat ;*/
	}
#you_submenu_slide{
	 text-align:right; position:absolute;  right:60px;z-index:19; height:54px; top:0px;
	}

#you_menu{
	 
	padding: 23px 50px 0px 20px; height:31px;width:auto; float:right;
	color:#ccc; font-size:16px; background-color:#1c1c1c; z-index:520;
	-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
	
	}
#you_menu_angolo{
	width:11px; height:54px; float:right; background:url(../../img/angolo_close_you.gif)  no-repeat;
	
	}	
	
#sub_create{position:absolute; display:block; overflow:hidden; font-size:14px; 
opacity:0;filter:alpha(opacity=0); font-weight:bold;
padding-top:10px;
}


#sub_are{position:absolute; display:block; overflow:hidden; font-size:14px; 
opacity:0;filter:alpha(opacity=0); font-weight:bold;
padding-top:10px;
}	
	
.link_menu{
    text-decoration:none; color:#ccc; text-shadow:#464646 1px 1px;
    }	
        
 .link_menu:hover , .link_menu_on{
   text-decoration:none; color:#fff; text-shadow:#464646 2px 2px;
    }


             
div#we_menu span  , div#you_menu span {
	cursor:pointer;
	}


#back_home{
        position:absolute; left:40%; right:40%; 
       width:auto;  
    
}
 #back_home a{
    outline:none;
}

.tag-map{
    cursor:pointer;
}

#cloudtag_map{
    cursor:pointer;
}

#cloudtag_btn{
    position:relative; left:20%; right:40%; top:-60px;

        float:left; 
    
}


	
.icon{}



	
.img_icon{
				
				margin:0 10px; position:relative; margin-top:14px;
				opacity:0.8; filter:alpha(opacity=80); width:auto; float:right; 
	}	
	
.img_icon:hover{
				
				opacity:1;filter:alpha(opacity=100); width:auto;
	}
	
	
	
#you_follow{
		/*opacity:0;filter:alpha(opacity=0); */ display:none; margin-right:70px; position:absolute; right:-300px; top:0;
	}	
	
	#you_follow_icon{
			 height:42px; background-color:#FFF; margin:0px 0px auto auto ; float:right; display:block; margin-top:53px; border-top:solid 1px #1c1c1c;
	}
	
	
	#you_follow_angolo_right{
		
	width:11px; height:42px; display:block; float:right;background:url(../../img/angolo_close_we_right.gif)  no-repeat bottom;margin:0px 0px auto auto ;
	margin-top:53px;border-top:solid 1px #1c1c1c;
	}
	
	#you_follow_angolo_left{
		
	width:11px; height:42px; display:block; float:right;background:url(../../img/angolo_close_we_left.gif)  no-repeat bottom;margin:0px 0px auto auto ;
	margin-top:53px;border-top:solid 1px #1c1c1c;
	}
	
	
	
	
/****************/



div#body_site{
	position: relative; height:100%;
	background:  url(../../img/bg_all.jpg)  no-repeat  top center #ededed;
	
	margin:0 auto;
	}
body>div#body_site{height: auto; min-height: 100%}



#title_section{
	text-align:left; font-size:30px; margin:0 0 10px 40px;	
}






/* slider lavori */
#tag-angle{
	float:right; height:33px; background:url(../../img/angolo_close_tag_bottom.gif) no-repeat; width:7px;
}
#authors-bottom-angle{
	float:left; height:33px; background:url(../../img/angolo_close_aut_bottom.gif) no-repeat; width:7px;
}
#authors-angle{
	float:left; height:33px; background:url(../../img/angolo_close_aut.gif) no-repeat; width:7px;
}




#tag-bottom .tag-div{
	float:left; height:23px; overflow:hidden;
}

#authors-bottom {
	float:left; height:23px;padding-left:30px; background:#1c1c1c; padding:5px 15px 5px 15px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

#authors , #back-works{
	float:left; height:23px;padding-left:30px; background:#1c1c1c; padding:5px 15px 5px 15px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
}
#authors div , #authors-bottom div , #tag-bottom div, #tag-bottom div  {
	float:left; height:23px; 
}
#tag-bottom{
	float:right; height:23px;padding-left:30px; background:#1c1c1c; padding:5px 15px 5px 15px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

#authors .aut_text , #back-works .aut_text , #authors-bottom .aut_text , #tag-bottom .aut_text{
	height:23px; line-height:23px; padding-right:5px; color:#acacac;
}

#authors img{
	width:23px; height:23px; border:solid 1px #1c1c1c; border-bottom:none; 
}

#bottom_slider{
	height:52px; background:url(../../img/ink_box_work.png) no-repeat right;
}


#slider{
	width:100%; height:250px ; overflow:hidden;
	
	 background-color:#1c1c1c; text-align:center;
	*height:auto;
	
	}

#slider_auto {
	width:100%; height:auto ; overflow:hidden; padding:20px 0;
	 white-space: nowrap;
	 background-color:#1c1c1c; text-align:center;  color:#ccc;
	}

.slider_big{
	width:100%; height:100% !important;overflow:hidden; 
	
	border-top:solid 2px #FFF; background-color:#1c1c1c; text-align:center;
	}
.box_work{
	    display: inline-block;
	vertical-align:top; margin:0 5px; text-align:left;
}

.desc{
    margin-top:20px;
}
.box_work img{
    margin: 5px auto;
    border:solid 1px #1c1c1c;
}

#back-works .link{
    color:#ccc;
    text-decoration:none;
}
.link_mail{
    color:#1c1c1c;
    text-decoration:none;
}

#authors .link:hover{
    color:#fff;
}
#content .box_work .link{
    color:#1c1c1c;
    text-decoration:underline;
}

#content .box_work .link:hover{
    color:#000;
    text-decoration:none;
}

#slider_auto .box_work .link{
    color:#ccc;
    text-decoration:underline;
}

#slider_auto .box_work .link:hover{
    color:#fff;
    text-decoration:none;
}

#personal-profile .box_profilo_home .link{
	
    color:#6c6c6c; font-style:italic;
    text-decoration:underline;
}
#personal-profile .link:hover{
    color:#000;
    text-decoration:none;
}


a.block_profile{
    text-decoration:none;color:#fff;
}
                                #titolo_slider{
					color:#000;	font-size:16px; text-transform:uppercase; padding:10px 0; position:relative; z-index:9999; background-color:#1c1c1c;
					}
				#titolo_weare{
					color:#ccc;	font-size:16px; text-transform:uppercase; padding-top:10px;
					}
				
        		
				#slider #titolo_weare .block_profile .link_titolo_weare  .lettera_weare ,
				#slider #titolo_slider .link_titolo_slider .lettera_slider{
					color:#fff;	text-decoration:none;
					}
                                #slider #titolo_weare .block_profile .link_titolo_weare  .lettera_weare ,
				#slider #titolo_slider .link_titolo_slider_on .lettera_slider_on{
					color:#fff;	text-decoration:none;
					}
                                        
				#slider #titolo_weare .block_profile .link_titolo_weare , 
				#slider #titolo_slider .link_titolo_slider{
					color:#ccc; text-decoration:none; text-shadow:#464646 1px 1px;
				}
				#slider #titolo_weare .block_profile .link_titolo_weare_offf , 
				#slider #titolo_slider .link_titolo_slider_on{
					color:#fff; text-decoration:none;
					}
                                        
					#slider #titolo_weare .block_profile .link_titolo_weare:hover ,
                                        #slider #titolo_weare .block_profile .link_titolo_weare_onn , 
					#slider #titolo_slider .link_titolo_slider:hover , .link_titolo_slider_over{
					color:#74d047;text-decoration:none;text-shadow:#336600 1px 1px;
					}
				
				
		  
#elenco_slider {
	position:relative;  float:left;
	width:95%;  height:auto; 	
	 margin:0 auto;  /*ripristina l' allineamento*/
	 text-align: center;
	/* letter-spacing: 35px;  white-space: nowrap;  line-height: 12px;  */
    z-index:999;
	overflow: hidden;  
	 
	 
	 
	 
	}		  
#center_elenco_slider {
	 
	/* margin: 0px;   /*centra negli altri browsers*/
    /*text-align: center;   /*ripristina l' allineamento*/
	}		  


._opacity{
		 opacity:0.5;
                 filter:alpha(opacity=5);
	}


.work_big{
	
	*float:left;
	margin-right:20px;
	margin-bottom:30px;
	
	width:343px; height:300px;  background:url(../../img/bg_big_work_slider.jpg)  no-repeat;
	display: inline-block;
	vertical-align: middle;
	
	*display: inline;
	*margin: 0 20px 0 20px;
	
	}
	
	
	
	.work_small{
	
			*float:left;
			margin-right:20px;
			margin-bottom:30px;
			
			/*width:243px;*/  height:217px; background:url(../../img/bg_work_slider.jpg)  no-repeat;
			display: inline-block;
			vertical-align: middle;
			
			*width:234px;
			
			*display: inline;
			*margin: 0 20px 0 20px;
                        
			 
	}
	
	
	
	
				a.title_work_link{
					 color:#ccc; text-decoration:none;
				}
				a.title_work_link:hover{
					 color:#74d047; text-decoration:underline;
				}
				
				.title_work{
					 text-align:left;
					height:33px; line-height:33px; padding-left:10px; white-space: nowrap; overflow:hidden;
					}	
				
				.title_work_small{
					max-width:176px;
				}
				.title_work_big{
					max-width:307px;
				}
				
				.img_work{
					 width:324px; height:223px; float:left;
					}
				.img_work_big{
					width:324px; height:218px;margin-left:2px;
					}
				.img_work_small{
					width:193px; height:132px; margin-left:2px;
					}
					
					
				.tag_work{
					color:#ccc;  float:left; white-space: nowrap; width:31px; height:30px; line-height:30px;
					}
				.tag_list{
                                         overflow:hidden;
					 text-align:left; line-height:12px;
					}
				.tag{
						color:#333; text-decoration:none;
					}
                                .icontag{
						height:28px; overflow:hidden; float:left; position:relative;
					}
                                    .img_icontag{
                                            position:relative;         
                                        }
                                    .img_icontag_on{
                                            top:-28px;        
                                        }
                                    .img_icontag_off{
                                            top:0px;        
                                        }
                                      
				     .box_works{ 
				      float:left; width:196px;z-index:200
				     }
                                        
                            .autors {
                                float:right; 
                                width:23px; margin-top:41px; z-index:100;
                                }
			.autors_small {
				margin-right:15px;
			}
			.autors_big{
				margin-right:-7px;
			}
                            .autors img {
                                border:solid 1px #313131;
                                border-left:none; 
                            }
                                        
                            .top_aut{
                                width:24px; height:10px;
                                background:url(../../img/top_aut.jpg) no-repeat;
                                }            
                             .bottom_aut{
                                width:24px; height:10px;
                                background:url(../../img/bottom_aut.jpg) no-repeat;
                                }            
                                                   
                                
#slider_tool{
	margin:60px 3px auto auto;
	float:right;
	*display:none;
}
.slider_tool_btn{
		width:auto; margin-bottom:10px;
		opacity:0.8;filter:alpha(opacity=80);
	}
.slider_tool_btn:hover{
	opacity:1;filter:alpha(opacity=100);
	
	}	
.slider_on_btn{
		width:auto; margin-bottom:10px;
	opacity:1;filter:alpha(opacity=100);
	
	}
.slider_off_btn{
		width:auto; margin-bottom:10px;
	opacity:0.2;filter:alpha(opacity=0.2);
	
	}
/************************* */


/* div#content{padding: 0 1.5em 5em;  width:90%; } */

#content {
 
	
	text-align:center;
        position:relative; display:block;
	margin-bottom:83px;
	
	
	
	
}



/* profili */

.icon_aut{
	height:23px; overflow:hidden;
}

.icon_aut a , .icon_aut a img{
	border:0; text-decoration:none;
}


#personal-profile{
/*    min-height:140px;*/
     display:block; overflow:hidden;
         padding-bottom:20px
}


.icon_over_pic {
	position:absolute; top:137px; width:23px; height:23px; margin:-4px 4px;
}

#content #profile{
		display:none; opacity:0;filter:alpha(opacity=0); 
	}
#box_profili_home{
	width:100%; height:auto;  margin:0; padding:20px 0  0 0px; 
	}


.box_profilo_home{
	width:19%; height:auto; float:left; margin:0;   margin-bottom:10px;
	position:relative; overflow: hidden;
	
	}
        
 #personal-profile .box_profilo_home{
	width:35%; height:auto; float:left; margin:0;   margin-bottom:0px; margin-left:50px; 
	
	}       
 #personal-profile .box_testo_home{
	/*width:45%;*/ height:auto; float:left; margin:0;   margin-bottom:10px; text-align:left; 
	max-width:500px; width:50%;
	}          

			
.nome_profilo{
		font-weight:bold; font-size:14px;
		opacity:0;filter:alpha(opacity=0);
	}	
#personal-profile .nome_profilo{
		font-weight:bold; font-size:20px;
                opacity:1;filter:alpha(opacity=100);
		text-shadow:#ccc 2px 2px;
		
	}
        
        
#slider #box_profili_home .box_profilo_home .nome_profilo{
	color:#CCC;
	}	

#content #box_profili_home .box_profilo_home .nome_profilo{
	color:#333;
	}
        
#content #profile #box_profili_home .box_profilo_home .link_profile .img_profili{
	border:solid 1px #000; margin:10px 0;
	
	}
#content #profile #box_profili_home .box_profilo_home .link_profile .img_profili_on{
	border:solid 1px #6ececc; margin:10px 0;

	}
        
#slider #box_profili_home .box_profilo_home .link_profile .img_profili{
	border:solid 1px #fff; margin:10px 0;
	
	}
        
#slider #box_profili_home .box_profilo_home .link_profile .img_profili_on{
	border:solid 1px #74d047; margin:10px 0;
	
	}
        
        
.qualifica_profilo{
	font-style:italic; 
	opacity:0;filter:alpha(opacity=0);
	}
        
 #personal-profile .qualifica_profilo{
	font-style:italic; 
	opacity:1;filter:alpha(opacity=100);
	}
        
 #personal-profile .img_profili{
	margin-right:25px; 
	border:solid 1px #000;
	}
        
        
#content #box_profili_home .box_profilo_home  .qualifica_profilo {

	color:#333;
}
#slider #box_profili_home .box_profilo_home  .qualifica_profilo {

	color:#ccc;
}	
				#content #titolo_weare .block_profile .link_titolo_weare .lettera_weare{
					color:#000;
					}
					
				#content #titolo_weare a.block_profile .link_titolo_weare  {
					color:#ccc;text-decoration:none;
					text-align: center;white-space: nowrap;line-height: 12px;  overflow:hidden; margin:0px;
					text-shadow:#aeaeae 1px 1px;
					}
					
				#content #titolo_weare a.block_profile .link_titolo_weare_on:hover{
					color:#6ececc; text-shadow:#006666 1px 1px;
					
					}	
				#content #titolo_weare .block_profile .link_titolo_weare_on{
					color:#6ececc;text-decoration:none;
					text-align: center;white-space: nowrap;line-height: 12px;  overflow:hidden; margin:0px; text-shadow:#006666 1px 1px;
					
					}		
						
					
					
					
	
	.block_profile{
		
			
				display: inline-block;  
			     vertical-align: middle;  
		}
					
		
		

		
		
/****MAIL FORM*** */	
		
		
#form_alert{
	color:#ccc;	font-size:12px;  padding:10px 0; text-transform:lowercase;
	opacity:0;filter:alpha(opacity=0); 
	}		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
					
	
/************************* */
.col_pagina{	
     
     display: inline-block;  
     
}
.form{
		border: solid #ccc 1px; width:300px; font-size:12px; font-family:Trebouchet , sans-serif; padding:5px; margin-top:5px;
	}
        
    .form_btn{
        background-color:#1c1c1c;
        color:#ccc; border:solid 1px #fff;
        padding:5px 15px; 
    }


/* FOOTER */
	
	
	
div#footer{
	 background-color:#1c1c1c; position:absolute; bottom:0px;  width:100%;  margin:0px;
	
	 border-bottom: solid 2px #000; border-top: solid 2px #fff; overflow:hidden;
	}
	
		
		
div#footer_box{
	 float:left;
	  text-align:left; color:#8e8e8e; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		margin:14px;
	 
	}
	
div#risposta{
    border:none;
    margin:14px;
   float:right;
    text-align:left;
    padding:18px 18px 0 5px;
    display:none;
    color:#8e8e8e;
}

div#mailinglist{
    border:none;
    margin:14px;
    margin-bottom:0px;
    float:right;
    text-align:left;
}

div#mailinglist_form{
      margin:0px;
       
        float: right;
        
}
div#mailinglist_label{
    color:#8e8e8e;
      margin:0px;
        padding:28px 8px 0 5px;
        float: right;    
}

#content #mailinglist_label{
    color:#313131;
      margin:0px;
        padding:28px 8px 0 5px;
        float: right;    
}


div#mailinglist input{
    margin:0px; border:solid 1px #8e8e8e;
    
}
div#mailinglist .form {
    
        width:200px;
    }
    
.reg {
         margin:0px;
        padding:3px 5px 3px 5px;
        float:left;
        cursor:pointer;
}
			
#email_list{
    background-color:#efefef;
}
.reg_on {
        
       background-color:#efefef;
}

.reg_off{
    background-color:#1c1c1c;
    color:#8e8e8e;
}


			
#underground{display:none;}