/*

Theme name:Studio Ratti Enhaced

Theme url:http://www.mross.it

Description:Exclusive theme designed for Studio Ratti Associati

Version:2.0

Author:<a href="http://www.mross.it" title="MRoss">MRoss</a>

Author url:http://www.mross.it

Tags:Custom

*/

/* FONT DECLARATION */



@font-face {
  font-family:'decimaitalic';
  src:url('fonts/decima_italic-webfont.eot');
  src:url('fonts/decima_italic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/decima_italic-webfont.woff') format('woff'),url('fonts/decima_italic-webfont.ttf') format('truetype'),url('fonts/decima_italic-webfont.svg#decimaitalic') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'decima_ltlight_italic';
  src:url('fonts/decima_light_italic-webfont.eot');
  src:url('fonts/decima_light_italic-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/decima_light_italic-webfont.woff') format('woff'),url('fonts/decima_light_italic-webfont.ttf') format('truetype'),url('fonts/decima_light_italic-webfont.svg#decima_ltlight_italic') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'decima_ltregular';
  src:url('fonts/decima_light-webfont.eot');
  src:url('fonts/decima_light-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/decima_light-webfont.woff') format('woff'),url('fonts/decima_light-webfont.ttf') format('truetype'),url('fonts/decima_light-webfont.svg#decima_ltregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

@font-face {
  font-family:'decimaregular';
  src:url('fonts/decima-webfont.eot');
  src:url('fonts/decima-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/decima-webfont.woff') format('woff'),url('fonts/decima-webfont.ttf') format('truetype'),url('fonts/decima-webfont.svg#decimaregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

/* FONT DECLARATION */

/*CSS RESET*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin:0;
  padding:0;
}

html,
body {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

input {
  border:1px solid #b0b0b0;
  color:#979797;
  width:190px;
  padding:3px 5px 4px;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style:normal;
  font-weight:400;
}

ol,
ul {
  list-style:none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size:100%;
  font-weight:400;
}

q:before,
q:after {
  content:'';
}

/*@font-face {
  font-family:decimaregular;
  src:url(fonts/decima-webfont.eot?#iefix) format(embedded-opentype),url(fonts/decima-webfont.woff) format(woff),url(fonts/decima-webfont.ttf) format(truetype),url(fonts/decima-webfont.svg#decimaregular) format(svg);
  font-weight:400;
  font-style:normal;
}*/

html, body {overflow: hidden;}


body {
  background-color:#333;
  color:#000;
  overflow: hidden;
  font-family:decimaregular,sans-serif;

}







#head-hm {
  width:100%;
  height:126px;
  float:left;
  font-family:decima_ltregular,sans-serif;
}

#head-hm-center {
  width:960px;
  height:100px;
  color:#D9D7CB;
  font-size:12px;
  margin:0 auto;
}

#head-hm-center h1 {
  font-size:16px;
  line-height:18px;
  float:left;
  text-transform:uppercase;
  font-family:decimaregular,sans-serif;
  margin:0;
  padding:15px 0 0 10px;
}

#head-hm-center .line-h {
  width:5px;
  height:1px;
  float:left;
  clear:both;
  background:#D9D7CB;
  margin:5px 100px 0 10px;
}

#head-hm-center p {
  float:left;
  margin-left:17px;
  font-size:13px;
}

#head-box {
  width:128px;
  height:126px;
  float:right;
  margin-left:10px;
  background:url(images/box-up.png) no-repeat;
}

#message-head {
  width:200px;
  height:30px;
  float:right;
  text-align:right;
  text-transform:uppercase;
  margin-top:16px;
  font-size:16px;
}

#head-box a:hover {
  color:#666;
  text-decoration:none;
}

#content {
  padding-bottom:40px;
  width:100%;
  float:left;
}

#divmore {
  position:fixed;
  bottom:0;
  height:30px;
  width:100%;
  z-index:99;
  text-align:center;
}

#divmore-home {
  position:absolute;
  bottom:0;
  height:30px;
  width:100%;
  z-index:99;
  text-align:center;
  display:none;
}

#buttonmore,
#buttonmore-2,
#buttonmore-3,
#buttonend {
  width:50px;
  height:17px;
  background:gray;
  font-size:12px;
  text-align:center;
  line-height:18px;
  padding:5px 15px;
}

#buttonend {
  display:none;
  color:#FFF;
}

#divmore a:hover {
  text-decoration:none;
  color:#000;
}

#search_field {
  float:right;
  width:165px;
  height:30px;
}

#searchMain input {
  width:162px;
  display:block;
  border:1px solid #D9D7CB;
  height:15px;
  color:#333;
  background-color:#D9D7CB;
  font-family:decima_ltregular;
  font-size:12px;
}

