/* General ------------------------------------------- */
/*background:#aaa;*/

html,body{margin:0; padding:0; background:#fff;}

body {
	font-family: "trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	font-style: normal;
	white-space: normal;
	display: block;
	background-position: center center;
	}

div#container{position: relative; height:100%; width:955px;	margin:0 auto; 	background:#fff;
border: 1px solid #F3DAE6;}
body>div#container{height: 100%; min-height: 100%}


#header{ background:#333333; height: 50px; padding:0px;}
#headerHome{ background:#333333; width:955px; padding:0 0 0px 0;}
#header img, #headerHome img { margin:0 0px}


#bar{background:#d4d4d4; padding: 0px 0; margin:0; border-top:2px solid #636}

/* menu navigazione*/

#navbar { 	
	background:#eee; font-size:13px;	
	padding:50px; line-height:26px; 
	text-align:left; 
	}

#navbar ul, #navbar li {
	margin:20px; padding:0;
	display:inline;
	list-style-type:none; 
	}

#navbar a{ 
	margin:100px 0 0 -1px;
	padding:20px 10px;
	color:#636; font-weight:bold; 
	}
#navbar a:hover{ 
	background: #fff;
	color:#f60; text-decoration:none;
	}

/* Ricerca */
#search {
	margin:0 0 0 2px;
	padding:0 0 0 10px;
	line-height:26px;
	text-align:left;
	background-color: #fff;
}

.puls { 
	background: url(/img/sf-puls.gif?031552) no-repeat center center;
	color:#606; 
	font-weight:bold; text-transform:uppercase;
	padding:2px 2px; border:none 
	}



/*contenuti */

div#content{ 
	padding:0 0 0 0; 
	}

#content .table{ width:955px; }
#content .table td{ font-weight:normal;}

td.col1 {width:270px;}
td.col2 {width:270px}
td.col3 {width:270px}

.bfux{ border:1px solid #c9c}
.t-box{ 
	font-size:1em;  font-weight:bold;
	text-transform:uppercase; 
	padding:2px 10px; margin:2px; 
	background:#eee/*#EDE6ED*/; color:#636;
	border-bottom: 4px solid #ccc;
	}
.f-box{ 
	width:74px; height:68px; display: block;
	padding:2px;
	background: url(/img/sf-fm.png?031552) no-repeat top center;	
	}

#login{ /*
	padding:10px; 
	background:#F9E6F6; border:1px solid #c9c; 
	margin-bottom:10px;*/
	}

.sf-community{ background:#FCF1FA;}


/*footer*/ 

div#footer{
	/*position: absolute; width:980px;
	bottom:0;*/
	width:100%;
	font-size:11px;
	background:#C69;
	color:#fff;
	border-top:1px solid #ccc;
	text-align:center;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	}

.box{ 
	clear:both; 
	padding-bottom:10px; margin-bottom:10px
	}

.bar{
	background-color:#D3E8FD; 
	padding:0 10px;
	}

/* Vecchi */

a{ color:#333; text-decoration:none}
a:hover{ text-decoration:underline}

img{ border:none}


.bianco a { font-weight: bold;  }
.bianco a:hover{ text-decoration:underline; }

.px14{
	font-size:13px;
	font-family: "Trebuchet MS";
}


/* Layout -------------------------------------------*/
/*
#container{ 
	width: 1010px;
	margin: 0 auto;
	border:1px solid #999	
	}

#header {
	background:#333;
	height:50px; 
	padding:20px
	}
*/

#corpo {
	background-color: #fff;
	color:#333;
	margin: 4px;
	padding: 4px;
	min-height:50px;
	width: 100px;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: 100;
	font-variant: normal;
	}

.rich-text{
	font:14px Arial;
	background-position: center center;
	height: auto;
	width: auto;
}
.highlight-menu{
	font-weight: bold;
	color: #FFCC33 !important;
}

#footer {
	/*height:90px; */
	padding:20px
	}

/* menu -----------------------------------*/

#sidemenu { 	
	/*min-height: 300px;*/
	width: 300px;
	padding:20px 0;
	color:#333;
	float:right;
	}
	
#sidemenu .sotto-menu
{
		margin-left: 20px;	
}

#sidemenu .active
{
font-weight: bold;
}

#sidemenu li{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}
#sidemenu ul{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

#sidemenu a, #sidemenu div{ 
	display:block;
	padding: 3px 30px 3px 80px ;
	}

#sidemenu a:hover{ 
	background:url(/img/linea.png?031016) no-repeat left center;
	color:#fff; text-decoration:none;
	}

#sidemenu.white a { 
	color:#333; !important;
	}
#sidemenu.white a:hover { 
	font-weight:bold!important; 
	color:333 !important;
	}

/*#menu { 
	height:200px; width: 960px;
	margin: 0 auto;
	}

#menu img{ 
	margin: 5px 0; 
	padding: 2px; 
	background: #636; 
	vertical-align:top; 
	}

#menu a{  
	float: left; display: table-cell;
	vertical-align:bottom;
	text-align:center;
	width:100px; 
	margin:0px; font-size:11px; 
	color: #fff; 
	text-decoration:none
	}*/




#frecciemenu{
	padding-left:100px;	
	margin-bottom: 20px; 
}



/* header ---------------------------------------------------*/
.head-sx{
	float:left;
	}

.head-x {  
	margin-left:40%;  
	margin-right:200px;
	margin-top:10px;
}

.head-dx{
	width:50%;
	float:right;
	}
	
	
