/*CSS by Massimo Morandi @ ferrise.ch x Comune Bosco Gurin*/

* {margin: 0; padding: 0;}
body {font: 12px Arial, Tahoma, sans-serif; color: #000; background: #BEBEAE; background-position: 0 19px; background-image: url(http://www.bosco-gurin.ch/images/1.gif); background-repeat: repeat-x;}

ul {list-style: none; list-style-position: inside; margin: 0;}
h1, h2, h3, h4, h5 {font-family: Arial, Tahoma, sans-serif; font-weight: bold;}
img {display: inline; border: none;}
p, ul, ol, table {margin: 0; line-height: 120%; color: #000;}

a:link, a:visited {font-weight: bold; text-decoration: underline; color: #44432A;}
a:hover, a:active {color: #000;}
a.active {color: #666;}

a.floatingleft img {float: left; margin: 0 15px 15px 0;}
p.backlink {margin: 15px 0 0 0;}

.slideshow {border: 0px solid;}

#wrapper {clear: both; float: left; width: 100%; padding-left: 10px; padding-bottom: 150px; background: url(http://www.bosco-gurin.ch/images/13.gif) repeat-y 261px;}
#wrapper.home {background: none;}

#toolsbox {float: left; width: 100%; padding: 3px 10px; background: #434542; font-size: 11px;}
#toolsbox a:link, #toolsbox a:visited {color: #FFF; text-decoration: none;}
#toolsbox a:hover, #toolsbox a:active {color: #BEBEAE; text-decoration: none;}

#toolsbox, .tohome, .menutools li {float: left;}
#toolsbox .menutools {margin-left: 250px;}
#toolsbox .menutools li {display: inline; margin: 0 10px 0 0;}

.language {position: absolute; left: 885px; width: 100px; border: 0px solid; text-align: right;}
.language li {display: inline; padding: 0 3px 0 0; text-transform: uppercase; font-size: 10px;}
.language li.active, .menutools li a.active {color: #BEBEAE !important;}

#wave, #network {position: absolute;}
#wave {top: 19px; left: 259px; z-index: 100000;}
#network {top: 200px; left: 984px;}

#headbox {clear: both; float: left; background-repeat: no-repeat;}
#headbox {background-image: url(http://www.bosco-gurin.ch/images/48.gif); background-position: 0px 45px;}
#headbox.summer {background-image: url(http://www.bosco-gurin.ch/images/49.gif); background-position: 0px 45px;}
#headbox.winter {background-image: url(http://www.bosco-gurin.ch/images/2.gif); background-position: 0px 45px;}

#menu {float: left; width: 250px; padding-top: 181px;}
#menu li a {display: block; width: 220px; background: url(http://www.bosco-gurin.ch/images/12.gif) no-repeat 10px; font-size: 16px; padding: 12px 0 11px 30px;}
#menu li#menu_associazione-paesaggio a {padding-bottom: 10px;}
#menu.orizzontal li#menu_associazione-paesaggio a {padding-bottom: 11px;}

#menu li a.active {background: #BEBEAE url(http://www.bosco-gurin.ch/images/43.gif) no-repeat 10px;}

#menu li#menu_estate {background-color: #F3D027;}
#menu li#menu_inverno {background-color: #8FC2E6;}
#menu li#menu_comune {background-color: #6B4F19;}
#menu li#menu_governance {background-color: #B80027;}
#menu li#menu_associazione-paesaggio {background-color: #91C12F;}
#menu li#menu_estate a:hover {background-color: #DAB301;}
#menu li#menu_inverno a:hover {background-color: #71A2C6;}
#menu li#menu_comune a:hover {background-color: #513B13;}
#menu li#menu_governance a:hover {background-color: #A20124;}
#menu li#menu_associazione-paesaggio a:hover {background-color: #85B229;}

#menu.orizzontal {width: 1000px; padding: 0; margin-top: 0px; background: #BEBEAE;}
#menu.orizzontal li {float: left;}
#menu.orizzontal li a {width: 213px;}
#menu.orizzontal li#menu_estate a, #menu.orizzontal li#menu_associazione-paesaggio a  {width: 220px;}
#menu.orizzontal li#menu_governance a {width: 208px;}

#menu a:link, #menu a:visited {color: #FFF; text-decoration: none;}
#menu a:hover, #menu a:active {color: #FFF;}

#submenu {margin: 0 0 0 0;}
#submenu li {margin: 0 0 1px 0;}
#submenu li a {display: block; padding: 6px 0 6px 30px; background: #FFF; color: #000; text-decoration: none; font-weight: normal;}
#submenu li a.active {font-weight: bold;}
#submenu li a:hover {font-weight: bold; background: #F0F0EA;}

#submenu ul {display: none;}
#submenu li.open ul {display: block; margin-top: 1px;}
#submenu li.open ul li {padding: 0;}
#submenu li.open ul li a {background: #F0F0EA;}
#submenu li.open ul li.active a, #submenu li.open ul li a:hover {background: #E1E1DB;}
#submenu li.open ul li a:hover {font-weight: normal;}

.slideshow {float: left; width: 728px; height: 366px;}
.slideshow.short {float: left; width: 728px; height: 181px; margin-left: 250px;}
#noshow {width: 965px;}

#focushome {clear: left; float: left; margin-top: 10px;}

.focuslink  {position: absolute; bottom: 0; width: 228px; padding: 31px 0 10px 8px; background: url(http://www.bosco-gurin.ch/images/6.png);}
.focuslink a {background: url(http://www.bosco-gurin.ch/images/7.gif) no-repeat 0; padding-left: 20px; font-size: 15px; text-decoration: none;}
.focuslink a:hover, .focuslink a:active {color: #44432A; text-decoration: underline;}

.bollettino, .meteo, .offerte, .news {position: relative; float: left; margin: 0 10px 0 0; width: 236px; height: 237px;}
.bollettino {background: url(http://www.bosco-gurin.ch/images/120.jpg) no-repeat;}
.meteo {background-color: #D1EEF0;}
.news {background-color: #9D9C77;}
.news div {padding: 8px 8px 0px 8px;}
.news div p {color: #FFF;}
.news .date {margin: 3px 0 0 0; font-size: 12px; font-weight: bold;}
.news .title {margin: 0 0 3px 0; font-size: 12px; font-weight: bold;}

.offerte {background-color: #9D9C77;}
.offerte div div {position: absolute; top: 120px; width: 218px; height: 43px; padding: 9px; background: url(http://www.bosco-gurin.ch/images/6.png);}
.offerte.teaser div div {top: 159px; height: 60px;}
.offerte div div p {margin: 0;}

#contentbox {clear: both; float: left; margin-top: 0; border-top: 20px solid #BEBEAE;}
#contentbox .singlecol {margin-left: 250px;}

#leftcol, #contentcol {float: left;}
#leftcol {width: 250px; margin-right: 1px;}

#contentcol {width: 673px; padding: 25px;}
#contentcol h1 {font-size: 25px; margin-bottom: 20px; color: #BEBEAE;}
#contentcol h2 {font-size: 18px; margin: 20px 0 5px 0 !important; color: #666;}
#contentcol iframe {margin: 20px 0; border: 1px dotted #BEBEAE;}

#contentcol .bodycolumn p, #contentcol .bodycolumn ul, #contentcol.singlecol p, #contentcol.singlecol ul {font-size: 14px; color: #333;}
#contentcol .bodycolumn p, #contentcol.singlecol p {margin: 0.9em 0 !important; line-height: 140%;}
#contentcol .bodycolumn ul, #contentcol.singlecol ul {list-style-image: url(http://www.bosco-gurin.ch/images/59.gif); padding: 0 0 0 20px;}
#contentcol .bodycolumn ul li, #contentcol.singlecol ul li {margin-bottom: 2px;}

#contentcol .bodycolumn blockquote p {margin-top: 0; font-size: 26px; font-weight: bold; color: #A3A497; line-height: 120%;}

#contentcol .gallery {width: 100%; margin-top: 5px !important; padding: 10px 0 !important; border-width: 1px 0; border-style: dotted; border-color: #CCC;} 
#contentcol .gallery li {display: inline; list-style: none; margin: 0 5px 0 0 !important; line-height: 0em;}

.index_item {padding: 5px 0; border-top: 1px dotted #BEBEAE;}
.index_item .title {font-size: 14px; margin: 0 0 3px 0;}

.newslist_item {border-top: 1px dotted #BEBEAE; padding: 10px 0;}
.newslist_item p {margin: 0 !important;}
.newslist_item p.date, #contentcol .date {font-size: 11px !important; margin: 0 !important; color: #666 !important;}
.newslist_item p.title {font-size: 16px; margin: 0 !important;}

.listino {table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 0; font-size: 12px; text-align: left;}
.listino th, .listino tbody tr td {border-right: 1px dashed #999;}
.listino tbody th {padding: 5px 2px 30px 10px; border-bottom: 2px solid #999; background: #F0F0EA;}
.listino tbody td {padding: 8px 0; border-bottom: 1px dashed #999; padding: 5px 10px; }

input, textarea, select {font: 12px Arial, Helvetica, sans-serif; color: #000;}
input, textarea {padding: 3px;}
input.zemText {width: 60%; border-width: 0 0 1px 1px; border-style: dashed; border-color: #333;}
textarea.zemTextarea {border-width: 0 0 1px 1px; border-style: dashed; border-color: #333;}
input.zemText:focus, textarea.zemTextarea:focus {background: #CCC;}

form .formtitle {clear: both; margin: 20px 0 10px 0; padding: 2px 0 0 0; font-size: 16px; color: #666; border-top: 1px dotted #333;}
form ul {padding-left: 0 !important;}
form ul li {list-style: none; padding: 0 !important; margin: 0 0 10px 0;}
form label, form li.formbookhead span {display: block; float: left;}
form ul.book label {display: none;}
form label {width: 150px;}
form label.zemRadio, form label.zemCheckbox {display: inline; float: none; padding: 0 15px 0 0;}
form input.zemCheckbox {margin: 0 5px 2px 0;}
form li.accept {margin: 20px 0;}
form li.formbookhead {font-weight: bold;}
form li.formbookhead span {width: 330px;}
form li.booktitle {float: left;}
form li.booktitle .zemText {width: 50px; margin-left: 0;}
form li.booktitle span {display: block; float: left; width: 330px; margin-left: 0;}
form li.booktitle img {vertical-align: top; border: 1px solid #CCC; margin: 0 5px 0 0;}

.zemContactForm .zemError {margin-bottom: 10px;}
.zemContactForm .zemError li {margin: 0; color: red;}
.zemThanks .success {font-size: 14px;}
.zemContactForm p.submit {margin: 25px 0 0 0; padding-top: 5px; text-align: left; border-top: 1px dotted #333;}
.zemContactForm .zemSubmit {width: 100px; padding: 4px 0; color: #FFF; border: 0; background: url(images/8.jpg) no-repeat;}

#credits {clear: left; float: left; font-size: 11px; width: 975px; text-align: right; margin-top: 20px;}