@charset "UTF-8";

/* CSS Document */

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;
}

/* 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 {
	position: relative;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #040100;
	background-image: url(img/bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFFFFF;
	background-attachment: fixed;
}
a {
	color: #f00;
	text-decoration: none;
}
a:hover {
	color: #900;
}
p {
	line-height: 25px;
	margin-bottom: 10px;
}

p:first-letter {
	color: #990000;
	font-size:16px;
}

.cancella {
	clear: both;
	visibility: hidden;
}
#testata {
	position: relative;
	width: 960px;
	margin: auto;
	height: 238px;
}
#testata #logo {
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	height: 105px;
	width: 294px;
	position: absolute;
	left: 0px;
	top: 70px;
	text-indent: -9000px;
	display: block;
}
#testata #minimenu {
	background-image: url(img/minimenu.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 119px;
	top: 25px;
	height: 35px;
	width: 118px;
}
#testata #minimenu a {
	text-indent: -9000px;
	width: 39px;
	height: 35px;
	display: block;
	float: left;
}

#minimenu a:hover {
	background-image: url(img/minimenu_hover.png);
	background-repeat: no-repeat;
}

#minimenu a.home:hover {

	background-position: -3px;
}

#minimenu a.mappa:hover {

	background-position: -42px;
}

#minimenu a.contatti:hover {
	
	background-position: -81px;
}

#testata #menu {
	position: absolute;
	top: 154px;
	right: 0px;
	height: 33px;
	width: 609px;
	background-image: url(img/menu.png);
	background-repeat: no-repeat;
	font-size: 10px;
}
#testata #menu li {
	display: block;
	margin-top:10px;
	margin-right: 10px;
	margin-left: 10px;
	float:left;
}
#contenitore {
	width: 100%;
	background-image: url(img/corpo.png);
	position:relative;
}

#contenitore #contenuto {
	width:960px;
	margin:auto;
	padding-top: 10px;
	padding-bottom: 10px;
	position:relative;
	overflow:hidden;
	}
#contenuto #corpo {
	margin: 16px;
}
#corpo .riga {
	background-color: #FFFFFF;
	margin: auto;
	color: #FFFFFF;
}
#piede {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}
#piede .piede {
	margin-top: 10px;
	margin-bottom: 5px;
}
#piede .piede li {
	display: inline;
	margin-right: 10px;
}
.sx {
	float: left;
	margin-right: 18px;
}

.dx {
	float: right;
	margin-left: 18px;
}

.bordo8 {
	border-top-width: 8px;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.bordo3 {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

.bianco {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.catalogo p:first-letter {
	color: #FFFFFF;
	
}

.catalogo a {
	color:#fff;
	text-transform: uppercase;
}
.catalogo a:hover { color: #aaa; }

.catalogo li {
	display: inline-block;
	font-size:10px;
	float:left;
	margin-right:3px;
}

#catalogo h2 span.maiuscolo { text-transform: uppercase; float:none; }

#catalogo h2 {
	font-size: 18px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

h2 {
	font-size: 18px;
	padding-bottom: 5px;

}


#catalogo a {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 7px center;
}

#catalogo a.link {
	background-image: url(img/link.png);	
}

#catalogo a.catalogo {
	background-image: url(img/catalogo.png);	
}

#catalogo a.indietro {
	background-image: url(img/indietro.png);	
}

#catalogo h2 span { float:right; font-size:10px; }


#allestimento {
	font-size: 30px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

#s3slider {
	width: 960px; /* important to be same as image width */
	height: 300px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
}

#s3sliderContent {
	width: 960px; /* important to be same as image width or wider */
	position: absolute; /* important */
	top: 0; /* important */
	margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
	position: absolute; /* important */
	left: 0;
	font: 15px Arial, Helvetica, sans-serif;
	width: 934px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	-moz-opacity: 0.7; /* here you can set the opacity of box with text */
	-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
	opacity: 0.7; /* here you can set the opacity of box with text */
	color: #fff;
	display: none; /* important */
	top: 0;
	padding-top: 10px;
	padding-right: 13px;
	padding-bottom: 10px;
	padding-left: 13px;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 

