/* CSS RESET *********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing="0"’ in the markup */
table {
border-collapse: separate;
border-spacing: 0; 
vertical-align:top;



}
td,tr{
padding:3px;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

/**********************************************************************/
body {
margin-top:0px;
padding:0;
background-color:#000000;
}

p
{
	font-family: arial;
	font-size: 12px;
	color:#e6dfe3;
	line-height:1.5em;
}
a {
color:#fff;
font-family: arial;
font-size:12px;
}
.break
{
	clear: both;
}


h1
{
	margin-top:5px;
	padding-left:30px;
	padding-top:5px;
    background: transparent url('img/arrow2.png') no-repeat;	
	font-family: arial;
	font-size: 18px;
	text-decoration:none;
	color:#6688AB;
	height:30px;
	width:450px;
	border-bottom: 1px solid #6d87a0;
	margin-bottom:5px;
}

#container{
	margin:auto;
	padding:2px;	
	margin-top:10px;
	text-align: left;
	width:820px; 
	background-color:#000;
}


#header_hp { 
	width:600px;	
	padding-left:156px;
	background-color:#000;
	/*border:2px solid #339900;*/
}
#header { 
	width:820px;	
	background-color:#000;
	/*border:2px solid #339900;*/
}


	.topmenu{
	background-image:url(img/bg_menu.png);
	background-repeat: repeat-x;
	height:28px;
	width:820px;
	width:100%;
	float:left;
	/*border-bottom:1px solid #ac2278;*/
	
	}
	
	.topmenu ul
	{
		list-style: none;
		padding-top:4px;
		padding-left:10px;
		
	}

	.topmenu li
	{
		
		/*display: inline;*/
			color: #fff;
		font-family: arial;
		font-size: 13px;
		font-weight:bold;
		text-decoration: none;
		float: left;
	    padding: 0px 30px 0px 30px;
		border-right: 1px solid #999999;
		margin:0;
		
			
	}
	.topmenu li.on a
	{
		
		color: #ccc;
		font-family: arial;
		font-size: 13px;
		font-weight:bold;
		text-decoration: none;
			
	}
	
	.topmenu li a 
	{
		color: #999;
		font-family: arial;
		font-size: 13px;
		font-weight:bold;
		text-decoration: none;
			
	}

	.topmenu li a:hover
	{
		color: #fff;
		font-family: arial;
		font-size: 13px;
		font-weight:bold;
		text-decoration: underline;
	}
	
	#sottomenu1 { 
	width:170px;
	padding-top:10px;
	margin-left:3px;
	float:left;	
	/*border:2px solid #339900;*/
}

	.sottomenu{
	background-color:#000000;
	float:left;
	/*border-bottom:1px solid #ac2278;*/
	
	}
	
	.sottomenu ul
	{
		list-style: none;
		padding-top:4px;
		padding-left:10px;
		
	}

	.sottomenu li
	{
		
		/*	float: left;display: inline;*/
			color: #fff;
		font-family: arial;
		font-size: 12px;
		text-decoration: none;
	    padding:2px 5px 4px 15px;
		margin:0;
		background-image:url(img/quadretto.jpg);
 		background-repeat:no-repeat;

		
			
	}
	.sottomenu li.on a
	{
		
		color: #ccc;
		font-family: arial;
		font-size: 12px;
		text-decoration: none;
			
	}
	
	.sottomenu li a 
	{
		color: #999;
		font-family: arial;
		font-size: 12px;
		font-weight:bold;
		text-decoration: none;
			
	}
	.sottomenu li.rosa a 
	{
		color: #F4CDEE;
		font-family: arial;
		font-size: 12px;
		font-weight:bold;
		text-decoration: none;
			
	}
	.sottomenu li a:hover
	{
		color: #fff;
		font-family: arial;
		font-size: 12px;
		font-weight:bold;
		text-decoration: underline;
	}
	

.portfolio ul
	{
			list-style: none;
			margin-top: 5px;
			font-family: arial;
			font-size: 12px;
			color:#e6dfe3;

		
	}

.portfolio li
	{
			font-family: arial;
			font-size: 12px;
			color:#e6dfe3;
			padding: 3px 16px;
			background: transparent url(img/freccina_verde.gif) no-repeat center left;
			
	}
		

#content_hp { 
	width:760px;	
	padding-left:30px;
	padding-right:30px;
	background-image: url(img/bg_tessuto.jpg);
	background-repeat: no-repeat;
	/*border:2px solid #339900;*/
}


#content { 
	width:820px;
	padding:2px;
	min-height:445px;	
	text-align:left;
	/*border:2px solid #339900;*/
}
#content_int { 
	width:820px;	
		padding:2px;

	min-height:445px;	
	color:#ccc;
	background-image: url(img/bg_banner2.jpg);
	background-repeat: no-repeat;

	/*border:2px solid #339900;*/
}
#box_lavorazioni { 
	width:620px;
	padding-top:10px;
	padding-left:10px;
	float:left;	
	background-image:url(img/bg_menu_left.jpg);
	background-position: topleft;	
	background-repeat: no-repeat;
	min-height:260px;

	/*border:2px solid #339900;*/
}
.banner{
	width:794px;	
	margin-bottom:5px;
	padding-left:2px;
	padding-top:2px;
	background-image: url(img/bg_banner.jpg);
	background-repeat: no-repeat;
	}
.intro { 
	padding-top:380px;
	font-family: "Monotype Corsiva", tahoma;
	font-size:30px;
	color:#888;
	text-align:center;
	letter-spacing:-1px;
	/*border:2px solid #339900;*/
}
.intro a { 
	font-family: "Monotype Corsiva", tahoma;
	font-size:30px;
	color:#888;
	text-align:center;
	letter-spacing:-1px;
	text-decoration:none;
	/*border:2px solid #339900;*/
}
.intro a:hover { 
	font-family: "Monotype Corsiva", tahoma;
	font-size:30px;
	color:#bfbdbd;
	text-align:center;
	text-decoration: underline;
	letter-spacing:-1px;
	/*border:2px solid #339900;*/
}


.testo{
	margin-top:5px;
	padding:10px;
	float:left;
	font-family: arial;
	font-size: 13px;
	line-height:1.4;

	}


#footer { 
	width:820px;
	text-align:center;
    font-family:arial;
	font-size:10px;
	color:#343333;
	background-color:#000;
	margin-top:20px;
	/*border:2px solid #339900;*/
}

.grigio{
    font-family:arial;
	font-size:10px;
	color:#343333;

}
.rosa_big{
    font-family:arial;
	font-weight: bold;
	font-size:13px;
	color:#F4CDEE;
}