@charset "utf-8";

/* CSS Document */

html, body{

		width: 100%;

		height: 100%;

		margin: 0;

		padding: 0;
		
		background-image: url(images/sfondo.jpg);
		background-repeat: repeat; 



		}

		#sfondo-css{

		position:absolute;

		height:100%;

		width: 100%;

		margin: 0;

		padding: 0;

		z-index: 1;

		}

		#css{

		position: absolute;

		z-index: 2;

		margin: 0 auto;

		color: white;

		/*overflow: auto;*/

		height: 100%;

		width: 100%;

		background-image: url(images/sfondo.jpg);
		background-repeat: repeat; 


		}





.clear{ clear: both;}

.tenmargin{ padding-top: 5px; margin: 10px auto;  width: 99%; text-align: right; clear: both; border-top: 1px dotted #333;}

.brdBtm{ border-bottom: 1px dotted #666; color: #666}

.tenimage{ padding: 5px; border: 1px solid #333; margin: 10px;}

.tenmarginten{ margin: 10px;}















#container{

width:1000px;

height: 100%;

margin:0 auto;

background-color: black;



}



#container2{

width:1000px;

margin:0 auto;

background-color: black;



}





#header{

width:100%;

height: 75px;

margin:0 auto;

}



#logo{

width:180px;

float: left;

clear: none;

margin: 10px;

}



#menuProdottiFoto {

	margin:0 18px;

	float: left;

clear: both;

width:95%;

text-align: center;

padding: 0;

}

#menuProdottiTesto

{

	height:22px;

	margin:0;

	float: left;

clear: both;

width:95%;

text-align: center;

padding: 0;

}





#fotoGrande{

	margin:10px;

	float: left;

	clear: both;

	width:95%;

	text-align: center;

}



#boxCentro{

	margin:0 auto 10px auto;

	float: left;

	clear: both;

	width:100%;

	text-align: center;

	font-family: Arial;

	background-color: black;

}





.top {

float: left;

margin: 0px 20px 20px 0;

vertical-align: top;}



.news{

width:90%;

margin: 0px auto;

text-align: left;

clear: both;

}

.Iteam{
width:23%; float:left; clear:none;  margin:5px;

}

.Iteam img{
margin: 3px;
}



.data{

color: #777;

font-size: 12px;

text-align: left;

padding: 0;

margin: 0;}

.data2{

color: #777;

font-size: 12px;

text-align: center;

padding: 0;

margin: 0;}

h4{

color: #66cc00;

font-size: 16px;

text-align: left;

padding: 0;

margin: 0;

}

h4 a{

color:  #66cc00;border-bottom: 1px solid #66cc00; text-decoration: none;

}





h3{

color: #444;

font-size: 23px;

text-align: left;

font-weight: normal;

font-family: Arial;

padding: 0;

margin: 10px auto ;



}





p{

color: #f2f2f2;

font-size: 14px;

text-align: left;

line-height: 20px;}





#boxMiddle{

margin:10px auto;

clear: both;

width:980px;

background-color: black;

text-align: left;

}

#boxFooter {

margin:10px 0;

float: left;

clear: both;

width:100%;

}

#boxPartner {

margin:0 auto;

clear: both;

width:100%;

background-image: url(images/sf-foot-top.png);

background-repeat: repeat-x;

background-position: top;

text-align: left;

}

#boxPartner img{

margin: 20px;}



#footerTxt {

margin:30px auto;

clear: both;

width:90%;

text-align: right;

color: white;

font-size:10px;

font-family:Arial}



#footerTxt a{

color: white;

text-decoration: none;}



/*#boxFooter {

margin:10px 0;

float: left;

clear: both;

width:100%;

background-image: url(images/sf-foot-btm.png);

background-repeat: repeat-x;

background-position: top;

}*/





/* ********************************************************* MENU SUPERIORE VERDE E NERO ********************************************************* */

#MainMenu