.partner {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.partner p:first-letter {
	color: #FFFFFF;
	font-weight:normal;
	
}

.partner a { color:#fff; }
.partier a:hover { color: #aaa; }

.partner .wrapper {
	height: 210px;
	width: 150px;
}
.partner .imgbox {
	padding: 1px;
	border: 1px solid #FFFFFF;
	
}

.imgbox .wrapper {
	height: 146px;
	width: 146px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#listacontatti {
	width:450px;
	float:left;
	
}

#formcontatti {
	width:450px;
	float:right;

}


.contatto li {
	list-style-position:outside;
	list-style-type: disc;
	margin-left:30px;
	margin-bottom:15px;
}

.contatto .telefono {
	
	list-style-image: url(img/contatto/telefono.png);
}


.contatto .mobile {
	
	list-style-image: url(img/contatto/cellulare.png);
}



.contatto .lettera {
		list-style-image: url(img/contatto/lettera.png);
		line-height:18px;
}

.contatto .email {
	
	list-style-image: url(img/contatto/email.png);
}

.contatto .fax {
	
	list-style-image: url(img/contatto/fax.png);
}

.contatto .skype {
		list-style-image: url(img/skype.jpg);
}

.contatto .msn {
	
	list-style-image: url(img/msn.jpg);
}

.contatto .facebook {
		list-style-image: url(img/facebook.jpg);
}

.contatto .myspace {
	
	list-style-image: url(img/myspace.jpg);
}


#NOME { visibility:hidden; }

form .inputwrapper {
	width: 215px;
	background-image: url(img/input.jpg);
	height: 25px;
}

form .textareawrapper {
	background-image: url(img/textarea.png);
	/*height: 114px;
	width: 440px;	*/
	padding: 5px;
}

form .formbox { width:225px; float:left; }

form input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #FFF;
	padding: 5px;
	background-color: transparent;
}


form textarea {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #FFF;
	height: 104px;
	width: 440px;
	background-color: transparent;
}

form #invia { float:right; }



/* GALLERIA */
.galleria {list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.caption{font-style:italic;color:#887;}
	.demo{position:relative;margin-top:2em;}
	.gallery_demo{
	width:400px;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{
	height:300px;
	width:500px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	
.servizi {
	width:238px;
	height:266px;
	float:left;
	text-indent:-9000px;
	background-repeat: no-repeat;
	background-position: left center;
}

#progettazione {
	background-image: url(img/banner_progettazione.png);
}

#consegna { background-image: url(img/banner_consegna.png); }

#montaggio { background-image: url(img/banner_montaggio.png); }

#postvendita { background-image: url(img/banner_postvendita.png); width:194px; }

#mappa li {
	list-style-position: inset;
	list-style-type: square;
	margin-top: 10px;
	margin-bottom: 10px;
}

.banner li {
	float:left;
	margin: auto;
	margin-left:3px;
	margin-right:3px;
}

.banner li a {
	background-repeat: no-repeat;
	height: 80px;
	width: 160px;
	text-indent: -9000px;
	display: block;
}

.banner li .firefox {
	background-image: url(img/minibanner/firefox.png);
	
}

.banner li .opera {
	background-image: url(img/minibanner/opera.png);
	
}

.banner li .explorer {
	background-image: url(img/minibanner/explorer.png);
	
}


.wrapper .immaginihome {
	margin:0px;
	padding:0px;
	position:relative;
	height: 300px;
	width: 960px;
}
.immaginihome a { display:block;  float:left; text-align:center;} 

.carousel_container {
				width: 960px;
				height: 270px;
				margin: 0px auto;
				
			}
			

	
.gallerie a { float: left; width: 260px;  display:block; text-align:center; }
.gallerie img { width:246px; height:246px; }

#galleria, .notizia .gall { width:950px; }

	
#galleria li, .notizia .gall li { float:left; }
	
#galleria a, .notizia .gall a {  width: 125px; height:125px; display:block; }

.indietro { float:right; }

.pagine { margin-right:5px; float:right; margin-bottom:5px;}

.pagine li { display:block; float:left; padding-bottom:5px; }

.pagine a {
	padding: 2px;
	margin:2px;
	border: 1px solid transparent;
	display:inline;
}

.pagine a.attiva {
	color: #FFFFFF;
	background-color: #f00;
}

.pagine a:hover {
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}

.notizia {

}

.notizia h3 {
	font-size: 20px;
	color: #FF0000;
	font-weight: normal;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-top: 8px;
}
.notizia h5 {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 10px;
	text-align: right;
}
.notizia a {
	
}