/* http://css.html.it/guide/lezione/77/layout-a-tre-colonne-con-float-e-background/ */
/* http://www.constile.org/template/menu_verticali/ */
/*global default styles*/
html {height: 100%;}
img {border: 0; padding:0px ; margin:0px;}
li {padding: 0; margin: 0; list-style-type: none;}
.hide1 {display: none;}
ul {padding: 0; margin: 0;}
/*base default font size, type, and line height*/
body1 {font: 76%/1.4em Arial, Helvetica, sans-serif; background: url(images/bg.gif) repeat-x #290602; color:#333333; height: 100%; padding: 0; margin: 0;}
body
{
margin:0 auto;
padding:0;
font: 76% Arial, Helvetica, sans-serif;
background: url(images/bg.gif) repeat-x #123804;
}
a { color:#336600; text-decoration:none; }
a:hover { color:#336600; text-decoration:underline; }
a.link1, a:visited.link1, a:active.link1 { font-family:Verdana; font-size:11px; color:navy; text-decoration:none; }
a:hover.link1 { color:red; text-decoration:underline; }
a.link2 { font-family:Arial; font-size:12px; color:white; text-decoration:none; }
a:hover.link2 { color:Yellow; text-decoration:underline; }
a.link3 { font-family:Arial; color:white; text-decoration:none; }
a:hover.link3 { color:#ffff80; text-decoration:underline; }
table.externalTable
{
width:800px;
height:100%;
border:solid 0px #15714c;
margin: 0 auto;
padding: 0;
vertical-align:top;
}
td.headerPane
{
margin:0; padding:0;
border: solid 0px red;
vertical-align:top;
background: url(images/bg_header2.gif) repeat-x ;
}
td.homePane
{
border: solid 0px yellow;
}
td.topPane
{
border: solid 0px yellow;
background-color:White;
}
td.leftPane{background-color:#ffff80;width: 140px;border-right:solid 1px black;border-left:solid 1px black;border-bottom:solid 1px black;vertical-align:top;padding-top:7px;padding-left:0px;padding-right:0px;}
td.contentPane
{
margin: 0;
border: solid 0px red;
vertical-align:top;
padding:7px 7px 7px 7px;
background-color:White;
}
td.bottomPane
{
}
div#header1 {background: url(images/bg_header.gif) repeat-x #71281D; height: 83px; font-size: 0.9em; color: #fff;}
div#logoContainer {width:100%;}
div#logo {background: url('images/logo2.gif') no-repeat; float: left; text-indent: -9999px; width: 300px; height: 83px; }
div#logoarpa {background: url('images/logoarpa.gif') no-repeat; width: 210px; height: 63px; }
div#mainhome3 {background: url('images/home/bg_home_003.jpg') no-repeat; float: left; width: 800px; height: 300px;}
div#mainhome0 {background: url('images/bg_home.jpg') no-repeat; float: left; width: 800px; height: 300px;}
div#mainhome1 {background: url('images/bg_home3.jpg') no-repeat; float: left; width: 800px; height: 300px;}
div#mainhome4 {background: url('images/home/bg_home_004.jpg') no-repeat; float: left; width: 800px; height: 200px;}
div#mainhome {background: url('images/home/bg_home.jpg') no-repeat; float: left; width: 800px; height: 200px;}
ul#topmenu {float: right; padding: 3em 0em 0em 0em ; border:solid 0px red; padding-right:20px;}
ul#topmenu a {color: #ffffff; text-decoration:none; font-size:0.9em;}
ul#topmenu a:hover {color: #50e417;}
ul#topmenu li {display: inline; border-right: solid 1px #49160D; padding: 0 0.5em;}
ul#topmenu li.last {border-right: none;}
ul#menu {background: url(images/bg_menu.gif) repeat-x; height: 24px; text-align: center; color: #fff; padding-top: 0.40em; text-shadow: #774207 2px 2px 2px; font-weight: bold; letter-spacing: -0.025em; font-size: 1.1em; margin-bottom:7px; }
ul#menu a {color: #fff; text-decoration:none;}
ul#menu a:hover {color: #42280C;}
ul#menu li {display: inline; background: url(images/separator_menu.gif) no-repeat; padding: 0 1.2em;}
ul#menu li.first {background: none;}
ul#menu li.last {background: none;}
.title
{
font-family: Arial;
font-size: 28px;
font-weight: bold;
}
.subTitle { font-family: Arial; font-size: 18px; font-weight: normal; }
.text
{
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
.title1{font-size: 14pt; color: black; font-weight:bold; font-family:Arial;}
.title1White{font-size:14pt; color: white; font-weight:bold; font-family:Arial;}
.subTitle1 {font-size: 11pt; color: black; font-weight:normal; font-family:Arial;}
.subTitle1Bold {font-size: 11pt; color: black; font-weight:normal; font-family:Arial;font-weight:bold;}
.subTitle1bold {font-size: 11pt; color: black; font-weight:normal; font-family:Arial;font-weight:bold;}
.subTitle1b {font-size: 11pt; color: black; font-weight:normal; font-family:Arial;font-weight:bold;}
.title2White{font-size: 10pt; color: white; font-weight:bold; font-family:Arial;}
.subTitle2 {font-size:8pt; color: black; font-weight:normal; font-family:Arial;}
.subTitle2bold {font-size:8pt; color: black; font-weight:bold; font-family:Arial;}
.webcam
{
margin-top:0px;
border:solid 0px black;
padding:0px;
}
.ranasfondo{width:50px;height:60px;padding-left:5px;padding-right:5px;background-image:url('Images/panel/rana_ok_bar.gif');background-position:top; background-repeat:repeat-x;border:solid 0px red;}
.ranasfondoRiga1{height:8px;}
.ranasfondoRiga2{height:26px;padding-left:5px;background-image:url('Images/panel/rana_ok_bar_green.gif'); background-position:top;background-repeat:repeat-x;}
.ranasfondoRiga3{height:19px;padding-left:5px;background-image:url('Images/panel/rana_ok_bar_white.gif'); background-position:top;background-repeat:repeat-x;}
.ranasfondoRiga4{height:7px;}
.ranasfondoSmall{border:solid 0px red;width:38px;height:45px;padding-left:2px;padding-right:2px;background-image:url('Images/panel/rana-piccola-bar.gif');background-position:top; background-repeat:repeat-x;}
.ranasfondoSmallRiga1{height:7px;}
.ranasfondoSmallRiga2{height:26px;padding-left:0px;background:url('Images/panel/rana-piccola-bar-green2.gif') no-repeat left;}
.ranasfondoSmallRiga4{height:12px;}
div#homelocalita { background: url('images/homelocalita.gif') no-repeat; width: 800px; height:90px; padding: 0; margin: 0; }
div#homewebcam { background: url('images/homewebcam.gif') no-repeat; width: 800px; height:90px; padding: 0; margin: 0; }
/* METEO */
div#homesat { background: url('images/homesat.gif') no-repeat; width: 800px; height:90px; padding: 0; margin: 0; }
div#topsat { background:url('images/bg_topsat.gif') no-repeat left; position:relative; width: 756px; margin: 20px 0px 5px 20px; border:solid 2px #933223; padding:0; height:90px;}
div.satframe { width:760px; margin:0 auto; padding:0; }
div.satframebig { width:758px; margin:0px auto; margin-top:20px; padding: 20px 0 20px 0px; border:solid 1px #bc9160; background-color:#eaeaea; }
div#satframeleft { width: 295px; padding:0px 0 0 0px; margin:0; float:left; border:solid 0px #933223;}
div#sattitle { background: url('images/sattitle.gif') no-repeat right top; color:white; width: 280px; height:50px; padding:25px 0 0 15px; margin:0; border:solid 1px red; float:left; border:solid 0px #933223; font-size:1.8em;}
ul.menusat {border:solid 0px red; margin:0px 0 0 0; width:100%; list-style:none; /* elimino i punti elenco */ padding:0; /* elimino i rientri delle liste */ }
ul.menusat li {font-size:1.1em; }
ul.menusat li a, li a:active li a:visited { border-left:solid 5px #236907; color:#933223; display:block; height:1.75em;line-height:1.75em; border-bottom:dotted 1px #933223; padding-left:5px;}
ul.menusat li a:hover {background-color:#236907; color:white; border-bottom:dotted 1px #236907; border-left:solid 5px #933223; }
/* Titoli nella home delle pagine */
div.indexpagehead{ background:url('images/bg_homepage.gif') no-repeat left; position:relative; width: 756px; margin: 15px 0px 5px 13px; border:solid 2px #933223; padding:0; height:90px;}
div.indexpagetop { background:url('images/bg_homepage.gif') no-repeat left; position:relative; width: 756px; margin: 20px 0px 5px 20px; border:solid 2px #933223; padding:0; height:90px;}
p.hometitle {color: white; font-size:34px; font-weight:normal; padding: 22px 0 0 40px; margin:0; border:solid 0px red;}
p.homesubtitle1 {color: #933223; font-size: 24px; font-weight:bold; padding:0; margin:20px 0 0 350px ;}
p.homesubtitle2 {color: #be9361; font-size: 14px; font-weight:bold; padding:0; margin:5px 0 0 350px ;}
/* Titoli nella home delle pagine short */
div.indexpageheadshort{background:url('images/bg_homepagelocalita.gif') no-repeat left; position:relative; width: 614px; margin: 15px 0px 5px 13px; border:solid 2px #933223; padding:0; height:90px;}
p.homesubtitle1short {color: #933223; font-size: 24px; font-weight:bold; padding:0; margin:20px 0 0 210px ;}
p.homesubtitle2short {color: #be9361; font-size: 14px; font-weight:bold; padding:0; margin:5px 0 0 210px ;}
/* container parte centrale */
div.centralcontainer{position:relative; width: 760px; margin: 20px 0px 5px 13px; border:solid 0px red; padding:0;}
/* MAILING */
div.centralcontainermailing { background: url('images/ranociapiccola.gif') no-repeat center; position:relative; width: 700px; margin: 20px 0px 5px 43px; border:solid 0px red; padding:0;}
div#topmailing { background:url('images/bg_topmailing.gif') no-repeat left; position:relative; width: 756px; margin: 20px 0px 5px 20px; border:solid 2px #933223; padding:0; height:90px;}
p#title11 {color: #933223; font-size: 24px; font-weight:bold; padding:0; margin:20px 0 0 350px ;}
.mailingtitle {color: #933223; font-family:Arial;font-size: 16px; font-weight:bold; padding:0; margin:15px 0 0 0px ;}
.mailingtext {font-size: 14px; color: black; font-weight:normal; font-family:Arial;text-align:justify;}
table.boxemail { border:solid 1px #111111; background:url('images/bg_mailingbox.gif') repeat-x bottom; }
td.boxemailtitle { border:solid 1px white; }
p.boxemailtitle { color:#feffd3; font-size: 12px; font-weight:normal; margin:10px 0 10px 0; }
td.boxemail { border-right:solid 1px white;border-bottom:solid 1px white; color:White; font-weight:bold;}
td.boxemailMarrone { background-color:#be9361; color:White;}
td.boxemailVerde { background-color:#277909; color:White;}
/* TITOLI */
div.newtitle1{margin: 0px; border:solid 0px red; padding: 0px; vertical-align:middle; padding:0px;
color: #AB7D4B; font-size: 2em; font-weight: normal; }
div.newtitle1wback1{margin: 0px; border:solid 0px red; padding: 0px; vertical-align:middle; padding:0px 0.3em;
background: url('images/befana/bg_title2.gif') repeat-x; height: 32px; line-height:32px; color: #AB7D4B; font-size: 1.8em; font-weight: normal; }
/* WEBCAM */
div.indexwebcam{position:relative; width: 760px; margin: 20px 0px 5px 13px; border:solid 0px red; padding:0;}
p.indexwebcam {background: url('images/bg_title2.gif') no-repeat; height: 20px;color: #AB7D4B; font-size: 2em; font-weight: normal; padding: 0.7em 0.8em; letter-spacing: -0.04em;}
div.homebagnile1 { float:right;color:White;padding:0px;margin:20px 20px;border:solid 0px yellow; width:300px;}
div.homebagnile { background: url('images/bg_homecesena2.gif') no-repeat bottom; float:right;color:White;padding:0 0 0 0;margin:20px 20px;border:solid 0px yellow; width:300px;}
ul.home {padding:0; margin:10px 0 0 0; border:solid 0px yellow; vertical-align:top;}
ul.home_old li {font-size:14px;color:red; padding:0; margin:0; border:solid 0px navy; width:100%; height:1em; line-height:1em; display:block; }
ul.home_old span.p1 {color:white; padding:0; margin:0; float:left;font-size:14px;}
ul.home_old li.p1 span.p2 {color:#50e417; padding:0; margin:0; float:right;font-size:14px;}
ul.home_old li.p1 div.p2 {color:#50e417; padding:0; margin:0; float:right;font-size:14px;}
ul.home div.p1 {color:white; padding:0; margin:0; float:left;font-size:14px;}
ul.home div.p2 {color:#50e417; padding:0; margin:0; float:right;font-size:14px; }
ul.home div.p3 {clear:both;}
/* EVENTI */
div#homeeventi { background: url('images/homeeventi.gif') no-repeat; width: 800px; height:90px; padding: 0; margin: 0; }
div#topeventi { background:url('images/bg_topsat.gif') no-repeat left; position:relative; width: 756px; margin: 20px 0px 5px 20px; border:solid 2px #933223; padding:0; height:90px;}
div#topeventibagnileinfesta2005 { background:url('images/bg_topeventibfesta2005.gif') no-repeat left; position:relative; width: 756px; margin: 20px 0px 5px 20px; border:solid 2px #933223; padding:0; height:90px;}
div#topeventibagnileinfesta2006 { background:url('images/bg_topeventibfesta2006.gif') no-repeat left; position:relative; width: 756px; margin: 20px 0px 5px 20px; border:solid 2px #933223; padding:0; height:90px;}
div.eventiframe { width:760px; margin:0 auto; padding:0; border:solid 0px red;}
div.eventiframecenter { width:760px; margin:0 auto; padding:0; border:solid 0px red; text-align:center;}
div.eventiframebirre { background:url('images/bg_birre.gif') no-repeat top; width:760px; margin:0 auto; padding:0; border:solid 0px red;}
div.eventiringraziamentiframe { background: url('images/ranocia.gif') no-repeat center; width:758px; padding:10px 0 10px 0; margin:20px 0 10px 0; border:solid 2px #933223;text-align:center; }
div.titolobfesta2005 { background: url('images/titolo_bfesta2005.gif') no-repeat center; padding:0; margin:30px 0 20px 0; height:110px;text-align:center; }
div.titolobfesta2006 { background: url('images/titolo_bfesta2006.gif') no-repeat center; padding:0; margin:30px 0 20px 0; height:110px;text-align:center; }
div.titolofestabirra2005 { height:123px; background: url('images/titolo_festabirra2005-2.gif') no-repeat center; padding:0; margin:30px 0 20px 0; text-align:center; }
div.titolofestabirra2006b { height:123px; background: url('images/festabirra2006b/titolo_festabirra2006b.gif') no-repeat center; padding:0; margin:30px 0 20px 0; text-align:center; }
ul.eventielenco li.evento { text-align:center; margin:20px 0 20px 0; padding:0px; vertical-align:middle; }
ul.eventielenco li.evento a {margin:0 auto; width:auto; border:solid 0px red; }
ul.eventielenco li.evento a:hover { background: url('images/bg_eventosel.gif') no-repeat center; }
ul.fotofestaquartiere { border:solid 0px navy; margin: 10px 0 0 0;text-align:center;}
ul.fotofestaquartiere li { display:inline;margin:5px;padding:0;vertical-align:middle; }
ul.fotofestabirra { border:solid 0px navy; margin: 10px 0 0 0;text-align:center;}
ul.fotofestabirra li { width:150px; margin:5px;padding:0;vertical-align:middle; }
ul.fotofestabirra2006b { border:solid 0px navy; margin: 10px 0 0 0;text-align:center;}
ul.fotofestabirra2006b li { display:inline; margin:5px;padding:0;vertical-align:middle; }
/*BOTTOM : position list chunks side by side */
div#bottomup {position: relative; background: url('images/bg_bottomlinks.gif') repeat-x #6C251A; height: 180px;}
div#bottomup div#linksbottom {position: absolute; top: 28px; left: 30px; font-size: 0.9em; width: 750px;}
div#bottomup div#linksbottom a {color: #fff; display: block;text-decoration: none;}
div#bottomup div#linksbottom a:hover {color: #C39A6E;}
div#bottomup div#linksbottom ul.wrapper {float: left; padding: 0 30px 0 10px;margin: 0 10px 0 0px; border-right: solid 1px #7F2C1F; height: 140px; width:133px;}
div#bottomup div#linksbottom ul.wrapperlast {float: left; padding: 0 30px 0 20px;margin: 0 10px 0 0; border: solid 0px #7F2C1F; height: 140px; width:133px;}
div#bottomup div#linksbottom ul.wrapper li {list-style-type: none; background: url('images/bullet_specialindex.gif') no-repeat; padding: 0 0 0 10px; line-height: 1.7em; border:solid 0px red; width:100%;}
div#bottomup div#linksbottom ul.wrapperlast li {list-style-type: none; background: url('images/bullet_specialindex.gif') no-repeat; padding: 0 0 0 10px; line-height: 1.7em; width:100%;}
div#bottomdown {background: url('images/bottompage.gif') no-repeat bottom; float: left; width: 800px; }
div#bottompage_old {background: url('images/bottompage.gif') no-repeat; height: 17px;}
div#bottom_old {background-color:#6c251a; width: 800px; height: 100px; margin-top:7px;}
/* FOOTER */
#footer {padding: 10px 20px 0 20px; height: 100px;}
#footer p.copyrights {float: left; color: white; font-size: 0.9em; padding: 10px; margin: 0;}
#footer p.logos {float: right; background: url('images/footer_logos.gif') no-repeat; height: 41px; width: 21px; text-indent: -9999px; padding: 0; margin: 0;}
#footer p.logos_old {float: right; background: url('images/footer_logos.gif') no-repeat; height: 21px; width: 60px; text-indent: -9999px; padding: 0; margin: 0;}
/* PERSONAGGI */
table#peoplemain {width:780px;margin:auto;font-family:verdana;font-size:10px;}
table#peoplemain td {padding:10px;}
td.rightcol{background-color:#CCCC99;color:#000;text-align:right;}
td.leftcol{width:620px;background-color:#eaeaea;text-align:center;}
td#header_r {height:100px;vertical-align:bottom;border-bottom:5px solid #eaeaea;}
td#header_l {height:100px;vertical-align:bottom;border-bottom:5px solid #CCCC99;text-align:right;}
td#footer_r {height:30px;vertical-align:top;border-top:5px solid #eaeaea;}
td#footer_l {height:30px;text-align:right;vertical-align:top;border-top:5px solid #CCCC99;}
a.b {text-decoration:none;color:#000;font-weight:bold;}
a.b:hover {text-decoration:underline;color:#000;font-weight:bold;}
a.c {text-decoration:none;color:navy;font-weight:bold;}
a.c:hover {text-decoration:underline;color:navy;font-weight:bold;}
h2.people {margin:0;font-size:20px;}
td.f1 {font-size:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
/* PART */
.partcentral { margin:0px 0px 20px 0px; border:solid 1px #bc9160; padding:0px; background-color:#eaeaea; width:400px;}
.part { margin:0 auto; border:solid 1px #bc9160; padding:0px; background-color:#eaeaea; width:130px;}
.partleft { margin:0 auto; border:solid 0px #bc9160; margin-bottom:20px; padding-bottom:10px; width:140px;}
.partright { border:solid 1px #bc9160; margin:0px 0px 20px 0px; padding:0px; background-color:#eaeaea; width:100%;}
.partcontainerborder {text-align:center; width:120px; padding: 0 0px 1em 0px; margin:auto; border-bottom: solid 2px #bb9160; margin-bottom:30px; }
.partcontainer {text-align:center; width:120px; padding: 0 0px 1em 0px; margin:auto; border-bottom: solid 0px #bb9160; margin-bottom:20px; }
/* MENU PEOPLE */
ul.peoplelast {float: left; padding: 0 0px 1em 0px;margin: 0px 5px 10px 5px; border-bottom: solid 2px #bb9160; width:110px;}
ul.peoplelast li {list-style-type: none; padding: 0 0 0 0px; margin:0px; line-height: 1.5em; border:solid 0px red; width:100%;}
ul.peoplelast li a {display:block; color: #933223; text-decoration: none; padding:0 0 0 10px; width:100%; margin:0 0 0px 0;}
ul.peoplelast li a:hover {color: #C39A6E; text-decoration: none; background:White url('images/bullet_specialindex.gif') no-repeat left; }
/* NEWS
ul.news {width:100%;}
ul.news li { font-family:Arial; font-size:11px; margin:0px; display:inline }
ul.news li.item1 { background-color:#E8E8E8; margin:0; padding:0px; }
ul.news li.item2 { background-color:#FAFAFA; margin:0; padding:0px; }
ul.news li.item1 a { display:block; color:black; vertical-align:middle; margin:0; padding: 2px 4px 2px 4px; height:auto; min-height:32px; line-height:1.2em; background:#E8E8E8; }
ul.news li.item2 a { display:block; color:navy; vertical-align:middle; margin:0; padding: 2px 4px 2px 4px; height:auto; min-height:32px; line-height:1.2em; background:#FAFAFA; }
ul.news li a:hover { color:White; background:#009933; display:block; }
ul.news li.item1_old a { vertical-align:middle; margin:0; padding: 2px 4px 2px 30px; height:28px; line-height:1.2em; display:block; background:#E8E8E8 url('Images/news/help_blue.ico') no-repeat left; }
ul.news li.item2_old a { vertical-align:middle; margin:0; padding: 2px 4px 2px 30px; height:28px; line-height:1.2em; display:block; background:#FAFAFA url('Images/news/help_blue.ico') no-repeat left; }
ul.news li a:hover_old { color:White; background:#009933 url('Images/news/help_green.ico') no-repeat left; }
*/
ul.news {padding:0px;margin:0px; width:100%;}
ul.news li.item1 {background-color:#E8E8E8; list-style-type: none; padding: 0 0 0 0px; margin:0px; line-height: 1.5em; border:solid 0px red; width:100%; min-height:30px;}
ul.news li.item2 {background-color:#FAFAFA; list-style-type: none; padding: 0 0 0 0px; margin:0px; line-height: 1.5em; border:solid 0px red; width:100%; min-height:30px;}
ul.news li a {display:block; color: #933223; text-decoration: none; padding:0 5px 0 5px; width:225px; margin:0 0 0px 0; min-height:30px;}
ul.news li a:hover {color: white; text-decoration: none; background-color:#009933; }