.path{ margin:0; padding:5px; background:#666; color:#ccc; border-top: 1px solid #ccc;}
.path span.path-title{ font:bold  14px arial; margin:0 4px}
.path span.sel{  color:#ccc; padding:0 2px; margin:0 4px; }
.path a{ color:#fff;}

	

/*--------------------------------------------------*/

#header a, #headerHome a, #footer a {
	text-decoration:none;
	color:#fff; 
	/*padding:0 8px*/
	}

#header.menu{}

/*footer home --------------------------------------------*/

.box-offerte{width:180px; margin-right:15px}
.box-offerte a{
	display:block; 
	height:100px; margin:0;
	text-align:left; 
    color:#666;
	}
.box-offerte a:hover{
 	color:#fff;
	}
.box-offerte img{  
	padding: 2px; margin-top:4px;
	display:block;
	}
.box-offerte br{height:2px;}

/* sfondi e colori ---------------------------------------*/

.upper{ text-transform:uppercase}

.upper-redazione{ color:#FFCC00; text-transform:uppercase; }


.border2{ border:2px solid #999;}

.bianco{
	background-color: #fff;
	color:333;
	height: 100%;
}
.bianco a {color:333 !important; text-decoration:none}

.px11{ font-size:11px}
.w100{ width:98%}

.black{background-color: #333;}
.sf{/*background: url(/img/sf.png?031016);*/}
.red{background-color: #C30}
.yel{background-color: #FC3}
.fux{background-color: #C69}
.rose{background-color: #F99}
.rose1{background-color: #FCF}
.viol{ background-color: #639}
.azzur{ background-color: #99F}
.verde{ background-color: #BDD05D}
.cream{ background-color: #FFEFCD}

/* alignment, padding and margin ------------------------*/

.fl{ float:left}
.fr { float:right}

.cl {clear:left;}
.cr { clear:right}
.cb {clear: both}


.tal{ text-align:left}
.tac{ text-align: center}
.tar{ text-align:right}

.mx{ margin-left:50%}

.vam{ display: table-cell; 
	vertical-align: middle;
	}
.p20{padding:20px}
.p10{padding:10px}

.m20{
	margin:20px;
	width: auto;
}
.m10{margin:10px}

.ml20{margin-left:20px}
.mr20{margin-right:20px}
.ml10{margin-left:10px}
.mr10{margin-right:10px}
.mb10{margin-bottom:10px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mb20{margin-bottom:20px}
.mt20{margin-top:20px}

h1,h2,h3{ padding:0; margin:0;}

h1 {font-size: 26px;}
h2 {font-size: 20px; color: rgb(204, 102, 153) }
h3 {font-size: 14px;}
h4 { font-size:13px; margin-bottom: 5px}

h6 {font-size: 10px; margin-bottom: 5px;}
h6 span{color:#C69;}

.per-saperne{
	font-size: 14px;
	color:#C69;
	}
	
navigation-td{
	
}

hr{color: #ccc; height:1px; margin:12px 0;}


.pulsante {font-size: 9pt; margin-top: 5px}
.textfield{ width: 140px; font-size: 9pt}

.Stile1 {color: #7D8890}


#content-table, #content-table td{
content: inherit;
	margin: 20px;
	padding: 0px;
	vertical-align: top;
	
}

.foto-prodotti div, .foto-prodotti td{
	text-align: center;
	width: 110px;
}
.foto-prodotti img{
	margin: 4px;
	
}

.quiz_profilo{
	border: 1px dotted red; 	
	padding: 5px;
}

.form-table{
	width: 400px !important;
}
.form-table td{
	height: 30px;
}

.form-table-input{
	width: 150px !important;
}

.form-table-description{
	width: 100px !important;
	font-weight: bold;
}

.form-table-errors{
	width: 250px !important;
	color: red;
	padding-left: 10px;
}

.error{
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
	padding: 5px 0px 5px 5px;
	background-color: #CC3300;
	margin-bottom: 10px;	
	}

#pagingmenu #parentLink{
	display: none;	
}
#pagingmenu li{
	list-style-type: none;
	float: left;
}
#pagingmenu{
	text-align: right;
}
#pagingmenu a, #pagingmenu div{
	margin: 0px 5px 5px 5px;
	padding: 0px 5px 0px 23px;
	font-weight: bold;
	/*border-left: 1px solid #000;	*/
	background-image: url("/img/bullet.png?031016");
	background-repeat: no-repeat;
	background-position: left;
		
}


.search-result p {
	font-weight: normal;
}

/* CSS    Greatest Hits -------------------------------------------------------------------------*/
 
.desc{ 
 float:left;
  width:330px; height:130px; overflow:hidden; 
 font-size:14px;
 margin:20px 7px 20px 7px }
 
.prod{
	width:400px;
	overflow:hidden;
	float:left;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 25px;
	margin-left: 7px;
 
 }
 
.prod img{ float:left; margin:0 10px 0 0 }
.prod p{
	font-size:13px;
	font-family:"Trebuchet MS";
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0;
 }
.prod h5 { margin: 0; font-size:11px}
 

.paginatore{ 
 text-align:right;
 width:740px; padding:3px 0 10px 0;
 font:normal 18px verdana;
 }
.paginatore a { color:#999}
.paginatore a:hover { 
 color:#333; 
 text-decoration:none
 }
 
 #novita{
 	font-size: 14px; 
 	font-weight: bold;
 	color: #CC6699;
 }
 
#genericTable{
 border-collapse: separate;
 border-spacing: 0;
}

#genericTable th { text-align:right; border-bottom:1px solid #ccc; vertical-align:top;  padding:3px 0}
#genericTable td { vertical-align:top;  padding:3px 8px}
 

 
 /* Test ---------------------------------------------------------------------------------------------*/

.ask{ width:700px}
.ask p{ color:#c30; margin:0; padding:5px 0 0 0 ; font-weight:bold; }
 
.ask ul { margin: 5px 0 15px 0;   padding:0;}
.ask li { margin:0; padding:0 10px; list-style-type:none}