body{
	font-family: sans-serif;
	font-size: 16px;
	color: #474747;
	text-align: center;
	margin: 0;
}

body > div{
	margin: auto;
	width: 960px;
}

#content{
	float: right;
	width: 704px;
}

footer{
	padding: 6px;
	color: #909090;
	font-size: small;
	margin: 0 12px 12px 12px;
	background-color: #F8F8F8;
}

/* Navigation menu */

nav{
	width: 250px;
	height: 100%;
	border-right: 6px solid #3A3A3A;
	float: left;
	position: fixed;
}

nav ul{
	padding: 0;
	margin: 74px 0;
}

nav li{
	list-style-type: none;
	display: block;
	margin-bottom: 3px;
}

nav li:first-child{
	margin-bottom: 45px;
}

nav li a{
	text-decoration: none;
	color: #474747;
	display: block;
	padding: 12px 18px;
	text-align: right;
	position: relative;
	left: 6px;
	border-right: 6px solid #3A3A3A;
	background-color: #F8F8F8;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}

nav li a:hover, nav li a.selected{
	color: #F15A23;
	border-right: 6px solid #F15A23;
	background-color: #E9E9E9;
}

nav h1{ font: inherit; }

/* hide menu icons */
/*
nav li > a > .icon{ display: none; }
nav li > a:hover > .icon, nav li > a.selected > .icon{ display: inline; }

/* Sections */

#content > section{
	margin-bottom: 96px;
	background-color: #F8F8F8;
}

#content > section > h3{
	width: 680px;
	font-weight: normal;
	padding: 12px 18px;
	margin: 24px 0;
	color: #F15A23;
	border-left: 6px solid #F15A23;
	border-bottom: 1px solid #F15A23;
	background-color: #E9E9E9;
	position: relative;
	right: 6px;

	/* shadow under title */

	/*box-shadow: 1px 6px 5px -4px #474747;
	-webkit-box-shadow: 1px 6px 5px -4px #474747;
	-moz-box-shadow: 1px 6px 5px -4px #474747;
	-ms-box-shadow: 1px 6px 5px -4px #474747;
	-o-box-shadow: 1px 6px 5px -4px #474747;*/
}

#content > section > h3 > .fold{
	border-width: 6px;
	border-style: solid;
	border-color: #F15A23 transparent transparent #F15A23;
	position: absolute;
	right: 0;
	bottom: -12px;
	height: 0;
	width: 0;
	z-index: -1;
}
#content > section > h3 > .fold_mobile{
	border-width: 6px;
	border-style: solid;
	border-color: #F15A23 #F15A23 transparent transparent;
	position: absolute;
	left: 0;
	bottom: -12px;
	height: 0;
	width: 0;
	z-index: -1;
	display: none;
}

#content > section > div{
	padding: 24px;
	text-align: left;
}

#content > section > a[name]{
	position: relative;
	bottom: 24px;
	display: block;
}

/* General classes */

.fix{ clear: both; }

@font-face{
	font-family: icon;
	src: url('../font/heydings_icons.ttf');
}
@font-face{
	font-family: icon;
	src: url('../font/heydings_icons.eot');
}
@font-face{
	font-family: icon;
	src: url('../font/heydings_icons.otf');
}
@font-face{
	font-family: tall;
	src: url('../font/MovLette.ttf');
}
@font-face{
	font-family: tall;
	src: url('../font/MovLette.eot');
}
@font-face{
	font-family: tall;
	src: url('../font/MovLette.otf');
}
@font-face{
	font-family: social;
	src: url('../font/Socialico.ttf');
}
@font-face{
	font-family: social;
	src: url('../font/Socialico.eot');
}
@font-face{
	font-family: social;
	src: url('../font/Socialico.otf');
}

.icon{
	float: left;
	font-family: icon;
	text-decoration: none;
}
.icon-home:before{
	content: 'H';
}
.icon-me:before{
	content: 'A';
}
.icon-portfolio:before{
	content: 'F';
}
.icon-experience:before{
	content: 'D';
}
.icon-contacts:before{
	content: 'E';
}
.tall{
	font-family: tall;
	font-size: 60px;
}

