@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;
}
a {
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
	/* Setting default text color, background and a font stack */
	color:#003300;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(img/22218122009%20copia.jpg);
	background-attachment: fixed;
	background-position: center top;
}
#contenitore {
	margin: auto;
	width: 960px;
}

p {
	line-height:1.5em;
	padding: 8px 12px;
}

ul{
	margin:0;
	padding:0;
}

ul.container{
	/* The main UL */
	width:900px;
	margin: auto;
}

li{
	list-style:none;
	text-align:left;
}

li.menu{
	/* The main list elements */
	padding:5px 0;
	width:900px;
}

li.button a{
	/* The section titles */
	display:block;
	font-family:BPreplay, Arial, Helvetica, sans-serif;
	font-size:21px;
	height:34px;
	overflow:hidden;
	position:relative;
	width:900px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	color:#fff;
	background-image: url(img/bgmenu.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

li.button a:hover{
	/* Removing the inherited underline from the titles */
	/*text-decoration:none;*/
}

li.button a span{
	/* This span acts as the right part of the section's background */
	position:absolute;
	left:20px;	
}

/* Setting up different styles for each section color */

li.button a.home{
	
	background-position: left top;
}

li.button a.home:hover{
	background-position: left -176px;
}



li.button a.servizi{

	background-position: left -44px;
}

li.button a.servizi:hover{

	background-position: left -220px;
}


li.button a.galleria{

	background-position: left -88px;
}

li.button a.galleria:hover{

	background-position: left -264px;
}


li.button a.contatto{
	
	background-position: left -132px;
}

li.button a.contatto:hover{
	
	background-position: left -308px;
}


/* The hover effects */

li.button a:hover{ background-position:bottom left;}
li.button a:hover span{ background-position:bottom right;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:5px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:#373128;
	border:1px solid #40392C;
	color:#CCCCCC;
	margin:5px 0;
	padding:4px 18px;
}
.wrapper {
	background-image: url(img/bgwrapper.png);
	margin: 10px;
}
#contenitore #testata {
	height: 185px;
	position: relative;
}
#testata h1 {
	background-image: url(img/logo.png);
	background-repeat: no-repeat;
	text-indent: -9000px;
	height: 100px;
	width: 267px;
	position: absolute;
	right: 30px;
	top: 50px;
}

.sx { float:left; }
.dx { float:right; }

img { margin:8px; }

.cancella { visibility:hidden; clear:both; }
.colonna {
	float: left;
	width: 293px;
}


.contattof li {
	list-style-position:outside;
	list-style-type: disc;
	margin-left:60px;
	margin-bottom:15px;
	background-color: transparent;
	color: #003300;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.thumbs_all li, .lista li {
	background-color:transparent;
	border:none;
	margin:0px;
	padding:0px;
}

.lista li {
	color: #003300;
	list-style-type: square;
	margin-left: 40px;
	margin-bottom:8px;
}

h2 {
	background-color: #003300;
	padding: 5px;
	text-transform: uppercase;
	color: #98D998;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}


.contattof a {
	color: #001C00;
}

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


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



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

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

.contattof .fax {
	
	list-style-image: url(img/fax.gif);
}

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

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

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

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

#piede ul {
	float: right;
	margin-right: 30px;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#piede li {
	display: inline;
	margin-left: 10px;
}


#piede ul.meteo {
	float: left;
	margin-left: 30px;
	width:200px;
}