/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;  zoom:1 }
table{border-spacing:1;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;
   }

caption,th{ }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:”;}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn’t inherit in IE */
legend{color:#000;}

var,.iradius16{ cursor:pointer;}

body {
  background-color: #FFFFFF;
    background-image: url("img/sma_ferro_battuto_body_bg.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    color: #555555;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    height: 100%;
}
ul{  }
p { margin:0; padding:0; }
html { height: 100%; }

h1{ font-size:20px; font-weight:bold}
h2{ font-size:16px; font-weight:bold; }
 
 
.floatl{ float:left; display:inline; }
.floatr{ float:right; display:inline; } 
.clear{ clear:both; height:1px; line-height:1px; display:block; }
.clear-space{ clear:both;  height:1px; line-height:1px; display:inline-block;  margin-top:15px; width:100%;}
 
a { color:#333; font-style:normal; text-decoration:none; }
a:hover { color:#999; text-decoration:underline;  }
a img { border: none; } 
 
 
.msgnull{ color:#cc0000; font-size:14px;  } /* messaggio di "non trovato" */
.msgerror{ color:#cc0000; font-size:14px; font-weight:bold;     margin: 0 0 10px;} /* messaggio di ringraziamento/errore */ 

label.error, label.error {
	font-size:10px;
	color:#cc0000;
	clear:none;
	display:inline;
	float:none;
	width:auto;
}
.link_indietro{}  /* Link "torna indietro" */ 
 
#page {
min-height: 100%;
height: auto !important;
height: 100%;
position:relative;
margin:0 auto;
 }

#container { 

    margin: auto;
    overflow: hidden;
    width: 975px;
}

#header {
	  clear: both;
    display: inline;
    float: left;
    height: 250px;
    margin-top: 15px;
    position: relative;
    width: 100%;
	
	
}

#logo{
    background-image: url("img/sma_ferro_battuto_logo.jpg");
    background-repeat: no-repeat;
    display: block;
    float: left;
    font-size: 0;
    height: 198px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999px;
    width: 354px;
    z-index: 1;
}
#img-header{
	 margin-top: 50px;
    position: absolute;
    right: 0;}

#logo a{ display:block; width: 210px; height: 70px;  }



.slide-home{ 
	overflow:hidden;
	width:700px;
	height:218px; 
}



#col {	  
	  display: inline;
    float: left;
    overflow: hidden;
    padding: 0;
    width: 218px;

}

 
#body {
	width: 100%;
	 position: relative;
	float:left;
	display:inline;
	
}





* #body  ul { /* IE6 */
	position: relative;
	top: .5em;
	padding:0;
	margin-top:5px;
}
*:first-child+#body  ul { /* IE7 */
	position: relative;
	top: .5em;
}
/* offsetting each li back up*/
* #body  ul li { /* IE6 */
	vertical-align: top;
	position: relative;
	top: -.5em;
	list-style:disc;
	list-style-position:inside;
	margin:3px 0;
	vertical-align:top;
}
*:first-child+#body  ul li { /* IE7 */
	vertical-align: top;
	position: relative;
	top: -.5em;
}

#body em {font-style:italic;}

#footer {
	   border-top: 2px solid #ADADAD;
    color: #920401;
    font-family: Georgia;
    font-size: 14px;
    height: 250px;
    margin-top: 41px;
    padding-left: 152px;
    padding-top: 25px;
	    width: 100%;
	
}
#titolo-footer{ color: #920401;
    font-family: 'Abril Fatface',cursive;
    font-weight: bold;}

 /* MENU TESTATA */
 
 
/* MENU PAGINE*/
 
.menu-top {
   /* clear: both;
    display: inline;
    float: left;
    width: 100%;
    z-index: 4;
	background-image:url(img/menu-top.jpg); 
	background-repeat:repeat-x; */
  background-image: url("img/sma_ferro_battuto_menu_bg.jpg");
    background-repeat: no-repeat;
    color: white;
    float: left;
    font-size: 20px;
    height: 340px;
    line-height: 28px;
     padding-right: 20px !important;
    text-align: right;
    width: 198px;
	padding-top:0px !important;
	margin-top:0px !important;
	top:0px !important;
	}
.testo {
    display: block;
    padding: 30px;
	  color: #332E2A;
	  font-size:14px;
}				/* contenitore generale */
.home .testo{
	float: right; padding-right: 30px; width: 697px; padding-top:0px; padding-left:0px; padding-bottom:0px
	}

