/* CSS Document */

html, body{
	margin: 0;
	padding:0;
	border: 0;
}

body.index { 
	margin:0 auto;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	background:#000 url(../images/fondo-pagina-index.gif) top left repeat-x;
}

body { 
	margin:0 auto;
	padding:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	background:#f0f0f0 url(../images/fondo-pagina.gif) top left repeat-x;
}

.clear { 
	clear:both;
	margin:0;
	padding:0;
}


/* WRAPPER---------------------------------------------------------------- */

#wrapper {
	width:873px;
	margin:0 auto;
	padding:0;
	position:relative;
}



/* HEADER---------------------------------------------------------------- */

#header-index {
	float:left;
	width:873px;
	height:50px;
	margin:0;
	padding:0;
}

#header {
	float:left;
	width:873px;
	height:370px;
	margin:0;
	padding:0;
}

#foto-header {
	width:873px;
	margin:0;
	padding:0;
}




/* NAVIGAZIONE ----------------------------------------------------------------*/

#navigation{
	float:left;
	width:650px;
	height:50px;
	margin:0;
	padding:0;
}

#navigation ul{
	list-style-type:none;
	width:650px;
	height:50px;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	margin:0;
	padding:0;
}

#navigation ul li{
	float:left;
	height:24px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	padding:20px 0 0 0;
	margin:0;
	display:inline;
	background:url(../images/filetto-menu.gif) top right no-repeat;
}

#navigation ul li a{
	font-size:15px;
	padding:20px 10px 0 10px;
	margin:0;
	color:#FFF;
	text-decoration:none;
	background:url(../images/freccia-menu.gif) center 2px no-repeat;
}

#navigation ul li a:hover{ 
	color:#000;
	background:url(../images/freccia-menu-over.gif) center 2px no-repeat;
}

#navigation ul li a.corrente{
	color:#000;
	background:url(../images/freccia-menu-over.gif) center 2px no-repeat;
	
}


/* LINK DX ----------------------------------------------------------------*/

#link-dx{
	float:right;
	width:150px;
	height:50px;
	margin:0;
	padding:0;
}

#link-dx ul{
	list-style-type:none;
	width:150px;
	height:50px;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0;
}

#link-dx ul li{
	float:left;
	height:24px;
	font-size:12px;
	text-align:left;
	padding:20px 0 0 0;
	margin-right:10px;
	display:inline;
	background:url(../images/filetto-menu.gif) top right no-repeat;
}

#link-dx ul li a{
	font-size:12px;
	padding:20px 10px 0 5px;
	margin:0;
	color:#000;
	text-decoration:none;
}

#link-dx ul li a:hover{ 
	color:#fff;
	text-decoration:none;
}



/* COLONNA SX -------------------------------------------------------------------------*/


#colonna-sx h2{
	margin:0;
	padding-bottom:50px;
}

#colonna-sx ul{
	position:absolute;
	z-index:10;
	top:146px;
	left:30px;
	
	width:183px;
	list-style-type:none;
	color:#000000;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0 0 0 50px;
	background:url("../images/bg-spalla-sx.gif") top left no-repeat;
}

#colonna-sx ul li{
	color:#000000;
	width:135px;
	font-size:11px;
	line-height:14px;
	padding:0;
	margin:0 0 18px 0;
}


#colonna-sx ul li a{
	color:#000000;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
}

#colonna-sx ul li a:hover{
	color:#df273a;
	text-decoration:none;
}


#colonna-disegni-tecnici ul{
	z-index:20;
	position:absolute;
	top:146px;
	left:30px;
	width:233px;
	height:230px;
	padding:0;
	margin:0;
	background:url(../images/bg-spalla-disegni.gif) top left no-repeat;
	text-align:center;
}


#colonna-disegni-tecnici h2{
	padding:0;
	margin:12px 0 40px 50px;
	text-align:left;
}




/* CONTENT -------------------------------------------------------------------------*/


#content {
	float:left;
	width:873px;
	margin:0;
	padding:0;
}

#corpo.disegni-tecnici {
	float:left;
	width:840px;
	margin:25px 0 0 20px;
	padding:0;
}

