/* index */
body#home {
 margin: 0;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 line-height: 15px; 
 color: #7F7F7F;
 background-color: #ffffff;
 background-image: url(sf_home.gif); 
 background-repeat: no-repeat; 
 text-align: center;
 background-position: top center;
}
#box_home {
 text-align: left;
 margin: 0 auto;
 width: 980px;
}

#home_foto {
 padding-top: 178px; 
}

#home_logo {
 padding: 80px 110px 0px 0px; 
 text-align: right; 
}

#home_indirizzo {
 position: relative;
 width: 340px;
 bottom: 50px;
 text-align: right;
}

#home_indirizzo a:link, #home_indirizzo a:visited, #home_indirizzo a:hover, #home_indirizzo a:active {
 color: #7F7F7F;
 text-decoration: underline;
}
#home_indirizzo a:hover {
 color: #105B8F;
 text-decoration: none; 
}

#home_lingua {
 position: relative;
 width: 860px;
 bottom: 75px;
 text-align: right; 
}

#home_lingua a:link, #home_lingua a:visited, #home_lingua a:hover, #home_lingua a:active {
 color: #7F7F7F;
 text-decoration: underline;
}
#home_lingua a:hover {
 color: #105B8F;
 text-decoration: none; 
}

#home_copy {
 position: relative;
 width: 975px;
 bottom: 56px;
 text-align: right; 
}

#home_copy a:link, #home_copy a:visited, #home_copy a:hover, #home_copy a:active {
 font: 10px Trebuchet MS, Arial, Sans-serif;
 color: #ffffff;
 text-decoration: none;
}
#home_copy a:hover {
 font: 10px Trebuchet MS, Arial, Sans-serif;
 color: #7F7F7F;
 text-decoration: none; 
}

/* fine index */

td {
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 line-height: 17px;  
}

li {
 text-align: left; 
}

body {
 margin: 0;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #7F7F7F;
 background-color: #ffffff;
 text-align: center;
}

#box {
 position: relative;
 text-align: left;
 margin: 0 auto;
 width: 980px;
}

#top {
 height: 100px;
 width: 570px;
 vertical-align: top;
 background-image: url(rifugio_fanes_top.jpg); 
 background-repeat: no-repeat;  
}

#titolo {
 height: 100px;
 width: 410px;
 background-color: #105B8F; 
}

#foto {
 height: 428px;
 width: 400px;
 vertical-align: top;
}
#foto a {
	float: left;
	/*margin: 0 5px 8px 5px;*/
}

.titolo {
 font: 13px Trebuchet MS, Arial, Sans-serif;
 font-weight: bold;
 font-style: normal;
 line-height: 17px;  
 color: #105B8F; 
}

/* menu*/

#menu {
 height: 428px;
 width: 170px;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 line-height: 17px; 
 color: #595959;   
 background-image: url(sf_menu.gif); 
 background-repeat: no-repeat;  
 vertical-align: top; 
}

#menu_txt {
 padding: 20px 0px 0px 25px;
}

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
 font-weight: normal; 
 text-decoration: none;
 color: #595959;
 padding: 0 2px;
}
#menu a:hover {
 color: #ffffff; 
 background-color: #105B8F;
 text-decoration: none;
 padding: 0 2px; 
}
#menu span {
 font-weight: bold; 
 color: #ffffff; 
 background-color: #105B8F; 
 padding: 0 2px; 
}

#menu .sel {
 font-weight: bold; 
 color: #105B8F; 
 background-color: transparent; 
 text-decoration: underline;
 padding: 0 2px; 
}

#menu .imgs:link, #menu .imgs:visited, #menu .imgs:hover, #menu .imgs:active { 
background-color: transparent;
 }
 
#menu .imgs:hover { 
background-color: transparent;
}

/* fine menu */

#dida {
 position: absolute;
 width: 130px;
 top: 440px;
 text-align: left; 
 padding-left: 28px;
 font: 10px Tahoma, Sans-serif;
 font-weight: normal;
 font-style: normal;
 line-height: 14px;  
 color: #105B8F;  
}

#box_testo {
 vertical-align: top; 
 margin: 0px;
 background-image: url(sf_testo.gif); 
 background-repeat: no-repeat;  
 padding: 0px;
 height: 428px;
 width: 410px;
}

#testo {
 line-height: 17px;
 margin: 30px 10px 20px 20px;
 padding-right: 10px; 
 height: 340px;
 overflow: auto;
 text-align: justify; 
 scrollbar-face-color: #105B8F;
 scrollbar-arrow-color: #FFFFFF;
 scrollbar-base-color: #105B8F;
 scrollbar-shadow-color: #FFFFFF;
 scrollbar-dark-shadow-color: #FFFFFF;
 scrollbar-highlight-color: #ffffff;
 scrollbar-3d-light-color: #105B8F;
}

