/*********************************************/
/* CSS RESET                                 */
/*********************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/*********************************************/
/* CSS DI BASE                               */
/*********************************************/

body {
    background-color: #e5e5e5;
    color: #444444;
    font: 12px/18px arial, helvetica, sans-serif;
    text-align: center;
}

p {
    margin-top: 0;
    margin-bottom: 18px;
}

p.end {
    margin-top: 0;
    margin-bottom: 0;
}

p.centrato {
    text-align: center;
}

p.destra {
    text-align: right;
}

p.giustificato {
    text-align: justify;
}

a:link, a:visited {
    font-weight: normal;
    color: #016202;
    text-decoration: underline;
}

a:hover, a:active {
    color: #000000;
}

textarea {
    overflow: auto;
}

/*********************************************/
/* CSS SEZIONI                               */
/*********************************************/

div#container {
    width: 974px;
    margin: 12px auto;
    text-align: left;
}

div#header {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 974px;
    height: 199px;
    background: transparent url(../img/header-sfondo.gif) no-repeat;
}

#wrapper {
    background: transparent url(../img/content-sfondo.gif) repeat-y;
    overflow: hidden;
    width: 100%;
}

div#content {
    float: left;
    width: 954px;
    margin-top: 4px;
    margin-left: 10px;
    margin-right: 10px;
    display: inline; /* Risolve Double Margin Bug IE */
}

div#footer {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 974px;
    height: 46px;
    background: transparent url(../img/footer-sfondo.gif) no-repeat;
    margin-bottom: 30px;
}

.clear { clear: both; background: none; }

/*********************************************/
/* CSS HEADER                                */
/*********************************************/

img#logo-2gap {
    position: absolute;
	top: 17px;
	left: 17px;
	width: 300px;
	height: 130px;
}

img#header-slogan {
    position: absolute;
	top: 83px;
	right: 14px;
	width: 479px;
	height: 39px;
}

div#navigation-menu {
	position: absolute;
    overflow: hidden;
	top: 175px;
	left: 59px;
	width: 828px;
	height: 11px;
}

div#navigation-menu a#home { width: 37px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-home.png) no-repeat; }
div#navigation-menu a#home:hover { background: transparent url(../img/bottoniera-home.png) no-repeat 0 -11px; }
div#navigation-menu span#home {	width: 37px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-home.png) no-repeat 0 -11px; }

div#navigation-menu a#profilo {	width: 48px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-profilo.png) no-repeat; }
div#navigation-menu a#profilo:hover { background: transparent url(../img/bottoniera-profilo.png) no-repeat 0 -11px; }
div#navigation-menu span#profilo { width: 48px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-profilo.png) no-repeat 0 -11px; }

div#navigation-menu a#attivita { width: 49px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-attivita.png) no-repeat; }
div#navigation-menu a#attivita:hover { background: transparent url(../img/bottoniera-attivita.png) no-repeat 0 -11px; }
div#navigation-menu span#attivita { width: 49px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-attivita.png) no-repeat 0 -11px; }

div#navigation-menu a#servizi { width: 41px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-servizi.png) no-repeat; }
div#navigation-menu a#servizi:hover { background: transparent url(../img/bottoniera-servizi.png) no-repeat 0 -11px; }
div#navigation-menu span#servizi { width: 41px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-servizi.png) no-repeat 0 -11px; }

div#navigation-menu a#certificazione-energetica { width: 160px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-certificazione-energetica.png) no-repeat; }
div#navigation-menu a#certificazione-energetica:hover { background: transparent url(../img/bottoniera-certificazione-energetica.png) no-repeat 0 -11px; }
div#navigation-menu span#certificazione-energetica { width: 160px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-certificazione-energetica.png) no-repeat 0 -11px; }

div#navigation-menu a#preventivo {	width: 69px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-preventivo.png) no-repeat; }
div#navigation-menu a#preventivo:hover { background: transparent url(../img/bottoniera-preventivo.png) no-repeat 0 -11px; }
div#navigation-menu span#preventivo { width: 69px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-preventivo.png) no-repeat 0 -11px; }

div#navigation-menu a#dicono-di-noi { width: 88px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-dicono-di-noi.png) no-repeat; }
div#navigation-menu a#dicono-di-noi:hover { background: transparent url(../img/bottoniera-dicono-di-noi.png) no-repeat 0 -11px; }
div#navigation-menu span#dicono-di-noi { width: 88px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-dicono-di-noi.png) no-repeat 0 -11px; }

div#navigation-menu a#links-utili { width: 59px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-links-utili.png) no-repeat; }
div#navigation-menu a#links-utili:hover { background: transparent url(../img/bottoniera-links-utili.png) no-repeat 0 -11px; }
div#navigation-menu span#links-utili { width: 59px; height: 11px; display: block; float: left; padding: 0; margin: 0 26px 0 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-links-utili.png) no-repeat 0 -11px; }

div#navigation-menu a#contattaci { width: 69px; height: 11px; display: block; float: left; padding: 0; margin: 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-contattaci.png) no-repeat; }
div#navigation-menu a#contattaci:hover { background: transparent url(../img/bottoniera-contattaci.png) no-repeat 0 -11px; }
div#navigation-menu span#contattaci { width: 69px; height: 11px; display: block; float: left; padding: 0; margin: 0; text-indent: -9999px; text-decoration: none; background: transparent url(../img/bottoniera-contattaci.png) no-repeat 0 -11px; }

