@import url("reset.css");


body {background-color: #FFFFFF; font-family: Verdana, Trebuchet MS, Tahoma, Geneva, sans-serif;}
.clear {clear: both; height: 0px; overflow: hidden; font-size: 0px; background-color: #FFFFFF;}


/* STYLE 001 */
.style_001 .prova .testo{color: purple;}


/*PROPRIETA' COMUNI*/
.box_Body, .box_LogoInfo, .main_Box {width: 980px; height: auto;}
.txt_Bold {font-weight: bold;}


/* BOX BODY
------------------------------------------------ */
.box_Body {margin: 27px auto; /*border: 1px solid black;*/}


/* BOX LOGO INFO
------------------------------------------------ */
.box_LogoInfo {float: left; margin-bottom: 23px;}


/* BOX LOGO 
------------------------------------------------ */
.box_LogoInfo .box_Logo {float: left; width: 383px; display: inline;  margin-left: 34px;}
.img_Logo {float: left;}
.box_LogoInfo a.link_LogoProLoco {float: left; width: 51px; height: 77px; background: url(../imgs/Logo_Pro_Loco_Vers_1_51x77.png) no-repeat left top; text-indent: -9000px;}
.box_LogoInfo .txt_ProLoco {float: left; width: 332px; margin-top: 10px; line-height: 24px; text-align: center; font-size: 24px; font-weight: bold; color: black;}


/* BOX LANGUAGEINFO
------------------------------------------------ */
.box_LanguageInfo {float: right; margin-top: 24px; width: 180px; height: 41px;}


/* BOX LANGUAGE
------------------------------------------------ */ 
.box_LanguageInfo .box_Language {float: right; margin-bottom: 11px; width: 141px; height: 12px;}
ul.list_Language {}
ul.list_Language li {float: right;}
ul.list_Language li a {float: left; width: 20px; height: 12px; display: inline; margin-left: 10px; overflow: hidden; text-indent: -9000px;}
ul.list_Language a.link_English {display: inline; margin-right: 8px;}
ul.list_Language a.link_Italian:link, ul.list_Language a.link_Italian:visited {background: url(../imgs/flag_Of_Italy_20x12.png) no-repeat left top;}
ul.list_Language a.link_English:link, ul.list_Language a.link_English:visited {background: url(../imgs/flag_Of_United_Kingdom_20x12.png) no-repeat left top;}


/* BOX INFO 
------------------------------------------------ */ 
.box_LanguageInfo .box_Info {display: block; clear: both; float: right; width: 180px; height: 16px;}
ul.list_Info {}
ul.list_Info li {float: right;}
ul.list_Info li a {float: left; display: inline; color: #000000;}
ul.list_Info li a.link_Credits, ul.list_Info li a.link_Contact, ul.list_Info li a.link_Mappa {margin-left: 7px !important; margin-left: 6px; margin-right: 7px !important; margin-left: 6px;}
ul.list_Info li a.link_Credits {margin-right: 0;}
ul.list_Info li a:link, ul.list_Info li a:visited {font-weight: none; text-decoration: none;}
ul.list_Info li a:hover {font-weight: none; text-decoration: underline;}


/* MAIN BOX
------------------------------------------------ */
.main_Box {float: left; margin-bottom: 30px; border: 5px solid #D3BD8E; border-right: none;}
.borderLeftBottom {border-left: none; /*border-bottom: none;*/}


/* MAIN MENU
------------------------------------------------ */
.main_Box .main_Menu {float: left; width: 965px; display: inline; margin-top: 6px; margin-left: 10px; margin-bottom: 16px; border: 5px solid #E9DEC7; border-right: none;}
ul.list_Box_Main_Menu {}
ul.list_Box_Main_Menu li {float: left; width: 88px; height: 34px; display: inline; margin: 3px; margin-right: 0px; border: 1px solid #D3BD8E;}
ul.list_Box_Main_Menu li a {display: block; margin-top: 3px; text-align: center; font-size: 10px; font-weight: bold; line-height: 13px; color: #000000;}
ul.list_Box_Main_Menu li a:link, ul.list_Box_Main_Menu li a:visited {text-decoration: none;}
ul.list_Box_Main_Menu li a:hover {text-decoration: underline; color: #003BAF;}


/* MAIN CONTENT HP
------------------------------------------------ */
.main_Box .box_Main_Content {float: left; width: 764px; /*background-color: yellow;*/}
.main_Box .box_Main_Content h1 {float: left; width: 688px; height: 34px; display: inline; margin-left: 17px; line-height: 24px; font-size: 20px; font-weight: bold; color: #000000;}


/* IMG MAIN BOX
------------------------------------------------ */
.main_Box .img_Main_Box {float: left; width: 352px; height: auto; display: inline; margin-left: 5px;}
.main_Box .img_Main_Box img {float: left; margin-bottom: 4px;}
.img_Main_Box .txt_Img_Main {float: left; line-height: 14px; font-size: 10px; color: #000000;}


/* TITLE TEXT MAIN BOX
------------------------------------------------ */
.box_Main_Content .box_Title_Text_Main {float: left; width: 350px; display: inline; margin-left: 26px; margin-bottom: 60px;}
.box_Main_Content .box_Title_Text_Main h3 {font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 24px; padding-bottom: 10px; border-bottom: 2px dotted #000000;}
.box_Main_Content .box_Title_Text_Main p {float: left; margin-bottom: 24px; font-size: 10px; line-height: 20px; color: #000000;}
.box_Main_Content .box_Title_Text_Main a {float: left; /*font-size: 12px;*/ color: #003BAF;}
.box_Main_Content .box_Title_Text_Main a:link, .box_Main_Content .box_Title_Text_Main a:visited {text-decoration: none;}
.box_Main_Content .box_Title_Text_Main a:hover {text-decoration: underline;}


/* SHOWCASE BOX
------------------------------------------------ */
.box_Main_Content .box_Showcase {float: left; width: 365px; height: auto; display: inline; margin-left: 26px; border: 5px solid #D3BD8E;}
.box_Main_Content .box_Showcase a, .box_Main_Content .box_Showcase p {float: left; display: inline; margin-left: 16px !important; margin-left: 16px;}
.box_Main_Content .box_Showcase p {clear: both; width: 349px; margin-bottom: 8px; font-size: 10px; line-height: 14px;}
.box_Main_Content .box_Showcase a {margin-top: 8px; margin-bottom: 21px; /*font-size: 12px;*/ color: #003BAF;}
.box_Main_Content .box_Showcase a:link, .box_Main_Content .box_Showcase a:visited {text-decoration: none;}
.box_Main_Content .box_Showcase a:hover {text-decoration: underline;}


/* LINK RIGHT MAIN BOX
------------------------------------------------ */
.main_Box .link_Right_Main_Box {float: left; width: 215px; margin-bottom: 20px; background-color: #E9DEC7; border-bottom: 5px solid #E9DEC7;}
/*.main_Box .link_Right_Main_Box h3, */.main_Box .link_Right_Main_Box a.link_Title_Right {float: left; display: inline; margin-left: 20px; margin-top: 8px; margin-bottom: 14px; font-family: Calibri, sans-serif; font-size: 16px; line-height: 16px; font-weight: bold; color: #000000;}
.main_Box .link_Right_Main_Box a.link_Title_Right:link, .main_Box .link_Right_Main_Box a.link_Title_Right:visited {text-decoration: none;}
.main_Box .link_Right_Main_Box a.link_Title_Right:hover {text-decoration: underline;}
.main_Box .content_Box {float: left; display: inline; margin-left: 5px; width: 210px; /*margin-top: 15px;*/ background-color: #F9F6F0;}
ul.list_Right_Link {float: left; margin-bottom: 13px;}
ul.list_Right_Link li {float: left; width: 183px; display: inline; margin-left: 15px;}
ul.list_Right_Link li a {float: left; margin-top: 8px; color: #003BAF;}
ul.list_Right_Link li a:link, ul.list_Right_Link li a:visited {text-decoration: none;}
ul.list_Right_Link li a:hover {text-decoration: underline;}


/* PRESENTAION BOX
------------------------------------------------ */
.main_Box .content_Presentation_Box {height: 185px;}
.main_Box .presentation_Box {float: left; width: 170px; height: 164px;}
ul.list_Right_Link li a.link_Presentation {float: left; width: 170px; height: 164px; text-indent: -9000px; background: url(../imgs/ciaspolata_06_170x164.png) no-repeat left top;}


/* MAIN CONTENT PAGE
------------------------------------------------ */
.box_Main_Content_Page, .box_Main_Content_Page h1, .box_Main_Content_Page h3, .box_Main_Content_Page  p {float: left; width: 970px; /*!important; width: 970px;*/ display: inline; margin-left: 9px;/* !important; margin-left: 9px;*/}
.box_Main_Content_Page h1 {margin-bottom: 20px; /*height: 34px;*/ line-height: 24px; font-size: 20px; font-weight: bold; color: #000000;}
.box_Main_Content_Page h3 {font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 24px;}
.box_Main_Content_Page  p {margin-bottom: 20px; font-size: 10px;}


/* TEXT PAGE BOX
------------------------------------------------ */
.box_Text_Page, .main_Box .box_Main_Content_Page h4, ul.list_Txt_Content_Page {float: left;}
.main_Box .box_Main_Content_Page h4, ul.list_Txt_Content_Page {display: inline;}
.box_Main_Content_Page h1, .box_Main_Content_Page h3, .box_Main_Content_Page  p {width: 735px;}
.box_Text_Page {width: 744px;}
.main_Box .box_Main_Content_Page .fRight {float: right;}
.main_Box .box_Main_Content_Page .link_Right_Main_Box h3 {width: 215px !important; width: 195px;}
.main_Box .box_Main_Content_Page h4 {margin-left: 9px; font-size: 11px; font-weight: bold;}
.main_Box .box_Main_Content_Page .h4_Mleft {margin-left: 0px;}
ul.list_Txt_Content_Page {width: 715px; margin: -20px 0 20px 20px; list-style-type: disc;}
html > /**/ body ul.list_Txt_Content_Page {margin-left: 34px;}
ul.list_Txt_Content_Page li a:link, ul.list_Txt_Content_Page li a:visited {text-decoration: none; color: #003BAF;}
ul.list_Txt_Content_Page li a:hover {text-decoration: underline; color: #003BAF;}
ul.noListStyle {list-style-type: none; display: block; margin: -20px 0 20px 20px !important; margin: -20px 0 20px 10px;}


/* PAGE POSIZIONE GEOGRAFICA
------------------------------------------------ */
.box_Text_Page a {display: block; text-indent: -9000px; background-repeat: no repeat; background-position: left top;}
.box_Text_Page a.link_Cartina_Sondrio {width: 604px; height: 404px; background-image: url(../imgs/mappa_Provincia_Sondrio.png)}
.box_Text_Page a.link_Cartina_Castione {width: 720px; height: 988px; background-image: url(../imgs/cartina_Castione_02_v_01_Small.png)}


/* PAGE GALLERY
------------------------------------------------ */
.main_Box .box_Main_Content_Page .box_Photo {clear: both; float: left; width: 741px; margin-left: 9px !important; margin-left: 5px; /*margin-bottom: 20px;*/}
ul.list_Photo {}
ul.list_Photo li {float: left;}
ul.list_Photo li a {display: block; width: 170px; height: 150px; margin-right: 20px; margin-bottom: 20px; text-indent: -9000px; background-repeat: no repeat; background-position: left top;}
ul.list_Photo li a.no_Margin_Photo {margin-right: 0px;}
ul.list_Photo li a.link_Ciaspolata01 {background-image: url(../imgs/ciaspolata_01_170x150.png);}
ul.list_Photo li a.link_Ciaspolata02 {background-image: url(../imgs/ciaspolata_02_170x150.png);}
ul.list_Photo li a.link_Ciaspolata03 {background-image: url(../imgs/ciaspolata_03_170x150.png);}
ul.list_Photo li a.link_Ciaspolata04 {background-image: url(../imgs/ciaspolata_04_170x150.png);}
ul.list_Photo li a.link_Ciaspolata05 {background-image: url(../imgs/ciaspolata_05_170x150.png);}
ul.list_Photo li a.link_Ciaspolata06 {background-image: url(../imgs/ciaspolata_06_170x150.png);}
ul.list_Photo li a.link_Ciaspolata07 {background-image: url(../imgs/ciaspolata_07_170x150.png);}
ul.list_Photo li a.link_Ciaspolata09 {background-image: url(../imgs/ciaspolata_09_170x150.png);}
ul.list_Photo li a.link_Ciaspolata10 {background-image: url(../imgs/ciaspolata_10_170x150.png);}
ul.list_Photo li a.link_Ciaspolata11 {background-image: url(../imgs/ciaspolata_11_170x150.png);}
ul.list_Photo li a.link_Ciaspolata13 {background-image: url(../imgs/ciaspolata_13_170x150.png);}
ul.list_Photo li a.link_Ciaspolata14 {background-image: url(../imgs/ciaspolata_14_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_01{background-image: url(../imgs/Ciapel_2008_01_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_02{background-image: url(../imgs/Ciapel_2008_02_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_03{background-image: url(../imgs/Ciapel_2008_03_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_05{background-image: url(../imgs/Ciapel_2008_05_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_06{background-image: url(../imgs/Ciapel_2008_06_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_07{background-image: url(../imgs/Ciapel_2008_07_170x150.png);}
ul.list_Photo li a.link_Ciapel_2008_08{background-image: url(../imgs/Ciapel_2008_08_170x150.png);}


/* PAGE RITRATTI DEL PAESE
------------------------------------------------ */
ul.list_Photo li a.link_Img_Dim {width: 150px; height: 150px;}
ul.list_Photo li a.link_Campacc {background-image: url(../imgs/campacc.JPG);}
ul.list_Photo li a.link_Baita_Alpe_Vendul {background-image: url(../imgs/baita_Alpe_Vendul.JPG);}
ul.list_Photo li a.link_Chiesa_San_Rocco_01 {background-image: url(../imgs/chiesa_San_Rocco_01.JPG);}
ul.list_Photo li a.link_Chiesa_Piatta_01 {background-image: url(../imgs/chiesa_Piatta_01_150x150.png);}
ul.list_Photo li a.link_Contadina_01 {background-image: url(../imgs/contadina_01.JPG);}
ul.list_Photo li a.link_Macina_Mulino_Rosina {background-image: url(../imgs/macina_Mulino_Rosina.JPG);}
ul.list_Photo li a.link_Macina_Noci {background-image: url(../imgs/macina_Noci.JPG);}
ul.list_Photo li a.link_Stalla_01 {background-image: url(../imgs/stalla_01.JPG);}
ul.list_Photo li a.link_Bocc_02 {background-image: url(../imgs/bocc_02_150x150.png);}
ul.list_Photo li a.link_Bocc_03 {background-image: url(../imgs/bocc_03_150x150.png);}
ul.list_Photo li a.link_Pila_Mulino_Rosina {background-image: url(../imgs/pila_Mulino_Rosina_150x150.png);}
ul.list_Photo li a.link_Fienile_Balzar_01 {background-image: url(../imgs/fienile_Balzar_01_150x150.png);}
ul.list_Photo li a.link_Bocc_01 {background-image: url(../imgs/bocc_01.JPG);}
ul.list_Photo li a.link_campanile_San_Martino_01 {background-image: url(../imgs/campanile_chiesa_San_Martino_01.JPG);}
ul.list_Photo li a.link_frazione_Cadoli {background-image: url(../imgs/frazione_Cadoli.JPG);}
ul.list_Photo li a.link_frazione_Ca_Di_Gatt {background-image: url(../imgs/frazione_Ca_Di_Gatt.JPG);}