@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

html, body {
	height: 100%;
}

body {
	background: #000;
	margin: 0;
	padding: 0;
	font-family: verdana, arial;
	color: #000;
	
	font-size: x-small; /* for IE5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for al */
	}
	
	html>body { /*be nice to Opera */
	font-size: small;
}


div#main {
	width: 995px;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
	margin: 35px auto 0 auto;
	font-size: 100%;
	background: #fff;
}

div#testata {
	height: 190px;
}

h1.titolo {
	background: url(img/-testate-/logo.png) no-repeat;
	width: 234px;
	height: 37px;
	
	position: absolute;
	top: 196px;
	
	margin:0 0 0 322px;
	padding:0;
	font-size: 0;
}
h1.titolo span {
	display: none;
}


/*
-------------------------------------
	LINGUE
------------------------------------
*/

div#contLingue div.colore {
	height: 35px;
	margin: 0 0 0 323px;
}

div#contLingue ul#listLingue {
	font-size: 90%;
	margin: 0 64px 0 0;
	padding: 10px 0 0 0;
	text-align: right;
}
div#contLingue ul#listLingue li {
	list-style: none;
	display: inline;
	text-transform: uppercase;
	padding:0 6px 0 3px;
}
div#contLingue a:link {
	text-decoration: none;
}
div#contLingue a:hover {
	text-decoration: underline;
}
div#contLingue li.bold {
	font-weight: bold;
}


/*
-------------------------------------
	LINKS
------------------------------------
*/

a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: underline;
}



/*
---------------------------------------------
	INDEX
---------------------------------------------
*/

body#index div#main {
	background: url(img/index/lugano-monteBre.jpg) no-repeat;
	width: 995px;
	height: 750px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -380px;
	margin-left: -498px;
}
body#index h1 {
	font-size: 320%;
	padding: 160px 0 0 375px;
	color: #fff;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
body#index span.entra {
	font-size: 120%;
	padding: 20px 0 0 380px;
	color: #FFFFFF;
	display: block;
	line-height: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
body#index span.entra a {
	color: #000;
/*	font-weight: normal;*/
	
}
body#index span.entra a:hover {
	color: #000;
	text-decoration: underline;
}

body#index img {
	border: none;
}
body#index a {
	text-decoration: none;
}


/*
---------------------------------------------
	HOME
---------------------------------------------
*/
body#home div#testata {
	background: url(img/-testate-/home.jpg);
}

body#home div#contLingue div.colore{
	background: #FFE600;
}

body#home ul#menu a.m1 {
	background: #FFE600;
}




h2.news {
	font-size: 26px;
	margin: 0 0 20px 0;
}
h2.news02 {
	font-size: 20px;
	margin: 0 0 18px 0;
	line-height: 28px;
}

h3.news {
	margin: 0;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}

p.news01 {
	font-size: 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 34px;
}
p.news02 {
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

ul.news {
	font-family: Georgia, "Times New Roman", Times, serif;
	list-style:decimal;
	margin: 0 0 25px 20px;
	line-height: 25px;
}
ul.news02 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 25px 20px;
	line-height: 21px;
}

ul.news02 li {
	margin: 0 0 10px 0;
}

i.news {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/*
---------------------------------------------
	COME RAGGIUNGERCI
---------------------------------------------
*/

body#comeRaggiungerci div#testata {
	background: url(img/-testate-/comeRaggiungerci.jpg);
}

body#comeRaggiungerci div#contLingue div.colore{
	background: #B29BCA;
}

body#comeRaggiungerci ul#menu a.m2 {
	background: #B29BCA;
}

/*
---------------------------------------------
	ARTE E CULTURA
---------------------------------------------
*/

body#arteCultura div#testata {
	background: url(img/-testate-/arteCultura.jpg);
}

body#arteCultura div#contLingue div.colore{
	background: #C99F6E;
}

body#arteCultura ul#menu a.m3 {
	background: #C99F6E;
}
body#arteCultura ul#menu li ul.menuL2 li.colorHere {
	padding: 10px 0 0 25px;
	color: #946D31;
}
body#arteCultura ul.menuL2 li a:hover {
	color:#946D31;
}

/*
---------------------------------------------
	NATURA
---------------------------------------------
*/

body#natura div#testata {
	background: url(img/-testate-/natura.jpg);
}

body#natura div#contLingue div.colore{
	background: #96C03A;
}

body#natura ul#menu a.m4 {
	background: #96C03A;
}
body#natura ul#menu li ul.menuL2 li.colorHere {
	padding: 10px 0 0 25px;
	color: #73942c;
}
body#natura ul.menuL2 li a:hover {
	color:#73942c;
}