.menu-top li {				/* riga di menu*/	
    display: inline;
   
    height: 51px;
    list-style: none outside none;
	margin: 0 1px 0 0;
    padding: 0;
    position: relative;
	z-index:4
 }			
 							
							
.menu-top li a{				/* link clibbabile (un eventuale sfondo e da mettere qui) */
   color: #DDDDDD;
    text-decoration: none;
    display: block;
     font-size: 22px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: right;
    text-decoration: none;
	font-family: 'Abril Fatface', cursive;
	
}	
 
					
.menu-top li a:hover, .menu li-top a.menu-selected{
	 color:#fff; text-decoration:underline;

  }			 
 
 .menu-top li.lang-menu{  
 background-image:none; display:block;    height: 100px; }
 .menu-top li.lang-menu a{
   background-image: none;
    display: block;
    float: right;
    font-size: 14px;
    height: 21px;
    margin-left: 20px;
    padding: 15px 0;
}

 .menu-top li.lang-menu a:hover{background-image:none;}
.menu-top li.lang-menu a:hover img{
	
		filter:alpha(opacity=30);
        -moz-opacity:0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
	
}

.menu-top li ul  { 
      background-color: #999999;
    display: none;
    left: 0;
    padding: 24px 10px 20px;
    position: absolute;
    top: 51px;
    width: 180px;
    z-index: 50;
 }
  
  
.menu-top li ul li { 
    display: block;
    float: none;
    height: auto;
    margin: 0 0 10px;
    overflow: hidden;
    padding: 0;
    width: 180px;
 }
 
.menu-top li ul li a{ 
	color: #FFFFFF;
    display: block;
    float: none;
    font-size: 13px;
    height: auto;
    line-height: 18px;
    padding: 0;
    text-align: left;
    width: 180px; }

.menu-top li ul li a:hover{
	color:#000;  
	}
	
.menu-top li ul  .submenu-selected{  }



/* MENU A LATO */
 
.menu { overflow:hidden; margin-bottom:25px; 	}				/* contenitore generale */

.menu li {				/* riga di menu*/	
list-style:none; 
 }										
.menu li a{				/* link clibbabile (un eventuale sfondo e da mettere qui) */
	display:block;
	padding:5px;
font-size:14px;
font-weight:bold;
background-color:#ccc; 
margin-bottom:1px; 
}						
.menu li a:hover{ background-color:#999;
color:#FFF; }									
.menu li a.menu-selected { 		/* stato selezionato */
	font-weight:bold;
}	


.menu li ul { margin-bottom:20px; 			/* Sottomenu */
}		 
.menu li ul li {}		/* riga di sottomenu*/				
.menu li ul li a{ 	padding:5px; 
	margin-left:25px;
	font-size:12px; 
	background-color: transparent;  }		/* link clibbabile (un eventuale sfondo e da mettere qui) */
.menu li ul li a:hover{}
.menu li ul li a.submenu-selected{ 
	font-weight:bold; 
}

.menu li ul li ul{		/* Sotto-sottomenu (elenco sottocategorie) */
	 
}
.menu li ul li ul li { margin-left:25px; }		/* riga di Sotto-sottomenu*/				
.menu li ul li ul li a{ font-size:10px; }		/* link clibbabile (un eventuale sfondo e da mettere qui) */
.menu li ul li ul li a:hover{}
.menu li ul li ul li a.submenu-selected{ 
	font-weight:bold; 
}


.box-banner{
clear:both;
float:left;
display:inline;
margin-top:8px;
}
.banner{
float:left;
display:inline;
margin-top:4px;}



/* STILI PAGINE */
 

h1.titolo-pagina{
 background-image: url("img/sma_ferro_battuto_titolo_bg.png");
    background-position: left top;
    background-repeat: no-repeat;
    color: #920401;
    display: block;
    font-size: 30px;
    font-weight: bold;
    height: 80px;
    margin-left: 396px;
  margin-top: -107px;
    padding-left: 40px;
    padding-top: 30px;
    text-align: left;
    width: 534px;
	font-family: 'Abril Fatface', cursive;
	position:absolute;
}
.home h1.titolo-pagina{margin-top:-65px}
#img-footer{float:right;}

h2.titolo-pagina{
font-size:16px;
font-weight:bold;
border-bottom:1px solid #777;
margin-bottom:8px;
text-align:right;
}


.thumb-left{
width:166px; /* Larghezza thumb +4px */
float:left;
display:inline;}

 
.thumb-left a{ display:block; margin-bottom:6px; margin-right:6px; }


 .thumb-right {
width:166px; 
float:right;
display:inline;}
 
.thumb-right a{display:block;  margin-bottom:6px; margin-left:6px;  }


.thumb-top,.thumb-bottom{
width:100%; 
float:left;
display:inline;
clear:both;
margin-top:10px;
margin-bottom:10px;

}

.thumb-top img,.thumb-top canvas, .thumb-top var{
margin-bottom:4px;
margin-left:4px;
float:left;
display:inline;}
.thumb-top a{ display:inline; float:left; margin-bottom:4px; margin-left:4px;}


.thumb-bottom img,.thumb-bottom canvas, .thumb-bottom var{
margin-top:4px;
margin-bottom:4px;
margin-left:4px;
float:left;
display:inline;}
.thumb-bottom a{ display:inline; float:left; margin-bottom:4px; margin-left:4px; margin-top:4px;}

.div-pagina-allegati{}
.div-pagina-photogallery{}
.div-pagina-video{}

 
 

/* STILI NEWS-OFFERTE-EVENTI */

#container-news{ /*Box news in home page*/
clear:both;
overflow:hidden;

} 

