/* CSS*/
html, body {height: 100%;}
body {margin: 0 0 0 0;}
p, h1, h2, h3, h4, h5, div, form {margin: 0 0 0 0; padding: 0 0 0 0;} 

/* Generiche */

body { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #252525; background-color:#4a6928;background-image:url(img/sf-verdi.jpg); background-repeat:repeat-x;}

.clear {clear: both;}
img {border:0;}
.right {float: right; margin: 0 35px 0 0;}
a {color: #FF0000; text-decoration: underline;}
a:hover {color: #FF0000; text-decoration: none;}

/* Principali */

div#contenitore { width: 900px; margin: 0 auto 0 auto; position: relative; }

div#principale {width:98%; margin: 5px auto 20px auto; border:0;}

/* Alto */
div#data {font-size:12px; color:#FFFFFF;}
div#data a {color:#FFFFFF; text-decoration: none;}
div#data a:hover {color:#FFFFFF; text-decoration: underline;}


div#rss-cont {width:60%; background-color:#dee7d4; margin:15px auto 15px 0;}
div#rss { background-image:url(img/rss.jpg); background-repeat:no-repeat; background-position:center left; background-color:#dee7d4; text-decoration:underline; padding:0px 0 0px 130px;}
div#rss a{text-decoration: none; color:#252525;}
div#rss a:hover{text-decoration: underline; color:#252525;}

div#logo { margin-top:25px;}

/* Centro */
div#centro {width:100%; margin:0; padding:0; background-color:#FFFFFF; background-image: url(img/sf-onda.jpg); background-position:bottom left; background-repeat:no-repeat;}

div#immaginecover {width: 35%; position: absolute; top: -5px; right: 0;}

div#img-centro {width:60%; height:140px; margin:20px auto 20px 30px;}

div#tx-centro {width:85%; margin: 10px 0 0 10px; padding: 0 10px 0 10px;}

div#box-mont {float:right; width:45%; margin: 30px 30px 10px 0; background-color:#dee4d6;}
div#img {padding:5px 0 0 10px;}
div#tx {color:#3d5224; padding:5px  9px 5px 9px;}
div#tx-vai {padding:5px  9px 5px 9px; text-align:right; font-weight:bold; color:#3d5224;}
div#tx-vai a {text-decoration: none; color:#3d5224;}
div#tx-vai a:hover {text-decoration: underline; color:#3d5224;}

/* Sotto */
div.tx-bianco{font-size:14px; color:#FFFFFF; font-weight:bold; margin:20px 0 10px 5px;}

div#sotto {width:100%; margin:10px auto 10px auto; background-color:#cdd7c1;}

div#banners {padding: 0 5px 0 5px;}

div#bann-a {float:left; width:23%; height: 100px; background-image:url(img/logo-provBs.jpg); background-position:left center; background-repeat:no-repeat; padding:8px 0 8px 70px; margin:10px auto 10px 15px; font-size:11px;}
div#bann-a a{ color:#252525; text-decoration:none;}
div#bann-a a:hover{ color:#252525; text-decoration: underline;}

div#bann-b { float:left; width:20%; height: 100px; background-image: url(img/logo-usp.jpg); background-position:left center; background-repeat:no-repeat; padding:8px 0 8px 105px; margin:10px auto 10px 10px; font-size:11px;}
div#bann-b a{ color:#252525; text-decoration:none;}
div#bann-b a:hover{ color:#252525; text-decoration: underline;}

div#bann-c {float:left; width:18%; height: 100px; background-image: url(img/logo-regione.jpg); background-position:left center; background-repeat:no-repeat; padding:8px 0 8px 105px; margin:10px auto 10px 10px; font-size:11px;}
div#bann-c a{ color:#252525; text-decoration:none;}
div#bann-c a:hover{ color:#252525; text-decoration: underline;}

div#chiusura {width: 100%;}
div#validazione {width: 100%; text-align: center;}

div#copy {float: left; width: 45%; color: #FFFFFF; line-height: 25px;}
div#popolis {float: right; width: 45%; line-height: 25px; text-align: right; padding: 0 60px 0 0; background-image:url(img/popolis.jpg); background-repeat:no-repeat; background-position:center right;}

div#popolis a {color:#FFFFFF; text-decoration: none;}
div#popolis a:hover{ color:#FFFFFF; text-decoration: none;}

/*--RSS--*/

#tic {font-size: 100%; padding:5px; width: 80%; line-height: 15px;}
#tic * {font-size: 100%; margin:0px; padding:0px; display: none;}
#tic a {color: #172b4e; text-decoration: none; display:inline;}
#tic a:hover { color: #172b4e; text-decoration: underline; display:inline;}


/*--Pagina Montagna Bresciana--*/

div#immaginecover1 {width: 30%; position: absolute; top: 10px;right: 10px;}
div.foto {float: right; margin: 5px 10px 10px 10px; background-color: #dddddd; padding: 5px; font-size: 75%;}

div#tx-monti {width:60%; margin: 30px 0 0 10px; padding: 0 10px 0 10px;}

/*div#centro-mont {width:100%; height:1180px; margin:0; padding:0; background-color:#FFFFFF; background-image: url(img/sf-onda.jpg); background-position:bottom left; background-repeat:no-repeat;}*/

div#pannelli1 { width:98%; margin-top:30px; padding: 0px;}
div#pannelli1 ul{margin: 10px 0 0 20px; padding: 0px;}
div#pannelli1 li{float:left; list-style-type:none; padding:2px 0 0 15px;}
div#pannelli1 li a {border:4px solid #FFFFFF;}
div#pannelli1 li a:hover {border:4px solid #DDDDDD;}
div#pannelli1 li a:visited {border:4px solid #C4E5B5;}
div#pannelli1 li img {border:0;}

div.pannelli2 { width:98%; margin-top:7px; padding: 0px;}
div.pannelli2 ul {margin: 7px 0 0 20px; padding: 0px;}
div.pannelli2 li {float:left; list-style-type:none; padding:2px 0 0 15px;}
div.pannelli2 li a {border:4px solid #FFFFFF;}
div.pannelli2 li a:hover {border:4px solid #DDDDDD; }
div.pannelli2 li a:visited {border:4px solid #C4E5B5;}
div.pannelli2 li img {border:0px;}

div#pannelli3 {width:18%; margin:7px 0 20px 410px; padding: 0px;}
div#pannelli3 ul {margin: 7px 0 0 20px; padding: 0px;}
div#pannelli3 li {float:left; list-style-type:none; padding:2px 0 0 15px;}
div#pannelli3 li a {border:4px solid #FFFFFF;}
div#pannelli3 li a:hover {border:4px solid #DDDDDD;}
div#pannelli3 li a:visited {border:4px solid #C4E5B5;}
div#pannelli3 li img {border:0px;}

/*--Pannelli--*/

div#immaginecover2 {width: 276px;position: absolute; top: 30px; right:9px; }

div#percorso {width:65%; margin: 20px 0 10px 10px; padding: 0 0 0 10px; font-size:12px; color:#CC3300;}
div#percorso a {color:#CC3300; text-decoration:underline;}
div#percorso a:hover {color:#CC3300; text-decoration:none;}


div#tx-pann {width:65%; margin: 30px 0 0 10px; padding: 0 10px 0 10px;}

div#centro-pann {width:100%; height:680px; margin:0; padding:0; background-color:#FFFFFF; background-image: url(img/sf-onda.jpg); background-position:bottom left; background-repeat:no-repeat;}


div#icone{width:33%; margin:60px 0 10px 300px; padding: 0px;}
div#icone ul{margin: 0px; padding: 0px;}
div#icone li{float:left; list-style-type:none; padding:0 0 0 15px;}
div#icone li a {border:0;}
div#icone li a:hover {border:0;}
div#icone li img {border:0px;}



/*menu tendine*/

div#menu {width:61%; margin: 10px 0 0 20px; padding: 0; background-color: #5f9919; text-align: center;}
div#intmenu {width: 100%; margin: 0 auto 0 auto; text-align: center;}

ul#asc {margin: 0; padding: 0; list-style: none; margin: 0; width: 100%;}
ul#asc li {float: left; padding:2px 3px 2px 3px; line-height: 25px; margin: 0; color: #FFFFFF;}
ul#asc li ul li {list-style: none;}
ul#asc a:link, ul#asc a:visited {display: block; padding: 0; color: #ffffff; text-decoration: none;}
ul#asc a:hover {color: #000000; text-decoration: none;}
ul#asc li ul {display: none;}
ul#asc li:hover ul {display: block; position: absolute; z-index: 1; width: 145px; padding: 0; margin: 0 0 0 0;}
ul#asc li ul li {border-right: 1px solid #5f9919; border-right: 1px solid #5f9919; border-left: 1px solid #5f9919; border-bottom: 1px solid #5f9919; width: 145px; color: #5f9919; padding: 0 0 0 0; background-color: #FFFFFF;}
ul#asc li ul li a:hover {color: #FFFFFF; text-decoration: underline; background-color: #5f9919;}
ul#asc li ul li a:link {color: #5f9919; text-decoration: none; background-color: #FFFFFF;}
ul#asc li ul li a:visited {color: #5f9919; text-decoration: none; background-color: #FFFFFF;}

.titolo {font-size: 140%; font-weight: bold;}

p.downloaddoc {width: 100%; padding: 0 0 0 80px; line-height: 60px; background-image: url(img/doc-trans.png); background-repeat: no-repeat; background-position: center left;}
p.downloaddoc a {color: #000000; text-decoration: underline;}
p.downloaddoc a:hover {color: #000000; text-decoration: none; background-color: #FFFF00;}

p.downloadvideo {width: 100%; padding: 0 0 0 80px; line-height: 60px; background-image: url(img/video-trans.png); background-repeat: no-repeat; background-position: center left;}
p.downloadvideo a {color: #000000; text-decoration: underline;}
p.downloadvideo a:hover {color: #000000; text-decoration: none; background-color: #FFFF00;}

p.downloadweb {width: 100%; padding: 0 0 0 80px; line-height: 60px; background-image: url(img/web-trans.png); background-repeat: no-repeat; background-position: center left;}
p.downloadweb a {color: #000000; text-decoration: underline;}
p.downloadweb a:hover {color: #000000; text-decoration: none; background-color: #FFFF00;}

p.downloadweb {width: 100%; padding: 0 0 0 80px; line-height: 60px; background-image: url(img/web-trans.png); background-repeat: no-repeat; background-position: center left;}

p.pdf {padding: 0 0 0 20px; line-height: 30px; background-image: url(img/formati/pdf.gif); color: #000000; background-repeat: no-repeat; background-position: center left;}
p.pdf a {text-decoration: none; color: #FF0000;}
p.pdf a:hover {text-decoration: underline; color: #000000;}

p.flv {padding: 0 0 0 20px; line-height: 30px; background-image: url(img/formati/flv.gif); color: #000000; background-repeat: no-repeat; background-position: center left;}
p.flv a {text-decoration: none; color: #FF0000;}
p.flv a:hover {text-decoration: underline; color: #000000;}

p.htm {padding: 0 0 0 20px; line-height: 30px; background-image: url(img/formati/htm.gif); color: #000000; background-repeat: no-repeat; background-position: center left;}
p.htm a {text-decoration: none; color: #FF0000;}
p.htm a:hover {text-decoration: underline; color: #000000;}


div.news {border-bottom: 1px dashed #000000; padding: 10px 0 10px 0;}
div.mediapdf {border-bottom: 1px dashed #000000; margin: 10px 0 10px 0; padding: 10px 0 10px 0; background-image: url(img/formati/pdf_big.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 50px;}
div.mediavideo {border-bottom: 1px dashed #000000; margin: 10px 0 10px 0; padding: 10px 0 10px 0; background-image: url(img/formati/video_big.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 50px;}
div.mediahtml {border-bottom: 1px dashed #000000; margin: 10px 0 10px 0; padding: 10px 0 10px 0; background-image: url(img/formati/html_big.gif); background-repeat: no-repeat; background-position: center left; padding: 0 0 0 50px;}

div.video {width: 95%; margin: 0 auto 0 auto; text-align: center;}