/* CSS Document */
body {
	margin: 0;
	font-size: 11px;
	color:#666; 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	height: 100%; background-image:url(img/bg.jpg); background-attachment:fixed; background-position:top; background-repeat:no-repeat; 
}
ul{  }
p { margin:0; padding:0; }
html {
	height: 100%;
}

h1{ font-size:20px; font-weight:bold}
h2{ font-size:16px; font-weight:bold}
 
 
.floatl{ float:left; display:inline; }
.floatr{ float:right; display:inline; } 
.clear{ clear:both; }
 
a { color:#333;  text-decoration:none;  }
a:hover {text-decoration:underline;  }
a img { border: none; } 
 
 
.msgnull{} /* messaggio di "non trovato" */
.msgerror{} /* messaggio di ringraziamento/errore */ 
 
 
#page {
	min-height: 100%;
height: auto !important;
height: 100%;
position:relative;
margin:0 auto;
 }

#container { 
	width: 900px; 
	margin: auto;
	overflow:hidden;
}

#header {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 15px;
	clear:both;
	float:right;
	display:inline;
	position:relative;
}

#col {	  
	width: 300px;
	margin: 0;
	padding: 0;
	float:left;
	display:inline;
	overflow:hidden;

}

#body {
	width: 570px;
	float:left;
	padding-left:15px;
	padding-right:15px;
	display:inline;
	overflow:hidden;
	background-color:#6e706f;
	color:#F0EFEE;
	padding-bottom:40px;
}

#footer {
	float:left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
	clear:both;
	display:inline;
}


/* IMMAGINI TESTATA */

#s3slider{
float:right;
display:inline;
}

#s3sliderContent {list-style:none; margin:0; padding:0;
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}
.s3sliderImage img { vertical-align:bottom; }
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 10px;
   padding: 10px 10px;
   width: 280px;  /*E' il settaggio $HEAD_W - 20px */
   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 */
   bottom: 0;
}

.clear {
   clear: both;
} 



/* MENU PAGINE*/