{

	height:40px;

	border:0;

	margin:0;

	float: left;

clear: none;

}

#tab

{

	top:0;

	height:0;

	background:repeat-x top;

	margin:0;

}

#tab ul

{

	list-style:none;

	float:left;

	margin:0;

	padding:0;

}

#tab li

{

	display:inline;

	float:left;

	margin:0;

	padding:0;

}

#tab a

{

	background:#000 url(images/menu-dx.jpg) no-repeat right top;

	text-decoration:none;

	border:0;

	display:block;

	float:left;

	margin:0;

	padding:0;

}

#tab a span

{

	display:block;

	background:url(images/menu-sx.jpg) no-repeat left top;

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#FFF;

	font-weight:700;

	line-height:40px;

	padding:0 13px;

}

#tab a:hover,#tab li.item_active a

{

	background-position:right bottom;

}

#tab a:hover span,#tab li.item_active a span

{

	background-position:left bottom;

	color:#FFF;

	font-weight:700;

	font-style:normal;

	text-decoration:none;

}















#menudwn

{

	width:100%;

	height:31px;

	background:url(images/mendwn-mid.gif);

		border:0;

	margin:0 auto 20px auto;

	clear: both;

	float: left;

}

#tab2

{

	top:0;

	height:0;

	background:repeat-x top;

	margin:0;

}

#tab2 ul

{

	list-style:none;

	float:left;

	margin:0;

	padding:0;

	margin-left: 3px;

}

#tab2 li

{

	display:inline;

	float:left;

	margin:0;

	padding:0;

}

#tab2 a

{

	background:#000 url(images/mendwn-dx.gif) no-repeat right top;

	text-decoration:none;

	border:0;

	display:block;

	float:left;

	margin:0;

	padding:0;

}

#tab2 a span

{

	display:block;

	background:url(images/mendwn-sx.gif) no-repeat left top;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#FFF;

	font-weight:700;

	line-height:31px;

	padding:0 11px 0 11px;

}

#tab2 a:hover,#tab2 li.item_active a

{

	background-position:right bottom;

	border-color:#000;

}

#tab2 a:hover span,#tab2 li.item_active a span

{

	background-position:left bottom;

	color:#FFF;

	font-weight:700;

	font-style:normal;

	text-decoration:none;

}



*{ padding:0px; margin:0px; }

body{ background:#000000; }

a{ color: #fcfcfc ; text-decoration: none; }

h2{ margin: 10px 10px 0 10px; text-align: left; color:#444; font:28pt  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;   }



.boxgrid{

		width: 440px;

		height: 330px;

		margin:10px 0 10px 35px;

		float:left;

		background:#111;

		border: solid 1px #222;

		overflow: hidden;

		position: relative;

     	}

.boxgrid img{

			position: absolute;

			top: 0;

			left: 0;

			border: 0;

			}

.boxgrid p{

           padding: 0 10px;

		   color:#fff;

   		   font:14px Arial, sans-serif;

           line-height: 25px;

          }



.boxcaption{

			float: left;

			position: absolute;

			background: #000;

			height: 100px;

			width: 100%;

			opacity: .8;

			/* For IE 5-7 */

			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

			/* For IE 8 */

			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

           }



.captionfull .boxcaption {

 					top: 260;

 					left: 0;

 				    }

.caption .boxcaption {

 					top: 220;

 					left: 0;

                    }



.DivCats{

float: left;

width: 260px;

list-style-type: none;



}



.main_cats{

margin: 3px;

list-style-type: none;

font-size:12px;

font-weight:bold;

font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;   

}

.sub_cats_norm{

margin: 2px 15px;

list-style-type: none;

font-size:12px;

text-transform:lowercase;

}

.sub_cats{

margin: 2px 30px;

list-style-type: none; 

font-size:12px;

text-transform:lowercase;

}

.catGris1{

color:#444444;

}



.catGris2{

color:#666666;

}