/* CSS Document */

a.license:link { text-decoration: none; color: #068504; font-weight: bold;}
a.license:visited { text-decoration: none; color: #6e00ff; font-weight: bold;}
a.license:hover { text-decoration: underline; background-color: transparent;}

a.webcounter:link { color: #068504; font-weight: bold;}
a.webcounter:visited { color: #6e00ff; font-weight: bold;}
a.webcounter:hover { background: #27559f; color: white; font-weight: bold; }

a.CCLicense:link { color: white}
a.CCLicense:visited { color: white}
a.CCLicense:hover {color: white;}

a.nav:link {
	color: #068504;
}

a.nav:visited {
	color: #6e00ff;
}

a.nav:hover { color: red;
}

h1.keywords {
	display: none;
	visibility: hidden;
	
	color: white;
}

h2.keywords {
	display: none;
	visibility: hidden;
	
	color: white;
}

h1.title {
	color: #27559f;
	font: bold 300% Arial, Helvetica, Geneva, Swiss, SunSans-Regular
	margin-bottom: 18pt;
	text-align: center;
}

span.title {
	color: #27559f;
	font: bold 48px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	text-align: center;
	display: block;
	width: 100%;
}

div.info{
	font: 12pt Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 15px;
}

span.subtitle {
	font: bold 24pt Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-bottom: 10px;
	margin-left: 3px;
	margin-right: 3px;
	text-align: center;
	color: #005050;
	width: 100%;
}

p {
	font: 80% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

p.comment {
	color: #005050;
	font: bold 80% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	margin-top: 10pt;
}

div.mainContainer{
	text-align: center;
}

div.footerContainer{
	width: 100%;
	text-align: center;
}


div.barraContainer{
	text-align: center;
	width: 100%;
}

div.navigatoreList li {
	list-style-type: none;
	display: inline;
}

div.navigatoreList ul {
	list-style-type: none;
	color: white;
}

div.navIndexList li {
	list-style-type: none;
	display: inline;
}

div.navIndexList ul {
	list-style-type: none;
	color: white;
}


div.menuNavigazione {
	display: none;
	text-align: center;
	
	font: bold 80% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: white;
}

div.barraNavigazione{
	list-style-type: none;
	font-size: 14px;
	
	width: 100%;
}

div.tableContainer{
	text-align: center;
}

table.galleria{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

tr.foto{
	
}

tr.commenti{
	
}

td.foto{
	text-align: center;
	width: 250px;
}

td.commenti{
	color: #005050;
	font: bold 12pt Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: center;
	padding-bottom: 30px;
	
}


td.foto_piste{
	text-align: center;
	width: 25%;
}

td.foto_piste img{
	padding: 3px;
	background-color: white;
	border: dotted 1px gray;
	
	margin-bottom: 30px;
}

td.foto_piste img[pref="preferred"]{
	padding: 3px;
	background-color: white;
	border: dotted 1px red;
}

td.foto_piste a:link:hover img{
	padding: 3px;
	background-color: white;
	border: solid 1px black;
}

td.commenti_piste_sx {
	color: #005050;
	font: bold 80% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: right;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	width: 25%;
}

td.commenti_piste_dx {
	color: #005050;
	font: bold 80% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	width: 25%;
}

div.barraContainerBottom{
	text-align: center;
	
	width: 100%;
}

div.follow{
	text-align: center;
	margin: 20px;
	font-size: 20px;
}

div.follow a:link { color: #068504; font-weight: bold;}
div.follow a:visited { color: #6e00ff; font-weight: bold;}
div.follow a:hover { color: red; font-weight: bold;}

div.horzbar {

	margin-left: 5px;
	margin-right: 5px;

	margin-top: 0px;
	margin-bottom: 0px;
	
}

table.footertable{
	width: 100%;
	text-align: center;
}

tr.logo{
	
}

tr.credits{
	
}

td.licenselogo{
	text-align: center;
	height: 40px;
	margin-bottom: 5px;
}

td.credits{
	vertical-align: top;
	padding-left: 3px;
	width: auto;
	text-align: left;
}

td.mail{
	padding-left: 3px;
	width: auto;
	text-align: right;
	vertical-align: top;
}

td.licensetext{
	padding-left: 5%;
	padding-right: 5%;
	text-align: center;
	vertical-align: top;
	
	width: 40%;
}

div.licensetext{
	font: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	padding-bottom: 5px;
}

span.label{
	display: none;
	font: 70% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: white;
}

span.elencoStili{
	display: none;
	font: 70% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: white;
}


body { 
	text-align: center;
	max-width: 820px;
	min-width: 700px;
	background-color: white;
	
	margin: auto;
}

/* Formato indice */

/* Formato cartolina */
body.cartolina {
	background-color: #FFFFFF;
	margin: 0;
	text-align: center;
}

div#cartolinacontainer {
	background-color: #FFFFFF;
	clear: both;
	width: 700px;
	height: auto;

	margin-left: 5%;
	margin-right: 5%;
	margin-top: 3%;

	padding-left: 20px;
	padding-right: 20px;

	border: solid 1px black;
	
	text-align: center;
}

div.footerfoto {
	background-color: #FFFFFF;
	clear: both;
	width:  670px;

	margin-left: 5%;
	margin-right: 5%;

	padding-left: 20px;
	padding-right: 20px;

	
	text-align: center;
	
	background: transparent;
}

table.foto{
	background: white;
	width: auto;
	text-align: center;
	
	
}

td.pict{
	background-color: white;
	//padding: 4px;
	border: 3px lightgrey solid;
}

span.autore{
	text-align: right;
}

span.titolofoto{
	text-align: center;
	display: block;
	clear: both;

	font-weight: bold;
	font-variant: small-caps;
	font-size: 22px;
}

td.preferitafoto{
	font-size: 14px;
	text-align: center;
	color: white;
	vertical-align: baseline;
	padding-bottom: 10px;
}

span.license{
	clear: both;
	display: block;
	text-align: center;
	font-style: italic;
	font-size: 12px;
}

a.photolicense:link { text-decoration: none; color: black}
a.photolicense:visited { text-decoration: none; color: black}
a.photolicense:hover { text-decoration: underline; color: black}

td.autore{
	text-align: left;
	font-style: italic;
	font-size: 12px;
	vertical-align: top;
	width: 150px;
	padding-right: 5%;
}

td.data{
	text-align: right;
	font-style: italic;
	font-size: 12px;
	vertical-align: top;
	width: 150px;
	padding-left: 5%;
}

td.commentofoto{
	text-align: center;
	font-size: 16px;
	font-variant: small-caps;
	width: 150px;
}

#galleryEmpty{
	margin-bottom: 30px;
	
	font: bold 130% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: red;
	
	display: none;
}

#browserVecchio{
	margin-bottom: 30px;
	
	font: bold 130% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: red;
}

/* index */

div.titlehome {
	font: bold 64px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color: #27559f;
	text-align: center;
	
	margin-top: 10pt;
	margin-bottom: 6pt;
}

div.subtitlehome {
	color: #005050;
	font: bold 200% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-align: center;
}

#subtitlehome2{
	color: #006c83;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	display: block;
	font-size: 20px;
	font-style: italic;
	
	margin-top: 10px;
	margin-bottom: 40px;
}

table.escursioni{
	text-align: center;
	width: 100%;
}

td.bolognola{
	width: 50%;
	padding: 30px;
	
	vertical-align: top;
}

td.visso{
	width: 50%;
	padding: 30px;
	vertical-align: top;
}

td.bolognola2{
	width: 50%;
	padding: 30px;
	
	vertical-align: top;
}

td.visso2{
	width: 50%;
	padding: 30px;
	vertical-align: top;
}

td.varie{
	width: 50%;
	padding: 30px;
	
	vertical-align: top;
}

td.neve{
	width: 50%;
	padding: 30px;
	
	vertical-align: top;
}

td.pano{
	width: 50%;
	padding: 30px;
	
	vertical-align: top;
}

span.titleindex{
	font: bold 18px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	margin-bottom: 20px;
}

span.sectiontitle{
	text-decoration: underline;
}

div.listhome {
	font: bold 16px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	font-family: 'Trebuchet MS', 'Lucida Grande',
          Verdana, Lucida, Geneva, Helvetica, 
          Arial, sans-serif;
	
	color: black;
}

div.listhome a:link { color: #068504; font-weight: bold;}
div.listhome a:visited { color: #6e00ff; font-weight: bold;}
div.listhome a:hover { background-color: #27559f;background-color: #2586d7; color: white; font-weight: bold; }


div#listpanohome {
	font: bold 16px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	font-family: 'Trebuchet MS', 'Lucida Grande',
          Verdana, Lucida, Geneva, Helvetica, 
          Arial, sans-serif;
	
	color: black;
}

div#listpanohome a:link { color: #068504; font-weight: bold;}
div#listpanohome a:visited { color: #6e00ff; font-weight: bold;}
div#listpanohome a:hover { background-color: #27559f;background-color: #2586d7; color: white; font-weight: bold; }

#linkshome {
	margin-top: 20px;
	margin-bottom: 45px;
	
	text-align: center;
}

table.friends{
	margin-left: 5px;
	margin-right: 5px;
	
	width: 820px;
}

td.links{

}


.listother{
	font-size: 18px;
}

div.listother li {
	font: bold 18px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	font-family: 'Trebuchet MS', 'Lucida Grande',
          Verdana, Lucida, Geneva, Helvetica, 
          Arial, sans-serif;
	
	color: black;
	
}

div.listother a:link { color: #068504; font-weight: bold;}
div.listother a:visited { color: #6e00ff; font-weight: bold;}
div.listother a:hover { background-color: #27559f;background-color: #2586d7; color: white; font-weight: bold; }



/* links */

span.linkstitle{
	color: #27559f;
	font: bold 36px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	text-align: center;
	margin-top: 20px;
	display: block;
}

div.listalinks{
	margin: 45px;
	margin-top: 30px;
}

div.listalinks a:link { color: #068504; font-weight: bold;}
div.listalinks a:visited { color: #6e00ff; font-weight: bold;}
div.listalinks a:hover { background-color: #27559f;background-color: #2586d7; color: white; font-weight: bold; }

div.strade{
	background: whitesmoke;
	border-style: dashed;
	border-color: darkgray;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	
	font-size: 16px;
	
	width: 90%;
}

div.carta{
	background: #C7FBC0;
	border-style: dashed;
	border-color: darkgreen;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	
	font-size: 14px;
	
	width: 90%;
}

div.piste{
	margin-top: 30px;
	margin-bottom: 30px;
}

span.title_piste{
	display: block;
	margin: 20px;
	
	color: #27559f;
	font: bold 24px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	
	margin-top: 20px;
}

div.pista_title{
	margin: 10px;
	
	text-align: center;
	
	color: #27559f;
	
	color: darkcyan;
	font: bold 20px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

div.pista_sub_title{
	margin-bottom: 25px;
	text-align: center;
	
	font-style: italic;
}

div.pista_upcoming{
	text-align: center;
}

div.titolo_stazione{
	color: #27559f;
	font: bold 24px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}

span.list_voice{
	display: block;
}

span.list_sub_voice{
	display: block;
}

div.difetti{
	background: whitesmoke;
	border-style: dashed;
	border-color: darkgray;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
	
	width: 90%;
}

div.altri_links{
	background: whitesmoke;
	border-style: dashed;
	border-color: darkgray;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
	
	width: 90%;
}

div.altri_links li{
	margin: 5px;
}

div.pregi li{
	margin: 5px;
}

div.risto li{
	margin: 5px;
}

div.meteo li{
	margin: 5px;
}

div.servizi li{
	margin: 5px;
}

div.pregi{
	background: lightcyan;
	border-style: dashed;
	border-color: skyblue;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
	
	width: 90%;
}

div.servizi{
	background: whitesmoke;
	border-style: dashed;
	border-color: darkgray;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
	
	width: 90%;
}

div.meteo{
	background: lightcyan;
	border-style: dashed;
	border-color: skyblue;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
	
	width: 90%;
}

div.risto{
	background: papayawhip;
	border-style: dashed;
	border-color: red;
	border-width: 1px;
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
	
	width: 90%;
}

div.altrisiti{
	text-align: left;
	padding: 10px;
	margin-top: 30px;
	
	font-size: 14px;
}

div.storia{
	text-align: left;
	padding: 10px;
	margin-top: 10px;
	
	font-size: 14px;
}

div.backhome{
	text-align: center;
	font-size: 20px;
}

div.backhome a:link { color: #068504; font-weight: bold;}
div.backhome a:visited { color: #6e00ff; font-weight: bold;}
div.backhome a:hover { color: red; font-weight: bold;}


div.validator{
	margin-top: 10px;
}

body.pagemoved{
	text-align: center;
}

div.pagemoved{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: auto;
	
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 200px;
	
	font: bold 32px 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}

div.pagemoved a:link { color: #068504; font-weight: bold;}
div.pagemoved a:visited { color: #6e00ff; font-weight: bold;}
div.pagemoved a:hover { text-decoration: underline; color: red; font-weight: bold;}

div.immagineSezInvernale{
	margin-top: 30px;
	margin-bottom: 60px;
}

div.carte{
	margin-bottom: 40px;
}


div.siamonoi{
	margin-top: 20px;
	margin-bottom: 45px;
}

div.friends_banner{
	text-align: center;
	margin: 50px;
}

div.friends_banner a{
	font-size: 30px;
}

span.friends_text{
	display: block;
	font-style: italic;
	margin: 15px;
}

div.friends{
	background: whitesmoke;
	border-style: dashed;
	border-color: darkgray;
	border-width: 1px;
	text-align: center;
	padding: 10px;
	
	font-size: 16px;
}

table.webring{
	width: auto;
	
	margin-left: 30% auto;
	margin-right: 30% auto;
}

div.friends_webring{
	text-align: center;
	margin: 40px;
	padding-top: 40px;
	
	border-top: dotted 1px gray;
}


div.counter_pages{
	display: none;
}

.upcoming {
	text-align: center;
	color: #006c83;
	text-align: center;
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
}
