@charset "UTF-8";
/* CSS Document */
@import url("normalize.css");

/* css reset */

* {
   margin: 0;
   padding: 0;
}


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,
b, u, i, center,
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-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body{
	background-color: #1b1212;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul, menu, dir {
    -moz-padding-start: 0px;
    display: block;
    list-style-type: disc;
}

img{
	border:none;
	margin:0;
	padding:0;

	}

/* css sito */
	
#content{
	width:860px;
	height:668px;
	position:relative;
	margin:0 auto;
	padding-top:50px;
	
	}

#header{
	width:860px;
	height:87px;
	position:relative;
	margin:0 auto;
	}

#header img{
	width:462px;
	height:87px;
	position:relative;
	margin-left:0;
	margin-top:0;
	}


#center{
	width:768px;
	height:581px;
	position:relative;
	padding-left: 55px;
	margin-top:0;
	}

#center img{
	width:768px;
	height:561px;
	position:relative;
	margin-left:0;
	margin-top:0;
	}

#menuMiletto{
	width:100%;
	height:57px;
	position:relative;
	margin:0 auto;
	background-color: #321a1c;
	}	
	
#menuMiletto ul{
	width: 864px;
	height: 17px;
	position: relative;
	margin: 0 auto;
	padding-top:8px;
	
	}	
	
#menuMiletto ul li{
	float:left;
	list-style-type: none;
	}	
	
#menuMiletto ul li.still-life{
	width: 121px;
	height: 17px;
	margin-left:125px;
	.margin-left:135px;
	}


#menuMiletto ul li.indossati{
	width: 136px;
	height: 17px;
	margin-left:28px;
	.margin-left:18px;
	}
	
#menuMiletto ul li.moda{
	width: 88px;
	height: 17px;
	margin-left:28px;
	.margin-left:230px;
	}	
	
#menuMiletto ul li.beauty{
	width: 111px;
	height: 17px;
	margin-left:28px;
	.margin-left:23px;
	}	
	
#menuMiletto ul li.food{
	width: 88px;
	height: 17px;
	margin-left:22px;
	.margin-left:42px;
	}
	
#menuMiletto ul li.clienti{
	width: 104px;
	height: 17px;
	margin-top:5px;
	margin-left: 111px;
	.margin-left:121px;
	}	

#menuMiletto ul li.commercial{
	width: 104px;
	height: 17px;
	margin-top:5px;
	margin-left:162px;
	.margin-left:172px;
	}	

#menuMiletto ul li.progetti{
	width: 104px;
	height: 17px;
	margin-top:5px;
	margin-left: 37px;
	.margin-left: 47px;
	}				
								
#gallery{
	width:800px;
	height:564px;
	position:relative;
	margin-left:0px;
	margin-top:0;
}
	
#immagine{
	width:648px;
	height:468px;
	position:relative;
	margin-left:0px;
	margin-top:50px;
	text-align:center;
	float:left;
	}
	
#immagine img{
	width:auto;
	height:auto;
	max-width:648px;
	max-height:468px;
	position:relative;
	margin:0 auto;
	border:none;
}

#immagine a{
	width:auto;
	height:auto;
	max-width:648px;
	max-height:468px;
	
}

#thumb{
	width: 98px;
	height: 483px;
	position: relative;
	padding-right: 46px;
	margin-top: 40px;
	float: right;
	overflow: hidden;
	background:url("../img/fondo-t.png") no-repeat;
	
	}


#thumb ul{
	width: 98px;
	
	position:relative;
	margin:0;
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
	top:0;
	zoom: 1;

	
}


#thumb ul:after {
     display: block;
     visibility: hidden;
     height: 0;
     clear: both;
   	 content: ".";
}

#thumb ul li{
	width:49px;
	height:69px;
	float:left;
	list-style-type: none;
}

#thumb ul li img{
	width:49px;
	height:69px;
	border:none;
}

#thumb ul li a{
	width:49px;
	height:69px;
}


#frecciaDown{
	width:8px;
	height:12px;
	position:absolute;
	right:34px;
	top:58px;
}

#frecciaDown img{
	width:8px;
	height:12px;
	}

#frecciaUp{
	width:8px;
	height:12px;
	position:absolute;
	right:34px;
	top:39px;
}

#frecciaUp img{
	width:8px;
	height:12px;	
}

.cursor{
cursor:pointer;	
	}
	
#footer{
	width:860px;
	height:30px;
	position:relative;
	margin:0 auto;
	}	
	
#footer p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	position: absolute;
	color: white;
	text-align: center;
	top: 20px;
	left: 114px;
	}
	
#footer a{
	color: white;
	
	}