/* CSS Document */
html, body{
	margin:0;
	border:0;
	padding:0;
	width:100%;
	min-height:100%;
}

html{
	background:url(images/sfumatura.jpg) repeat-x;
}

body{
	background:url(images/testata.jpg) 50% 0 no-repeat;
	color:#051c30;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
}

a{
	color:#d13a1d;
}

a:hover{
	color:#1e6bac;
}

p{
	line-height:14px;
	margin:0;
	padding:0;
}

strong{
	color:#114674;
}

#contenitore, #sito{
	position:relative;
	overflow:auto;
	width:890px;
	margin:0 auto;
}

#testata{
	position:relative;
	width:880px;
	height:240px;
	background:url(images/logoeremo.png) 0 0 no-repeat;
}

#linketti{
	position:relative;
	float:right;
	width:100px;
	height:20px;
	text-align:right;
}

#meteo{
	position:absolute;
	bottom:0;
	right:20px;
	width:180px;
	background-position:right 40px;
	background-repeat:no-repeat;
}

#meteo a{
	color:#1e6bac;
	text-decoration:none;
}

#meteo2{
	position:relative;
	width:180px;
	padding:0 10px 10px 10px;
	background-position:right 40px;
	background-repeat:no-repeat;
	background-color:#dae5f3;
}


#sito{
	background:url(images/angolo-bsd.png) bottom right no-repeat;
}

#cont{
	position:relative;
	overflow:auto;
	width:678px;
	background:url(images/angolo-ts.png) 0 0 no-repeat;
}

#contenuti{
	position:relative;
	overflow:auto;
	margin:8px 0 7px 8px;
	padding:0 20px 20px;
	width:620px;
	min-height:1100px;
	background:#e5eef9 url(images/sfumatura2.jpg) bottom repeat-x;
}

#contenuti img{
	border:solid 4px #a4c4e0;
	margin-bottom:5px;
}

#sx{
	float:left;
	margin-right:40px;
	width:400px;
}

#dx{
	float:left;
	width:180px;
}

#gallery{
	float:left;
	margin-right:20px;
	width:420px;
}

#gallery img{
	width:130px;
	height:90px
}


#gallerycat{
	position:relative;
	width:160px;
	padding:0 10px 10px 10px;
	background-color:#eef2fb;
}

#gallerycat a{
	text-decoration:none;
}

#gallerycat ul{
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
}

#news, .new{
	overflow:auto;
}

.new{
	margin:0 0 5px 0;
	border-bottom:#1e6bac 1px solid
}


#newsletter{
	position:relative;
	padding:0 10px 10px 10px;
	width:160px;
	background:#ecf4fe url(images/sf-newsletter.gif) no-repeat;
}

#newsletter div{
	margin:0;
	background:url(images/sf-field.gif) no-repeat;
}

#newsletter form, #ricerca form{
	position:relative;
	margin:10px 0 0 0;
	padding:0;
	overflow:hidden;
}

#contatore{
	position:relative;
	padding:10px;
	width:160px;
	background:#ecf4fe;
}

#ricerca{
	position:relative;
	padding:0 10px 10px 10px;
	width:160px;
	background:#ecf4fe;
}

#ricerca div{
	margin:0;
	background:url(images/sf-field.gif) no-repeat;
}

.field{
	width:150px;
	height:20px;
	padding:1px 5px;
	margin-bottom:5px;
	border:none;
	background:none;
}

.bottone{
	border:none;
	background: #d13a1d;
	font:bold 14px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	letter-spacing:0.65pt;
	text-transform:uppercase;
	cursor:pointer;
	height:18px;
	}

#fondo{
	position:relative;
	overflow:auto;
	width:880px;
	font:normal 12px "Trebuchet MS", Arial, Verdana;
	color:#b1b9c2;
	text-align:right;
}

#fondo a, #fondo a:hover{
	text-decoration:none;
	color:#3370a2;
}

/*--------------------------------------menu----------------------------------------*/