/*
---------------------------------------------
	GALLERIA FOTO
---------------------------------------------
*/

body#galleriaFotografica div#testata {
	background: url(img/-testate-/galleriaFoto.jpg);
}

body#galleriaFotografica div#contLingue div.colore{
	background: #00ACB6;
}

body#galleriaFotografica ul#menu a.m5 {
	background: #00ACB6;
}
body#galleriaFotografica ul#menu li ul.menuL2 li.colorHere {
	padding: 10px 0 0 25px;
	color: #018c94;
}
body#galleriaFotografica ul#menu li ul.menuL2 li.colorHere02 {
	padding: 10px 0 10px 25px;
	color: #018c94;
}
body#galleriaFotografica ul.menuL2 li a:hover {
	color:#018c94;
}

/*
---------------------------------------------
	CENNI STORICI
---------------------------------------------
*/

body#cenniStorici div#testata {
	background: url(img/-testate-/CenniStorici.jpg);
}

body#cenniStorici div#contLingue div.colore{
	background: #F48473;
}

body#cenniStorici ul#menu a.m6 {
	background: #F48473;
}
body#cenniStorici ul#menu li ul.menuL2 li.colorHere {
	padding: 10px 0 0 25px;
	color: #c66455;
}
body#cenniStorici ul#menu li ul.menuL2 li.colorHere02 {
	padding: 10px 0 10px 25px;
	color: #c66455;
}
body#cenniStorici ul.menuL2 li a:hover {
	color:#c66455;
}


/*
---------------------------------------------
	ENTI ASSOCIAZIONI
---------------------------------------------
*/

body#enti-associazioni div#testata {
	background: url(img/-testate-/entiAssociazioni.jpg);
}

body#enti-associazioni div#contLingue div.colore{
	background: #5DA9DD;
}

body#enti-associazioni ul#menu a.m7 {
	background: #5DA9DD;
}
body#enti-associazioni ul#menu li ul.menuL2 li.colorHere {
	padding: 10px 0 0 25px;
	color: #4588b6;
}
body#enti-associazioni ul#menu li ul.menuL2 li.colorHere02 {
	padding: 10px 0 10px 25px;
	color: #4588b6;
}
body#enti-associazioni ul.menuL2 li a:hover {
	color:#4588b6;
}


/*
---------------------------------------------
	ALLOGGIO E RISTORAZIONE
---------------------------------------------
*/

body#alloggio-rist div#testata {
	background: url(img/-testate-/alloggioRistorazione.jpg);
}

body#alloggio-rist div#contLingue div.colore{
	background: #F6AA42;
}

body#alloggio-rist ul#menu a.m8 {
	background: #F6AA42;
}


/*
---------------------------------------------
	CONTATTO
---------------------------------------------
*/

body#contatto div#testata {
	background: url(img/-testate-/contatti.jpg);
}

body#contatto div#contLingue div.colore{
	background: #BAB0B6;
}

body#contatto ul#menu a.m9 {
	background: #BAB0B6;
}

body#contatto ul#menu li ul.menuL2 li.colorHere02 {
	padding: 10px 0 10px 25px;
	color: #7e747a;
}
body#contatto ul.menuL2 li a:hover {
	color:#7e747a;
}


/*
---------------------------------------------
	MENU
---------------------------------------------
*/

ul#menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 110%;
	font-weight: bold;
	list-style: none;
	width: 220px;
	margin: 0 0 0 68px;
	border-top: 1px solid #999;
	float: left;
}
ul#menu li {
	border-bottom: 1px solid #999;
}

ul#menu li a {
	padding: 10px 0 10px 25px;
	display:block;
	text-decoration: none;
}

ul#menu li a:hover {
	padding: 10px 0 10px 25px;
	display:block;
}





li.UnderlineHere {
	text-decoration: underline;
	margin: 0 0 0 25px;
}
li.UnderlineHere02 {
	text-decoration: underline;
	margin: 0;
}



/* -------- colori ----------- */


ul#menu li a:hover.m1 {
	background: #FFE600;
}
ul#menu li a:hover.m2 {
	background: #B29BCA;
}
ul#menu li a:hover.m3 {
	background: #C99F6E;
}
ul#menu li a:hover.m4 {
	background: #96C03A;
}
ul#menu li a:hover.m5 {
	background: #00ACB6;
}
ul#menu li a:hover.m6 {
	background: #F48473;
}
ul#menu li a:hover.m7 {
	background: #5DA9DD;
}
ul#menu li a:hover.m8 {
	background: #F6AA42;
}
ul#menu li a:hover.m9 {
	background: #BAB0B6;
}