#searchOptions input {
  width:10px;
  height:10px;
  float:left;
}

#header_area {
  width:100%;
  height:280px;
  float:left;
  background:#333;
}

#menu_categorie {
  width:960px;
  border-bottom:0 solid #000;
  margin:20px auto 0;
}

#logohead {
  float:left;
  width:100%;
  height:150px;
  margin-bottom:15px;
}

#options {
  float:left;
  width:100%;
  height:75px;
  font-size:14px;
}

#options ul {
  font-size:14px;
  text-transform:uppercase;
  font-family:decima_ltregular;
}

#options ul li {
  float:left;
  margin-right:50px;
  /* modifica mobile del 8/5/2017 by flavio@quattrolinee.it */    
  margin-bottom: 10px;
}

#options ul li ul {
  float:left;
  margin-right:0;
  margin-top:27px;
  position:absolute;
}

#options ul li ul li {
  float:left;
  margin-right:30px;
}

#options ul li ul li:last-child {
  margin-right:0;
}

#sort-by {
  float:right;
  margin-right:20px;
  margin-top:3px;
}

#accordionz {
  margin-left:0;
  color:#333;
}

#accordionz ul {
  float:left;
  margin-top:5px;
  margin-right:20px;
}

#menu-static {
  margin-left:0px;
  margin-top:5px;
  float:left;
}

#link-publications {
  position:absolute;
  margin-left:277px;
}

#link-studio {
  position:absolute;
  margin-left:79px;
}

#content_center {
  width:960px;
  margin:0 auto;
}

.isotope-item {
  z-index:2;
}

.isotope-hidden.isotope-item {
  pointer-events:none;
  z-index:1;
}

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration:.8s;
  -moz-transition-duration:.8s;
  -ms-transition-duration:.8s;
  -o-transition-duration:.8s;
  transition-duration:.8s;
}

.isotope {
  -webkit-transition-property:height,width;
  -moz-transition-property:height,width;
  -ms-transition-property:height,width;
  -o-transition-property:height,width;
  transition-property:height,width;
}

.isotope .isotope-item {
  -webkit-transition-property:0 opacity;
  -moz-transition-property:0 opacity;
  -ms-transition-property:0 opacity;
  -o-transition-property:top,left,opacity;
  transition-property:transform,opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration:0;
  -moz-transition-duration:0;
  -ms-transition-duration:0;
  -o-transition-duration:0;
  transition-duration:0;
}

#sort-by a:link {
  width:18px;
  height:18px;
  text-indent:-99999px;
  float:left;
  color:#333;
}

#sort-by a.selected {
  background-position:bottom;
  color:#333;
}

.alpha {
  margin-left:15px;
  background:url(images/alfabetico.png) no-repeat;
}

.chrono {
  background:url(images/chrono.png) no-repeat;
}

.relev {
  margin-left:15px;
  background:url(images/rating.png) no-repeat;
}

#sort-text {
  float:right;
  margin-right:10px;
  margin-top:3px;
  color:#D9D7CB;
}

.element {
  color:#D9D7CB;
  font-size:12px;
}

.int-publications:hover,
.int-projects:hover,
#gotweet:hover {
  border:2px solid #e2e2e2;
}

.twitter-element {
  width:120px;
  height:120px;
}

.int-newsevents {
  background:url(images/tweet.png) no-repeat;
  width:110px;
  height:110px;
  margin-left:5px;
  margin-top:5px;
  font-size:11px;
  font-family:decima_ltregular;
  color:#595753;
  float:left;
}

#intesta_tweet:hover {
  background-color:#e2e2e2;
}

#intesta_tweet a:link {
  text-decoration:none;
}

#intesta_tweet a:visited {
  text-decoration:none;
}

#intesta_tweet a:hover {
  text-decoration:none;
}

.twitter-heading-int {
  width:230px;
  height:230px;
  margin-left:5px;
  margin-top:5px;
  background:#3F3F3F;
}

.img-intesta {
  width:200px;
  margin-left:15px;
  height:60px;
  background:url(images/twit.png) no-repeat bottom left;
  margin-bottom:10px;
}

#intesta_tweet h1 {
  font-size:24px;
  margin-left:15px;
}

#intesta_tweet h2 {
  font-size:15px;
  margin-top:20px;
  margin-bottom:15px;
  width:200px;
  margin-left:15px;
}

#intesta_tweet h3 {
  font-size:15px;
  text-transform:uppercase;
  margin-left:15px;
}