#corpo{
	float:left;
	width:560px;
	margin:25px 0 0 278px;
	display:inline;
	padding:0;
}

#corpo img {
	padding:1px;
	border:1px solid #e9e9e9;
}




/* PRODOTTI ------------------------------------------------------------------------*/

.sezione-prodotto {
	width:560px;
	margin:0;
	padding:0;
	border-bottom:1px dashed #000000;
}
.sezione-prodotto dl {
	width:560px;
	margin:0;
	padding:0 0 5px 0;
}
.sezione-prodotto dd {
	width:560px;
	margin:0;
	padding:2px 0 2px 10px;
}
.sezione-prodotto img {
	float:left;
	margin:0 10px 20px 0;
	padding:0;
	display:block;
}



/* sottomenu cabine */
#sottomenu-cabine {
	float:left;
	color:#000000;
	font-size:11px;
	line-height:14px;
	width:560px;
	margin:0 0 10px 0;
	padding:10px 0;
	border-bottom:1px dashed #000000;
}



#sottomenu-cabine ul{
	float:left;
	list-style-type:none;
	color:#000000;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
}

#sottomenu-cabine ul li{
	color:#000000;
	width:560px;
	font-size:11px;
	line-height:14px;
	padding:0;
	margin:3px 0 3px 0;
}


#sottomenu-cabine ul li a{
	color:#000000;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
}

#sottomenu-cabine ul li a:hover{
	color:#df273a;
	text-decoration:none;
}



/* FOOTER -------------------------------------------------------------------------*/

#footer {
	float:left;
	width:595px;
	height:12px;
	background:#f2f2f2 url(../images/bg-footer.jpg) left top repeat-x;
	margin-bottom:10px;
	padding:123px 0 0 278px;
}



/*===========FORM CONTATTI ===========*/

#form1{
	float:left;
	text-align:left;
	width:190px;
	font-size:12px;
	font-weight:normal;
	color:#df273a;
	padding:0;
	margin-right:50px;
	display:inline;
}

#form2, #form2 a{
	float:left;
	text-align:left;
	width:190px;
	font-weight:normal;
	color:#df273a;
	font-size:12px;
	padding:0;
	margin:0;
}


#form1 input, select, textarea{
	font-weight:normal;
	font-size:12px;
	color:#515151;
	background-color:#fff;
	border:1px solid #000000;
	width:190px;
	display:block;
	margin-bottom:10px;
}

#form2 input, select, textarea{
	font-weight:normal;
	font-size:12px;
	color:#515151;
	background-color:#fff;
	border:1px solid #000000;
	width:190px;
	display:block;
	margin-bottom:10px;
}


/*===========FORM CONTATTI ===========*/

#form-contatti1{
	float:left;
	text-align:left;
	width:190px;
	font-size:12px;
	font-weight:normal;
	color:#df273a;
	padding:0;
	margin:0 50px 10px 0;
}

#form-contatti2, #form2 a{
	float:left;
	text-align:left;
	width:190px;
	font-weight:normal;
	color:#df273a;
	font-size:12px;
	padding:0;
	margin:0 0 10px 0;
}

#form-contatti3{
	float:left;
	text-align:left;
	width:260px;
	font-weight:normal;
	color:#000000;
	font-size:11px;
	padding:0;
	margin:0 0 15px 0;
}


#form-contatti1 input, select, textarea{
	font-weight:normal;
	font-size:12px;
	color:#515151;
	background-color:#fff;
	border:1px solid #000000;
	width:190px;
	display:block;
	margin-bottom:10px;
	display:block;
}

#form-contatti2 input, select, textarea{
	font-weight:normal;
	font-size:12px;
	color:#515151;
	background-color:#fff;
	border:1px solid #000000;
	width:190px;
	display:block;
	margin-bottom:10px;
}

#form-contatti3 input, select, textarea{
	font-weight:normal;
	font-size:12px;
	color:#515151;
	background-color:#fff;
	border:1px solid #000000;
	margin:0 5px 10px 0;
}