/* CSS Document */

* { margin: 0; padding: 0;}
img { border: 0;}
.nov { display: none;}
div#fondo { clear: both}

/*** font ***/

body { color: #5D626E; font-family: "Century Gothic","Apple Gothic","Trebuchet MS"sans-serif; font-size: 13px; line-height: 170%; font-weight: normal;}

a { color: #FD1C14; text-decoration: underline;}
a:hover { color: #CCCCCC;}

h2 { text-transform: uppercase; font-size: 23px; color: #FD1C14; font-weight: normal; margin-bottom: 13px;}
h3.spip {margin:2em 0 5px 23px; color:#FD1C14;}
/*** main ****/

body { background: url(../images/sf_pag.png) top left repeat-x #384669; }
div#wrap { background: url(../images/sf_wrap.png) top left repeat-x #ffffff; margin: 35px 0 0 0; text-align: center;}
div#container { margin: 0 auto; display: block; width: 980px; text-align:left; height: auto!important; height: 564px; min-height: 564px; background:url(../images/sf_container.png) top right no-repeat; position: relative;}

/***** logo ******/
div#logo {display: block; width: 108px; height: 369px; background: url(../images/logo.png) top right no-repeat; position: absolute; top: 55px; left: 830px; cursor: pointer;}

/********* menu **********/
div#menu {height: 39px;}
div#menu ul {}
div#menu ul li { float: left; list-style-type: none;}
div#menu ul li a { display: block; height: 39px; text-transform: uppercase; text-align: center;}

div#menu ul li a#home { width: 59px; background:url(../images/menu_home.png) top left;}
div#menu ul li a#home:hover  {background:url(../images/menu_home.png) center left;}
div#menu ul li a#home.on  {background:url(../images/menu_home.png) bottom left;}

div#menu ul li a#azienda { width: 75px; background:url(../images/menu_azienda.png) top left;}
div#menu ul li a#azienda:hover  {background:url(../images/menu_azienda.png) center left;}
div#menu ul li a#azienda.on  {background:url(../images/menu_azienda.png) bottom left;}

div#menu ul li a#professionisti { width: 118px; background:url(../images/menu_professionisti.png) top left;}
div#menu ul li a#professionisti:hover  {background:url(../images/menu_professionisti.png) center left;}
div#menu ul li a#professionisti.on  {background:url(../images/menu_professionisti.png) bottom left;}

div#menu ul li a#prodotti { width: 85px; background:url(../images/menu_prodotti.png) top left;}
div#menu ul li a#prodotti:hover  {background:url(../images/menu_prodotti.png) center left;}
div#menu ul li a#prodotti.on  {background:url(../images/menu_prodotti.png) bottom left;}

div#menu ul li a#realizzazioni { width: 108px; background:url(../images/menu_realizzazioni.png) top left;}
div#menu ul li a#realizzazioni:hover  {background:url(../images/menu_realizzazioni.png) center left;}
div#menu ul li a#realizzazioni.on  {background:url(../images/menu_realizzazioni.png) bottom left;}

div#menu ul li a#partner { width: 78px; background:url(../images/menu_partner.png) top left;}
div#menu ul li a#partner:hover  {background:url(../images/menu_partner.png) center left;}
div#menu ul li a#partner.on  {background:url(../images/menu_partner.png) bottom left;}

div#menu ul li a#eventi { width: 69px; background:url(../images/menu_eventi.png) top left;}
div#menu ul li a#eventi:hover  {background:url(../images/menu_eventi.png) center left;}
div#menu ul li a#eventi.on  {background:url(../images/menu_eventi.png) bottom left;}

div#menu ul li a#promozioni { width: 106px; background:url(../images/menu_promozioni.png) top left;}
div#menu ul li a#promozioni:hover  {background:url(../images/menu_promozioni.png) center left;}
div#menu ul li a#promozioni.on  {background:url(../images/menu_promozioni.png) bottom left;}

div#menu ul li a#download { width: 91px; background:url(../images/menu_download.png) top left;}
div#menu ul li a#download:hover  {background:url(../images/menu_download.png) center left;}
div#menu ul li a#download.on  {background:url(../images/menu_download.png) bottom left;}

div#menu ul li a#contatti { width: 86px; background:url(../images/menu_contatti.png) top left;}
div#menu ul li a#contatti:hover  {background:url(../images/menu_contatti.png) center left;}
div#menu ul li a#contatti.on  {background:url(../images/menu_contatti.png) bottom left;}


/********* footer *******/
div#footer {background: url(../images/sf_footer.png) top left repeat-x #384669; font-size: 11px; color: #999999; padding: 20px 0 40px 0; clear: both; text-align: center; }
div#footer ul {}
div#footer ul li { display: inline; list-style-type: none; padding: 0 7px;}
div#footer ul li a {font-size: 10px; text-transform: uppercase; color: #FFFFFF;}
div#footer ul li a:hover { color: #CCCCCC}

/**** content home page***/ 
div#content_home { width: 782px; margin-left: 10px;}

/* box */

div.box_home { width: 240px; height: auto!important; height: 220px; min-height: 220px; display: block; float: left; margin-right: 30px; }
div.box_home#ultimo { margin-right: 0px; }

/* loghi */
div#loghi_home { margin: 30px 0; background: url(../images/riga_home.gif) top left no-repeat; display: block; height: 180px; width: 782px;}
div#loghi_home img { margin: 40px 0 0 0;}

div#architetti { position: absolute; left: 836px; margin-top: 74px;}

/* flash home */
div#flash_home { margin: 30px 0 44px 0;/* margine dal menu */ width: 808px; height: 352px; display: block; background: url(../images/sf_slide_home.jpg) top left no-repeat;}
div#flash_home img { margin: 10px 0 0 11px;} 


/******** content interna **********/
div#content { width: 782px; margin-left: 10px;}

div#txt_int { width: 470px; display: block; margin: 30px 0 50px 30px; /* margine dal menu */ float: left;}
div#img_int {margin-top: 30px; /* margine dal menu */ width: 263px; height: 354px; display: block; background: url(../images/sf_foto_int.png) top left no-repeat; float: left; padding: 10px 0 0 10px;}

div#img_int_no {margin-top: 30px; /* margine dal menu */ width: 273px; height: 364px; display: block; float: left}


/********* soluzioni **********/

div#soluzioni_int { width: 400px; display: block; margin: 30px 0 50px 30px; /* margine dal men */ float: left;}
div#soluzioni_int h2, div#soluzioni_int p.spip { margin-left: 23px;}


/* elenco lavori */
div#listalavori {margin-top: 30px; /* margine dal menu */ width: 200px; height: 364px; display: block; float: left; }
div#listalavori ul {}
div#listalavori ul li {list-style-type: none;}
div#listalavori ul li a {text-decoration: none;}
div#listalavori h3 {background: url(../images/sf_accordion.png) top left no-repeat; padding: 3px; width: 200px; height: 26px; cursor: pointer; font-size: 14px; font-weight: normal;}
div#listalavori div.demo-show2 div {padding: 3px;}

/***** partner ******/
div#partner_int { width: 400px; display: block; margin: 30px 0 50px 30px; /* margine dal men */ float: left;}
div#partner_int h2, div#partner_int p.spip { margin-left: 23px;}


/***** form ***/
div#contatti_form div.riga, div#contatti_form div.riga_captcha { margin-bottom:  10px;}
div#contatti_form div.riga div.campo { margin-bottom: 4px; font-size: 11px;}
div#contatti_form div.riga input, div#contatti_form div.riga textarea, div#contatti_form div.riga_captcha input { background: #F7F7F7; border: solid 1px #999999; width: 300px; font-family: "Century Gothic","Apple Gothic","Trebuchet MS"sans-serif; font-size: 12px;}
div#contatti_form div.riga input { height: 16px; line-height: 20px; padding: 4px;} 
div#contatti_form div.riga textarea { height: 100px;padding: 4px; overflow-y: auto; }

div#contatti_form div.riga_captcha {padding-top: 10px; padding-bottom: 20px; border-bottom: solid 1px #cdcdcd; width: 308px;}
div#contatti_form div.riga_captcha input { width: 60px; height: 15px; line-height: 15px; padding: 3px; font-family:  Arial; text-align:  center; letter-spacing: 1px;} 
div#contatti_form div.riga_captcha img { float: left;}
div#contatti_form div.riga_captcha div.campo { float:  left; width: 116px; font-size: 11px;}

div#contatti_form div.riga input.invia { width: 96px; height:  40px; display: block; background: none; border: none; padding: 0; margin-top: 14px;} 


/***** mappa ****/
div#mappa { width: 470px; display: block; margin: 30px 0 50px 30px; /* margine dal menu */ float: left;}
div#mappa ul { list-style-type:  none;}
div#mappa ul li { text-transform:  uppercase; margin-top: 10px;}
div#mappa ul li ul li, div#mappa p {margin-left: 20px; text-transform:none; font-size: 12px; line-height: 13px;}
div#mappa p {margin-top: 10px }

/* promozioni e download box */
div.boxElenco { display: block; background: url(../images/sf_box_promo.jpg) bottom left repeat-x; width: 410px; clear: both; margin-bottom: 14px; padding: 14px; border: solid 1px #F1F1F1; border-bottom: #ffffff;}
div.boxElenco img {margin-right: 10px; border-bottom: solid 2px #f0f0f0; }
div#imgpromo {margin-top: 20px;}
div#imgpromo img {margin-bottom: 10px;}

div#img_int_promo {margin-top: 30px; /* margine dal menu */ width: 273px; height: 364px; display: block; float: left}
div.boxElenco_int { display: block; background: url(../images/sf_box_promo.jpg) bottom left repeat-x; width: 240px; clear: both; margin-bottom: 14px; padding: 14px; border: solid 1px #F1F1F1; border-bottom: #ffffff;}