#contenuto-tweet {
  width:90px;
  height:60px;
  margin-left:10px;
  margin-top:30px;
  position:absolute;
  vertical-align:middle;
  display:table-cell;
  text-align:left;
  overflow:hidden;
}

#data-tweet {
  width:90px;
  height:15px;
  margin-left:10px;
  margin-top:10px;
  position:absolute;
  vertical-align:middle;
  display:table-cell;
  text-transform:uppercase;
  text-align:right;
}

#gotweet {
  width:108px;
  height:108px;
  position:absolute;
  background:transparent;
  left:5px;
  top:5px;
}

#followus {
  width:157px;
  height:26px;
  position:absolute;
  bottom:22px;
  left:41px;
}

.int-tw-detail {
  width:230px;
  height:110px;
  margin-left:5px;
  margin-top:5px;
  font-size:14px;
  font-family:decima_ltregular;
  color:#595753;
  float:left;
  background:#D9D7CB;
}


.int-nl-detail {
  width:230px;
  height:110px;
  margin-left:5px;
  margin-top:5px;
  font-size:14px;
  font-family:decima_ltregular;
  color:#F6F5EF;
  float:left;
  background:#B0ABA1;
}


#link-tweet {width:230px; height: 110px;  position: absolute; z-index: 999; margin-top:5px; margin-left: 5px;}
#link-newsletter {width:230px; height: 110px;  position: absolute; z-index: 999; margin-top:5px; margin-left: 5px;}


#contenuto-newsletter-detail,
#contenuto-tweet-detail {
  width:210px;
  height:90px;
  margin-left:10px;
  margin-top:10px;
  position:absolute;
  vertical-align:middle;
  display:table-cell;
  text-align:left;
}

#contenuto-newsletter-detail .content-tweet,
#contenuto-tweet-detail .content-tweet {
  font-size:13px;
}

.date-newsletter,
.date-tweet {
  text-transform:uppercase;
  float:right;
  margin-bottom:8px;
  width:200px;
  text-align:right;
}

.title-newsletter {text-transform: uppercase;}


.content-newsletter,
.content-tweet {
  float:left;
  font-size:14px;
  margin-top:0;
}

#twit-readmore {
  height:20px;
  background:url(images/tweet-int.png) no-repeat top;
  position:absolute;
  left:0;
  top:0;
  text-transform:uppercase;
  font-size:12px;
  line-height:20px;
  width:20px;
  text-indent:-9999999px;
}


#newsletter-readmore {
  height:20px;
  background:url(images/nl-nl.png) no-repeat top;
  position:absolute;
  left:0;
  top:0;
  text-transform:uppercase;
  font-size:12px;
  line-height:20px;
  width:21px;
  text-indent:-9999999px;
}


#twit-readmore:hover {
  background:url(images/tweet-int.png) no-repeat bottom;
}



/* Newsletter */
.int-newsletter {
  background:url(images/tweet.png) no-repeat;
  width:110px;
  height:110px;
  margin-left:5px;
  margin-top:5px;
  font-size:11px;
  font-family:decima_ltregular;
  color:#595753;
  float:left;
}

#intesta_newsletter:hover {
  background-color:#e2e2e2;
}

#intesta_newsletter a:link {
  text-decoration:none;
}

#intesta_newsletter a:visited {
  text-decoration:none;
}

#intesta_newsletter a:hover {
  text-decoration:none;
}

.newsletter-heading-int {
  width:230px;
  height:230px;
  margin-left:5px;
  margin-top:5px;
  background:#3F3F3F;
}


#intesta_newsletter {float:left;}

#container-newsletter {display: block;}


#intesta_newsletter .separator {height: 70px;}

#intesta_newsletter h1 {
  font-size:18px;
  margin-left:15px;
 
  background: url('images/nl-nl.png') no-repeat left;
  padding-left: 28px;
}

#intesta_newsletter h2 {
  font-size:15px;
  margin-top:20px;
  margin-bottom:15px;
  width:200px;
  margin-left:15px;
}

#intesta_newsletter h3 {
  font-size:15px;
  text-transform:uppercase;
  margin-left:15px;
}

#contenuto-newsletter {
  width:90px;
  height:60px;
  margin-left:10px;
  margin-top:30px;
  position:absolute;
  vertical-align:middle;
  display:table-cell;
  text-align:left;
  overflow:hidden;
}

#data-newsletter {
  width:90px;
  height:15px;
  margin-left:10px;
  margin-top:10px;
  position:absolute;
  vertical-align:middle;
  display:table-cell;
  text-transform:uppercase;
  text-align:right;
}






