body {
 margin: 0;
 color: #fff;
 background-color: #000;
 line-height: 1.5em;
 background-image: url(../ima/body.png);
 font-family: Arial, Helvetica, sans-serif;
 font-size: .8em;
}
h1, h2 {
 margin: 0;
 padding: 48px 0 0 0;
 font-family: Stoke, Times, "Times New Roman", serif;
 font-size: 1.4em;
 line-height: 1.2em;
 font-weight: normal;
 color: #ebd3be;
}
p {
 margin: 0; 
}
a {
 border-bottom: 1px #e1be9d dotted;
 text-decoration: none;
 color: #e1be9d;
}
a:hover { 
 border-bottom: 1px #fff dotted;
 color: #fff;
}
img {
 border: 0;
}
div#contenitore
{ margin: 0 auto;
  width: 1188px;
  color: #fff;
  background-color: #152a2b;
}
div#menu {
 float: left;
 width: 146px;
 min-height: 1280px;
 background-image: url(../ima/web-design.png);
}
div#grafica, div#articoli {
 float: left;
 border-left: 1px #000 solid;
 border-right: 1px #000 solid;
 width: 516px;
 min-height: 1280px;
 background-image: url(../ima/skin-texture.jpg);
}
div#contenuti {
 float: left;
 width: 506px;
 min-height: 1280px;
 background-color: #152a2b;
 background-image: url(../ima/web-design.png);
}
div#testi {
 float: left;
 min-height: 903px;
}
img#logo {
 margin: 24px 0 0 30px;
}
div#testo {
 margin: 40px 0 0 30px;
 padding: 0 0 24px 0;
}
div#testo p {
 margin: 0 0 0 10px;
 width: 436px;
}
div#testo ul {
 margin: 0;
 padding: 2px 0 2px 20px;
 width: 426px;
}
div#testo ul li {
 margin: 12px 0 0 0;
 list-style: square outside none;
}

/* menu */
a#home {
 margin: 15px 0 0 0;
}
div#menu a {
 display: block;
 padding: 12px 12px 5px 0;
 text-align: right;
 border-bottom: none;
 color: #fff;
}
div#menu a:hover {
 background-color: #253639;
 color: #fff;
}

div#news, div#form {
 float: left;
 border-top: 1px #000 solid;
 height: 442px;
 color: #d3bca9;
}
div#news a {

}
div#news p, div#form form {
 margin: 24px 24px 0 24px;
}
div#info {
 float: left;
 width: 516px;
 background: rgba(0, 0, 0, 0.4); 
}
div#info p {
 padding: 4px 0 5px 12px;
 font-size: .8em;
}

div#info a {
 color: #eee;
}

div#testo p {
 padding-top: 22px;
}

/* form */
form#preventivo {
 float: left;
 margin: 0 0 0 10px;
 color: #999;
}

form#preventivo label {
 display: block;
 width: 128px;
}
div.opzione {
 margin: 4px 0 0 12px;
}
div.opzione span {
 margin: 0 0 0 24px;
}

div.input {
 float: left;
 margin: 18px 0 0 0;
 width: 420px;
}
input.frase, select.frase {
 float: left;
 border-top: 1px #666 solid;
 border-left: 1px #666 solid;
 border-bottom: 1px #888 solid;
 border-right: 1px #888 solid;
 width: 240px;
 color: #999;
 background-color: #171111;
}
div.input label {
 float: left;
}

div#testo p.tipo {
 margin: 0 0 12px 0;
 padding: 0;
}


div#opzioni_sito {
 overflow: auto;
 padding: 12px 0;
 width: 490px;
 height: 240px;
}

/* focus */
div#focus {
 margin: 0;
 color: #7d7471;
}
div#focus p.titolo {
 display: block;
 padding: 12px 0;
 text-indent: 12px;
 color: #7d7471;
}
div#focus a {
 display: block;
 padding: 12px 0;
 text-indent: 12px;
 color: #8a817e;
 border-bottom: 1px #000 solid;
 border-top: 1px #433e3d solid;
}
div#focus a:hover {
 color: #ccc;
}
div#faq {
 float: left;
 margin: 36px 0 0 36px;
 width: 400px;
}

div#siti_realizzati {
 float: left;
 margin: 12px 0 0 24px;
 padding: 12px 0;
 border-top: 1px #595251 solid;
 border-bottom: 1px #595251 solid;
}
div#siti_realizzati div {
 float: left;
 margin: 1px 0 0 8px;
}
div#siti_realizzati div.prima {
 margin: 1px 0 0 0;
}
div#siti_realizzati img {
 float: left; 
}
div#siti_realizzati a {
 border-bottom: none;
}

div#news img.cornice {
 margin-top: 0;
 border: 1px #555 solid;
}

div#grafica img {
 float: left;
}


div#testo p.costo {
 float: left;
 width: 100%;
 margin: 4px 0 0 10px;
 padding: 0;
 color: #f93;
 font-weight: bold;
}
div#testo p.dettagli {
 
 margin: 4px 0 0 10px;
 padding: 0;
}

/* articoli */
/*div#articoli {
 min-height: 1000px;
}*/
div#articoli div#elenco {
 float: left;
 width: 516px;
 height: 584px;
 background-image: url(/img/articoli.jpg);
}
div#articoli ul {
 margin: 48px 0 0 56px;
 list-style: none;
}
