* {margin: 0; padding: 0;}
img {border: 0;}

a {outline: none; color: #616161; text-decoration: underline;}
a:hover {text-decoration: none;}
strong {color: #FFFFFF}

p {margin-bottom: 10px;}

.fondo {clear: both; width: auto; height: 1px;}

body {background: #000000; text-align: center; font-family: Helvetica, Arial, sans-serif; color: #999999; font-size: 12px; line-height: 15px}

/* pagina */
div#page {width: 960px; height: 600px; display: block; position: relative; margin: 0 auto; /*background: red;*/ text-align: left;}
div#page_int {width: 940px; height: 600px; display: block; /*background: #ff9900;*/ margin-left: 10px;}

/* colonna sinistra */
div#col_sx {width: 600px; height: 460px; display: block; /*background: green; */float: left;}

/* colonna destra */
div#col_dx {width: 340px; height: 460px; display: block; /*background: #998800; */float: left;}
div#treFoto {width: 340px; height: 224px; overflow:hidden; position: relative; }
.over {position:absolute; top: 0px; left: -340px;}
.out {position:absolute; top: 0px; left: 0;}

/* testo home page */
div#estrattoHome {/*background: red;*/ margin: 30px 0 0 20px; color: #999999; font-size: 11px; line-height: 15px;}
div#estrattoHome h3 {color: #FFFFFF; text-transform:uppercase; font-size: 13px; font-weight: bold; margin-bottom: 8px}

/* menu */
div#header { position: absolute; top: 480px; left: 10px; width: 940px; /*background: #000000; */ font-size: 11px; color: #3b3b3b}
div#header ul {clear: both; float: right; list-style-type: none;}
div#header ul li {float: left;}

div#logo {float: right; width: 320px; height: 43px; display: block;}
div#logo h1, div#logo h2 {text-indent: -9999px;}
div#logo h1 a {width: 320px; height: 43px; display: block; background: url(images/logo.gif) top left no-repeat; }
div#menu_tot {float: right; margin-right: 20px;}

/* menu case: case sopra e sotto */
div#menu_case li {height: 23px; display: block; text-indent: -9999px;}
div#menu_case li a {height: 23px; display: block; background-position: top left; background-repeat: no-repeat;}

div#menu_case li a#sopra {background: url(images/mn_sopra.gif); width: 182px;}
div#menu_case li a#sotto {background: url(images/mn_sotto.gif); width: 191px;}
div#menu_case li a#trasforma {background: url(images/mn_trasforma.gif); width: 227px;}

div#menu_case li a#sopra:hover, div#menu_case li a#sotto:hover, div#menu_case li a#trasforma:hover {background-position: bottom left;}

/* menu top: home, chi siamo... */
div#menu_top li {margin-top: 7px; height: 13px; display: block; text-indent: -9999px; margin-left: 8px;}
div#menu_top li a {height: 13px; display: block; background-position: top left; background-repeat: no-repeat;}

div#menu_top li a#home {background: url(images/mn_home.gif); width: 34px;}
div#menu_top li a#chi_siamo {background: url(images/mn_chisiamo.gif); width: 55px;}
div#menu_top li a#cosa {background: url(images/mn_cosa.gif); width: 83px;}
div#menu_top li a#progetti {background: url(images/mn_progetti.gif); width: 51px;}
div#menu_top li a#contatti {background: url(images/mn_contatti.gif); width: 52px;}
div#menu_top li a#newsletter {background: url(images/mn_newsletter.gif); width: 139px;}
div#menu_top li a#preventivo {background: url(images/mn_preventivo.gif); width: 117px;}

div#menu_top li a#home:hover, div#menu_top li a#chi_siamo:hover, div#menu_top li a#cosa:hover, div#menu_top li a#progetti:hover, div#menu_top li a#contatti:hover, div#menu_top li a#newsletter:hover, div#menu_top li a#preventivo:hover {background-position: bottom left;}

/* riga partita iva */
div#header ul#rigaSotto {margin-top: 10px}
div#header ul#rigaSotto a {text-decoration: none;}
div#header ul#rigaSotto a:hover {text-decoration: underline;}

/* audio home */
div#audio {padding-top: 6px}

/* pagine */
div#content_page {width: 400px; height: 460px; position: absolute; left: 200px; top: 0; /*background: #000000;*/}
div#content_page img {position: absolute; left: 430px; top: 0;}
div#content_page h2 {margin-top: 40px; font-size: 30px; color: #000000; margin-bottom: 10px; text-transform: uppercase; font-weight: normal;}
div#content_page h2 span {background: #ffffff; padding: 3px 3px 0 3px;}
div#content_page h3 {font-size: 13px; font-weight: bold; color: #ffffff; text-transform: uppercase; margin: 20px 0 20px 0}

/* progetti elenco */
div#content_progetti {width: 940px; height: 460px; /*background: red;*/}
div#content_progetti ul { list-style-type: none; float: right}
div#content_progetti ul li { float: right; margin-left: 20px; margin-bottom: 10px}
div#content_progetti h2 {padding-top: 40px; font-size: 30px; color: #000000; margin-bottom: 40px; text-transform: uppercase; font-weight: normal; text-align: right}
div#content_progetti h2 span {background: #ffffff; padding: 3px 3px 0 3px;}

/* progetti dettaglio */
div#content_progetti_single {width: 940px; height: 460px; /*background: red;*/}
div#content_progetti_single ul { list-style-type: none; float: right}
div#content_progetti_single ul li { float: right; margin-left: 20px; margin-bottom: 10px}
div#content_progetti_single h3 {padding-top: 30px; margin-left: 10px; font-size: 18px; line-height: 22px; color: #ffffff; margin-bottom: 20px; text-transform: uppercase; font-weight: normal; text-align: left; width: 300px; }
div#content_progetti_single div#tit {float: right; background: url(images/sf_h2_freccia.gif) top left no-repeat ; padding-left: 20px; margin-top: 29px; }
div#content_progetti_single h2 {padding-top: 11px; padding-right: 3px; font-size: 30px; color: #000000; margin-bottom: 40px; text-transform: uppercase; font-weight: normal; text-align: right}
div#content_progetti_single div#tit a {text-decoration: none;}
/*div#content_progetti_single h2 span {background: #ffffff; padding: 3px 3px 0 3px;}*/

/* trasforma la tua casa */
div#content_progetti_single.trasforma h2 span {background: #ffffff; padding: 3px 3px 0 3px;}
div#content_progetti_single.trasforma div#tit {background: none;}
div#content_progetti_single.trasforma div#testo_progetto {width: 400px}
div#content_progetti_single.trasforma div#testo_progetto strong {color: #dedede}


div#content_progetti_single.trasforma div.pics { height: 334px; width: 500px; padding:0; overflow: hidden; position: absolute; top: 80px; left: 450px;}
div#content_progetti_single.trasforma h3 {padding-top: 80px}
div#audioTrasforma {position: absolute; top: 420px; left: 450px}

/* editoriale */
div#editoriale {width: 400px; height: 460px; position: absolute; left: 200px; top: 0;/* background: #ff0000*/}
div#editoriale img {position: absolute; left: 430px; top: 0;}
div#editoriale h2 {margin-top: 40px; font-size: 30px; color: #000000; margin-bottom: 10px; text-transform: uppercase; font-weight: normal;}
div#editoriale h2 span {background: #ffffff; padding: 3px 3px 0 3px;}
div#content_progetti_single div#editoriale h3 {font-size: 13px; line-height: 17px; font-weight: bold; color: #ffffff; text-transform: uppercase; margin: 0 0 20px 0; padding-top: 20px}

/* gallery */
.pics { height: 400px; width: 600px; padding:0; overflow: hidden; position: absolute; top: 0px; left: 350px; }
.pics img {/*top:0; left: 0;*/ }
.ciao {margin-top: 30px}
div#testo_progetto {width: 300px; margin: 0 0 0 10px}



div.navGallery{position: absolute; top: 410px; left: 350px; z-index: 2; width: 600px; }
div.navGallery a {text-indent: -9999px; line-height: 14px}

a#next2{width: 71px; height: 14px; background: url(images/next.gif) top left no-repeat; display: block; position: absolute; top: 0; left: 529px}
a#prev2{width: 71px; height: 14px; background: url(images/prev.gif) top left no-repeat; display: block;}
a#next2:hover{background: url(images/next.gif) bottom left no-repeat; }
a#prev2:hover{background: url(images/prev.gif) bottom left no-repeat; }

/* contatti */
div.contactform {text-transform: uppercase; font-weight: bold;}
div.contactform input {border: 1px solid #ffffff; background: #ffffff; width: 250px; height: 18px; padding: 2px 0 0 2px; font-family: Arial; font-size: 13px; color: #000000;}
div.contactform textarea {width: 250px; heght: 100px; padding: 2px 0 0 2px; font-family: Arial; font-size: 13px; color: #000000; border: 0; overflow: auto}
div.contactform input.invia {width: 71px; height: 27px; border: 0; float: right; padding: 0;}
div.contactform div.req {margin-top: 2px; text-transform: uppercase; font-size: 11px; color: #454545; font-weight: normal;}
div.contactform div.reqErr {margin-top: 2px; text-transform: uppercase; font-size: 11px; color: #C10033}
div#indirizzo {position: absolute; top: 84px; left: 434px; width: 250px; height: 304px; border-left: solid 1px #343434; padding-left: 20px; font-size: 14px; line-height: 18px;}

/* newsletter e trasforma form */
div.formIframe {width: 190px; display: block; margin: 0 auto; height: 100px}
div.formIframe div.left {width: 60px; float: left; }

div.formIframe {text-transform: uppercase; font-weight: bold;}
div.formIframe input {border: 1px solid #ffffff; background: #ffffff; width: 130px; height: 18px; font-family: Arial; font-size: 13px; color: #000000; float: left; margin-bottom: 10px}
div.formIframe input.TASTOINVIO {width: 71px; border: none; background: #4a4a4a; clear: both; height: 27px; line-height: 27px; padding: 0; text-transform: uppercase; font-size: 20px; float: right;}
div.formIframe textarea {width: 130px; height: 100px; padding: 2px 0 0 2px; font-family: Arial; font-size: 13px; color: #000000; border: 0; overflow: auto; float: left; margin-bottom: 10px}


div#indirizzoIframe { width: 160px;  height: 156px; border-left: solid 1px #343434; padding-left: 20px; text-align: left; float: left; margin-left: 20px}

div.trasf {width: 260px; height: 200px; float: left; margin-left: 40px}
div.trasf input, div.trasf textarea{width: 200px;}


/* preventivo */
div.preventivo td {}
div.preventivo input, div.preventivo select {margin-left: 10px}
div.preventivo input {border: 1px solid #ffffff; background: #ffffff;  height: 18px; font-family: Arial; font-size: 13px; color: #000000; margin-bottom: 10px;}
div.preventivo input.TASTOINVIO {width: 71px; border: none; background: #4a4a4a; clear: both; height: 27px; line-height: 27px; padding: 0; text-transform: uppercase; font-size: 20px; }
div.preventivo input.TASTOCANC {width: 120px; border: none; background: #1a1a1a; clear: both; height: 27px; line-height: 27px; padding: 0; text-transform: uppercase; font-size: 20px; }
div.preventivo textarea {width: 130px; height: 100px; padding: 2px 0 0 2px; font-family: Arial; font-size: 13px; color: #000000; border: 0; overflow: auto; float: left; margin-bottom: 10px}