body{

 margin: 0;

 padding: 0;

 border: 0;

 background-color: #E6E6E6;

}



h1, h2, h3, p {

 margin: 0;

 padding: 0;

 border: 0;

}



h2 {

	font: bold 12px Verdana, Arial;

	color: #CC0000;

}



input, select {

	font: 10px Verdana, Arial;	

}



#contenitore {

 height: 100%;

 width: 792px;

 background: #ffffff url(../img/sf.gif) repeat-y;

}



#stampa {

 height: 100%;

 width: 500px;

 background-color: #ffffff;

}



#framecontent{

 float: left;

 top: 0;

 bottom: 0; 

 left: 0;

 width: 262px;

 height: 100%; 

 background: #696969 url(../img/sf-left.gif) repeat-y;

 color: white;

 font: 10px Verdana, Arial;

}



#framecontent a {

	color: white;

	text-decoration: none;

}



#framecontent a:hover {

	color: white;

	text-decoration: underline;

}



#header {

 height: 158px;

 background: #696969 url(../img/sf2-left.gif) repeat-y;

}

.replace-by-text {
    text-indent: -9999px;
    overflow: hidden;
}

.profilo.ita {
    background: url("/img/profilo.gif") top left no-repeat transparent;
}
.profilo.fra {
    background: url("/img/chisiamo_t_fra.gif") top left no-repeat transparent;
}
.profilo.eng {
    background: url("/img/profilo_eng.gif") top left no-repeat transparent;
}

.dal-catalogo.ita {
    background: url("/img/dalcatalogo.gif") top left no-repeat transparent;
}
.dal-catalogo.fra {
    background: url("/img/dalcatalogo_fra.gif") top left no-repeat transparent;
}
.dal-catalogo.eng {
    background: url("/img/dalcatalogo_eng.gif") top left no-repeat transparent;
}

.chi-siamo.ita {
    background: url("/img/chisiamo_t.gif") top left no-repeat transparent;    
}
.chi-siamo.fra {
    background: url("/img/chisiamo_t_fra.gif") top left no-repeat transparent;    
}
.chi-siamo.eng {
    background: url("/img/chisiamo_t_eng.gif") top left no-repeat transparent;    
}

.organigramma.ita {
    background: url("/img/organigramma.gif") top left no-repeat transparent;
}
.organigramma.fra {
    background: url("/img/organigramma_fra.gif") top left no-repeat transparent;
}
.organigramma.eng {
    background: url("/img/organigramma_eng.gif") top left no-repeat transparent;
}

.catalogo-macchine.ita {
    background: url("/img/macchine_t.gif") top left no-repeat transparent;
}
.catalogo-macchine.fra {
    background: url("/img/macchine_t_fra.gif") top left no-repeat transparent;
}
.catalogo-macchine.eng {
    background: url("/img/macchine_t_eng.gif") top left no-repeat transparent;
}

.scheda-tecnica.ita {
    background: url("/img/scheda.gif") top left no-repeat transparent;
}
.scheda-tecnica.fra {
    background: url("/img/scheda_fra.gif") top left no-repeat transparent;
}
.scheda-tecnica.eng {
    background: url("/img/scheda_eng.gif") top left no-repeat transparent;
}

.info.ita {
    background: url("/img/info_t.gif") top left no-repeat transparent;
}
.info.ita {
    background: url("/img/info_t_eng.gif") top left no-repeat transparent;
}
.info.ita {
    background: url("/img/info_t_eng.gif") top left no-repeat transparent;
}

.contatti.ita {
    background: url("/img/contatti_t.gif") top left no-repeat transparent;
}
.contatti.fra {
    background: url("/img/contatti_t_fra.gif") top left no-repeat transparent;
}
.contatti.eng {
    background: url("/img/contatti_t_eng.gif") top left no-repeat transparent;
}

.come-raggiungerci.ita {
    background: url("/img/raggiungerci.gif") top left no-repeat transparent;
}
.come-raggiungerci.fra {
    background: url("/img/raggiungerci_fra.gif") top left no-repeat transparent;
}
.come-raggiungerci.eng {
    background: url("/img/raggiungerci_eng.gif") top left no-repeat transparent;
}

#header h1 {

   position: relative;

	top: 40px;

	height: 118px;

	width: 258px;

	background: #696969  url(../img/sf-left.gif) repeat-y;

}



#catalogo {

 background: #696969 url(../img/sf2-left.gif) repeat-y;

 text-align: left;

}



#catalogo h3 {

   position: relative;

	top: 2px;

	height: 41px;

	background: #696969  url(../img/sf3-left.gif) repeat-y;	

}



#catalogo ul {

   margin: 0;

	padding: 8px 0px 8px 8px;

	list-style: disc inside url(../img/puntino.gif);

}



#catalogo li a {

   margin: 0;

	padding: 0px 0px 0px 5px;

}



#footer {

	text-align: right;

	padding: 16px 20px 16px 0px;

   margin:0;

}



#maincontent{

 float: right;

 top: 0px; 

 right: 0px;

 bottom: 0px;

 width: 530px;

 background: #ffffff url(../img/sf-center.gif) repeat-y;

 color: #666666;

 font: 10px Verdana, Arial;

 text-align: center;

}



#maincontent a {

	color: #666666;

	text-decoration: none;

}



#maincontent a:hover {

	color: #666666;

	text-decoration: underline;

}



#lingua {

	height: 11px;

	margin: 22px 26px 8px 0px;

	text-align: right;

}



#lingua ul {

	margin-left: 0px;

	padding-left: 0px;

	display: inline;

	} 



