@charset "utf-8";

/*
------------------------------------------------
STILI GENERICI
------------------------------------------------
*/
body {
	background-color: #F4F0DA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	text-align: center;
}

a {
	text-decoration: none;	
	color: #645e5e;
}

a:hover {
    color: #ee3338;
}

h1 {
	font-size: 140%;
}

h2 {
	font-size: 130%;
	padding: 5px;
}

h3 {
	font-size: 110%;
}

h2.Title {
	width: 100%;
	text-align: center;
}

input.Long {
	width: 99%;
}

input.Normal {
	width: 200px;
}

input.Short {
	width: 100px;
}

/*
------------------------------------------------
STILI STRUTTURA
------------------------------------------------
*/

/*Contenitore*/
#Site {
	width: 962px;
	margin: 0px auto;
}

/*Content*/
#Content {
	width: 100%;
	float: left;
	margin-top: 30px;
}

/*Footer*/
#Footer {
	clear: left;
	width: 958px;
	padding: 4px;
	
	font-size: 10px;
}

#Footer a {
	text-decoration: none;	
	color: #645e5e;
}

#Footer a:hover {
    color: #ee3338;
}


#Footer #Piva{
	float: left;
}

#Footer #Info{
	float: right;
}

#Footer #Info a{
	font-style: italic;
	color: #000000;
	text-decoration: none;
}

/*
-------------------------------------------------
GRAFICA
-------------------------------------------------
*/

#Content {
	background-color: #FFFFFF;
	border: 2px solid #000000;
	text-align: left;
}

/*Home Siti */
	/*Menu Categorie*/
	#HomeCategory {
		margin: 1px 0px;
		background-color: #c3bfa9;
		padding: 2px 0px;
		text-align: left;
	}
	
	#HomeCategory a {
		display: inline-block;
		margin-right: 3px;
		margin-left: 3px;		
		line-height: 20px;
		font-weight: bold;
		text-transform: uppercase;
		color: #ff0000;
		
	}
	
	#HomeCategory a:hover {
		color: #000000;
	}

/*Sezioni Interne*/

	/*Testata*/
	#Header {
		float: left;
		background-color: #645e5e;
		height: 90px;		
		min-height: 90px;
		width: 100%;
		text-align: center;		
	}
	
	#Header #LogoSito {
		display: block;
		float: left;
		position: relative;
		top: -20px;
		left: 20px;
		width: 100px;
	}
	
	#Header #Salutation {
		display: block;
		position: relative;
		float: left;
		color: #FFFFFF;
		font-size: 110%;
		text-align: left;
		margin-top: 20px;
		margin-left: 10px;
		width: 140px;		
	}
	
	#Header #Salutation a {
		color: #FFFFFF;
	}	
	
	#MenuIstituzionale {
		float: left;
		width: 720px;
		margin: 30px 0 0 20px;
		text-align: center;
	}
	
	#MenuIstituzionale span {
		margin: 0px auto;
		padding: 0px;
		border-left: 1px solid #EFEFEF;
	}
	
	#MenuIstituzionale span a {	
		display: inline-block;
		padding: 0px 15px;
		border-right: 1px solid #EFEFEF;
		color: #EFEFEF;
		line-height: 16px;
		text-transform: uppercase;	
	}
	
	#MenuIstituzionale span a:hover {	
		color: #FFFFFF;
	}	
	
	#LogoGruppo {
		display: block;
		float: right;
		width: 100px;
		text-align: right;
		margin: 20px 20px 0 0;
	}
	
	/*Menu SuperCategorie*/	


	#MenuSuperCategorie	{
		float:left;
		position: relative;
		top: 18px;
		width: 740px;
		padding: 0px;
		text-align: center;
	}
	
	#MenuSuperCategorie	a {
		display:inline-block;
		margin-right: 4px;
		min-width: 95px;
		padding: 5px 10px 5px 20px;			
		background: #000000 url(../Images/FrecciaMenu.jpg) no-repeat 2px 4px;
		border: 2px solid #000000;
		text-align: left;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 14px;
	}

	#MenuSuperCategorieSalotti	{
		margin-left:11px;
		float:left;
		position: relative;
		top: 18px;
		width: 731px;
		padding: 0px;
		text-align: center;
	}
	
	#MenuSuperCategorieSalotti	a {
		display:inline-block;
		margin-right: 1px;
		min-width: 80px;
		padding: 5px 5px 5px 18px;			
		background: #000000 url(../Images/FrecciaMenu.jpg) no-repeat 0px 4px;
		border: 2px solid #000000;
		text-align: left;
		color: #FFFFFF;
		font-weight: bold;
		font-size: 13px;
	}

	
	#MenuSuperCategorie	a.sel, #MenuSuperCategorieSalotti a.sel {
		background: #c3bfa9 url(../Images/FrecciaMenuSel.jpg) no-repeat 2px 4px;	
		border-bottom: 2px solid #c3bfa9;
	}
	
	
	/*Menu Categorie*/
	
	#Category {
		float: left;
		width: 100%;	
		background-color: #c3bfa9;
		padding: 5px 0px;
		text-align: left;	
		border-top: 2px solid #000000;
		border-bottom: 2px solid #000000;	 
	}
	
	#Category a {
		display: inline-block;
		padding: 0px 3px;
		color: #ff0000;
		text-transform: uppercase;
		line-height: 18px;
		font-weight: bold;		
	}
	
	#Category a:hover {
		color: #000000;
	}
	
	#Category a.Sel {
		color: #FFFFFF;
	}	