.box-news, .box-off, .box-event{  /*box news*/
margin:10px 0 10px 0;
overflow:hidden;
clear:both;
display: inline-block;
width:100%;
}
.img-newshome{
float:left;
display:inline;
margin-right:6px;}

.titolo-news{
font-weight:bold;
} 

.data{ display:block; font-size:12px; color:#999; }


#slide-news, #slide-prod{
float:left;
display:inline;
width:100%;
height:150px;
}
#slide-news div , #slide-prod div {float:left;width:100.5%}



 


/* STILI PRODOTTI */

.thumb-prod{ 			/* box prodotti */
margin:10px 0 10px 0;
overflow:hidden;
clear:both;
display: inline-block;
width:100%;
}
 
.prod-detail{ float:left; width:524px; }
.detail{ display:block; margin:8px 0 0 0;} /* gli altri campi */
.detail strong{}

/* STILI PHOTOGALLERY */

.box-foto{  /*box fotogallery*/
margin:10px 0 10px 0;
overflow:hidden;
clear:both;
display: inline-block;
width:100%;
}

.thumb-fotogallery{  /*elenco gallerie*/
    display: inline;
    float: left;
    font-size: 11px;
    margin: 6px;
    overflow: hidden;
    width: 98px;
	height:130px;
}

.thumb-fotogallery h2{ clear:both; font-size:14px; margin:0 0 6px 0; }

.thumb-foto{ /*elenco foto*/
float:left;
display:inline;
margin:2px;
}

.titolo-foto{
font-weight:bold;
}

.col_foto{ /* box in colonna "foto inserite" */
clear:both;
display:inline;
float:left;
margin-top:8px;
width:100%;
}

 
.thumb-col_foto{ /*anteprime in colonna "foto inserite"*/
float:left;
display:inline;
margin:0 2px 2px 2px;
}


/* STILI FORM */

.form_contatti{
		
}
.form_contatti td{ padding:5px 0; }
.form_contatti td.tdfirst{ width:30%; text-align:left; font-weight:bold; font-size:14px;  }
.form_contatti td.tdsecond{ width:70%; text-align:left;  }
.form_contatti td p{ margin:10px 0;}
 