#lingua ul li {

   width: 34px;

	height: 11px;

/*	margin-left: 6px;*/

	padding: 0px 6px;

	border-left: 1px solid #696969;

	list-style: none;

	display: inline;

}



#lingua ul li.ita {

	margin-left: 0px;

	border-left: none;

	list-style: none;

	display: inline;

}



#menu {

 height: 70px;

 width: 466px;

 border-bottom: 1px dotted #696969;

 border-top: 1px dotted #696969;

 text-align: center;

 padding-top: 26px;

 padding-bottom: 24px;

 margin: auto;

}



#menu ul {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	display: inline;

} 



#menu ul li {

   width: 52px;

	height: 62px;

	/*margin-left: 0px;*/

	margin: 0px 0px 0px 0px;

	padding: 0px 30px 0px 30px;

	border-left: 1px dotted #696969;

	list-style: none;

	display: inline;

}



#menu ul li.chisiamo {

	margin-left: 0px;

	border-left: none;

	list-style: none;

	display: inline;

}



#center {

 width: 470px;

 text-align: left;

 margin: auto;

 background-color: #ffffff

}	



#center h3,h2,h1 {

   position: relative;

	margin-top: 21px;

	margin-bottom: 21px;

	height: 20px;

	border-bottom: 1px dotted #696969;

}



#center a {

	color: #CC0000;

	text-decoration: none;

}



#center a:hover {

	color: #CC0000;

	text-decoration: underline;

}



.img_azienda {

	float: left;

	margin: 0px 5px 0px 5px;

}



.img_scheda {

	float: right;

}



.redtxt {

	color: #CC0000;

}



#cat {

	background: url(../img/sf-cat.gif) no-repeat top left;

	width: 465px;

	height: 275px;

	border-bottom: 1px dotted #696969;	

}



#cat2 {

	background: url(../img/sf-cat2.gif) no-repeat top left;

	width: 465px;

	height: 400px;

}



.scheda {

	width: 220px;

	height: 100px;

	float: left;

	margin-right: 5px;

	margin-left: 5px;

	margin-bottom: 40px;
	


}



.scheda p {

	padding:4px;

}



#nav {

	width: 460px;

	text-align: center;

	border-top: 1px dotted #696969;

	padding-top: 10px;

}



#organigramma {

	padding-bottom: 30px;

}



#organigramma p {

	border-bottom: 1px dotted #696969;	

	border-top: 1px dotted #696969;

	margin-bottom: 20px;

	padding: 5px 0px 5px 5px;

	background-color: #EEEEEE;

}



#organigramma img {

   float: left;

	padding-right: 5px;

}



#raggiungerci {

	padding-bottom: 30px;

}



#raggiungerci p {

	border-bottom: 1px dotted #696969;	

	border-top: 1px dotted #696969;

	margin-bottom: 20px;

	padding: 5px 0px 5px 5px;

	background-color: #EEEEEE;

	text-align: center;

}



#clear {

	clear: both;

}



.cssform div{

width: 360px;

clear: both;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 105px; /*width of left column containing the label elements*/

border-bottom: 1px dotted gray;

height: 1%;

float: left;


}



.cssform label{

font-weight: bold;

float: left;

margin-left: -105px; /*width of left column*/

width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

}



.cssform textarea{

width: 250px;

height: 150px;

}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}



#prodotto {

	 font: 10px Verdana, Arial;

    color: #666666;

}



#prodotto p{

width: 205px;

/*height: 24px;*/

clear: left;

margin: 0;

padding: 5px 0 5px 0;

padding-left: 255px; /*width of left column containing the label elements*/

border-bottom: 1px dotted gray;

text-align: right;

}



#prodotto label{

font-weight: bold;

float: left;

margin-left: -255px; /*width of left column*/

width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

text-align: left;

}

#prodotto .tdlabel {
font-weight: bold;
text-align: left;
border-bottom: 1px dotted gray;
/*width: 75%;*/
}

#prodotto .tdfield {
margin: 0;
padding: 5px 0 0 0;
border-bottom: 1px dotted gray;
text-align: right;	
/*width:25%;*/
}

#fotoprodotto {

	width: 460px;

	text-align: center;	

}



.printer {

	float: right;

}



.miniature {

	padding: 5px;

}


#fotoprodotto .pic-wrapper a.nav-link {
	display:block;
	position:absolute;
	width:40px;
	height:57px;
/* 	top:112px; */
	top: 45%;
	background-image:url(../img/sprite-nav-linkgr.png);
	background-repeat:no-repeat;
	background-color:transparent;
	opacity:0.8;
	filter: alpha(opacity = 80);
}
#fotoprodotto .pic-wrapper a.get-prev {
	left:0px;
	background-position:0px -78px;
}
#fotoprodotto .pic-wrapper a.get-next {
	right:0px;
	background-position:0px 0px;
}

.photogallery .pic-wrapper {
	width:460px;
	/*min-height:340px;*/
/*	background:#efedea;*/
	background:#5e5e5e;
	position:relative;
    text-align: center;
}
.photogallery .pic-wrapper img {
	display:block;
	margin:auto;
}
.photogallery_loading {
	background: url(../img/ajax-loader.gif) 50% 50% no-repeat #efedea;
}
.photogallery .pic-wrapper a.get-prev {
	left:0px;
	background-position:0px -78px;
}
.photogallery .pic-wrapper a.get-next {
	right:0px;
	background-position:0px 0px;
}
.photogallery .bottom {
	background:#5e5e5e;
	padding:5px;
    /*height: auto !important;*/
    height: 25px;
    min-height: 25px;
}