/* -------- menuL2 ----------- */

ul.menuL2,
ul.menuL3,
ul.menuL3-border {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000000;
}
ul#menu li ul.menuL2 li {
	padding: 10px 0 0 0;
	border: none;
}
ul#menu ul.menuL2 li.liEndPadding {
	padding: 10px 0;
}
ul#menu ul.menuL2 li.liEndPadding-bottom {
	padding-bottom: 10px;
}

ul#menu li ul.menuL2 a {
	padding: 0 0 0 25px;
	text-decoration: none;
}






/* -------- menuL3 ----------- */


ul#menu li ul.menuL3 li,
ul#menu li ul.menuL3-border li {
	border: none;
	font-size: 90%;
	font-weight: normal;
	padding: 0;
	line-height: 20px;
}
ul#menu li ul.menuL3-border li {
	border: none;
	font-size: 90%;
	font-weight: normal;
	padding: 0 0 0 25px;
	line-height: 20px;
}

ul#menu li ul.menuL3 a,
ul#menu li ul.menuL3-border a {
	padding: 0;
	text-decoration: none;
}


ul#menu li ul.menuL3 li a:hover,
ul#menu li ul.menuL3-border li a:hover  {
	padding:0;
	text-decoration: underline;
	padding: 0;
	color:#000000;
}



/*
---------------------------------------------
	CONTENUTI
---------------------------------------------
*/


div#contenuti {
	margin: 35px 0 0 0;
}

div#testo {
	float: left;
	margin: 8px 0 0 35px;
	width: 600px;
	min-height: 500px;
	line-height: 22px;
	
}

h2, h2.h202, h3, h3.h302, h4, h4.h402 {	font-family:Georgia, "Times New Roman", Times, serif; }

h2 {
	font-size: 140%;
	margin: 0 0 18px 0;

}
h2.h202 {
	font-size: 140%;
	padding: 20px 0 0 0;
}

h3 {
	font-size: 100%;
	margin: 0;
	line-height: 22px;
}
h3.h302 {
	font-size: 100%;
	margin: 0;
	text-decoration: underline;
}
h4 {
	font-size: 100%;
	margin: 0;
	font-weight: normal;
}
h4.h402 {
	font-size: 100%;
	margin: 10px 0 0 0;
	font-weight: bold;

}
div#testo a img {
	border: 1px solid #666;
}

p {
	margin: 0 0 18px 0;
}

p.ma10 {
	margin: 0 0 10px 0;
}
p.w290 {
	width: 290px;
	margin: 5px 0 15px 0;
}
p.small {
	font-size: 85%;
	margin: 0 0 20px 0;
}

div.HR {
	width: 600px;
	height: 1px;
	background: #999;
	margin: 10px 0 25px 0;
}
img.imgMargin {
	margin: 0 0 15px 0;
}


table { margin: 0 0 20px 0;  }
table td { padding: 0 14px 14px 0; vertical-align: top; }

table.tableMargin { margin: 15px 0 20px 0;  }

table.tableCenter { text-align:center;}

table.bordo { vertical-align: top; border: 1px dashed #CCCCCC; padding: 5px 0 5px 15px; margin: 0 0 15px 0; }
table.bordo td { padding: 0 14px 0 0; }

table.tableDati { border: 1px solid #CCCCCC; }
table.tableDati td { vertical-align: top; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 5px 0 5px 15px; }



em { display:block; margin: 5px 0 15px 0;}
em.ma0 { display:block; margin: 5px 0 0 0;}

ul.elencoSemplice {
	margin: 5px 0 20px 20px;
}
ul.elencoSemplice li {
	margin: 8px 0 0 0;
}

ul.elencoInterno {
	margin: 0;
	list-style: circle;
}
ul.elencoInterno li {
	margin: 0 0 5px 20px;
}








div.freccia {
	text-align: right;
	margin: 30px 0 0 0;
}

/*
---------------------------------------------
	FOOTER
---------------------------------------------
*/

div#footer {
	border-top: 1px solid  #999;
	margin: 70px 0 0 0;
	padding: 5px 0 5px 5px;
	color: #666;
}




div.clear {
	clear:both;
}






/*
div#header h1 {
	background: url(img/logo.png) no-repeat;
	width: 230px;
	height: 82px;
	margin: 0 0 0 30px;
	padding: 0 0 20px 0;
}
div#header h1 span,
div#header em span {
	display: none;
}
*/