#normal-project .int-boxinfo {
  opacity:0.8;
  width:110px;
  height:110px;
  background:#FFF;
  position:absolute;
  bottom:5px;
  left:5px;
}

#important-project .int-boxinfo {
  opacity:0.8;
  width:230px;
  height:110px;
  background:#FFF;
  position:absolute;
  right:5px;
  bottom:5px;
}

#normal-project .int-projects {
  background:#CAC7BC;
  width:230px;
  height:230px;
  margin-left:3px;
  margin-top:3px;
}

#important-project {
  width:360px;
  height:360px;
}

#important-project .int-projects {
  background:#CAC7BC;
  width:350px;
  height:350px;
  margin-left:3px;
  margin-top:3px;
}

#important-project h2,
#normal-project h2 {
  margin-right:10px;
  margin-top:5px;
  font-size:13px;
  color:#414042;
}

#normal-project h1 {
  padding-left:10px;
  width:70px;
  height:55px;
  text-transform:uppercase;
  color:#000;
  font-weight:700;
  vertical-align:bottom;
  display:table-cell;
  font-size:14px;
}

#important-project h1 {
  padding-left:10px;
  width:150px;
  height:55px;
  text-transform:uppercase;
  color:#000;
  font-weight:700;
  vertical-align:bottom;
  display:table-cell;
  font-size:14px;
}

.int-projects {
  border:2px solid #333;
}

.project-location {
  width:100%;
  height:35px;
  float:left;
  text-align:right;
  margin-right:5px;
}

.project-title {
  width:100%;
  height:69px;
  float:left;
}

.project-bar-architecture {
  width:110px;
  height:6px;
  float:left;
  background:#46C4FF;
}

.project-bar-design {
  width:110px;
  height:6px;
  float:left;
  background:#FDE000;
}

.project-bar-interior {
  width:110px;
  height:6px;
  float:left;
  background:#DE29B7;
}

.project-bar-masterplanning {
  width:110px;
  height:6px;
  float:left;
  background:#00C583;
}

.project-bar-research {
  width:110px;
  height:6px;
  float:left;
  background:#FF8400;
}

.publications {
  font-size:12px;
  color:#FFF;
}

#normal-publication .int-publications {
  color:#FFF;
  background:#656565;
  width:230px;
  height:110px;
  margin-left:5px;
  margin-top:5px;
}

#normal-publication .publi-info {
  width:220px;
  height:30px;
  position:absolute;
  right:5px;
  top:10px;
  color:#A09C95;
}

#normal-publication .publi-author {
  width:220px;
  height:15px;
  position:absolute;
  bottom:10px;
  left:5px;
  text-align:right;
  color:#A09C95;
  font-family:decima_ltlight_italic;
}

#normal-publication .publi-date {
  width:220px;
  height:15px;
  position:absolute;
  bottom:10px;
  left:5px;
  text-align:right;
  color:#A09C95;
}

#important-publication {
  width:360px;
  height:120px;
}

#important-publication .int-publications {
  color:#FFF;
  background:#656565;
  width:350px;
  height:110px;
  margin-left:5px;
  margin-top:5px;
}

#important-publication .publi-info {
  width:340px;
  position:absolute;
  height:20px;
  right:5px;
  top:10px;
  color:#A09C95;
}

#important-publication .publi-date {
  width:340px;
  height:15px;
  position:absolute;
  bottom:10px;
  left:5px;
  text-transform:uppercase;
  text-align:right;
  color:#A09C95;
}

#important-publication .publi-author {
  width:340px;
  height:15px;
  position:absolute;
  bottom:10px;
  left:5px;
  text-align:right;
  color:#A09C95;
  font-family:decima_ltlight_italic;
}

#normal-publication .nametitle,
#important-publication .nametitle {
  width:85%;
  height:50px;
  position:absolute;
  left:15px;
  top:45px;
  vertical-align:bottom;
  display:table-cell;
  font-size:14px;
  font-family:decima_ltlight_italic;
}

#normal-publication ul li,
#important-publication ul li {
  padding-left:5px;
}

.slash {
  width:14px;
  height:50px;
  float:left;
}

.large {
  width:450px;
  height:450px;
}

.large-int {
  width:440px;
  height:440px;
}

.publi-icon {
  width:20px;
  height:20px;
  background:url('images/publi-icon.png') no-repeat;
  position:absolute;
  right:15px;
  top:12px;
}

#accordion ul li {
  margin-left:10px;
}

a.opening {
  font-family:decima_ltregular;
  display:block;
  text-decoration:none;
  color:#FFF;
}

.expanded {
  letter-spacing:0;
  padding:15px;
}

a.open {
  font-family:decima_ltregular;
  text-decoration:none;
  color:#FFF;
}