a:link, a:visited, a:hover, a:active {
 color: #105B8F;
 text-decoration: underline;
}
a:hover {
 color: #105B8F;
 text-decoration: none; 
}

#meteo {
 position: absolute;
 width: 111px;
 right: 25px;
 top: 475px;
 margin-bottom: 0px;
}
#webcam-new {
	position: absolute;
 right: 155px;
 top: 478px;
 margin-bottom: 0px;
	}
#lingua {
 position: absolute;
 width: 140px;
 top: 480px;
 right: 242px; 
 padding: 22px 0px 0px 28px;
}

#lingua a:link, #lingua a:visited, #lingua a:hover, #lingua a:active {
 color: #7F7F7F;
 text-decoration: none;
}
#lingua a:hover {
 color: #105B8F;
 text-decoration: underline; 
}


#img2 {
 width: 160px;
 height: 60px;
 background-image: url(n_imgs2.gif); 
 background-repeat: no-repeat;  
 vertical-align: top; 
}

#img {
 width: 160px;
 height: 60px;
 background-image: url(n_imgs.gif); 
 background-repeat: no-repeat;  
 vertical-align: top; 
}

#gallery {
 width: 160px;
 background: url(freccia.gif) no-repeat 10px 15px;
 vertical-align: top;
 }
#gallery_off {
	margin-left: 28px; 
}
#gallery a:link, #gallery a:visited, #gallery a:hover, #gallery a:active {
	color: #fff;
	padding: 0 2px; 
	text-decoration: none;
	background-color: #105b8f;
	float: left;
	margin-top: 11px;
}
#gallery a:hover {
 background-color: #B23434; 
}
#gallery span {
	background-color: #cfcfcf;
	float: left;
	margin: 0 1px;
	width: 110px;
	text-align: center;
	cursor:pointer;
}
.txt{
 margin: 11px 0px 0px 42px; 
 }

#auto{
 color: #fff;
 position: absolute;
 left: 150px;
 top: 540px;
 } 

#auto a:link, #auto a:visited, #auto a:hover, #auto a:active {
 color: #fff;
 padding: 0 2px; 
 text-decoration: none;
}

#auto a:hover {
 background-color: #B23434; 
 color: #ffffff;
 padding: 0 2px; 
 text-decoration: none; 
}
 
#img a:link, #img a:visited, #img a:hover, #img a:active {
 color: #7F7F7F;
 padding: 0 2px;
 text-decoration: none;
}
#img a:hover {
 background-color: #105B8F; 
 color: #ffffff;
 text-decoration: none; 
}

#img span {
 padding: 0 2px;
 background-color: #105B8F; 
 color: #ffffff;
}

#logo {
 width: 240px;
 height: 60px;
 vertical-align: top; 
}

#indirizzo2 {
 background-image: url(sf_indirizzo2.gif); 
 background-repeat: no-repeat;
 width: 580px;
 height: 60px;
 vertical-align: top; 
 text-align: left; 
}

#indirizzo {
 background-image: url(sf_indirizzo.gif); 
 background-repeat: no-repeat;
 width: 580px;
 height: 60px;
 vertical-align: top; 
 text-align: left; 
}

.txt_indirizzo {
 margin: 13px 0px 0px 197px; 
}

.mini {
 font: 10px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #7F7F7F;
 line-height: 14px;  
}

.titoliform {
 font: 12px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #ffffff;
}

.input {
 border: 1px solid #105B8F;
 background-color: #ffffff;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #105B8F;
 height: 13px;
 width: 120px;
}

.input3 {
 border: 1px solid #105B8F;
 background-color: #ffffff;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #105B8F;
 height: 13px;
 width: 30px;
}

.area {
 border: 1px solid #105B8F;
 background-color: #ffffff;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #105B8F;
 height: 60px;
 width:300px;
}

.button {
 padding: 0 2px; 		
 border: 1px solid #000000;
 background-color: #105B8F;
 font: 11px Trebuchet MS, Arial, Sans-serif;
 font-weight: normal;
 font-style: normal;
 color: #ffffff; 
 border: 1px solid #000000;
 background-color: #105B8F;
 border: 0px;
 width: auto;	
 height: 16px; 
}

p 
 {
 margin: 0px 15px 0px 20px;
 padding: 0px;
}
.iframe_dx {
	width: 410px;
	height: 370px;
}