@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 {
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #004C78;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
a {
	color: #FFFFFF;
	text-decoration: none;

}

h2 { font-size:18px; margin-bottom:10px; }

p {
	margin-bottom: 12px;
	line-height: 18px;
	font-size: 12px;
	word-spacing: .2em;
}

.cancella { clear:both; visibility:hidden; }

#contenitore {
	margin: auto;
	width: 960px;
	position: relative;
}
#contenitore #testata {
	position: relative;
	height: 200px;
	width: 100%;
	background-image: url(img/ombre.png);
	background-repeat: no-repeat;
	background-position: 84px 368px;
}
#testata h1 {
	text-indent: -9000px;
	position: absolute;
	height: 86px;
	width: 300px;
	background-image: url(img/logo.png);
	left: 134px;
	top: 44px;
}
#testata #menu {
	position: absolute;
	top: 100px;
	right: 0px;
}
#testata #menu li {
	display: inline;
	margin-left: 25px;
}



#testata .icone a {
	position: absolute;
	height: 20px;
	
	text-indent: -9000px;
	
	background-repeat: no-repeat;
	left: 440px;
	
}

#testata a.home {
	width: 26px;
	background-image: url(img/linkhome.png);
	top: 50px;
}

a.home:hover {
	background-position: -27px 0px;
}


a.contatti:hover {
	background-position: -28px 0px;
}


#testata a.contatti {
	width: 27px;
	background-image: url(img/linkcontatti.png);
	top: 80px;
}

#testata #menu a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5a9b38;
	font-size: 17px;
	text-decoration: none;
	
}
#testata #menu a:hover {
	color: #417129;
}

#testata #box img {
	border: 2px solid #0075B9;
}


#testata #box li {
	
	height: 128px;
	width: 156px;
	position: absolute;
	top:283px;
}


#testata li.box1 {
	left:150px;
}

#testata li.box2 {
	left:340px;
}

#testata li.box3 {
	left:540px;
}

#testata li.box4 {
	left:730px;
}


#contenitore #corpo {
	width: 100%;
	color: #FFFFFF;
	background-image: url(img/linea.png);
	background-repeat: repeat-y;
	background-position: 660px 0px;
}

#contenitore #corpo.prodotti {
	background-position: 410px 0px;
}

#contenitore #corpo.nolinea { background-image:none; }

#corpo a { 	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;}

#corpo a:hover {
	border-bottom-style: solid;
}


#corpo .wrapper {
	margin-right: 68px;
	margin-left: 150px;
	margin-top: 71px;
	margin-bottom: 40px;
}



#contenuto {
	float: left;
	width: 500px;
}

.prodotti #contenuto { width:250px; }

#colonna {
	float: right;
	width: 200px;
}

#colonna.prodotto {
	width: 400px;
}




#prodotto {
	float: right;
	width: 400px;
}



#homeprodotti { 
	float: left;
	list-style: none;
	margin:0; padding:0;
	width: 100%;

}


.prodotto .immagine { width:100%; }

.listatag li { padding-bottom:15px; }

.news h2 {
	font-size: 24px;
	color: #CCCCCC;
	font-family: Garamond;
	margin-bottom: 20px;
}


.news .data { float:right; }
.news .tag { float:left; }
.news { margin-bottom:25px; }


.pagine { float:right; }
.pagine li { display:inline-block; margin-right:3px; }
.pagine li a {
	text-decoration:none;
	color:#CCCCCC;
	padding:2px;
}
.pagine li a.selez {
	background-color:#FFFFFF;
	color: #699AAE;
	}

#corpo #prodotti a, #corpo .pagine a, #corpo #homeprodotti a {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#NOME { visibility:hidden; }

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

form input, form select {
	width: 200px;
	border: 1px solid #0066CC;
	background-color: #FFFFFF;
	padding: 2px;
	font-size: 12px;
	color: #004E7C;
}


form textarea {
	width: 420px;
	border: 1px solid #0066CC;
	background-color: #FFFFFF;
	padding: 2px;
	font-size: 12px;
	color: #004E7C;
}
form #c {
	width: 100px;
}

form #invia {
	width: 120px;
}
.centrato {
	color: #FFEEC2;
	text-align: center;
}


.datagb { float:left; }

.dateblock {
	width: 128px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-image: url(img/calendario.png);
	height: 128px;
	position: relative;
}
.dateblock .day {
	font-size: 55px;
	font-weight:bold;
	position: absolute;
	top: 60px;
	width:100%;
	text-align:center;
}
.dateblock .month {
position: absolute;
font-size: 12px;
color:#FFF;
top:31px;
left:11px;
}
.dateblock .year {
font-size: 12px;
position: absolute;
top:31px;
right:13px;
color:#FFF;
}


.messaggio { float:right; width:370px; }

.guestbook {
	width:500px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: groove;
	border-bottom-color: #FFFFFF;
	position:relative;
}

#guestbookform p { margin-bottom: 6px;}
#guestbookform input, #guestbookform textarea { width:180px; }

.errore { background-color:#990000; color:#FFFFFF; }

h2.firma { color:#990000; font-weight:bold; }
.servizi {
	list-style-image: url(img/punto.png);
	list-style-type: disc;
}
.servizi li {
	margin-bottom: 10px;
}

.news .leggitutto {
	
	text-align: right;
	
}

.news .leggitutto a {
	color: #00598D;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 2px;
}

.news .leggitutto a:hover {
	background-color: #00598D;
	color: #FFFFFF;

}

#piede {
	background-color: #002C47;
	width: 100%;
	color:#FFFFFF;
	padding-bottom: 15px;
	padding-top:10px;
}
#piede a {
	color: #CCCCCC;
}
#piede .piede {
	margin: auto;
	width: 960px;
}

 #piede .wrapper {
	margin-right: 68px;
	margin-left: 150px;
	
	
}

#piede ul {
	float: left;
	width: 247px;
}
#piede ul li {
	line-height: 25px;
}


#maschera { width:200px; }

#contatto {  }

#contatto #nome, #contatto #email, #contatto #note { width:200px; }

#contatto p .note {
	vertical-align: top;
}

#contatto #trattamento { width: auto; }

#contatto p .sottolineato { text-decoration:underline; }

#contatto #NAME { display:none; }
#contatto #invia{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	background-color:transparent;
}

#gmap { width:220px; height:300px; float:left; }
#gmap a, #gmap a:hover { border:none; }

.contatti { float:right; width:260px; }

.contatti li {
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	padding-bottom: 25px;
	line-height: 1.1em;
}
.contatti li.indirizzo {
	background-image: url(img/contatto-indirizzo.png);
}

.contatti li.telefono {
	background-image: url(img/contatto-telefono.png);
}


.contatti li.email {
	background-image: url(img/contatto-email.png);
}


.contatti li.skype {
	background-image: url(img/contatto-skype.png);
}



#testata #plusone { position: absolute;
	left: 270px;
	top: 130px;
	
	 }

#testata .fb-like { position:absolute; top: 128px; left:330px; }

/* liScroll styles */

.tickercontainer {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	color: #00579D;
	background-color: #000000;
	position: absolute;
	z-index: 10;
	top: 0px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 100%;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 100%;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
	margin: 0 10px 0 0;
	color: #fff;
} 


#corpo .partner {
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}


#corpo .partner .wrapper {
	height: 170px;
	width: 170px;
	margin:0;
	padding:0;
}
#corpo .partner .imgbox {
	padding: 2px;
	
	
}

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

#corpo .partner a { border:none; }