.expandedz {
  margin-top:0;
}

#clearbottom {
  width:100%;
  height:150px;
  float:left;
}

#contenitore_slider {
  width:960px;
  height:350px;
  float:left;
  margin-bottom:50px;
}

#testata_interna {
  width:960px;
  height:350px;
  float:left;
}

#colonna_info h1 {
  font-family:decima_ltregular;
}

#presskit {
  float:left;
  width:230px;
}

#moreinfo {
  float:left;
  width:230px;
  margin-top:30px;
}

#colonna_contenuto {
  width:710px;
  float:right;
}

#colonna_contenuto .intestazione {
  float:left;
  width:590px;
  margin-bottom:30px;
  font-size:20px;
  line-height:33px;
  font-family:decima_ltlight_italic;
}

#colonna_contenuto .testo {
  float:right;
  width:590px;
  font-size:15px;
  line-height:25px;
  font-family:decima_ltregular;
}


#colonna_contenuto .testo a:link, #colonna_contenuto .testo a:visited {color:#696969; text-decoration: none;}
#colonna_contenuto .testo a:hover {color:#696969; text-decoration: none;}


#credits-project {
  float:right;
  width:590px;
  font-size:13px;
  line-height:23px;
  font-family:decima_ltregular;
  margin-top:50px;
}

#credits-project b,
#credits-project strong {
  width:100%;
  text-transform:uppercase;
  float:left;
  font-family:decimaregular;
}

#credits-project li {
  margin-bottom:20px;
}

#blocco_dx {
  width:350px;
  height:120px;
  position:absolute;
  background:#333;
  margin-top:230px;
  margin-left:610px;
  z-index:1;
}

#blocco_title {
  width:350px;
  height:230px;
  position:absolute;
  background:#333;
  z-index:1;
}

#blocco_title h1 {
  font-size:46px;
  width:80%;
  margin-left:10px;
  margin-top:20px;
}

#blocco_box {
  width:260px;
  height:260px;
  background: rgba(255, 255, 255, 0.8);
  position:absolute;
  z-index:99;
  margin-top:90px;
  margin-left:350px;
  font-size:16px;
}

.zone-box {
  width:245px;
  height:30px;
  margin-top:15px;
  float:left;
  text-align:right;
  color: #666;
}

.title-box {
  width:260px;
  height:209px;
  float:left;
  color: #666;
}

.title-box h1 {
  padding-left:20px;
  width:200px;
  height:200px;
  color:#878787;
  font-weight:700;
  vertical-align:bottom;
  display:table-cell;
}

.related_title {
  width:230px;
  float:left;
  margin-top:50px;
  margin-bottom:10px;
}

#related_box {
  width:208px;
  height:50px;
  background:#3F3F3F;
  font-family:decima_ltlight_italic;
  font-size:14px;
  border:1px solid #333;
  cursor:pointer;
  padding:10px;
}

#related_box:hover {
  border:1px solid #D9D7CB;
}

ul#items {
  height:250px;
  width:auto;
  overflow:hidden;
  margin:0;
}

ol#pagination {
  overflow:hidden;
}

ol#pagination li {
  float:left;
  list-style:none;
  cursor:pointer;
}

ol#pagination li:first-child {
  display:block;
  width:115px;
  text-align:left;
}

ol#pagination li:last-child {
  display:block;
  width:115px;
  text-align:right;
  float:right;
}

ol#pagination li.current {
  color:red;
  font-weight:700;
}

.rsContent {
  font-size:16px;
  float:left;
}

.bContainer {
  position:relative;
}

.rsABlock {
  position:relative;
  display:block;
  left:auto;
  top:360px;
  padding:20px;
}

.blockHeadline {
  font-size:42px;
  line-height:50px;
}

.rsContainer {
  background:url(images/slide.png);
}

#studio_head {
  width:960px;
  height:350px;
  float:left;
  background-repeat:no-repeat;
  background-position:top;
}

#people_head {
  width:960px;
  height:0px;
  float:left;
  background-repeat:no-repeat;
  background-position:top;
  margin-bottom: 45px;
}


.people_quote {
  float:left;
  width:440px;
  font-family:decima_ltregular;
}

.people_quote h1 {
  font-weight:400;
  font-size:50px;
  text-transform:uppercase;
  margin-top:15px;
  margin-right:30px;
}




.link-area {
  width:200px;
  float:left;
  margin-top:45px;
  text-transform:uppercase;
}

.studio_quote {
  float:left;
  width:440px;
  font-family:decima_ltregular;
}

.studio_quote h1 {
  font-weight:400;
  font-size:35px;
  text-transform:uppercase;
  margin-top:30px;
  margin-right:30px;
}

