html,body{margin:0;padding:0}

body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	font-size : 80%; /* 76% = 12 px - 62.5%=10px - 100.01% = 16 px */
	line-height:1.5em;
	color: #000000;
	background-attachment: scroll;
	background-color: #3e6ab3;
	background-image: url(sfondositocaivarallo.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.invisibile{
	display:none;
}

div.rigahr { /* riga orizzontale azzurra centrata, sotto il titolo di solito */
	height: 1px;
	border-top: 1px solid #97c2ff;
	width:836px;
	margin-top:5px;
}
div.rigahr hr {
	display: none;
}

div.rigahr670 { /* riga orizzontale azzurra centrata, sotto il titolo di solito */
	height: 1px;
	border-top: 1px solid #97c2ff;
	width:670px;
}
div.rigahr670 hr {
	display: none;
}


div.paginanocolonne{
	padding-left:30px;
	width:auto; height:auto;
	display:block;

}



/* --------------------------------------- TIPOGRAFIA TESTI CARATTERI  -------------------- */
/* ---------------------------------------------------------------------------------------- */

p {
	padding-right:25px;
	margin-top:0;
}

p.home {
	margin-top: 0;
}

p.venti {
	padding-left:20px;
}

.sposta10{
margin-left:30px;!important
}

h1{font-size: 2.2em;line-height: 1.25;margin: 0.5em 0; font-weight:300; letter-spacing: 0.05em; color: #3762a8;}
h2{font-size: 1.8em;line-height: 1;margin: 0.5em 0; font-weight:800; letter-spacing: 0.05em; 	color: #3762a8; display:inline;}
h3{font-size: 1.35em;line-height: 1;margin:0; font-weight:500; letter-spacing: 0.07em; color: #3762a8; display:inline;}
h4{font-size: 1.2em;line-height: 1.1111;margin: 0.2em 0; font-weight:300; color: #3762a8; display:inline;}
h5{font-size: 1em;line-height: 1.5;margin:0.5em 0; font-weight:400; color: #3762a8; display:inline;}
h6{font-size: 0.75em;line-height: 1;margin: 0 0; font-weight:200; letter-spacing:0; color: #3762a8;}


h3.rigasotto{
	display:block;
	height: 1.2em;
	border-bottom: 1px solid #97c2ff;
	width:670px;
	margin-bottom:0.9em;

}

.azzurro
{
color:#b0d3ff;
}

address {
	font-size: 1em; line-height: 1.5em;margin:0; font-weight:100; font-style:normal; display:inline;
}

a 
{
	text-decoration: underline;
	color: #36497c;
	text-indent: 0px;
	font-weight:500;
}

a:xara {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


.nosottolineato 
{
	text-decoration: none;
}


.footer_piva {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	font-size: 0.85em;
	color: #b0d3ff;
	padding-left:75px;
	display:block;
	margin-top:5px;
	line-height:15px;
	
}

.footer_note {
	font-size: 0.85em;
	color: #b0d3ff;
	padding-left:0px;
	width:150px;
	display:block;
	margin-top:5px;
	line-height:15px;
	text-decoration:none;
}
.footer_mappasito {
	font-size: 12px;
	font-weight: bold;
	color: #3e6ab3;
	cursor: default;
	padding-left:42px;
	margin-top:5px;
	width:120px;
	display:block;
	overflow:hidden;
	line-height:15px;
	text-decoration:none;
}

.testoxara {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0e60c6;
}
a.testoxara:xara {
text-decoration: underline;}
a.testoxara:active {
text-decoration: underline;}
a.testoxara:visited {}
a.testoxara:hover {}


.titolosito {
	font-family:"Times New Roman", Times, serif;
	font-size: 29px;
	padding-top:5px;
	color: #e7f0fc;
	letter-spacing: 1px;
	display:block;
	overflow: hidden;
	height:30px;
}

.piccolo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: left;
	text-indent: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	}

.titolosottomenu 
	{
	border-right:1px solid #97c2ff; 
	color:#3762a8; 
	font-size:14px;
	font-weight:800;
	font-style:oblique;
	display:block;
	width:140px;
	height:20px;
	padding-left:10px;
	background:#b0d3ff;
	margin-left:20px;
	overflow:hidden;
	}

.titolostampa 
	{
	position: absolute;
    text-indent:-2000px;
}

blockquote{width:400px;background:url(openquote.jpg) no-repeat top left}

cite{display:block;color:#36497c;text-align:right}




/* --------------------------------------- DIV  ---------------- */

div#container{text-align:left;}

/* header a tutta larghezza, con sfondo montagna */
div#header {height:168px; width:100%; background-image:url(fondofasciatop.png); background-repeat:repeat-x;}
  
div#dx{background:#FFFFFF;}

div#container{width:966px;margin:0 auto}

div#wrapper{float:left;width:100%}

div#corpo{
	margin: 0 0px 0 83px;
	background:#FFFFFF;
	height: auto !important;  /* altezza minima pagina bianca centrale */
	height: 450px;      /* imposta altezza minima pagina x IE5.x e IE6 */
	min-height: 450px;  /* altezza minima pagina bianca centrale */
	border-color:#00CC66; border:medium;
}

div#dx{float:left;width:10px;margin-left:-10px;
	height: auto !important;  /* altezza minima pagina bianca centrale */
	height: 450px;      /* imposta altezza minima pagina x IE5.x e IE6 */
	min-height: 450px;  /* altezza minima pagina bianca centrale */
}

div#sx{float:left;width:83px;margin-left:-966px;}
div#footer{clear:left;width:100%; height:31px; background-image:url(fondo_foot.jpg); background-position:top; background-repeat:no-repeat;}

/* definisce larghezza e divide in due colonne l'header */
div#header_centrato{
width:966px;margin:0 auto; height:168px;}
div#header_dx{float:right;width:70%; text-align:right; height:168px; overflow:hidden;}
div#header_sx{float:right;width:29.9%; height:168px; overflow:hidden;}
div#header_foto{
float:right; margin-right:-7px; display:block; margin-top:-106px;}
div#header_menu{
float:right; display:block; height:25px; width:735px; margin-right:0; margin-top:-25px; background:#FFFFFF; background-image:url(ombra_menu.jpg); background-repeat:repeat-x; background-position:top;}

div#footer_centrato{width:966px;margin:0 auto; height:31px;}
div#footer_dx{float:right;width:300px; text-align:left; height:31px; overflow:hidden; }
div#footer_mezzo{float:right;width:306px; text-align:right; height:31px; overflow:hidden; }
div#footer_sx{float:left;width:350px; height:31px; overflow:hidden; }

/* due colonne per sottosez ecc */
div#containerduecolonne{width:670px;margin:0 auto;overflow:hidden;}

/*div#destroduecolonne{float:right;width:269px;overflow:hidden;}
div#sinistroduecolonne{float:left;width:397px; overflow:hidden;} */

div#destroduecolonne{float:right;width:205px;overflow:hidden; margin-right:11px;}
div#sinistroduecolonne{float:left;width:448px; overflow:hidden;}
div#footerduecolonne{clear:both;width:100%}

/* due colonne per homepage */
div#containerduecolonnehome{width:850px;margin:0 auto;overflow:hidden;}
div#destroduecolonnehome{float:right;width:260px;overflow:hidden;}
div#sinistroduecolonnehome{float:left;width:560px;overflow:hidden;}
div#footerduecolonnehome{clear:both;width:100%;}
div#sinistroduecolonnehome p{ }

div.pagina{
	width: 795px;
	height: auto !important;  /* altezza minima pagina bianca centrale */
	height: 450px;      /* imposta altezza minima pagina x IE5.x e IE6 */
	min-height: 450px;  /* altezza minima pagina bianca centrale */
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	margin-top: 20px;
    }
	
div.contenutoconmenusx{ /* riquadro che sta a destra, con i testi della pagina */
	width:720px;
	padding:5px;
	display:block;
	height:auto;
	margin-left:150px;

}
div.sottomenu /* riquadro che sta a sinistra, con i sottomenu */
	{
	float:left;
	width: 140px;
	margin-left: 5px;
	margin-right: 0px;
	margin-top: -5px;
	padding-right: 15px;
	padding-bottom: 2px;
	} 

/* interno pagine divise in colonna sottomenu sx e testo a dx */

div#paginacontainer
{
	text-align:left;
	width:883px;
	margin:0 auto;
}
div#paginatitolo /* per titolo e barra navigazione */
{
	height:45px;
	margin:0;
  	padding-left:20px;
	padding-right:20px;
	overflow:hidden; 
}
div#paginatesto /* per il testo della pagina */
{
	float:right;
	width:695px;
}
div#paginasottomenu /* menu laterale - bordo e padding inseriti nel menu */
{
	float:left;
	width:185px;
	overflow:hidden;
	
}
div#paginasottomenubordo /* fascia laterale, con già inserito bordo*/
{
	float:left;
	width:170px;
	overflow:hidden;
	border-right:1px solid #97c2ff;
}
div#paginasottomenubordo p /* paragrafo nella fascia laterale*/
{
  	padding-left:20px;
	padding-right:20px;
}

div#paginaextra{
	float:left;
	clear:left;
	padding-top:50px;
	width:185px;
	padding-left:20px;
}
div#paginafooter
{
	clear:both;width:100%;
	padding-left:20px;
	padding-right:20px;
}
div#paginafooter p
{
	padding-right:0.5em;
	padding-left:0.5em;
	display:inline;
}



/* classe per il css di stampa */
.nostampa {
}

/* --------------------------------------- FONDI COLORI BOX ---------------- */

/* box 3 angoli tondi uno quadro*/
dl.box40 {background:#eee url(http://www.caivarallo.it/sistema/angolo_bl.gif) bottom left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:45%;}
dl.box40 dt {background:#3762a8 url(http://www.caivarallo.it/sistema/angolo_tr.gif) top right no-repeat; padding:10px; text-align:left; color:#fff;}
dl.box40 dd {background:transparent url(http://www.caivarallo.it/sistema/angolo_br.gif) bottom right no-repeat; padding:0; margin:0;}

/* box 3 angoli tondi uno quadro LARGO 90% */
dl.box90 {background:#eee url(http://www.caivarallo.it/sistema/angolo_bl.gif) bottom left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:90%;}
dl.box90 dt {background:#3762a8 url(http://www.caivarallo.it/sistema/angolo_tr.gif) top right no-repeat; padding:10px; text-align:left; color:#fff;}
dl.box90 dd {background:transparent url(http://www.caivarallo.it/sistema/angolo_br.gif) bottom right no-repeat; padding:0; margin:0;}

/* box 3 angoli tondi uno quadro LARGO 260px */
dl.box260 {background:#eee url(http://www.caivarallo.it/sistema/angolo_bl.gif) bottom left no-repeat; margin:0px 0; padding:0; float:left; margin-right:10px; width:255px;}
dl.box260 dt {background:#3762a8 url(http://www.caivarallo.it/sistema/angolo_tr.gif) top right no-repeat; padding:6px; text-align:left; color:#fff;}
dl.box260 dd {background:transparent url(http://www.caivarallo.it/sistema/angolo_br.gif) bottom right no-repeat; padding:0; margin:0;}

/* box 3 angoli tondi uno quadro LARGO 205px */
dl.box205 {background:#eee url(http://www.caivarallo.it/sistema/angolo_bl.gif) bottom left no-repeat; margin:0px 0; padding:0; float:right; margin-left:15px; margin-top:10px; margin-bottom:10px; width:205px; display:block;}
dl.box205 dt {background:#3762a8 url(http://www.caivarallo.it/sistema/angolo_tr.gif) top right no-repeat; padding:6px; text-align:left; color:#fff;}
dl.box205 dd {background:transparent url(http://www.caivarallo.it/sistema/angolo_br.gif) bottom right no-repeat; padding:0; margin:0;}



.boxcommisscontainer { float:right; margin-right:45px; width:206px; margin-left:15px; display:block;}
/* box 3 angoli tondi uno quadro LARGO 205px  per gite eventi COMMISSIONI */
dl.boxcommiss {background:#eee url(http://www.caivarallo.it/sistema/angolo_bl.gif) bottom left no-repeat; margin:0px 0; padding:0; float:right; width:205px;}
dl.boxcommiss dt {background:#3762a8 url(http://www.caivarallo.it/sistema/angolo_tr.gif) top right no-repeat; padding:6px; text-align:left; color:#fff;}
dl.boxcommiss dd {background:transparent url(http://www.caivarallo.it/sistema/angolo_br.gif) bottom right no-repeat; padding:0; margin:0;}

dd p {margin:0; padding:10px; line-height:1.3em;}
p.minimo { margin:0; padding:0; padding-bottom:7px; padding-left:10px;}

.titolofotohome {background:#3762a8 url(http://www.caivarallo.it/sistema/angolo_tr.gif) top right no-repeat; text-align:left; padding-left:5px; color:#fff; font-size: 1.2em; line-height: 33px;font-weight:700; overflow:hidden; width:545px; display:block; height:33px; letter-spacing:1px; }

div.sfondoazzurro
{
	background-color: #B0D3FF;
	display:block;
	padding: 1em;
	width: 90%;
	margin-left:0px;
	margin-right:25px;
}

div.sfondoazzurrotastinews
{
	background-color: #B0D3FF;
	display:block;
	margin-right:25px;
	margin-left:0px;
	margin-top:-12px;
	padding:0.3em;
}
div.adestra
{
text-align:right;
}

div.boxavviso
{
	background-color: #b2d6ff;
	display:block;
	padding: 1em;
	width: 70%;
	margin:0 auto;
}

body>#boxicona{
    height: auto;
    min-height: 100%;
}

div.boxicona
{
	display:block;
	width: 45px;
	float:left;
	margin-right:1em;
	margin-bottom:-0.5em;
	padding:0.2em;
}

	
div.box{width: 421px;padding: 0 0 15px;
    background: url(http://www.caivarallo.it/sistema/boxbottom.jpg) no-repeat bottom left}

div.box h2{
	line-height: 26px;margin: 0;
	padding-top: 0px; 
	padding-left: 16px;
    background: url(http://www.caivarallo.it/sistema/boxtop.jpg) no-repeat top left;
    text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	display:block;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3761a6;
	text-align: left;
	font-size: 16px;
	letter-spacing: 0.1em;
	}

div.box p{margin: 0;padding: 0.5em 15px 0;
    background: url(http://www.caivarallo.it/sistema/boxcenter.jpg) repeat-y top left}



div.box240{width: 242px;padding: 0 0 15px;
 	float:left;
 	margin-left:10px;
    background: url(http://www.caivarallo.it/sistema/boxbottom240.jpg) no-repeat bottom left
	}

div.box240 h2{
	line-height: 26px;margin: 0;
	padding-top: 0px; 
	padding-left: 16px;
    background: url(http://www.caivarallo.it/sistema/boxtop240.jpg) no-repeat top left;
    text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	display:block;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #3761a6;
	text-align: left;
	font-size: 16px;
	}

div.box240 p{margin: 0;padding: 0.5em 15px 0;
    background: url(http://www.caivarallo.it/sistema/boxcenter240.jpg) repeat-y top left}


div.boxdestro{width: 350px;padding: 0 0 15px 0;
   	float: right;}
	
.fasciaazzurra, .fasciarossa {
	background-color: #b0d3ff;
	background-image: url(fondofasciaazzurra.png);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	display:inline-block;
	font-weight:900;
	color:#3761a6;
	padding-top:5px;
	padding-bottom:5px;
	font-size: 1.2em;line-height: 1.1111;margin: 0.2em 0;
}
.fasciarossa {
	background-color: #C00;
	color:#FFF; 
	background-image: url(fondofasciarossa.png);
}
.fasciatop1 {
	background-image: url(logo_fasciatop1.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
}
.paginabianca {
	background-image: url(fondopagina.png);
	background-repeat: repeat-y;
	background-position: left top;
	background-attachment: scroll;
	margin-right: 0px;
	margin-top: 0px;
}
.menualtobordodx{
	border-right-width: 1px;
	border-right-color: #b0d3ff;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
}
div.pagina{
	height: auto !important;  /* altezza minima pagina bianca centrale */
	height: 450px;      /* imposta altezza minima pagina x IE5.x e IE6 */
	min-height: 450px;  /* altezza minima pagina bianca centrale */
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	padding-left:50px;
}









/* --------------------------------------- MENU - LISTE e loro contenitori ---------------- */
/* ---------------------------------------------------------------------------------------- */


/* lista a etichette per la pagina news - elenco anni */
#listaanninews
{
padding: 3px 0;
margin-left: 0;
margin-top:0;
margin-right:25px;
border-bottom: 2px solid #778;
font: bold 12px Verdana, sans-serif;
}

#listaanninews li
{
list-style: none;
margin: 0;
display: inline;
}

#listaanninews li a
{
padding: 3px 0.5em;
margin-left: 5px;
border: 1px solid #778;
border-bottom: none;
background: #FFFFFF;
text-decoration: none;
}

#listaanninews li a:link { color: #448; }
#listaanninews li a:visited { color: #667; }

#listaanninews li a:hover
{
color: #000;
background: #B0D3FF;
border-color: #227;
border-bottom: 1px solid #B0D3FF;
}

#listaanninews li a#current
{
background: #B0D3FF;
border: 2px solid #778;
border-bottom: 2px solid #B0D3FF;
font-weight:bold;
font-size: 1.2em;
}



/* lista x link */

ul.link,ul.link li{list-style: none;margin: 5px 0;padding: 0; line-height:1.5em;}
ul.link{width:50em}
ul.link li{padding: 6px 0 6px 25px;line-height: 1.5em;
    background: url(http://www.caivarallo.it/valsesia/sistema/listalink.gif) no-repeat 0 1em;
    margin: -6px -10px 0 20px;
    }


/* MENU TESTUALE DI NAVIGAZIONE - NAVBAR - piccola a sx sotto titolo */
#navigation
	{
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
#navigation li
	{
		display: inline;
		padding: 0;
		margin: 0;
		font-size: 12px;
		line-height:14px;
		color: #97c2ff;
	}
#navigation li a
	{
		color: #97c2ff;
	}
	
#navigation li:before { content: "> "; }
#navigation li:first-child:before { content: ""; }
	
/*IE workaround*/
/*All IE browsers*/
* html #navigation li
	{
		background-image:  url(http://www.caivarallo.it/sistema/gt.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;
		padding: 0 0.5em 0 1em;
		margin: 0 1em 0 -1em;
	}
	
/*Win IE browsers - hide from Mac IE\*/
* html #navigation { height: 1%; }
	
* html #navigation li
	{
		display: block;
		float: left;
	}
	
/*End hide*/
/*Mac IE 5*/
* html #navigation li:first-child { background-image: none; }





/* menù in alto a dx usato nel header.php */
ul#menusito {
	list-style: none;
	margin-top:0;
	margin-bottom:5px;
	height:20px;
	overflow:hidden;
	padding-right:25px;
 }
ul#menusito li {
	float: right;  }

ul#menusito li a {
	display: inline;
	float: left;
	padding: 3px 8px 0px 8px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	font-size: 14px;
	line-height: 16px;
	color: #b0d3ff;
	cursor: default;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b0d3ff;
	text-decoration: none;
	 }
ul#menusito li a:hover {
	background-color: #b0d3ff;
	color: #36497c;
	text-decoration: none;
	 }	

	 
/* menù principale sito - usato in header.php */ 
ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	height:24px;
	padding-right:25px; 
}
ul#menu li {
	float: right;  }
ul#menu li a {
	display: inline;
	float: left;
	padding: 3px 8px 3px 8px;
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	font-weight: bold;
	color: #36497c;
	cursor: default;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #36497c;
	 }
ul#menu li a:hover {
	background-color: #b0d3ff;
	color: #36497c;
	background-image: url(fondo_menu_over.jpg);
	background-repeat: repeat-x;
	 }	
ul#menu li a.active {
	background-color: #b0d3ff;
	color: #36497c;
	background-image: url(fondo_menu_over.jpg);
	background-repeat: repeat-x;
	}
ul#menu li#active a /* se attivo */
{
	background-color: #b0d3ff;
	color: #36497c;
	background-image: url(fondo_menu_over.jpg);
	background-repeat: repeat-x;
}



/* menù FONDO PAGINA x sito - usato in fondo alla home */ 

#boxmenufondopagina{
	display:block;
	margin:0 auto;
	width:670px;
	overflow:hidden;
}

#menufondopagina li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

ul#menufondopagina li a {
	text-decoration: none;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, "Courier New", Courier;
	font-size: 11px;
	font-style: normal;
	color: #36497c;
}

ul#menufondopagina li a:hover {
	color: #b0d3ff;
}	



ul.sottomenu 
	{ 
	list-style:none; 
	font-size: 12px;
	overflow:hidden;
	border-right:1px solid #97c2ff; 
	background-image:url(sistema/sfondo_sottomenu.gif);
	background-position:top;
	background-repeat:no-repeat;
	width:160px;
	padding-left:0px;
	margin-left:10px;
	padding-top:12px;
	margin-top:0;
}
ul.sottomenu li a 
	{ 
	margin-left: 6px;
	display:block; 
	text-decoration:none; 
	padding:0 1em; 
	height:25px;line-height:12px; 
	padding-bottom: 0px;
	padding-top:0px;
	}
ul.sottomenu li 
	{ 
	display:inline 
	margin-left: 3px;
	} 
ul.sottomenu li a:link 
	{ 
	color: #36497c;
	text-decoration: none;
	} 
ul.sottomenu li a:visited 
	{ 
	color: #a0afea;
	text-decoration: none;
	} 
ul.sottomenu li a:hover, ul.menu1 li a:active 
	{ 	
	background: #b0d3ff;
	color:#3762a8;
	text-decoration: none;
	font-weight:800;
	background-image:url(sistema/sfondo_sottomenu_freccina.gif);
	background-repeat:no-repeat;
	background-position:left;
	} 
ul.sottomenu li a:active 
	{ 
	background: #b0d3ff;
	color:#ff0000;
	text-decoration: none;
	} 


	
	
/* ------- IMMAGINI e modifiche per immagini ------------------------------------- */


img.testointornosx /* testo scorre intorno alle foto */
{
	float:left;
	margin-right:0.9em;
	margin-bottom:0.2em;
	clear:both;
}

img.testointornodx /* testo scorre intorno alle foto */
{
	float:right;
	margin:0.5em;
	margin-right:20px;
}

/* crea ombra per immagini su fondo azzurro - max 470 pixel */	
div.ombraimmagineazzurra{ 
	float: left;
	margin-left:19px !important;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0 6px 6px 0;
    background: url(http://www.caivarallo.it/sistema/ombraimmagineazzurra.jpg) no-repeat bottom right}
div.ombraimmagineazzurra img{ 
	display:block;
    position: relative;top: -2px;left: -2px;
    }
/* crea ombra per immagini su fondo BIANCO - max 470 pixel */	
div.ombraimmagine{ 
	float: left;
	margin-left:19px !important;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0 6px 6px 0;
    background: url(http://www.caivarallo.it/sistema/ombraimmagine.jpg) no-repeat bottom right}

div.ombraimmagine img{ 
	display:block;
    position: relative;top: -2px;left: -2px;
    }

.head{ 
	display:block;
	height:80px;
	margin-right:0;
	margin-top:0;
    }

/* spostamento in su di 24 px per far combaciare la corda con la fascia azzurra del sito */	
.sposta_immagine_colonna_sx { 
	display:block;
    position: relative;top: -24px;;
    }
	
	
	

/* funzioni x scritte a popup - tooltip */
/* le immagini gif TT_ fanno gli angoli tondi */
.hotspot {color:#900; cursor:pointer;}
#tt {position:absolute; display:block; background:url(http://www.caivarallo.it/valsesia/sistema/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(http://www.caivarallo.it/valsesia/sistema/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#7d9dca; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(http://www.caivarallo.it/valsesia/sistema/tt_bottom.gif) top right no-repeat; overflow:hidden}


/* galleria foto */

#galleryh {
  padding:0; 
  margin:0 0; 
  list-style-type:none; 
  overflow:hidden; 
  width:670px; 
  height:350px; 
  border:1px solid #97c2ff; 
  background:#fff url(../immagini/.gif);
  }
#galleryh li {
  float:left;
  }
#galleryh li a {
  display:block; 
  height:350px;
  width:30px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:30px; 
  height:350px; 
  border:0;
  }
#galleryh li a:hover {
  background:#eee; 
  width:500px;
  }
#galleryh li a:hover img {
  width:500px;
  }
  
  
/* popup per foto - galleria foto a popup */

#galleria {
	width:670px;
	margin-top:20px;
	margin-bottom:20px;
}
#galleria img {
	padding-right:20px;
	padding-left:0;
	padding-bottom:20px;
}




/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.ingrandiscipboxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("images/magplus.cur"), pointer;
	float:left;
	margin-right:0.5em;
	margin-bottom:0.5em;
}
.ingrandiscipboxImageLarge
{
	border: solid 1px #999999;
	cursor: url("images/magminus.cur"), pointer;
}
.ingrandiscipboxImageShrink
{
	cursor: url("images/magminus.cur"), pointer;
}
.ingrandiscipboxImageLink
{
	cursor: pointer;
}
.ingrandiscipboxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}


.floatright
{
	float: right;
	width: 103px;
	margin: 0 0 10px 10px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #97c2ff;
}

div.floatright img
{}

.floatleft
{
	float: left;
	width: 103px;
	margin: 0 10px 10px 0px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #97c2ff;
	display:inline;
}

div.floatleft img
{}

div.clearfloat
{
	clear:both;
}
div.clearfloatright
{
	clear:right;
}

div.clear
{
	clear: both;
}

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.boximmagineorizz
{
	display:block;
	float:left;
	margin:0 30px 25px 0px;
	width:188px;
	overflow:hidden;
	padding-bottom:3px;
}
.boximmagineorizz img
{
	margin-bottom:5px;
}

.PopBoxImageSmall
{
	border: 1px solid #000000;
	cursor: url("http://www.caivarallo.it/sistema/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("http://www.caivarallo.it/sistema/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("http://www.caivarallo.it/sistema/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}