@charset "utf-8";
/* RESET stili - QUAZ-ART HTML */ 
html,body,p,h1,h2,h3,h4,h5,h6,img,a,ul,li {margin:0; padding:0;}
table {border-collapse:collapse;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a {text-decoration:none;}
a img {border:none;}
p {font-family:Verdana, Geneva, sans-serif; text-align:left; line-height:normal; font-size:11px; line-height:1.4em;}
li{list-style-type:none;}

body {
	background-color:#000;
	overflow-x:hidden;
	font-family:Helvetica,Arial, sans-serif;
	font-size:14px;
	color:#FFF;
	}
	
p strong {color:#c8b8f6;}
	
h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	text-align:center;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:11px;
	padding-top:2px;
	}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	}

hr {
	border:1px dotted #444;
	margin:8px 0;
	}

h3 {
	font-weight:normal;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#AAA;
	font-size:12px;
	}

.link1 {
	font-size:13px;
	color:#EEE;
	text-decoration:none;
	line-height:normal;
	}

.link1:hover {color:#FC0;}
/* --- */

#logo_sx {
	display:block;
	width:90px;
	height:459px;
	position:absolute;
	z-index:1;
	top:42px;
	left:-93px;
	background:url(../grafica/loghi.gif) 0% -269px no-repeat;
	}

#logo_sx a {
	display:block;
	width:90px;
	height:459px;
	}

#cornice {
	position:relative;
	width:960px;
	min-height:550px;
	border:1px solid #777;
	margin-top:3px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	background:url(../grafica/quaz_sfondo_td.jpg) top center no-repeat;
	}

#corpo_fisso {
	position:absolute;
	z-index:10;
	top:87px;
	}

#corpo_mobile {
	margin-top:86px;
	padding:20px;
	}

.trasparenza {background-color:#000; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7;}

#barra_menu {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	width:960px;
	height:86px;
	border-bottom:1px solid #AAA;
	}
	
#logo {
	position:absolute;
	top:10px;
	left:20px;
	z-index:12;
	width:368px;
	height:64px;
	}
	
/* --- menu --- */
#preload_menu_hover{
	position:absolute;
	z-index:0;
	height:0;
	background-image:url(../grafica/bg_hover.png);
	}
	
#menu {
	position:absolute;
	top:0;
	right:0;
	z-index:11;
	height:86px;
	}

#menu a {
	display:block;
	padding-top:60px;
	float:right;
	height:22px;
	width:112px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	}

#menu a:hover {background:url(../grafica/bg_hover.png) top center no-repeat;}
	
/* footer */
#footer {
	position:relative;
	width:960px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:6px;
	}

/* -- outbound link --- */
#outbound {
	height:22px;
	}

#outbound ul {list-style-type:none;}
#outbound li {display:inline;}
	
#outbound a {
	float:right;
	margin-left:5px;
	display:block;
	height:22px;
	width:22px;
	overflow:hidden;
	border:1px solid #444;
	background:url(../grafica/loghi.gif) top left no-repeat;
	}

/* LINKS FOOTER */
#flash {background-position:0% -176px !important; width:58px !important;}
#facebook {background-position:0% 0% !important;}
#deviantart {background-position:0% -22px !important;}
#gai {background-position:0% -44px !important;}
#equilibriarte {background-position:0% -66px !important;}
#netlog {background-position:0% -88px !important;}
#myspace {background-position:0% -110px !important;}
#flickr {background-position:0% -132px !important;}
#ferrucciolipari {background-position:0% -154px !important;}
#artedigitale {background-position:0% -198px !important; width:60px !important;}
#blogspot {background-position:0% -220px !important; width:60px !important;}
#expoart {background-position:-22px -66px !important;}
#quazart {background-position:-44px -66px !important; width:66px !important;}
/* LINKS FOOTER */

#mail_gif {
	width:14px;
	height:8px;
	background:url(../grafica/loghi.gif) -90px -269px no-repeat;
	}

/*--- Slideshow ---*/
#slide_maschera, .slideshow {
	position:absolute;
	z-index:1;
	width:960px;
	height:0 auto;
	top:0;
	left:0;
	}

.slideshow {
	z-index:2;
	overflow:visible;
	}

.slideshow img {
	margin:0; 
	padding:0; 
	border:0;
	display:none;
	}
 	
.slide1, .slide2 {
	position:absolute;
	top:0;
	left:0;
	display:block;
	z-index:6;
	opacity:1;
	width:960px;
	height:550px;
	}
	
.slide2 {
	z-index:5;
	opacity:0;
	}

/* Slide Up/Down */
#inner {
	text-align:right;
	display:none;
	margin:0;
	padding:20px;
	background-color:#000; 
	opacity:0.85; 
	filter:alpha(opacity=85); 
	-moz-opacity:0.85;
	}
	
#mostra_nascondi {
	cursor:pointer;
	display:block;
	width:109px;
	height:27px;
	background:url(../grafica/loghi.gif) 0% -242px no-repeat;
	border:1px solid #333;
	border-right:none;
	}
	
/* Portfolio */	
#galleria li{  /* fruzzico sfondo dell li*/
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:160px;
	height:233px;
	background:url(../grafica/progress.gif) 44% 40% no-repeat;
	}

#galleria {width:900px; margin:auto; padding:5px 0 0 48px;}

#galleria li {
	float:left;
	margin:0 0 0 5px;
	margin-bottom:8px;
	padding:0;
	text-align:center;
	display:inline; /* per IE */
	width:160px;
	}

#galleria a {display:block; width:140px; height:200px; border:2px solid #888;}
#galleria a:hover {border:2px solid #FC0;}

#galleria h2 {
	font-size:12px;
	font-weight:bold;	
	margin:0; 
	padding:6px; 
	text-align:left;
	}

#galleria p {
	font-family:Arial, Helvetica, sans-serif;
	color:#AAA;
	font-size:11px;
	text-align:center;
	}

/* ----- EASY SLIDER ---- */ 
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
    margin:0;
    padding:0;
    display:block;
    overflow:hidden;
    text-indent:-8000px;
    }
/* // image replacement */	

#content{
	position:relative;
	margin:0 auto;
	text-align:left;
	width:778px;
	height:350px;
	border:2px solid #CACACA;
	}			

/* Easy Slider */
#maschera_easy_slider {
	width:100%;
	height:354px;
	overflow:hidden;
	}

#slider {background:#111 url(../grafica/progress.gif) 50% 50% no-repeat;}
	
#slider ul, #slider li,	#slider2 ul, #slider2 li {
	margin:0;
	padding:0;
	list-style:none;
	}
		
#slider li, #slider2 li { 
	width:778px;
	height:350px;
	overflow:hidden; 
	}
		
#prevBtn, #nextBtn,	#slider1next, #slider1prev { 
	display:block;
	width:30px;
	height:61px;
	position:absolute;
	left:-30px;
	top:120px;
	z-index:29;
	}	
	
#nextBtn, #slider1next{left:778px;} /* spazio tra il bottone di sinistra e quello di destra */
			
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:61px;
	background:url(../grafica/loghi.gif) -22px 0% no-repeat;
	}	
		
#nextBtn a, #slider1next a{background:url(../grafica/loghi.gif) -52px 0% no-repeat;}
		
/* ---- */

#MyResult1 {font-weight:bold; color:#0C3;}

#modulo input[type=text], #modulo textarea {
	background-color:#000;
	border:1px solid #888;
	padding:2px;
	color:#FFF;
	}

#modulo input[type=text] {width:250px;}

#modulo textarea {
	width:400px;
	height:75px;
	}