
body { margin:0; font-family:Arial, Helvetica, sans-serif; height:100%; }

body { background:url(../img/bg.gif) repeat-x #ccc; }

#body { position:absolute; height:auto !important; height:100%; min-height:100%; width:100%; min-width:1000px; z-index:1; }

img { border:0; }

a:link { text-decoration:underline; }

a:visited { text-decoration:underline; }

a:hover { text-decoration:none; }

li { list-style:none; }

.clear { clear:both; }

a:active, a:focus{ outline:none;}

/*----------------- SFONDO ---------------------------------------*/

/*#background {background-color:#CCFFFF;}
#background table{background-color:#CCCCFF}
#background tr{background-color:#CC99FF}
#background td{background-color:#CC66FF}*/	            

#background { position:absolute; top:0; left:0; bottom:0; min-height:800px; height:100%; z-index:20; width:100%; min-width:1000px; overflow:hidden; }

#background table { width:100%; height:100%; margin:0; padding:0; border-collapse:collapse; }

#background tr { width:100%; height:100%; margin:0; padding:0; }

#background td { width:100%; height:100%; margin:0; padding:0; }

/*----------------- INTRO ---------------------------------------*/

.introMenu { width:1000px; margin:0 auto; position:relative; }

.introMenu #linkItaliano { position:absolute; right:0; margin-top:85px; }

.introMenu #linkInglese { position:absolute; right:0; }

.introMenu #logo { }

#introMenu { position:absolute; left:50%; z-index:10; margin-left:-500px; }

/*----------------- HEAD --------------------------------------------*/
#head { text-align:center; font-size:11px; padding:3px; background:url(../img/head_bg.gif) repeat-x bottom #ccc; font-weight:normal; margin:0; }

#head a:link { text-decoration:none; color:#333 }

#head a:visited { text-decoration:none; color:#333 }

#head a:hover { text-decoration:none; color:#b7773c }

/*----------------- CONTAINER ---------------------------------------*/

#container { width:1000px; margin:0 auto; position:relative; }

#container #mask { display:none; }

/*----------------- HEAD ---------------------------------------*/

#cambiaLingua { float:right; }

/*----------------- CONTATTI ---------------------------------------*/

#contatti { color:#333; font-size:11px; margin:0 0 0 330px; }

#contatti a { color:#333; }

/*----------------- NAVIGAZIONE ---------------------------------------*/

#navigazione { float:left; width:234px; }

#navigazione ul { margin:15px 0 15px 17px; padding:0; font-size:17px; font-weight:bold; color:#333; }

#navigazione li { background:url(../img/freccia_menu.gif) no-repeat; padding-left:25px; margin:5px 0; }

#navigazione li.selected { margin-left:25px; }

#navigazione li a { color:#333; text-decoration:none; }

#navigazione #contatti { margin:15px 90px 15px 113px; }

.intro #navigazione ul { margin-top:30px; margin-left:131px; }

#navigazione ul li ul { margin-top:0; margin-left:0; }

#navigazione ul li ul li { list-style:none; background:none; font-size:12px; padding-left:0; }

#navigazione ul li ul li.selected { padding-left:0; margin-left:0; }

#navigazione ul li ul li.selected a { list-style:none; background:none; font-size:12px; padding-left:0; color:#a67642; }

#navigazione .bannerSx{ padding-left:42px;}

/*----------------- PATH ---------------------------------------*/

#path { color:#b7773c; font-size:11px; margin:15px 0 0 25px; }

#path strong { color:#333; }

/*----------------- LAVORI ---------------------------------------*/

#lavori { float:right; width:260px; }

#lavori h3 { margin:15px 17px 0; font-size:17px; color:#b7773c; }

#lavori p { margin:0 17px 15px; font-size:11px; color:#b7773c; line-height:12px; }

#lavori p a { color:#b7773c; }

#lavori ul { margin:15px 17px 15px 17px; padding:0; font-size:11px; color:#333; }

#lavori li { background:url(../img/freccia_lavori.gif) no-repeat 0 5px; padding-left:10px; line-height:15px; }

#lavori li a { color:#333; }

.intro #lavori p { padding-top:30px; color:#333333; }

#lavori .realizzazioni#ferro div { color:#b7773c; font-size:11px; padding-top:5px; padding-left:17px; }

#lavori .realizzazioni { float:left; width:130px; }

#lavori .realizzazioni#acciaio div { color:#fff; font-size:11px; padding-top:5px; padding-left:17px; }

#lavori .realizzazioni#acciaio { background: #c9bbb0; }

/*#lavori .realizzazioni#acciaio{background:url(../img/new.gif) no-repeat right top #c9bbb0;}*/

/*----------------- CONTENT ---------------------------------------*/

#content { float:left; width:505px; position:relative; }

#content p { margin:15px 25px; font-size:13px; color:#fff; padding:0; color:#333; }

#content p strong { color:#b7773c; }

#content p a { color:#b7773c; }

#content p .continua { float:right; font-size:11px; }

#content p .continua a { color:#b7773c; }

#content h5 { margin:15px 25px 0; color:#333; font-size:13px; }

#content h6 { margin:15px 25px; color:#333; }

#content ul.testo { margin:0; padding-left:25px; }

#content ul.testo li { color:#333; font-size:13px; background:url(../img/freccia_lavori.gif) no-repeat 0 5px; padding:0 0 5px 10px; }

#content ul#rassegna { margin:15px 0 0; padding-left:25px; }

#content ul#rassegna li { margin-bottom:10px; font-size:13px; background:url(../img/freccia_lavori.gif) no-repeat 0 5px; padding:0 0 5px 10px; }

#content ul#rassegna a { color:#b7773c; font-weight:bold; }

#content ul#linkConsigliati { margin:15px 0 0; padding-left:25px; }

#content ul#linkConsigliati li { margin-bottom:10px; font-size:13px; background:url(../img/freccia_lavori.gif) no-repeat 0 5px; padding:0 0 5px 10px; clear:left; }

#content ul#linkConsigliati span.titolo { font-size:15px; }

#content ul#linkConsigliati a { color:#b7773c; font-weight:bold; }

#content ul#linkConsigliati img { vertical-align:text-top; margin-right:20px; margin-bottom:10px; float:left; }

/*----------------- FOTO ---------------------------------------*/
#fotoAnteprima { float:left; padding:15px 10px 5px 25px; }

#fotoWrapper { top:43px; left:325px; position:absolute; display:none; }

#fotoContainer { z-index:10; cursor:move; }

#fotoContainer #closeFoto { position:absolute; top:-19px; left:458px; z-index:50; }

#fotoContainer #frecciaFoto { position:absolute; top:0; left:-15px; display:none; }

#fotoContainer #handle { font-size:11px; color:#999; display:none; }

#fotoContainer #fotoCornice { padding:0; }

#fotoContainer #fotoNavigazione { position:absolute; left:-12px; top:22px; width:700px; }

#fotoContainer #fotoNavigazione .next { margin-left:454px; }

#fotoContainer #fotoCorniceBottom { background:url(../img/bg_dot.gif); }

#fotoContainer #fotoContent { padding:22px; background:url(../img/bg_galleria.jpg); }

#fotoContainer #fotoContent img { margin:0; }

#testoFoto { top:150px; left:0px; position:absolute; z-index:5; }

#testoFoto p { font-size:11px; color:#666; }

#testoFoto h6 { font-size:11px; color:#666; }

/*----------------- COVER ---------------------------------------*/

#cover { width:100%; position:absolute; bottom:0; left:0; height:150px; z-index:15; text-align:center; min-width:1000px; overflow:hidden; clear:both; }

.intro #cover { visibility:hidden; }

#cover table { width:100%; height:100%; margin:0; padding:0; border-collapse:collapse; }

#cover tr { width:100%; height:100%; margin:0; padding:0; }

#cover td { width:100%; height:100%; margin:0; padding:0; /*background:url(../img/cover.png) no-repeat center top;*/ }

/*----------------- FLASH HOME ---------------------------------------*/

#content p.intro { padding-bottom:25px; position:relative;}

.flashhome { border-top:dashed #333 1px; margin:25px 0 0 25px; padding: 15px 0 15px 0; color:#333; font-size:13px; margin-top:0; margin-bottom:0; }

.flashhome a { color:#333; }

.flashhome .flash { float:left; margin-right:10px; width:234px; }

/*----------------- LIGHT LINE ---------------------------------------*/

#colonna_dx{position:absolute; right:0; top:180px; width:230px;}

.prodottilightline { border-top:dashed #333 1px; margin:25px 0 0 25px; padding: 15px 0 15px 0; color:#333; font-size:13px; margin-top:0; margin-bottom:0; }

.noborder { border-top:none; }

.prodottilightline h3 { margin: 0; margin-top:5px; font-size:17px; color:#b7773c; margin-bottom:15px; }

#garanzie { background-color:#bcbcbc; padding:15px; font-size:12px; color:#363636;  width:200px; margin-bottom:20px; }

#garanzie a { color:#b7773c; }

#garanzie h1 { margin: 0; margin-top:5px; font-size:17px; color:#666666; }

.prodottilightline a.prodotto { float:left; margin-right:20px; margin-bottom:20px; font-size:16px; font-weight:bold; text-decoration:none; color:#333; width:140px; position:relative; }

.prodottilightline a.prodotto img.foto { border:solid 3px #c4baaf; margin-bottom:4px; }

.prodottilightline a.last { margin-right:0; }

.prodottilightline a.prodotto .label { background-image:url(../img/Copia%20di%20foto_nextOff.gif); background-repeat:no-repeat; padding-left:25px; background-position:0 5px; }

/*----------------- PRODOTTI LIGHT LINE ---------------------------------------*/

span.title { font-size:16px; font-weight:bold; color:#B7773C; }

.elencoprodotti { border-top:dashed #333 1px; margin:25px 0 0 25px; padding: 15px 0 15px 0; color:#333; font-size:13px; margin-top:0; margin-bottom:0; }

.prodottoacquisto { border-bottom:dashed #666 1px; min-height:135px; margin-bottom:20px; }

.prodottoacquisto .foto { float:left; margin-right:10px; margin-bottom:35px; border:solid 3px #c4baaf; position:relative; }

.prodottoacquisto .label { font-size:16px; font-weight:bold; background-image:url(../img/Copia%20di%20foto_nextOff.gif); background-repeat:no-repeat; padding-left:200px; background-position:175px 5px; }

.prodottoacquisto .nofoto{ padding-left:25px; background-image:url(../img/Copia%20di%20foto_nextOff.gif); background-repeat:no-repeat; background-position:0 5px; }

.prodottoacquisto a.pdf { background-image:url(../img/pdfico.gif); background-repeat:no-repeat; color:#333; padding-left:25px; float:left; margin-top:20px; }

.prodottoacquisto .carrello { display:block;  margin-top:20px; }

.carrello .compra { float:left; font-size:12px; font-weight:bold; background-image:url(../img/basketico.gif); background-repeat:no-repeat; padding-left:25px; color:#333; text-decoration:none; margin-bottom:15px; display:block; margin-right:15px; padding-right:15px;  }

 .nota { font-size:9px; font-weight:normal; }

.carrello .compra .variante { font-size:10px; }

/*----------------- MENU LIGHT LINE ---------------------------------------*/
#menu_lightline { background-color:#c4baaf; padding:15px; font-size:12px; color:#363636;  width:200px; margin-bottom:20px; }
#menu_lightline h1 { margin: 0; margin-top:5px; font-size:17px; color:#a67642; }
#menu_lightline ul{ margin:0; padding:0; margin-top:15px;}
#menu_lightline li { background:url(../img/arrowico.png) no-repeat 0 3px; padding-left:25px; margin:10px 0; }

#menu_lightline li.selected { margin-left:25px; }
#menu_lightline li a:hover{ text-decoration:underline;}
#menu_lightline li a { color:#333; text-decoration:none; font-size:16px; font-weight:bold; }

/*----------------- CARRELLO LIGHT LINE ---------------------------------------*/

#carrello { background-color:#bcbcbc; padding:15px; font-size:12px; color:#363636;  width:200px; margin-bottom:20px; }
#carrello h1 { margin: 0; margin-top:5px; font-size:17px; color:#666666; }
#carrello .acquisto{ margin-top:15px;}
#carrello .acquisto a.trash{ float:right;}
#carrello .totale{ border-top:solid 1px #666; border-bottom:solid 1px #666; padding-top:10px; padding-bottom:10px; text-align:right; margin-top:15px; font-weight:bold;}
#carrello .totale .nota{ font-size:9px; font-weight:normal;}

#carrelloBox { background-color:#bcbcbc; padding:0 15px; font-size:12px; color:#363636;  width:200px; margin-bottom:20px; }
#carrelloBox h1 { margin: 0; margin-top:5px; font-size:17px; color:#666666; padding-top:15px;}
#carrelloBox .acquisto{ margin-top:15px;}
#carrelloBox .acquisto a.trash{ float:right;}
#carrelloBox .totale{ border-top:solid 1px #666; border-bottom:solid 1px #666; padding-top:10px; padding-bottom:10px; text-align:right; margin-top:15px; font-weight:bold;}
#carrelloBox .totale .nota{ font-size:9px; font-weight:normal;}

a.prosegui {background:url(../img/arrowico.png) no-repeat 0 3px; padding-bottom:15px; padding-left:25px; color:#666; text-decoration:none; font-size:16px; font-weight:bold; float:right; margin-top:15px;}
a.prosegui:hover{ text-decoration:underline;}

.listino{ text-decoration:line-through;}

a.openprice{ color:#333; text-decoration:none; background-color:#C4BAAF; height:22px; padding-top:2px; display:block;}
a.openprice img{margin-right:5px; vertical-align:middle; margin-left:3px;}

.tabellaCosti{ display:none; margin-top:-2px;}



/*----------------- FORM LIGHT LINE ---------------------------------------*/


form#carrelloForm {margin:0 0 30px; padding:0; padding-left:30px;}
form#carrelloForm .colonna {float: left; width:220px !important; width:235px;}
form#carrelloForm .colonnaLeft {float: left; width:220px; margin-right:35px;}
form#carrelloForm .label {font-size:13px; color:#333; margin-top:15px;}
form#carrelloForm .label .nota{color:#b7773c;}
form#carrelloForm #info {font-size:13px; color:#333;}
form#carrelloForm #info #phoneNumber {font-size:15px; color:#b7773c;}
form#carrelloForm #consenso p {font-size:11px; color:#999; margin-right:0;}
form#carrelloForm .text {width:100%; border:0; margin:0;}
form#carrelloForm textarea {height:130px;}
form#carrelloForm select{ width:100%;}
form#carrelloForm .datipagamento{ font-size:12px; color:#333; margin-top:15px;}
form#carrelloForm a {font-size:17px; font-weight:bold; background:url(../img/freccia_menu.gif) no-repeat; background-position:0 5px; padding-left:25px; color:#b7773c;}


/*----------------- PROMOZIONE ---------------------------------------*/

.labelPromo{ position:absolute; right:-4px; top:0; background-image:url(../img/labelPromo.png); width:75px; height:76px;}
.fotoPromoProdotto{ top:-3px; right:-3px;}
.prezzoOld{ text-decoration:line-through; font-size:11px;}
.prezzoPromo{ color:#C00; font-weight:bold;}
.rosso{color:#C00;}
.boxPromo{ background:url(../img/promozione.gif) no-repeat; height:44px; padding-left:200px; color:#C00; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-left:20px; margin-bottom:15px; padding-top:7px;}


/*-------------SPEDIZIONI---------------------------------*/
.freeship{ position:absolute; top:-10px; right:-10px; background-image:url(../img/freeship.png); width:52px; height:52px;}
.freeshipBox{ position:absolute; top:150px; right:0; background-image:url(../img/freeshipbox.png); width:92px; height:92px;}


.agataribanner{ margin-left:20px; margin-bottom:20px;}


/*-------------POPUP---------------------------------*/
#containerPopup{background-color:#000; display: none; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; z-index: 10000; }
#popup{ width:402px; height:552px; position:absolute; background-color:#000; z-index:10100; top:50%; left:50%; margin-left:-201px; margin-top:-275px;display:none;}
#popup a.chiudi{ position:absolute; text-align:right; text-decoration:none; color:#8EB79C; font-weight:bold;}
#popup .message{ text-align:left; border:solid 1px #999;}
#popup .testochiudi{ font-size:11px; position:absolute; top:5px; left:5px;}