.social{
	font-family: social;
	float: left;
	display: block;
	text-decoration: none;
	font-size: 77px;
	padding: 24px;
	margin: 0;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}
.social.social-new{ position: relative; }
.social > img {
	position: absolute;
	top: 30px;
	left: 30px;
}

a{
	text-decoration: underline;
	color: inherit;
}
a:hover{ color: #F15A23;}
.btn {
	color: #F15A23;
    background-color: #E9E9E9;
    margin: auto;
    padding: 12px;
    cursor: pointer;
}


/* language menu */

#lang{
	position: fixed;
	top: -33px;
	left: 0;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}
#lang:hover{
	top: 0;
	z-index: 1;
}
#lang > ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#lang li{
	padding: 6px;
	margin: 3px 0 0 3px;
	background-color: #F8F8F8;
}
#lang li:hover, #lang li.selected{
	background-color: #E9E9E9;
	/*border-left: 3px solid #F15A23;*/
}
#lang li > a{
	display: block;
	color: inherit;
	text-decoration: none;
	background-image: url('../images/flags.png');
	width: 25px;
	height: 18px;
}
#lang li > a > span{ display: none; }
#lang li > a.lang-ita{ background-position: 25px -20px; }
#lang li > a.lang-eng{ background-position: 25px 0; }


/* portfolio elements */