/*********************************************/
/* CSS GRID                                  */
/*********************************************/

div.content-box {
    margin: 20px;
}

div.grid-colonna {
    clear: both;
    float: left;
    width: 244px;
    margin-bottom: 20px;
    /* Risolve Min-height Bug IE */
    min-height: 280px;
    height: auto !important;
    height: 280px;
}

div.grid {
    clear: both;
    float: left;
    width: 626px;
    margin-bottom: 20px;
}

img.img-left {
    float: left;
}

img.img-right {
    float: right;
}

img.img-border {
    padding: 4px;
    border: 1px solid #c1c2c9;
}

div.grid div.profilo-dx {
    margin-right: 286px;
}

div.grid div.certificazione-energetica-dx {
    margin-right: 366px;
}

div.lavori-bottoniera {
    float: left;
    background-color: #f5f5f5;
    /* Risolve Box-model Bug IE */
    width: 616px !important;
    width /**/: 626px;
    padding: 5px;
}

div.lavori-bottoniera img {
    float: left;
    margin: 0 4px 0 0;
}

div.lavori-bottoniera img.last {
    float: left;
    margin: 0;
}

div.preventivo-box {
    float: left;
    background-color: #f5f5f5;
    border: 3px solid #ebebeb;
    padding: 20px;
    /* Risolve Box-model Bug IE */
    width: 580px !important;
    width /**/: 626px;
}

/*********************************************/
/* CSS CONTENT                               */
/*********************************************/

a.colonna-mail:link, a.colonna-mail:visited {
    font-weight: normal;
    color: #444444;
    text-decoration: none;
}

a.colonna-mail:hover, a.colonna-mail:active {
    color: #016202;
    text-decoration: underline;
}

a.area-riservata:link, a.area-riservata:visited {
    font-weight: bold;
    color: #444444;
    text-decoration: none;
}

a.area-riservata:hover, a.area-riservata:active {
    color: #016202;
}

div#slider {
	width: 954px;
	height: 462px;
}

div#mappa {
	width: 626px;
	height: 400px;
}

img#header-foto {
    display: block;
	width: 954px;
	height: 80px;
    margin-bottom: 4px;
}

div.separator {
    border-bottom: 1px dotted #c1c2c9;
}

table.full {
    width: 954px;
}

table.full td.sx {
    background: #f5f5f5 url(../img/pagina-2gap.gif) no-repeat bottom right;
}

table.full-content {
    width: 626px;
}

table.full-document {
    width: 626px;
}

table.full-document td.normale {
    padding: 4px;
}

table.full-document td.colorata {
    background-color: #f5f5f5;
    padding: 4px;
}

td.intop {
    vertical-align: top;
}

td.inmiddle {
    vertical-align: middle;
}

td.inbottom {
    vertical-align: bottom;
}

span.titolo-news {
    font: 22px/24px arial, helvetica, sans-serif;
    color: #cc0000;
}

span.titolo-preventivo {
    font: 22px/24px arial, helvetica, sans-serif;
    color: #cc0000;
}

div.pagina {
    width: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
}

div.pagina p {
    line-height: 150%;
	margin: 0;
	padding: 0;
}

div.pagina p span {
    line-height: 120%;
}

div.pagina a:link, div.pagina a:visited {
    font-weight: normal;
    color: #016202;
    text-decoration: underline;
}
div.pagina a:hover, div.pagina a:active {
    color: #000000;
}

div.pagina ul {
    list-style-type: disc;
    list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
}

div.pagina ol {
    list-style-type: decimal;
    list-style-position: outside;
	margin-top: 0;
	margin-bottom: 0;
}

div.pagina ul, div.pagina ol {
    padding-left: 36px;
}

/*********************************************/
/* CSS FOOTER                                */
/*********************************************/

div#footer-text-sx {
	position: absolute;
	top: 4px;
	left: 18px;
    width: 120px;
    height: 32px;
	margin: 0;
	padding: 0;
    color: #444444;
    text-align: left;
    font-size: 11px;
    line-height: 32px;
}

div#footer-text-dx {
	position: absolute;
	top: 4px;
	right: 18px;
    width: 800px;
    height: 32px;
	margin: 0;
	padding: 0;
    color: #666666;
    text-align: right;
    font-size: 11px;
    line-height: 32px;
}

/*********************************************/
/* CSS FORM                                  */
/*********************************************/

.campi-input {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #ffffff;
	border: 1px solid #c1c2c9;
	width: 300px;
}

.campi-textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #ffffff;
	border: 1px solid #c1c2c9;
	width: 376px;
}

.campi-button {
	font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    background-color: #cc0000;
    border-style: outset;
    border-color: #cc0000;
}

.campi-select {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #ffffff;
	border: 1px solid #c1c2c9;
    width: 300px;
}

.testo-privacy {
    font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
    text-align: justify;
    width: 376px;
}

.testo-privacy-dicitura {
    font-family: arial, helvetica, sans-serif;
	font-size: 10px;
    text-decoration: underline;
	color: #444444;
}