.studio_quote h2 {
  font-weight:400;
  font-size:18px;
}

.studio_general {
  float:right;
  width:600px;
  font-family:decima_ltregular;
  font-size:16px;
  line-height:25px;
  margin-top:45px;
  clear:both;
}

.studio_general p {
  margin-bottom:30px;
}

.studio_scheda {
  width:590px;
  margin-top:70px;
  margin-left:100px;
  float:left;
  font-family:decima_ltregular;
}

.studio_scheda img {
  float:left;
  margin-right:15px;
}

.studio_scheda h1 {
  font-weight:400;
  font-size:35px;
  text-transform:uppercase;
}

.studio_scheda p {
  float:left;
  font-size:16px;
  line-height:25px;
  width:330px;
}

#studio_contacts {
  float:left;
  width:960px;
  font-family:decima_ltregular;
  font-size:16px;
  line-height:20px;
  margin-top:110px;
}

#studio_contacts h1 {
  font-size:20px;
  text-transform:uppercase;
  margin-bottom:5px;
}

#studio_contacts h2 {
  font-size:20px;
  text-transform:uppercase;
  margin-bottom:20px;
}

#studio_contacts li {
  width:220px;
  float:left;
  margin-left:26px;
}

#collab-ul {
  font-family:decima_ltregular;
  font-size:16px;
  line-height:25px;
  width:710px;
  float:right;
}

#title-present {
  width:200px;
  color:#696969;
  text-transform:uppercase;
  font-family:decimaregular;
  font-size:20px;
  float:left;
}

#collab-ul h1 {
  color:#696969;
  text-transform:uppercase;
  font-family:decimaregular;
  font-size:20px;
  margin-bottom:10px;
}

#collab-ul li {
  width:600px;
  margin-bottom:40px;
  margin-left:110px;
}




#client-ul {
  font-family:decima_ltregular;
  font-size:16px;
  line-height:25px;
  width:100%;
  
  float:right;
  
}


#client-ul h1 {
  color:#696969;
  text-transform:uppercase;
  font-family:decimaregular;
  font-size:20px;
  margin-bottom:10px;
}

#client-ul li {
  float:left;
  width:160px;
  
}

#client-ul li img{
  margin-top:5px;
  margin-left:5px;
}




#title-past {
  width:100%;
  color:#696969;
  text-transform:uppercase;
  font-family:decimaregular;
  font-size:20px;
  float:left;
  border-bottom:1px solid #D9D7CB;
  padding-bottom:10px;
  margin-top:100px;
}

#collab-ul-past {
  width:100%;
  font-family:decima_ltregular;
  margin-top:20px;
  float:left;
}

#collab-ul-past li {
  float:left;
  width:240px;
  margin-bottom:15px;
}

#error_404 {
  width:960px;
  float:left;
  text-align:center;
  margin-top:100px;
}

#error_404 a:hover {
  color:#D9D7CB;
  text-decoration:none;
  border-bottom:8px solid #727272;
}

#error_404 h1 {
  font-size:200px;
}

#error_404 h2 {
  font-size:30px;
}

#pageerror {
  width:960px;
  height:250px;
  text-align:center;
}

#pageerror p {
  font-size:20px;
  text-transform:uppercase;
  margin-top:50px;
}

#pageerror:hover {
  background:none;
}

#preloader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#333333;
  z-index:999;
  width:100%;
  height: 100%;
}

#status {
  width:300px;
  height:200px;
  position:absolute;
  left:46%;
  top:50%;
  background-image:url('images/ajax-loader.gif');
  background-repeat:no-repeat;
  background-position:bottom center;
  text-align:center;
  color:#D9D7CB;
  font-weight:700;
  margin:-150px 0 0 -100px;
}



#preloader-home {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#333333;
  z-index:999;
  width: 100%;
  height: 100%;
  /*overflow-y: auto;*/
}


#preloader-frame { position:absolute; width: 100%; height: 100%;}
#preloader-image {position: relative; width: 100%; height: 100%;} 








#progress-barhome {position: absolute; top:0; left: 0; width: 100%; height: 5px; background-color:rgba(255,255,255,0.4); z-index: 999999;}
#pbar_outerdiv {width: 100%; height: 5px; z-index: 1; position: relative;}
#pbar_innerdiv {background-color: #FFFFFF; z-index: 2; height: 100%; width: 0%;}

#cra {position:absolute; width:100%; height: 100%; top:0; left:0; z-index: 9999999999;}





#splash-title {width:100%; float:left; z-index: 999999; color:#FFFFFF; font-size: 60px; text-transform: uppercase; line-height: 0.8em;}

