/* impostazioni generiche e bordi laterali */
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#677c80;}
a {text-decoration:none;}
html, body, form {margin:0; padding:0; border:0;}
hr{display:block;border:0;color:#ccd1c9;height:1px;margin:5px 0 5px 0;}
span.error {display:block; border:1px solid #ffffff; background-color:#f6d4d4; color:#ff0000;font:bold 10px Verdana; padding:5px 0 5px 0; margin:0 0 10px 0;}
span.success {display:block; border:1px solid #ffffff; background-color:#d5f6de; color:#0000ff;font:bold 10px Verdana; padding:5px 0 5px 0; margin:0 0 10px 0;}
div#header{text-align:right;height:60px;margin:30px 0 0 0;}
iframe#iframelog {margin:20px 0 0 40px; padding:0; border:0 !important; overflow:hidden;}
#sf_s{width:5px; background-image:url(../images/sf_sx.gif); background-repeat:repeat-y;}
#sf_d{width:5px; background-image:url(../images/sf_dx.gif); background-repeat:repeat-y;}
#sf_b{height:5px; background-image:url(../images/sf_b.gif); background-repeat:repeat-x;}
#sf_as{width:5px; background-image:url(../images/sf_as.gif); background-repeat:no-repeat;}
#sf_ad{width:5px; background-image:url(../images/sf_ad.gif); background-repeat:no-repeat;}
table.tblProd {margin:0 0 15px 0;}

ul#gallery  {list-style-type:none;width:auto;}
ul#gallery li {display:block;margin:0 0 10px 0;}
ul#gallery li a img{margin:0 0 10px 0;}

#loginpage{display:block;text-align:center;padding:100px;}

/*stili corpo homepage*/
#content{ margin:1px; padding:0; background-color:#f0f0e6;}
#flash { width:968px; margin:1px 0 1px 0}
#data{ height:20px; background-color:#ccd1c9; line-height:20px;}
#data p{ margin:0 27px 0 0;text-align:right; color:#FFFFFF; }
#menu{ height:36px; margin:0;}
#briciole{ background:url(../images/bg_briciole.gif) no-repeat left top; height:30px; margin:0;}
#briciole p { margin:0 0 0 28px; line-height:30px;}
#briciole p img { margin:0 10px 0 10px;}

#content_box{ margin:0 0 1px 0}
#box_as { width:331px;}
#box_as p, #box_bs p, #box_ca p, .box_int p{ margin:0 16px 0 27px;}
#box_as p.continua, #box_ca p.continua, #box_cb p.continua, .box_int p.continua{ text-align:right; margin:0 16px 10px 0;}
#box_cb p.continua { text-align:right; margin:10px 16px 0 0;}
#box_as p.continua a, #box_ca p.continua a, #box_cb p.continua a,.box_int p.continua a {color:#0190c6;}
#box_cb p{ margin:10px 10px 0 132px;}

#box_bs { width:331px; background:url(../images/img_sfumaturadivisoria.gif) #ccd1c9 no-repeat right top;}
#box_ca{ background:url(../images/img_divisoria.gif) right bottom no-repeat;}
#box_cb{ background:url(../images/img_sfumaturadivisoria.gif) #ccd1c9 no-repeat right top;}

.titoli{color:#0190c6;}
.alertlogin{color:#0190c6; font-weight:bold;}
p.osshop b{color:#ff0000 !important;}

p font.seiko{color:#00347b !important;}
p font.seiko b{color:#00347b !important;}

table#TbLogin_tbllogin input#TbLogin_usr, table#TbLogin_tbllogin input#TbLogin_psw{width:166px;}
table#registrazione td { color:#0190c6;}
table#registrazione input,table#registrazione select{ width:166px;}
table#registrazione input#autorizzo{ width:30px;}
/* chiusura stili corpo homepage*/

/*stili corpo interne*/

#content_int{ margin:1px 0; background-color:#f0f0e6;}
#menu_spalla{ border-top:1px solid #697b74;}
table#menu_spalla td#sezione{ height:37px; background-color:#a3b2a9;}
table#menu_spalla td#sezione p { line-height:37px;  color:#455356; margin:0;}
table#menu_spalla td#sezione p img { margin:0 10px 0 0;}
table#menu_spalla td.on p { color:white; background-color:#455356; margin:0;}
table#menu_spalla td p { padding:0 0 0 27px; background-color:#a3b2a9; line-height:18px; border-top:1px solid white; border-bottom:1px solid #697b74;}
table#menu_spalla td a { padding:0 0 0 27px; background-color:#a3b2a9; line-height:18px; border-top:1px solid white; border-bottom:1px solid #697b74; display:block; color:#455356;}
table#menu_spalla td a:hover { display:block; background-color:#455356; color:#FFFFFF;}
.box_int{ width:299px; background:url(../images/img_divisoria_int.gif) right bottom repeat-y;}
td#contenuto p { margin:30px 30px 0 40px; }
td#contenuto h2{margin:30px 30px 0 40px; font-size:20px; text-transform:uppercase;}
td#contenuto iframe { border:1px solid #455356}
table#mappa td ul { margin:0; padding:0;}
table#mappa td ul li { padding:0 0 0 10px;}
/*chiusura stili corpo interne*/

/*form di contatto
input { width:300px; border:1px solid #677c80}*/
input#autorizzo{ width:20px; border:0;}
input#invia { width:50px; border:1px solid #677c80;}
textarea{ width:300px; border:1px solid #677c80;}
select{width:300px; border:1px solid #677c80;}

/*chiusura form di contatto*/

#footer{ background-color:#ccd1c9; color:#687c80;}
#footer #lbl_data{ float:left; width:280px; line-height:30px; text-align:left; padding:0 0 0 20px;}
#footer #copy{ float:left; width:432px; line-height:30px; text-align:right;}
#footer #privacy{ text-align:right; margin:0 27px 0 0; line-height:30px;}


/*--------------------------------------MENU'------------------------------------------------*/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:0; width:180px; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:180px; }
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:37px; /* match top ul list item height */	z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */	top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** DEMO SKIN ***/
.sf-menu {float:left; margin-bottom:0;}
.sf-menu a {padding:0; text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}
.sf-menu li {background:#f0f0e6;}
.sf-menu li li {background:#ffffff;}
.sf-menu li li a {border-bottom:1px solid #ffffff; background:#80958c; padding:5px;}
.sf-menu li li li {background:#9AAEDB;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	#687d81;
	color:#ffffff;
	outline:0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {padding-right:0; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.8em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0; /* arrow hovers for modern browsers*/}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {background: transparent;}

/*--------------------------------------FINE MENU'------------------------------------------------*/

/*enciclopedia*/
.menu, .menu ul {margin:0; padding:0; list-style:none;}
.menu {width:90%; margin:20px 0 0 40px;}
.menu li {
	display:block;
	margin:0;
	padding:0;
	margin-bottom:1px;
	color:#195CA1;
}
li.chiaro {background-color:#ffffff;}
li.scuro {background-color:#E6EBF0;}
li.sottotitolo {background-color:#718daa !important; color:#ffffff !important; }
.menu a {
	display:block;
	padding:2px 5px;
	color:#ffffff;
	background:#a3b2a9;
	text-decoration:none;
}
a.email{display:inline;padding:0;}
a.email:hover, .menu a:hover, .menu a:focus, .menu a:active {background:#455356;}
.menu ul li.chiaro a {background:#ffffff; color:#194775;}
.menu ul li.scuro a {background:#455356; color:#194775;}
.menu ul li.sottotitolo a {background-color:#718daa;color:#ffffff;}
.menu ul li.sottotitolo ul li.chiaro a {background:#ffffff; color:#194775;}
.menu ul li.sottotitolo ul li.scuro a  {background:#E6EBF0; color:#194775;}
.menu ul li.sottotitolo a:hover {background-color:#1976c9;color:#ffffff;}
.menu ul li.chiaro a:hover {color:#ffffff; background-color:#1976c9;}
.menu ul li.scuro a:hover {color:#ffffff; background-color:#1976c9;}
.menu ul li#generico a  {background:#EEEEEE;color:#194775;}
.menu ul li#generico a:hover {background:#EEEEEE;color:#194775;}
.menu ul a {background:#E6EBF0;}
	
.hidden {display:none;}
/*fine enciclopedia*/

/* DIV ESPANDIBILI*/
#menu_expand{ margin:0 40px 0 40px;}
.accordion_headings{
	padding:5px;
	background:#ccd1c9;
	color:#677d81;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
}
.accordion_headings:hover{background:#b8c1b2;}
.accordion_child{
	margin:0;
}

/*FINE DIV ESPANDIBILI*/
