@import "reset.css";

html{
height:100%;
width:100%;
padding:0px;
margin:0px; 
font-family: "Courier New", Futura, Times; 
}

body{
height:100%;
width:100%;
padding:0px;
margin:0px;
background: #fff url(../immaginibflab/planets.jpg) no-repeat top right;
font-family: "Courier New", Futura, Times; 
}

body.body_portfolio_access{
background: #fff url(../immaginibflab/planets_access.jpg) no-repeat top right;
}

img{
border:0;
}

a:link, a:visited, a:active {color:#fff; text-decoration:none; }

#access_button_it, #access_button_en{
  cursor:hand;
  cursor:pointer;
}

#button_contatti_it, #button_contatti_en{
  cursor:hand;
  cursor:pointer;
  margin:10px 96px 0 0;
  float:right;
}

#contenitore{
width:100%;
height:100%;
margin:0;
position:relative;
}

#loading{
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -150px;
text-align:center;
}

#contenitore #header{
width:1100px;
display:block;
position:relative;
float:left;
display:none;
}

#header .immagine_logo{
padding:100px 0 0 0;
display:block;
position:relative;
color:white;
font-size:14px;
text-transform:uppercase;
letter-spacing:5px;
}

#header .immagine_logo div{
width:400px;
padding: 0 40px 0 0;
display:block;
position:relative;
color:white;
font-size:14px;
text-transform:uppercase;
text-align:right;
}

#header .titolo{
width:415px;
padding: 0 40px 0 0;
margin:0;
display:block;
position:relative;
color:white;
font-size:14px;
line-height:30px;
text-transform:uppercase;
text-align:right;
}

#header .descrizione{
width:550px;
height:50px;
padding: 0 40px 0 0;
display:block;
position:relative;
color:white;
font-size:14px;
line-height:28px;
text-transform:uppercase;
text-align:right;
}

#header .cosa, #header .come, #header .perche, #header .portfolio, #header .portfolio_access, #header .contatti{
width:500px;
padding: 0;
margin:0;
display:block;
position:relative;
color:white;
font-size:14px;
line-height:28px;
text-transform:uppercase;
text-align:left;
display:none;
float:left;
}

#header .cosa p, #header .come p, #header .perche p, #header .portfolio p, #header .portfolio_access p, #header .contatti p{
padding:0;
}

#header .works, #header .curriculum, #header .all_contacts{
display:none;
float:left;
width:500px;
font-size:12px;
}

#header .works p, #header .curriculum p, #header .all_contacts p{
padding:0;
}

#header .portfolio_access{
display:block;
width:650px;
float:left;
}

#header .portfolio_access .works ul.loghi, #header .portfolio_access .works ul.loghi li{
  float:left;
  display:block;
}

#header .portfolio_access .works ul.links, #header .portfolio_access .links ul.loghi li{
  clear:left;
  display:block;
}

.works .sc_menu_wrapper .sc_menu img.loghi{
  float:left;
  display:block;
  margin:0 10px 0 0;
}

.works .sc_menu_wrapper .sc_menu a.links{
  clear:left;
  display:block; 
  width:300px!important;
  height:20px!important;
}

#header .portfolio_access .works ul.loghi li{
 height:40px; 
 width:80px; 
 margin:0 10px 10px 0;
}

#contenitore .data{
width:10px;
padding:132px 0 0 0;
display:block;
position:relative;
color:white;
font-size:14px;
line-height:32px;
text-transform:uppercase;
text-align:left;
float:left;
font-family: Arial, Futura, Times;
display:none; /* da attivare per visualizzare la data */
}

#contenitore .status{
width:550px;
height:20px;
padding: 0 0 0 0;
margin:0;
display:block;
position:relative;
color:white;
text-align:center;
clear:left;
}

#contenitore .status p{
display:inline;
font-size:12px;
/*border-bottom: 1px solid white;*/
}

#contenitore .skills{
width:550px;
height:100px;
margin:0;
display:block;
position:relative;
color:white;
clear:left;
display:none; /* da attivare per visualizzare la data */
}

#contenitore .skills span{
display:block;
}

#header .menu{
width:415px;
height:auto;
padding: 0;
display:block;
position:relative;
color:white;
font-size:12px;
line-height:28px;
text-transform:uppercase;
text-align:right;
float:left;
margin:0 30px 0 0;
}

#header .portfolio_access .menu{
text-align:left;
width:120px;
float:left;
}

#header .menu a:hover{
text-decoration:underline;
}

.portfolio form label {
  margin:0 10px 0 0;
}

.portfolio form a {
  float:right;
  margin:0 61px 0 0;
  #margin:0 85px 0 0;
  padding:0;
  display:inline;
}

.it, .en{ display:none; }

div.sc_menu_wrapper {
	position: relative; 	
	height: 300px;
	/* Make bigger than a photo, because we need a place for a scrollbar. */
	width: 500px;
	overflow: auto;
	padding:0;
}
div.sc_menu {
	padding: 15px 0;
}
/*.sc_menu a {
	display: block;
	margin-bottom: 5px;
	width: 130px;
	
	border: 2px rgb(79, 79, 79) solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;		
	

	color: #fff;
	background: rgb(79, 79, 79);	
}*/
.sc_menu a:hover {
	border-color: rgb(130, 130, 130);
	border-style: dotted;
}
.sc_menu img {
	display: block;
	border: none;
}

.sc_menu_wrapper .loading {
	position: absolute;
	top: 50px;
	left: 10px;
	
	margin: 0 auto;
	padding: 10px;

	width: 100px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	text-align: center;
	color: #fff;
	border: 1px solid rgb(79, 79, 79);
	background: #1F1D1D;
}
/* Styling tooltip */
.sc_menu_tooltip {
	display: block;
	position: absolute;
	
	padding: 6px;
	font-size: 12px;	
	color: #fff;
	
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
	
	border: 1px solid rgb(79, 79, 79);
	background: rgb(0, 0, 0);
	/* Make background a bit transparent for browsers that support rgba */	
	background: rgba(0, 0, 0, 0.5);
}

#form_contatti_it label, #form_contatti_en label{
  width:100px;
  display:block;
  float:left;
}

#form_contatti_it input, #form_contatti_en input{
  float:left;
  width: 296px;
}

#form_contatti_it textarea, #form_contatti_en textarea{
width: 300px;
#width: 296px;
width: 296px\0/;
height: 200px;
}

.result_it, .result_en{
  display:none;
}

#message_mail_it, #message_mail_en{
  height:30px;
  display:block;
  float:left;
}

.divisory_float{
  clear:left;
}

.contatti .sub_alert{
  font-size:12px;
}