#splash-text {width:940px; margin:0 auto; margin-top: 380px; position: relative;}

#splash-sub {font-weight: normal; font-size: 40px; font-family:'decima_ltregular'; float: left; width: 100%; color:#FFFFFF; text-transform: uppercase; margin-top: 30px;}

#status-home .imagetop {width:560px; height: 250px; float: left; margin-bottom: 40px;}

#status-home {width:560px; min-height: 300px; background: #656565; margin:0 auto; margin-top: 60px; color:#FFFFFF; font-size: 15px;line-height: 25px;font-family: decima_ltregular;}

#go-home {width:55px; height: 60px; position: absolute; top:50%; right:100px; background: url('images/go-home.png') no-repeat; cursor: pointer; z-index: 999999; opacity: 0.4; display: none;}

#go-home:hover {opacity: 1.0}

#status-int {padding:40px; }
#status-int h1 {font-size: 22px; margin-bottom: 10px; font-family: decimaregular,sans-serif; }

#status-int a:link    {color:#333333; text-decoration: none;}
#status-int a:visited {color:#333333; text-decoration: none;}
#status-int a:hover   {color:#FFFFFF; text-decoration: none;}



.big-image .fancybox-skin {
  position:relative;
  background:#D9D7CB;
  color:#444;
  text-shadow:none;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
}

#infscr-loading {
  text-align:center;
  z-index:100;
  position:fixed;
  left:45%;
  bottom:10px;
  background:gray;
  opacity:1.0;
  color:#FFF;
  font-size:12px;
  text-transform:uppercase;
  border:0 solid #D9D7CB;
  padding:5px 15px;
}

/*#infscr-loading {text-align: center; text-transform: uppercase; font-weight: bold; z-index:100;position:fixed; width: 100%; bottom:15px; left:0px;}
#infscr-loading div {background: #fbc042; width:250px; display: inline-block; line-height: 30px;}*/



#footer {
  width:100%;
  height:100px;
  float:left;
  font-family:decima_ltregular;
}

#footer_content {
  width:960px;
  border-top:1px solid #D9D7CB;
  text-align:right;
  padding-top:10px;
  color:#D9D7CB;
  font-size:12px;
  text-transform:uppercase;
  margin:0 auto;
}

#span-left {
  float:left;
  width:400px;
  text-align:left;
  text-transform:none;
}

#span-right {
  float:right;
  width:450px;
  text-align:right;
  text-transform:uppercase;
  padding-bottom:20px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
html,
body,
#accordion ul {
  margin:0;
  padding:0;
}

fieldset,
img,
abbr,
acronym {
  border:0;
}

caption,
th,
.tweet {
  text-align:left;
}

a:link,
a:visited,
a:active,
a:hover,
.element a:link,
.element a:visited,
.element a:hover,
#contenuto-tweet a:link,
#contenuto-tweet a:visited,
#contenuto-tweet a:hover,
#important-publication h1 a:link,
#important-publication h1 a:visited,
#important-publication h1 a:hover,
ul#items a:link,
ul#items a:visited,
ul#items a:hover {
  text-decoration:none;
}

#head-box a:link,
#head-box a:visited,
#options a:link,
#options a:visited,
#options a:hover,
#options a.selected,
#options a.active,
#intesta_tweet a:link,
#intesta_newsletter a:link,
#colonna_info a:link,
#colonna_info a:visited,
.link-area a:hover,
#error_404 a:link,
#error_404 a:visited,
#footer a:hover {
  color:#D9D7CB;
  text-decoration:none;
}

#buttonmore-2,
#buttonmore-3,
#searchOptions,
.relevance,
.tweet img,
.twitter-element-detail img,

.hide,
.number,
#infscr-loading img {
  display:none;
}

#page-nav {width: 100%; position: relative; height: 30px; display: none;}



#divmore a:link,
#divmore a:visited {
  text-decoration:none;
  color:#FFF;
}

#searchOptions label,
#line {
  float:left;
}

#accordionz a:link,
#menu-static a:link {
  padding-bottom:6px;
}

#accordionz a:hover,
#accordionz a.selected,
#accordionz a.active,
#menu-static a:hover,
#menu-static a.selected,
#menu-static a.active {
  background:url(images/mn.png) bottom center no-repeat;
}

#sort-by a:visited,
#sort-by a:hover {
  color:#333;
}

#intesta_newsletter,
#intesta_tweet,
#normal-project {
  width:240px;
  height:240px;
}

#intesta_newsletter a:visited,
#intesta_tweet a:visited,
.singlepage,
.studio_general a:hover,
#studio_contacts a:hover,
#collab-ul a:hover {
  color:#D9D7CB;
}

