﻿*{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#808080; }
body{ margin:4px 0 0 0; padding:0; text-align:center;}
p{ margin:0; padding:0;}
a{ color:#18598d; text-decoration:none;}
.titoli{color:#18598d; font-weight:bold;}
/* STRUTTURA */
#content{ width:992px; margin:0 auto; background:url(../images/sf.gif) repeat-y left top;}
#top{ background:url(../images/sf_top.gif) no-repeat left top; height:6px}
#bottom{ background:url(../images/sf_bottom.gif) no-repeat left top; height:6px}
/* FINE STRUTTURA */

#driver0, #driver1, #driver2, #driver3, #driver4, #driver5, #driver6, #driver7, #driver8, #driver9, #driver10{display:none;}

/* CONTENUTO */
#contenuto{ width:980px; margin:0 6px 0 6px; text-align:left;}
#header p{ text-align:right; float:right; margin:10px 20px 0 0; color:#18598d;}

#menu{ height:29px; background:url(../images/sf_menu.gif) repeat-x left top; padding:0 0 0 20px;}

#corpo{ background:url(../images/sf_corpo.gif) repeat-x left top; padding:10px 0 0 0;}
#corpo #left{ float:left; width:735px;}
#corpo #left #catalogo{ float:left; width:490px; background:url(../images/divisoria_home.gif) no-repeat right bottom;}
#corpo #left #catalogo #download_sx{ width:245px; float:left;background:url(../images/divisoria_home.gif) no-repeat right bottom;}
#corpo #left #catalogo #download_dx{ margin:0 0 0 245px}
#corpo #left #catalogo img,#corpo #left #mondo img{margin:0 10px 0 0;}
img#img{margin:0 10px 10px 0;}
#corpo #left #mondo p,#corpo #left #catalogo #download_sx p,#corpo #left #catalogo #download_dx p{ margin:0 0 0 10px;}
#corpo #left #catalogo #download_dx p a,#corpo #left #mondo p a,#corpo #left #catalogo #download_sx p a{ font-weight:bold;}
#corpo #left #mondo{margin:0 0 0 490px; background:url(../images/divisoria_home.gif) no-repeat right bottom;}

#corpo #right{ margin:0 0 0 735px; width:240px;}
#corpo #right p{ margin:0 0 4px 10px;}
#corpo #right p a{ font-weight:bold; margin:0 5px 0 0;}
#chiusura{ clear:left;}

#footers-menu{display:block;clear:both;}
#footers-menu p{ text-align:right; float:right; margin:25px 20px 0 0; color:#18598d;}

#copyrights{ background-color:#18598d; line-height:28px; text-align:center; color:#ffffff}
/* CONTENUTO */


/*PAGINE INTERNE*/
#corpo_int{}
#corpo_int #briciole{ line-height:29px; padding:0 0 6px 10px; margin:0 0 0 0; background:url(../images/sf_corpo.gif) repeat-x left bottom #666666; color:white;}
#corpo_int #briciole a{ color:white;}
#corpo_int #briciole span#corso{color:White;}
#corpo_int #left{ float:left; width:250px; margin:5px 0 0 0;}
#corpo_int #right{ margin:4px 0 0 250px;}
.prodotto{ margin:0 20px 0 20px; background: url(../images/sf_boxprodotti.gif) repeat-x left top; padding:10px 0 10px 0;}
.prodottopromo{margin:0 20px 0 20px;padding:10px 0 10px 0;}
.prodotto table ul { list-style:none; margin:0; padding:0;}
.prodotto table ul li table td{}
.download{background:url(../images/sf_menuspalla.gif) repeat-x left top; margin:5px 0 0 0;}
.download td{ height:50px; padding:0 0 0 10px;}
#menuspalla p{ line-height:20px; background:url(../images/sf_menuspalla.gif) repeat-x left bottom; padding:0 0 3px 10px; font-weight:bold; height:28px; }
#menuspalla #riferimenti{ padding:5px 10px 0 10px;}
#menuspalla #riferimenti p{ margin:0; padding:0;}
#boxspalla p{ margin:5px 0 0 10px;}
.divisoria{ padding:10px 0 0 0; background:url(../images/sf_corpo.gif) repeat-x left top;}

.news_int{ margin:0 20px 0 20px; background: url(../images/sf_boxprodotti.gif) repeat-x left top; padding:10px 0 10px 0;}
.news_int p { margin:0 0 20px 0;}
.news_int p strong{ color:#18598d}
#paginazione{ margin:0 20px 0 20px; background: url(../images/sf_menuspalla.gif) repeat-x left top; padding:5px 0 5px 0; color:#18598d; text-align:center;}

#mappa td{ width:25%;}
#mappa td ul{ margin:0; list-style:none; padding:0;}
#mappa a, #mappa a strong{color:#18598d}

/*menù spalla*/
#corpo_int #left ul{ margin:0; padding:0; list-style:none; font-size:0; white-space:nowrap;}
#corpo_int #left ul li{ line-height:18px; font-size:11px}
#corpo_int #left ul li a{ color:#18598d; padding:0 0 0 10px; display:block;background:url(../images/sf_menuspalla.gif) repeat-x left bottom #FFF;}
#corpo_int #left ul li a:hover{color:white;background-color:#18598d}
#corpo_int #left ul li a.on{color:white; padding:0 0 0 10px; display:block;background-color:#18598d}

/*MENU'*/
.jqueryslidemenu{
font: 10px Verdana;
width:960px;
z-index:2;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
margin:0 80px 0 0;
line-height:29px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding: 0;
/*color: #2d2b2b;*/
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
visibility: hidden;
margin:0 0 0 -20px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
text-align:left;
z-index:2;
line-height:18px;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 10px Verdana;
width: 170px; /*width of sub menus*/
padding-left: 10px;
line-height:18px;
margin: 0;
border-bottom: 1px solid #18598d;
background-color:#FFF;
}
.jqueryslidemenu ul li ul li ul li a{
border-bottom: 1px solid white;
margin:0;}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
background: #18598d;
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 0;
right: 0;
display:none;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}


/*form di contatto*/
div.prodotto table.form{ width:500px;}
input#nome,input#cognome, input#azienda, input#email, input#indirizzo, 
input#telefono, input#oggetto, input#nazione, input#cod_fiscale, 
input#Partita_iva, input#cellulare, input#cap, input#citta, input#provincia,
input#stato, select#colore, .campo_form{
width:330px;
font-size:10px;
}
input#checkNum, input#card_scad_mm, input#card_scad_yy
{
width:30px;
font-size:10px;
}
select#settore, select#stato{width:336px;}
textarea#messaggio{
width:330px;
font-size:11px;
}
input.info, textarea.info{width:250px !important;}