.menu-lingue{
margin:8px;
}
.menu {list-style:none; margin:0; padding:0; width:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#333; float:left;}
.menu li {
 display:block;
 float:left;
 clear:both; 
 width:100%;
 
}

.menu li a{
	display:block;
	float:left;
	width:276px;
	padding:4px;
	background-color:transparent;
	color:#333;
	font-size:12px;
	text-decoration:none; padding-left:20px;
 }
 
.menu li img{ border:none;  }
 
.menu li a:hover{ background-image:url(img/sel.gif);  color:#666; 
}

.menu li.menu-selected a{ background-image:url(img/hover.gif);  color:#FFF;  }

.submenu { 
list-style:none; margin:0; padding:0; margin-left:20px; display:none; width:280px; float:left }

.submenu li {
 float:left;
 clear:both; 
  
 }
 
.menu li  .submenu li a{ 
 display:block;
 float:left;
 clear:both; 
 width:276px;
 padding:4px;
 background-color:#333; color:#FFF;
 font-size:11px;
 text-decoration:none;}
 
 
.menu li .submenu li a:hover{ color:#666; }

.menu li .submenu li.submenu-selected a{ color:#fff;  }

.submenu li a:hover{ color:#fff; }

.trigger_menu {
cursor:pointer;
}
.box-banner{
clear:both;
float:left;
display:inline;
margin-top:8px;
}
.banner{
float:left;
display:inline;
margin-top:4px;}

/* STILI PAGINE */
.box-pagina{ /*box pagine*/
clear:both;
float:left;
display:inline;
width:100%;
}

.titolo-pagina{
font-size:22px; background-image:url(img/separ.gif); background-position:left; background-repeat:no-repeat;
font-weight:bold; line-height:60px; padding-bottom:50px; 
border-bottom:1px solid #CCCCCC;
margin-bottom:8px;
text-align:right;
}

.titolo-subpagina{
font-size:18px;
font-weight:bold; line-height:20px;
border-bottom:1px solid #CCCCCC;
margin-bottom:8px;
text-align:right;
}


.thumb-left{
width:164px; /* Larghezza thumb +4px */
float:left;
display:inline;}

.thumb-left img{
clear:left;
margin-bottom:10px;
margin-right:10px;
float:left;
display:inline;}
.thumb-left a{ display:inline; float:left; margin-bottom:4px; margin-right:4px; }


 .thumb-right{
width:164px; 
float:right;
display:inline;}

.thumb-right img{
clear:right;
margin-bottom:4px;
margin-left:4px;
float:right;
display:inline;}
.thumb-right a{display:inline; float:right; margin-bottom:10px; }

.thumb-top,.thumb-bottom{
width:100%; 
float:left;
display:inline;
clear:both;
margin-top:10px;
margin-bottom:10px;

}

.thumb-top img{
margin-bottom:4px;
margin-left:4px;
float:left;
display:inline;}
.thumb-top a{ display:inline; float:left; margin-bottom:4px; margin-left:4px;}


.thumb-bottom img{
margin-top:4px;
margin-bottom:4px;
margin-left:4px;
float:left;
display:inline;}
.thumb-bottom a{ display:inline; float:left; margin-bottom:4px; margin-left:4px; margin-top:4px;}

.div-pagina-allegati{}
.div-pagina-photogallery{}
.div-pagina-video{}


/* STILI NEWS */

.container-news{} /*Box news in home page*/
.box-news{  /*box news*/
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
float:left;
display:inline;
clear:both;
width:100%;
}
.img-newshome{
float:left;
display:inline;
margin-right:4px;}

.titolo-news{
font-weight:bold;
}
#slide-news{
float:left;
display:inline;
width:100%;
height:150px;
}
#slide-news div {float:left;width:100.5%}


/* STILI OFFERTE */

.box-off{  /*box offerte*/
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
float:left;
display:inline;
clear:both;
width:100%;
}
.titolo-off{
font-weight:bold;
}


/* STILI PHOTOGALLERY */

.box-foto{  /*box fotogallery*/
float:left;
display:inline;
clear:both;
width:100%;
margin-top:10px;
}

.thumb-fotogallery{  /*elenco gallerie*/
float:left;
display:inline;
margin:4px;
font-size:10px;
width:23%;
}

.thumb-foto{ /*elenco foto*/
float:left;
display:inline;
margin:12px;
}

.titolo-foto{
font-weight:bold;
}





/* STILI FORM */

.box-modulo{  /*box modulo*/
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
float:left;
clear:both;
width:100%;
}
 
.TblModulo{} /*tabella del modulo*/ 
 
.modulo-label{} /* etichette accanto ai campi*/
.inputtext{} /* campo di testo */
.textarea {} /* textarea */
.button {} /* bottone */



/* STILI GUESTBOOK */

.box-guest{  /*box Guestbook*/
margin-top:10px;
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
float:left;
clear:both;
width:100%;
}
.TblModulo{} /*tabella del modulo*/ 

.tbl-guest{ clear:both; float:left;} /* tabella dei messaggi */

.num-guest{         /*numero dei messaggi*/
font-size:48px;
font-weight:bold;
line-height:40px;
}

/* STILI NEWSLETTER */

.box-newsletter{  /*box Newsletter*/
margin-top:10px;
float:left;
clear:both;
width:100%;
display:inline;
}
.tbl-newsletter{} /*tabella del modulo*/ 
.titolo-newsletter{} /*Titolo Form newsletter*/
 

/* PAGINAZIONE */


#pagination-digg{border:0; margin:0; padding:0; width:320px; clear:both; float:left}

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:12px;
list-style:none;
margin-right:2px;
float:left;
}
#pagination-digg a{
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:0px;
}

.nolink { padding:3px 6px; float:left;}

#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#043454;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:3px 6px;
margin:0px 4px 0px 0px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #043454;
background-color:#f6f6f6;
padding:2px 5px;
}