#menu{
	float:left;
	position:relative;
	margin:20px 12px 20px 20px;
	padding:0;
	width:180px;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu li{
	margin:0;
	padding:2px 0;
	border-bottom:solid 1px #dde8f3;
	border-top:solid 1px #fff;
	font:normal 16px "Trebuchet MS", Arial, Verdana;
	color:#1e6bac;
	letter-spacing:1px;
	line-height:24px;
}

#menu li strong{
	color:#1e6bac;
}

#menu li.primo{
	border-top:none;
}

#menu li.ultimo{
	border-bottom:none;
}

#menu li li{
	font: 14px  "Times New Roman", Times, serif;
	color:#114674;
	background:none;
	padding:0 0 0 10px;
	border:none;
	line-height:18px;
}

*:first-child+html body #menu ul li li {/*solo per ie7*/
	font-style:italic;
}

#menu li a{
	color:#1e6bac;
	letter-spacing:1px;
	line-height:24px;
	text-decoration:none;
}

#menu li li a{
	color:#114674;
	letter-spacing:0.5px;
	line-height:18px;
	text-decoration:none;
}

#menu li a:hover, #menu li li a:hover{
	color:#d13a1d;
	text-decoration:none;
}

/*--------------------------------------classi generiche----------------------------------------*/

.sx{
	float:left;
	margin:0 10px 10px 0;
}

.dx{
	float:right;
	margin:0 0 10px 10px;
}

.riga{
	border-bottom:1px #3787cd dashed;
}

.new img{
	float:left;
	margin-right:20px;
	margin-top:7px;
}

.num{
	position:relative;
	float:left;
	margin-right:2px;
	min-width:20px;
	font:bold 14px "Trebuchet MS", Arial, Verdana;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:0.65pt;/**/
	text-align:center;
	padding:2px;
	background:#134b7a;
	display:block;
}

a .num{
	text-decoration:none;
	background:#e5eef9;
	color:#2b689e;
}

a:hover .num{
	text-decoration:none;
	color:#fff;
	background:#2b689e;
}

.num.uns{
	text-decoration:none;
	background:#e5eef9;
	color:#2b689e;
}

.webcam{
	position:relative;
	overflow:auto;
}

.webcam img{
	float:left;
	width:182px;
	height:130px;
}

a.linkwebcam{
	font:bold 13px "Trebuchet MS", Arial;
	text-transform:uppercase;
	color:#3787cd;
	text-decoration:none;
	outline:none
}


/*--------------------------------------classi testi----------------------------------------*/

.titoli1, .titoli2{
	color:#134b7a;
	font:Italic 24px "Times New Roman", Times, serif;
	line-height:27px;
	padding:15px 0;
	display:block;
}

.titoli2{
	color:#2b689e;
}

.titoli3, .titoli4, .titoli5, .titoli6{
	color:#3787cd;
	font:bold 16px "Trebuchet MS", Arial, Verdana;
}

.titoli4{
	color:#d13a1d;
}

.titoli5{
	color:#318408;
}

.titoli6{
	color:#E88E00
}


.titolini{
	color:#3370a2;
	font:bold 14px "Trebuchet MS", Arial, Verdana;
	line-height:30px;
}

.new a{
color:#1e6bac;
text-decoration:none
}

/*--------------------------------------image slideshow----------------------------------------*/

.imageSlideshowHolder,.imageSlideshowHolder_left{
	margin-left:0;	/* "Air" */
	/*float:left; /* Floating gallery at the right side of other web page content */
	width:180px;
	height:137px;	
	overflow:hidden;	/* Image height */
	position:relative;	/* Don't remove this line */
}

/* Don't change these values */
.imageSlideshowHolder img{
	position:absolute;
	border:none;
	left:0px;
	top:0px;
	width:172px;	/* Image width */
	height:129px;
}

.toggler{cursor:pointer;}
.maschera{}

/* -------- social network */

ul#sociale{
	/*overflow:hidden;*/
	display:inline-block;
	width:100%;
	margin:0;
	padding:8px 0;
	border-bottom:1px solid #1e6bac;
}

ul#sociale li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}

ul#sociale li.fb{
	padding:0;
}

ul#sociale li.fb-cond{
	margin:-20px 0 0 0;
	float:right;
}