html, body{height: 100%;font-family: 'Marvel', sans-serif; font-weight:400;}
body{margin:0;padding:0;background:url(../images/grigio.png) 600px 0px repeat-y;}
strong{font-weight:700;}
header, section, aside, nav, article, footer {display: block;}
body.design {background:url(../images/design.png) 600px 0px repeat-y;}
body.architettura {background:url(../images/architettura.png) 600px 0px repeat-y;}
#contenitore {/*position:relative;*/ margin:auto; width:940px;/*display: table;*/ min-height:100%;}
#sinistro {display:table-cell;background-color:#FFF; width:300px;min-height:100%;vertical-align:top;}
#destro {display: table-cell;width:640px;background:#F5F5F5 url(../images/ombra.png) repeat-y left;min-height:100%;vertical-align:top;}
#destro.design {background-color:#f4f1d2;background:#f4f1d2 url(../images/ombra.png) repeat-y left;vertical-align:top;height:100%;}
#destro.architettura {background-color:#e2e6ef;background:#e2e6ef url(../images/ombra.png) repeat-y left;vertical-align:top;min-height:100%;}
article {margin-top:70px;padding-left:35px;padding-right:25px; padding-bottom:50px;font-size:110%;}
footer{clear:left;position:relative; text-align:right;font-size:90%;margin-left:50px;width:200px; margin-bottom:15px; font-weight:700;}
/*footer {
float:left;
border:1px solid red;
clear:left;
} */
footer a:link, footer a:visited {color:#759924; text-decoration:none;}
footer a:hover {text-decoration:underline;}
#logo{margin-left:20px;margin-top:70px;padding-top:0px;}
img {border: 0px none;}
ul.menu {margin-top:70px;margin-left:30px; font-size:120%;font-weight:bold;text-transform:uppercase;}
ul.menu li {display:block; list-style-type:none; margin-top:20px;text-align:right;border-bottom:1px solid #eeeeee; width:185px;}
ul.menu li.nounder {border-bottom:0px none;}
nav {height:730px;}
a.more_link{color:#759924;}
nav li a:link, nav li a:visited{color:#5d5d5a; text-decoration:none;}
nav li a:hover, nav li a.active {color:#759924; text-decoration:none;}
ul.submenu {margin-left:-40px;font-size:90%;font-weight:bold;text-transform:none;margin-top:-15px;}
ul.submenu li{list-style-type:none;text-align:right;border-bottom:0px none;margin-top:5px;}
#galleria{height:400px}
h1{color:#7c7a6b; font-weight:700;text-shadow: -1px -1px rgba(255,255,255,0.8); font-size:50px; text-transform:uppercase;line-height:0px;}
h1.double{line-height:40px;}
h3 {color:#bfbda4;font-weight:700;text-shadow: -1px -1px rgba(255,255,255,0.6); font-size:20px;text-transform:uppercase;line-height:0px;}
h3.atelier{line-height:auto;padding-top:30px; font-size:25px;}
h3 a:link, h3 a:visited {color:#bfbda4;text-shadow: -1px -1px rgba(255,255,255,0.6);text-decoration:none;}
h3 a:hover {color:#7c7a6b;text-shadow: -1px -1px rgba(255,255,255,0.6);}
header{margin-top:160px;}
header.singolo {margin-top:190px;}
header.chisiamo{margin-top:160px; padding-bottom:20px;}
img {border:0px none;}
figure.chisiamo{width:auto; float:left;}
section {float:left;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;width:275px;margin-top:25px;}
section:nth-child(odd){margin-left:25px;}
section:nth-child(even){clear:left;}
section a:link, section a:visited{color:#5d5d5a;text-decoration:none; cursor:hand;}
figure{width:273px;margin:0 auto;}
figcaption {float:left;color:#5d5d5a; text-align: right; width:273px; text-transform:uppercase;}
figure img {
/*background: rgb(255, 255, 255); padding: 2px;*/border: 2px solid rgb(255, 255, 255);/* display: block;*/
margin: 0 auto;}
/*figure {margin-left:0px; width: 240px;margin-bottom: 15px;}*/
.social{width:100%; margin-top:40px; height:40px; border-top:1px solid #FFF;; border-bottom:1px solid #333; background:url(../images/sfondo-social.png);text-align:right;}
.socialint {position:relative;float:right;margin-top:10px;}
.invia, .fbpiace, .gplus, .twitter{position:relative; float:left;}
.gplus{margin-right:10px;}
.fbpiace{width:66px; overflow:hidden;margin-right:10px;margin-top:-2px;}
.twitter{width:55px; overflow:hidden;margin-right:10px;}
.pinterest {margin-right:10px;}
.invia {margin-top: 1px; margin-right:10px;}
#contenitore-richiedi, #contenitore-acquista{position:relative;float:left;width:0px;height:0px;}
#richiedi, #acquista{position:relative; top:-25px;left:435px;z-index:10;}
/*-------------------------------------
FORM CORE
------------------------------------------*/
form#contact fieldset, form#contact2 fieldset {
padding: 0px 10px 10px 20px;
margin: 0 auto;
margin-top:20px;
border: 0;
background-color: #fff;
/*width: 290px;
width: 530px;*/
min-height:420px;
text-align: left;
box-shadow: 0px 0px 10px #d3d3d3;
}
form#contact legend, form#contact2 legend {padding-top:25px;font-size:110%; font-weight:700;}
input[type="text"], input[type="url"],
input[type="email"], input[type="tel"], textarea {
margin: 3px 0 0 0;
padding: 4px;
width: 220px;
font-family: arial, sans-serif;
font-size: 100%;
border: 1px solid #ccc;
background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}
form#contact textarea, form#contact2 textarea {
width: 240px;
height: 165px;
}
form#contact label, form#contact2 label {
display: block;
font-size: 110%;
color: #666;
margin-top: 10px;
font-weight: bold;
}
form#contact label.error, form#contact2 label.error {
width: 220px;
margin: 3px 0 0 0;
display: block;
color: #cf0101;
font-size:90%;
text-align: right;
}
form#contact .placeholder, form#contact2 .placeholder {
color: #aaa;
}
form#contact .button, form#contact2 .button, .thanks .button {
font-family: 'Marvel', sans-serif;
display: inline-block;
margin: 15px 0 0 90px;
padding: 5px 15px 5px 15px;
background-color: #759924;
border: none;
color: #fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
font-size:120%;
font-weight:700;
}
.thanks .button {margin: 15px 0 0 0;}
form#contact .button:hover, form#contact2 .button:hover, .thanks .button:hover {
background-color: #517500;
cursor: pointer;
}
form#contact .button:active, form#contact2 .button:active, .thanks .button:active {
margin-top: 16px;
background-color: #517500;
cursor: pointer;
}
div.thanks {
padding: 0px 10px 10px 20px;
margin: 0 auto;
margin-top:20px;
border: 0;
background-color: #fff;
/*width: 290px;
width: 530px;*/
min-height:420px;
text-align: left;
font-size: 120%;
box-shadow: 0px 0px 10px #d3d3d3; }
h4{text-align:center; font-weight:400;}
.grande{font-weight:bold; text-align:center;}
#curricula {margin-left:30px;margin-bottom:30px;}
#dialog {display:none;}
.ristrutturare{float:right;margin-right:45px;border:1px solid #eee;padding:10px;font-size:75%;text-transform:none; width:140px;text-decoration:none;}
.ristrutturare img{margin-left:10px;}
.ristrutturare figcaption {text-align:center;width:140px;text-transform:none;}