/*Prodotti*/
#SpaceContentImages {
	float: left;
	position: relative;
	min-height: 380px;
	height: 380px;
	width: 100%;
}

#ContentImages {
	float: left;
	position: relative;
	min-height: 380px;
	height: 380px;
	width: 100%;
}

/*Img load*/
#TB_load{
	position: absolute;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px;
}

#ImmagineDettaglio {
	float: left;
	border-right: 1px solid #000000;
	border-bottom: 2px solid #000000;	
}

#ImmaginePrincipale {
	float: left;
	border-left: 1px solid #000000;
	border-bottom: 2px solid #000000;		
}

#NavProdotti {
	position: absolute;
	bottom: 10px; 
	right: 10px;
	background-color: #2e2424;
	width: 70px;
	text-align: center;
}

#NavProdotti img {
	cursor: pointer;
}

#FooterProdotti {
	float: left;
	width: 100%;
	background-color: #645e5e;	
	padding: 4px 0px;	
}

#Dettagli {
	float: left;
	width: 250px;
	background-color: #645e5e;
	color: #FFFFFF;
	font-size: 12px;
}

#Dettagli #Descrizione #Codice{
	padding: 0px 3px;
	font-size: 14px;	
	font-weight: bold;	
}

#Dettagli #Descrizione #Nome{
	padding: 0px 3px;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#Dettagli #Descrizione #Nome2{
	padding: 0px 3px;
	font-size: 14px;	
	text-transform: lowercase;	
	font-weight:100;
	line-height: 20px;
}

#Dettagli #File {
	padding: 3px 3px 0px 3px;
}

#Dettagli #File a {
	color: #FFFFFF;
	text-decoration: none;
}

#Dettagli #File span {
	color: #FFFFFF;
	padding: 0px 0px 0px 3px;
	margin: 0px;
}

/*Elenco Prodotti*/
#IntestazioneModelli {
	float: left;
	width: 80px;
	font-size: 13px;
	margin-right: 3px;
	line-height: 20px;
	color: #FFFFFF;
	text-align: center;
	background: url(../Images/Freccia.gif) no-repeat right center;		
}

#MenuProdotti {
	float: left;
	width: 620px;
	background-color: #645e5e;
}

#MenuProdotti a {
	float: left;
	display: block;
	width: 55px;
	line-height: 20px;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;	
	text-align: center;
	color: #000000;
	font-weight: bold;
}

#MenuProdotti a.First {
	border-left: 1px solid #000000;
}

#MenuProdotti a.Col1 {
	background-color: #f4f0da;
}

#MenuProdotti a.Col2 {
	background-color: #d9d5c2;
}

#MenuProdotti a:hover, #MenuProdotti a.Sel {
	color: #ee3338;
}

/*Contenuti Testuali*/
#TextContent {
	float: left;
	width: 952px;
	padding: 5px;
	line-height: 15px;
	min-height:250px;
}

/*Tabelle Form*/
.TableForm {
	width: 500px;
}

.TableForm tr {
	margin: 1px;
}

.TableForm tr td {
	margin: 1px;
	padding: 4px;
	vertical-align: top;
}

.TableForm tr.TableRow1 {
	background-color: #F1F1F1;
}

.TableForm tr.TableRowEnd {
	background-color: #CDCDCD;
}

.TableForm tr.TableRowHeader {
	background-color: #CDCDCD;
	font-weight: bold;
	line-height: 20px;
}

.TableForm label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: #FF0000;
}

/*Pagina Profilo aziendale*/
#Profilo {
	float:left; 
	background-color: #4f4444; 
	color: #FFFFFF; 
	border-top: 2px solid #000000;
}

#Profilo #Testo {
	float: left;
	width: 332px; 
	padding: 10px	
}

#Profilo #Flash {
	float: left;
	border-left: 2px solid #000000;	
}

/*Pagina Qualità*/
#Qualita {
	float:left; 
	background-color: #4f4444; 
	color: #FFFFFF; 
	border-top: 2px solid #000000;
}

#Qualita #Testo {
	float: left;
	width: 240px;
	padding: 10px	
}

#Qualita #Flash {
	float: left;
	border-left: 2px solid #000000; 	
}

/*Pagina Obiettivi*/
#Obiettivi {
	float:left; 
	background-color: #4f4444; 
	color: #FFFFFF; 
	border-top: 2px solid #000000;
}

#Obiettivi #Testo {
	float: left;
	width: 240px; 
	padding: 10px	
}

#Obiettivi #Flash {
	float: left;
	border-left: 2px solid #000000; 		
}