#intesta_newsletter a:hover,
#intesta_tweet a:hover,
#colonna_info a:hover {
  color:#D9D7CB;
  text-decoration:underline;
}

.tweet a:link,
.tweet a:visited,
#box-newsletter a:link,
#box-newsletter  a:visited,
.twitter-element-detail a:link,
.twitter-element-detail a:visited {
  color:#232222;
  text-decoration:none;
}

.tweet a:hover,
.twitter-element-detail a:hover,
#box-newsletter  a:hover {
  color:#232222;
  text-decoration:underline;
}

.twitter-element-detail,
#box-newsletter {
  width:240px;
  height:120px;
}
#normal-publication {
  width: auto;
  height: auto;
} #normal-publication form {
  color:#D9D7CB; 
  font-size: 13px;
} #normal-publication a {
  font-family: decima_ltregular;
  font-style: normal;
  text-decoration: underline;
  cursor: pointer;
  color:#D9D7CB;
} #normal-publication input[type="submit"] {
  width: 134px;
  height: 27px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  margin-top: 40px;
  margin-left: 0px;
  font-family: decima_ltregular;
  font-size: 13px;
  text-align: left;
  border: 2px solid #696969;;
  cursor: pointer;
} #normal-publication input[type="submit"]:hover {
  border: 2px solid #D9D7CB;
} #normal-publication input[type="checkbox"] {
  width: auto;
  margin-top: 15px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#normal-publication a img, div.job a span.arrow {
  display: inline-block;
}

.job a .arrow {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
  margin: 0 1rem;
} .job a .arrow span{
  position: absolute;
  width: .75rem;
  height: .1rem;
  background-color: #D9D7CB;
  display: inline-block;
  transition: all .2s ease;
} .job a .arrow span:first-of-type {
  left: 0;
  transform: rotate(45deg);
} .job a .arrow span:last-of-type {
  right: 0;
  transform: rotate(-45deg);
}
.job a .arrow span {
  margin-top: 0.75rem;
}

.job a .arrow.active span:first-of-type {
  transform: rotate(-45deg);
} .job a .arrow.active span:last-of-type {
  transform: rotate(45deg);
}

.arrow-down{
  transform: rotate(0deg);
  transition: transform 0.4s linear;
}
.arrow-up{
  transform: rotate(180deg);
  transition: transform 0.4s linear;
}



#box-newsletter { float:left;}
.contenitore-newsletter {position: relative; display: table-cell;}

#normal-project:hover .int-boxinfo,
#important-project:hover .int-boxinfo {
  opacity:1;
}

a.opening:hover,
a.active,
a.open:hover,
a.active {
  color:#444;
}

#colonna_info,
#related {
  width:230px;
  float:left;
}

.link-area a:link,
.link-area a:visited,
#footer a:link,
#footer a:visited {
  color:#696969;
  text-decoration:none;
}

.studio_general b,
.studio_general strong,
.studio_general strong {
  font-family:decimaregular;
  color:#696969;
}

.studio_general a:link,
#studio_contacts a:link {
  color:#696969;
  font-family:decimaitalic;
}

.studio_general a:visited,
#studio_contacts a:visited,
#collab-ul a:link,
#collab-ul a:visited {
  color:#696969;
}

/* Open Options in Jobs */
.border_top {
  border-top: 1px solid #D9D7CB;
} 
.custom_jobs div.job:nth-of-type(5) {
  border-bottom: 1px solid #D9D7CB;
} 
div.job h3, div.job img, div.job a span.arrow {
  margin: 0.75rem 1.5rem 0.75rem 1.5rem;
} div.job a h3 {
  display: inline-block;
  font-family: decimaregular !important;
  font-weight: bold;
  color: #696969;
  text-transform: uppercase;
}


#studio_contacts li:first-child,
#collab-ul li:nth-child(odd) {
  margin-left:0;
}

#credits-project a:link {
  color:#696969;
  text-decoration:none;
}

#credits-project a:visited {
  color:#696969;
  text-decoration:none;
}

#credits-project a:hover {
  color:#D9D7CB;
  text-decoration:none;
}

.check-id {display: none;}

.contacts-social {margin-top: 40px!important;}
.contacts-social h1 {margin-bottom: 15px!important;}
.contacts-social img {margin-right:5px;}

/*---- Added by DG -----*/
.profile-picture {
    width: 99px;
    height: 135px;
    position: absolute;
    margin-left: -110px;
    margin-top: -30px;
}
.profile-role{
    color: #696969;
    margin-top: -10px;
}