.modulo-label{} /* etichette accanto ai campi*/
.inputtext{ width:240px; height:20px; line-height:20px; background-color:#f6f6f6; border:1px solid #ccc; font-size:12px; } /* campo di testo */
.textarea { width:240px; height:150px; background-color:#f6f6f6; border:1px solid #ccc; font-size:12px; } /* textarea */
.button { width:160px; height:24px; background-color:#666; border:none; color:#fff; font-weight:bold; text-align:center; cursor:pointer; font-size:14px; font-weight:bold;} /* bottone */







/* STILI CARRELLO */


 li.link-cart{ 
 float:right; 
 }
 
li.link-cart a p {
    background-image: url("img/minicart.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 45px;
    text-decoration: none;
    width: 75px;
}
 li.link-cart  a { }


.aggiungi-carrello_det{ 
	clear:both; 
    background-color: #999;
    border: medium none;
    color: #FFFFFF; 
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
    text-align: left;
    text-decoration: none;
	cursor:pointer;
}
.aggiungi-carrello_det:hover{background-color:#bbb;}



.ui-dialog-titlebar { font-size:20px;}

.cart_notice{
    background-color: #CC0000;
    background-image: url("img/notice_white.png");
    background-position: 5px center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    margin: 10px 0;
    padding: 5px 5px 5px 21px;
}


 .box_carrello, .box_carrello_big{
border:medium none;
float:left; 
overflow:auto;
 width:100%;
 padding:0; 
 margin:15px 0 0 0;} 
 
 
 #carrello{ 
 clear:both;
float:left;
font-size:11px;
margin-bottom:30px;
width:300px;}

 .loading{ float:left; text-align:center; width:100%; padding:50px 0 20px 0; background-image:url(img/ajax-loader.gif); background-position:center; background-repeat:no-repeat;}
 
 
 .riga_cart{
	    border-bottom: 1px dotted #666666;
    display: inline;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px 0;
    width: 676px;
}
.box_carrello-big .riga_cart{    width: 689px; }

 .riga_cart:hover{border-bottom:1px dotted #ccc; }
 
.left_cart{
	    display: inline;
    float: left;
    padding: 8px 5px 5px;
    text-align: center;
}
 .right_cart{
	     display: inline;
    float: left;
    font-size: 14px;
    line-height: 28px;
    width: 481px;
 }
.box_carrello-big .right_cart {     width: 494px; }


.foto-cart{
float:left;
padding:5px;
width:50px;
height:55px;
overflow:hidden;
}
.foto-cart img{ width:50px; }

.titolo_cart{
	    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 5px;
    width: 400px;
	
}

.titolo_cart strong{ 
font-size:16px;
}

.inputtext_prod {
	border: 1px solid #666666;
    padding: 2px;
	 width: 159px;
}
.opt_cart{
float:left;
height:55px;
padding:5px;
width:150px;
} 
 
 
.totale_cart{ 
    color: #CC0000;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 5px;
    text-align: right;
    width: 155px;
}

 


.riga_sped,.riga_ass,.riga_tot,.riga_submit{
text-align:right; 
margin:0 5px 10px 0;
clear:both;
overflow:hidden;
}

  
.riga_tot span{
font-size:20px;
}

.riga_tot .totale{
    color: #CC0000;
    display: inline;
    font-weight: bold;
    margin: 0;
}

.button_checkout, .button_return , .button_link , .button_submit{
    background-color: #999999;
    background-image: url("img/arrow-left-white.png");
    background-position: 5% 50%;
    background-repeat: no-repeat;
    border: medium none;
    color: #FFFFFF !important;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
	height:20px;
    margin: 10px 0;
    padding: 6px;
    text-decoration: none;
    width: 165px;
}

.button_checkout{ 
    background-image: url("img/arrow-right-white.png");
    background-position: 95% 50%;
    clear: none;
    float: right;
    text-align: left;
}

.button_return{ 
    clear: none;
    float: left;
    text-align: right;
}
.button_link, .button_submit{
	font-family:"Segoe UI","Lucida Sans Unicode", "Lucida Grande", sans-serif;
    background-image: url("img/arrow-right-white.png");
    background-position: 95% 50%;
    text-align: left;
	cursor:pointer;
}
 
	.button_submit{height:32px;}
.button_checkout:hover, .button_return:hover ,.button_link:hover, .button_submit:hover{ background-color:#bbb; text-decoration:none; }


/* STILI REGISTRAZIONE / ORDINI */

 .form_reg{ clear:both; float:left; width:100%; display:inline; overflow:auto; margin:16px 0 16px 0;}
  .form_reg .az_priv{ 
      background-color: #AAAAAA;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
	}
  .form_reg .az_priv p{ margin:6px 0;}
  
  h2.sottotitolo{
	padding:5px;
	background-color:#ccc;
    margin: 0 0 15px;
  }
 .form_reg label{
	     clear: both;
    display: inline;
    float: left;
    margin-bottom: 4px;
    margin-top: 0;
    overflow: auto;
    width: 100%; }  
 .form_reg label.selected{    background-color: #777777;}
 .form_reg label.selected:hover{background-color: #999999;}
 .form_reg label.error{ display:inline; float:none; clear:none; width:auto; margin:0;}
 .form_reg .last-label{ margin:15px 0;}
 .form_reg label span{ display:inline; float:left; width:200px;  }
 
	 
 .form_reg em{  font-style:italic; font-size:11px; color:#ad260d } 



.login_box,.reg_box{ 
      display: inline;
    float: left;
    height: 250px;
    margin: 0 0 25px;
    overflow: hidden;
    padding-bottom: 8px;
    width: 290px;
	}
	
.login_box-bord{ 
      border-left: 1px solid #CCCCCC;
    margin: 0 0 25px 10px;
    padding: 0 0 0 22px;}

.reg_box{ height:auto; margin-bottom:0; } 
.login_box h2,.reg_box h2{
    margin: 0 0 8px;
    padding: 0 0 2px;
}
.login_box  .form_reg label span{ width:110px;}
.login_box  .form_reg .button_submit{margin:0 0 0 110px;  }
.login_box label.pwforgot{margin:6px 0 0 110px; width:170px; font-size:11px; } 


.reg-table{width:100%;}
.reg-table .separ{ 
    border-bottom: 1px dotted #CCCCCC;
    color: #EF6923;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 5px;
	}
.reg-table .cart-table th{
background-color:#999;
color:#FFFFFF; 
padding:5px;
}

.reg-table .cart-table .prezzo{
	    font-weight: bold;
	    color: #EF6923;
    font-size: 14px;
}

.reg-table .cart-table .prezzo-sonda{
	    font-weight: bold;
	    color: #EF6923;
    font-size: 12px;
}
.reg-table .cart-table .totale {
font-weight:bold;
 font-size: 20px;
 }
.reg-table .cart-table .totale .prezzo{	
 font-size: 20px;
}
 .header-print{ display:none;}
 
 #sped-txt{ display:none;}
 #naz-txt{ display:none;}
 
 .user_ordini{ width:100%;}
 .user_ordini th{ text-align:left; background-color:#555; color:#FFFFFF; font-size:14px; font-weight:bold; padding:5px;}
 .user_ordini td{ text-align:left;}
 .user_ordini .stato-att{ font-size:14px;   }
  .user_ordini .separ{border-bottom:1px dotted #ccc; margin:5px 0 15px;}
 .user_ordini .stato-ann{ font-size:14px; color:#FF0000; }
 .user_ordini .stato-spe{ font-size:14px; color:#999900; }
 
 .msgpayment{
     color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0;
    text-align: right;
 }
 
 .msgpayment strong{ display:block; margin-bottom:10px; }

 


.cart-table{width:100%;}

 .separ{ color:#666; font-weight:bold; font-size:14px; border-bottom:1px dotted #666; margin:15px 0 5px 0;}

 .cart-table th{
background-color:#999;
color:#FFFFFF; 
padding:5px;
}

 .cart-table .prezzo{
 font-weight: bold;
	    color: #cc0000;
    font-size: 14px;
}
 .cart-table .totale {
font-weight:bold;
 font-size: 20px;
 }
 
  /* TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	background-image:url(img/tooltip.png);
	background-position:top left;
	background-repeat:no-repeat;
	height:60px;
	padding: 5px;
	padding-left:18px;
	width:160px;
}
#tooltip h3, #tooltip div {  
	padding:6px;
	font-weight:normal;
	margin: 0; 
	color:#000;
	font-size:11px;}
	
	
	

/* PAGINAZIONE */


#pagination-digg{border:0; margin:0; padding:0; width:320px; clear:both; float:left; top:0px !important}

ul#pagination-digg li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
margin-right:2px;
float:left;
list-style:none;
}
#pagination-digg a{
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:0px;
}

.nolink { padding:3px 6px; float:left;}

#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#37322E;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:3px 6px;
margin:0px 4px 0px 0px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #37322E;
background-color:#f6f6f6;
padding:2px 5px;
}	

/* STILI ALLINEAMENTI SINISTRA/ DESTRA */

div.left, h1.left, a.left , img.left{ float:left !important; }
div.right, h1.right, a.right , img.right { float:right !important; }


.slide-home.left{ margin-left:50px; }
.slide-home.right{ margin-right:50px; }

#col.right{margin: 0 20px 0 20px;  }
#col.right .menu li a{ text-align:right; }
 

#col.right .menu li ul li a{ 
	margin-left:0;
	margin-right:25px;}
	
#col.right .menu li ul li ul li { margin-left:0; margin-right:25px; }

	
#body.right{ text-align:right; }
.img-newshome.right{ margin:0 0 0 6px; }
#footer.right{ text-align:center;

 }
#col-right {
    background-color: #FFFFFF;
    float: right;
    height: 340px;
    width: 757px;
}
#body #home {
    clear: both;
    position: relative;
}
#footer #logo_piccolo {
    float: left;
    height: 68px;
    width: 75px;
}

#footer #testo {
    border: 0 solid #ADADAD;
    color: #787878;
    float: left;
    line-height: 18px;
    margin-left: 18px;
}