article.site{
	width: 200px;
	margin: 9px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
div:not(.show-all) > article.site + article.site + article.site + article.site + article.site + article.site + article.site + article.site + article.site + article.site { display: none; }
article.site > img{
	width: 200px;
	max-height: 100%;
	height: 130px;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}
article.site > div{
	display: none;
	position: absolute;
	top: 42px;
	left: 44px;
}
article.site:hover > div{
	display: block;
}
article.site:hover > img{
	opacity: .5;
}
article.site > div > a{
	display: block;
	float: left;
	margin: 0 6px;
	background-color: #F8F8F8;
	opacity: 1;
	color: #474747;
	text-decoration: none;
	padding: 12px;
	font-size: 20px;
	opacity: .9;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;

	box-shadow: 0 0 6px 1px #474747;
	-webkit-box-shadow: 0 0 6px 1px #474747;
	-moz-box-shadow: 0 0 6px 1px #474747;
	-ms-box-shadow: 0 0 6px 1px #474747;
	-o-box-shadow: 0 0 6px 1px #474747;
}
article.site > div > a:hover{
	color: #F15A23;
	background-color: #E9E9E9;
}
article.site > span{
	display: block;
	text-align: center;
	margin-top: 6px;
}
article.site:hover > span{
	color: #F15A23;
}


/* css3 accordion */

.accordion > article{
	height: 0;
	padding: 0 12px;
	overflow: hidden;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}
.accordion > article.selected{
	height: auto;
	padding: 0 12px 12px 12px;
}
.accordion > header{
	cursor: pointer;
	margin-bottom: 12px;
	background-color: #E9E9E9;
	padding: 12px;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}
.accordion > header:hover{ color: #F15A23; }
.accordion > header > div{ float: right; }

/* accordion content */

.accordion > article > section{ float: left; }
.accordion > article > section.description{ width: 480px; }
.accordion > article > section.description > span{
	width: auto;
	color: #F15A23;
}
.accordion > article > section.dates{ padding: 0 30px; }
.accordion > article > section.dates > div{
	padding: 21px 12px;
	float: left;
	background-color: #E9E9E9;
	position: relative;
	cursor: pointer;
	z-index: 3;

	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}
.accordion > article > section.dates > div > div{
	border-style: solid;
	border-width: 12px;
	position: absolute;
	top: -30%;
	left: -30%;
	width: 120%;
	height: 120%;
	z-index: 1;
	opacity: 1;

	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;

	transition: all .2s linear;
	-moz-transition: all .2s linear;    /* Firefox */
	-o-transition: all .2s linear;      /* Opera */
	-webkit-transition: all .2s linear; /* Safari, Chrome */
	-ms-transition: all .2s linear;      /* IE */
}
.accordion > article > section.dates > div > div.neg{
	border-width: 14px;
	top: -32%;
	left: -32%;
	width: 118%;
	height: 118%;
	z-index: 2;
	opacity: 1;
}

.accordion > article > section.dates > div > div.months3{ border-color: #F15A23 transparent transparent transparent; }
.accordion > article > section.dates > div > div.months6{ border-color: #F15A23 #F15A23 transparent transparent; }
.accordion > article > section.dates > div > div.months9{ border-color: #F15A23 #F15A23 #F15A23 transparent; }
.accordion > article > section.dates > div > div.months12{ border-color: #F15A23 #F15A23 #F15A23 #F15A23; }
.accordion > article > section.dates > div > div.neg.months3{ border-color: #F8F8F8 transparent transparent transparent; }
.accordion > article > section.dates > div > div.neg.months6{ border-color: #F8F8F8 #F8F8F8 transparent transparent; }
.accordion > article > section.dates > div > div.neg.months9{ border-color: #F8F8F8 #F8F8F8 #F8F8F8 transparent; }
.accordion > article > section.dates > div > div.neg.months12{ border-color: #F8F8F8 #F8F8F8 #F8F8F8 #F8F8F8; }


/* months */

.accordion > article > section.dates > div > div.jan{
	transform: rotateZ(45deg) scale(0);
	-webkit-transform: rotateZ(45deg) scale(0);
	-moz-transform: rotateZ(45deg) scale(0);
	-ms-transform: rotateZ(45deg) scale(0);
	-o-transform: rotateZ(45deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.jan{
	transform: rotateZ(45deg) scale(1);
	-webkit-transform: rotateZ(45deg) scale(1);
	-moz-transform: rotateZ(45deg) scale(1);
	-ms-transform: rotateZ(45deg) scale(1);
	-o-transform: rotateZ(45deg) scale(1);
}

.accordion > article > section.dates > div > div.feb{
	transform: rotateZ(75deg) scale(0);
	-webkit-transform: rotateZ(75deg) scale(0);
	-moz-transform: rotateZ(75deg) scale(0);
	-ms-transform: rotateZ(75deg) scale(0);
	-o-transform: rotateZ(75deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.feb{
	transform: rotateZ(75deg) scale(1);
	-webkit-transform: rotateZ(75deg) scale(1);
	-moz-transform: rotateZ(75deg) scale(1);
	-ms-transform: rotateZ(75deg) scale(1);
	-o-transform: rotateZ(75deg) scale(1);
}

.accordion > article > section.dates > div > div.mar{
	transform: rotateZ(105deg) scale(0);
	-webkit-transform: rotateZ(105deg) scale(0);
	-moz-transform: rotateZ(105deg) scale(0);
	-ms-transform: rotateZ(105deg) scale(0);
	-o-transform: rotateZ(105deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.mar{
	transform: rotateZ(105deg) scale(1);
	-webkit-transform: rotateZ(105deg) scale(1);
	-moz-transform: rotateZ(105deg) scale(1);
	-ms-transform: rotateZ(105deg) scale(1);
	-o-transform: rotateZ(105deg) scale(1);
}

.accordion > article > section.dates > div > div.apr{
	transform: rotateZ(135deg) scale(0);
	-webkit-transform: rotateZ(135deg) scale(0);
	-moz-transform: rotateZ(135deg) scale(0);
	-ms-transform: rotateZ(135deg) scale(0);
	-o-transform: rotateZ(135deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.apr{
	transform: rotateZ(135deg) scale(1);
	-webkit-transform: rotateZ(135deg) scale(1);
	-moz-transform: rotateZ(135deg) scale(1);
	-ms-transform: rotateZ(135deg) scale(1);
	-o-transform: rotateZ(135deg) scale(1);
}

.accordion > article > section.dates > div > div.may{
	transform: rotateZ(165deg) scale(0);
	-webkit-transform: rotateZ(165deg) scale(0);
	-moz-transform: rotateZ(165deg) scale(0);
	-ms-transform: rotateZ(165deg) scale(0);
	-o-transform: rotateZ(165deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.may{
	transform: rotateZ(165deg) scale(1);
	-webkit-transform: rotateZ(165deg) scale(1);
	-moz-transform: rotateZ(165deg) scale(1);
	-ms-transform: rotateZ(165deg) scale(1);
	-o-transform: rotateZ(165deg) scale(1);
}

.accordion > article > section.dates > div > div.jun{
	transform: rotateZ(195deg) scale(0);
	-webkit-transform: rotateZ(195deg) scale(0);
	-moz-transform: rotateZ(195deg) scale(0);
	-ms-transform: rotateZ(195deg) scale(0);
	-o-transform: rotateZ(195deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.jun{
	transform: rotateZ(195deg) scale(1);
	-webkit-transform: rotateZ(195deg) scale(1);
	-moz-transform: rotateZ(195deg) scale(1);
	-ms-transform: rotateZ(195deg) scale(1);
	-o-transform: rotateZ(195deg) scale(1);
}

.accordion > article > section.dates > div > div.jul{
	transform: rotateZ(225deg) scale(0);
	-webkit-transform: rotateZ(225deg) scale(0);
	-moz-transform: rotateZ(225deg) scale(0);
	-ms-transform: rotateZ(225deg) scale(0);
	-o-transform: rotateZ(225deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.jul{
	transform: rotateZ(225deg) scale(1);
	-webkit-transform: rotateZ(225deg) scale(1);
	-moz-transform: rotateZ(225deg) scale(1);
	-ms-transform: rotateZ(225deg) scale(1);
	-o-transform: rotateZ(225deg) scale(1);
}

.accordion > article > section.dates > div > div.aug{
	transform: rotateZ(255deg) scale(0);
	-webkit-transform: rotateZ(255deg) scale(0);
	-moz-transform: rotateZ(255deg) scale(0);
	-ms-transform: rotateZ(255deg) scale(0);
	-o-transform: rotateZ(255deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.aug{
	transform: rotateZ(255deg) scale(1);
	-webkit-transform: rotateZ(255deg) scale(1);
	-moz-transform: rotateZ(255deg) scale(1);
	-ms-transform: rotateZ(255deg) scale(1);
	-o-transform: rotateZ(255deg) scale(1);
}

.accordion > article > section.dates > div > div.sep{
	transform: rotateZ(285deg) scale(0);
	-webkit-transform: rotateZ(285deg) scale(0);
	-moz-transform: rotateZ(285deg) scale(0);
	-ms-transform: rotateZ(285deg) scale(0);
	-o-transform: rotateZ(285deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.sep{
	transform: rotateZ(285deg) scale(1);
	-webkit-transform: rotateZ(285deg) scale(1);
	-moz-transform: rotateZ(285deg) scale(1);
	-ms-transform: rotateZ(285deg) scale(1);
	-o-transform: rotateZ(285deg) scale(1);
}

.accordion > article > section.dates > div > div.oct{
	transform: rotateZ(315deg) scale(0);
	-webkit-transform: rotateZ(315deg) scale(0);
	-moz-transform: rotateZ(315deg) scale(0);
	-ms-transform: rotateZ(315deg) scale(0);
	-o-transform: rotateZ(315deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.oct{
	transform: rotateZ(315deg) scale(1);
	-webkit-transform: rotateZ(315deg) scale(1);
	-moz-transform: rotateZ(315deg) scale(1);
	-ms-transform: rotateZ(315deg) scale(1);
	-o-transform: rotateZ(315deg) scale(1);
}

.accordion > article > section.dates > div > div.nov{
	transform: rotateZ(345deg) scale(0);
	-webkit-transform: rotateZ(345deg) scale(0);
	-moz-transform: rotateZ(345deg) scale(0);
	-ms-transform: rotateZ(345deg) scale(0);
	-o-transform: rotateZ(345deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.nov{
	transform: rotateZ(345deg) scale(1);
	-webkit-transform: rotateZ(345deg) scale(1);
	-moz-transform: rotateZ(345deg) scale(1);
	-ms-transform: rotateZ(345deg) scale(1);
	-o-transform: rotateZ(345deg) scale(1);
}

.accordion > article > section.dates > div > div.dec{
	transform: rotateZ(15deg) scale(0);
	-webkit-transform: rotateZ(15deg) scale(0);
	-moz-transform: rotateZ(15deg) scale(0);
	-ms-transform: rotateZ(15deg) scale(0);
	-o-transform: rotateZ(15deg) scale(0);
}
.accordion > article > section.dates > div:hover > div.dec{
	transform: rotateZ(15deg) scale(1);
	-webkit-transform: rotateZ(15deg) scale(1);
	-moz-transform: rotateZ(15deg) scale(1);
	-ms-transform: rotateZ(15deg) scale(1);
	-o-transform: rotateZ(15deg) scale(1);
}

.accordion > article > section.dates > .separator{
	display: block;
	clear: both;
	height: 24px;
}


#print{
	float: right;
	color: #F15A23;
	background-color: #E9E9E9;
	margin: auto;
	padding: 12px;
	cursor: pointer;
}
#print .icon{
	font-size: 22px;
	margin-left: 12px;
	margin-top: -6px;
}
#print > *{
	float: left;
}


/* my info table */

table th, td{
	padding: 6px 12px;
	text-align: left;
	vertical-align: top;
}


/* other */

#direct_contacts, #skype{
	display: none;
}


/* slider */

.css3_slider_giovazz89{
	width: 100%;
	height: 252px;
	margin-bottom: 48px;
}

/* knowledge */

#knowledge{
	position: relative;
	margin-top: 24px;
}
#knowledge > header{
	text-align: center;
	padding: 12px;
	border: 2px solid #E9E9E9;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
#knowledge > table{ padding: 24px 0; }
#knowledge > table td > span{
	cursor: pointer;

	transition: color .2s linear;
	-moz-transition: color .2s linear;    /* Firefox */
	-o-transition: color .2s linear;      /* Opera */
	-webkit-transition: color .2s linear; /* Safari, Chrome */
	-ms-transition: color .2s linear;      /* IE */
}
#knowledge > table td > span:hover{
	color: #F15A23;
}
#knowledge > table td > span > div{
	position: absolute;
	top: 0;
	left: 0;
	color: #474747;
	opacity: 0;
	width: 628px;
	text-align: center;
	background-color: #F8F8F8;
	border: 2px solid #E9E9E9;
	padding: 12px;

	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;

	transition: opacity .2s linear;
	-moz-transition: opacity .2s linear;    /* Firefox */
	-o-transition: opacity .2s linear;      /* Opera */
	-webkit-transition: opacity .2s linear; /* Safari, Chrome */
	-ms-transition: opacity .2s linear;      /* IE */
}
#knowledge > table td > span:hover > div{
	opacity: 1;
}
#knowledge > table td > span > div:hover{
	opacity: 0;
}
#knowledge > table td > span > div > div{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-image: url('../images/progress.png');
	z-index: 1;

	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
}
#knowledge > table td > span > div > div[rel='0']{ width: 0%; }
#knowledge > table td > span > div > div[rel='10']{ width: 10%; }
#knowledge > table td > span > div > div[rel='20']{ width: 20%; }
#knowledge > table td > span > div > div[rel='30']{ width: 30%; }
#knowledge > table td > span > div > div[rel='40']{ width: 40%; }
#knowledge > table td > span > div > div[rel='50']{ width: 50%; }
#knowledge > table td > span > div > div[rel='60']{ width: 60%; }
#knowledge > table td > span > div > div[rel='70']{ width: 70%; }
#knowledge > table td > span > div > div[rel='80']{ width: 80%; }
#knowledge > table td > span > div > div[rel='90']{ width: 90%; }
#knowledge > table td > span > div > div[rel='100']{ width: 100%; }

#knowledge > table td > span > div > span{
	padding: 12px;
	position: relative;
	z-index: 2;
	background-image: radial-gradient(50% 50%, ellipse closest-side, #F8F8F8, rgba(248, 248, 248, 0) 90%);
	background-image: -webkit-radial-gradient(50% 50%, ellipse closest-side, #F8F8F8, rgba(248, 248, 248, 0) 90%);
	background-image: -moz-radial-gradient(50% 50%, ellipse closest-side, #F8F8F8, rgba(248, 248, 248, 0) 90%);
	background-image: -ms-radial-gradient(50% 50%, ellipse closest-side, #F8F8F8, rgba(248, 248, 248, 0) 90%);
	background-image: -o-radial-gradient(50% 50%, ellipse closest-side, #F8F8F8, rgba(248, 248, 248, 0) 90%);
}




/* RESPONSIVE LAYOUT */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px){}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px){
	body #content{ width: 512px; }
	html > body > div{ width: 768px; }
	body #content > section > h3{ width: 488px; }
	body .accordion > article > section.description{ width: 100%; }
	body .accordion > article > section.dates{ width: 100%; padding: 30px 0; }
	body .accordion > article > section.dates > .separator{ width: 24px; float: left; clear: none; }
	body .css3_slider_giovazz89{ height: 180px; }
	body #knowledge > table td > span > div{ width: 436px; }

	div:not(.show-all) > article.site + article.site + article.site + article.site + article.site + article.site + article.site { display: none; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px){}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px){
	body nav{ width: 480px; position: static; border: none; height: auto; margin-bottom: 24px;}
	body nav li a{ border-right: none; border-bottom: 3px solid #474747; margin-right: 3px; }
	body nav li > a:hover, body nav li > a.selected{ border-right: none; border-bottom: 3px solid #F15A23; }
	body nav li{ width: 50%;  float: left;}
	body nav li:first-child{ width: 100%; }
	body nav li:first-child a{ text-align: center; border: none; }
	body nav > ul{ margin: 45px 0 0 0; }
	body #content{ width: 480px; }
	html > body > div{ width: 480px; }
	body #content > section > h3{ width: 468px; border-left: none; right: 12px; }
	body #content > section > h3 > .fold_mobile{ display: block; }
	body .accordion > article > section.description{ width: 100%; }
	body .accordion > article > section.dates{ width: 100%; padding: 30px 0; }
	body .accordion > article > section.dates > .separator{ width: 24px; float: left; clear: none; }
	body .css3_slider_giovazz89{ height: 180px; }
	body #knowledge > table td > span > div{ width: 404px; }
	body article.site{ margin: 8px; }
	body .social{ padding: 23px; }
	body .social > img { top: 29px; left: 29px; }
	body #lang{ position: static; }
	body #lang li{ float: left; }

	div:not(.show-all) > article.site + article.site + article.site + article.site + article.site + article.site + article.site { display: none; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px){
	body nav{ width: 100%; position: static; border: none; height: auto; margin-bottom: 24px;}
	body nav li a{ border-right: none; border-bottom: 3px solid #474747; left: 0; }
	body nav li > a:hover, body nav li > a.selected{ border-right: none; border-bottom: 3px solid #F15A23; }
	body nav li{ width: 100%;  float: left;}
	body nav li:first-child a{ text-align: center; border: none; }
	body nav > ul{ margin: 45px 0 0 0; }
	body #content{ width: 100%; }
	html > body > div{ width: 100%; }
	body #content > section > h3{ width: auto; border-left: none; right: 0; }
	body #content > section > h3 > .fold{ display: none; }
	body .accordion > article > section.description{ width: 100%; }
	body .accordion > article > section.dates{ width: 100%; padding: 30px 0; }
	body .accordion > article > section.dates > .separator{ width: 24px; float: left; clear: none; }
	body .accordion > header > div{ display: none; }
	body .css3_slider_giovazz89{ height: 138px; }
	body #knowledge > table td > span > div{ width: 92%; }
	body article.site{ margin: 8px 0; width: 50%; text-align: center; }
	body article.site > img{ width: 90%; height: 100px; }
	body article.site > div{ top: 50%; left: 50%; width: 88px; height: 46px; }
	body article.site > div > a{ position: absolute; top: -50%; }
	body article.site > div > a:first-child{ left: -60%; }
	body .social{ padding: 3px 0; display: inline-block; width: 33%; text-align: center; }
	body .social > img { top: 10px; left: 50%; margin-left: -25px; }
	body #lang{ position: static; }
	body #lang li{ float: left; }
	html > body > div{ width: 100%; }

	div:not(.show-all) > article.site + article.site + article.site + article.site + article.site + article.site + article.site { display: none; }
}

.cookie-policy{color: #909090; font-size: small;}

#profile-image { display: none; }