/* CSS Document */

html,body{margin: 0;padding:0}
body{font-family:  Arial, serif;font-size: 12px;text-align: center; height: 100%; }
div#container{position: relative; width: 760px; 
margin: 0px auto;
    border-left: 1px solid #000; border-right: 1px solid #000; background-color: #eee;color: #444;text-align: left}



/*stili generici, su header e footer*/


div#header_chiana{height: 69px; border-bottom: 1px solid #B00;color: #fff; background:    url(img/header_chianalea.jpg) }
div#header_chiana a{height: 15px; color: #eee;text-decoration:none}
h1,h2,h3,h5,h6,p{margin: 0; padding-left:8px;}
p{padding-bottom: 10px}
h3{padding-top: 10px}
h5{padding-top: 10px}
h6{padding-top: 10px}

h4{background: inherit; border-bottom: 1px dashed #ccc; color: #B00; font: 17px Georgia, serif; margin: 0 0 10px; padding: 0 0 5px; text-align: center;}
h1{padding-left:10px;font: bold 2.3em/80px georgia,times,serif}
h2{font-size: 1.5em}
h3{font-size: 1.5em; color: #004276;}
h6{padding-left:10px;font-size: 1.3em}
h5{font-size: 1.1em}

A {TEXT-DECORATION: none}
A IMG {BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A:link {COLOR: #555; BORDER-BOTTOM: #555 1px solid}
A:visited {COLOR: #555; BORDER-BOTTOM: #555 1px solid}

/*stili specifici per il layout*/
div#navigation{position: absolute; top: 85px; left: 0; width: 110px;\width:110px;w\idth:110px;padding: 1em 0 0 0px; border-right: 1px solid #999; background: url(img/sfondo_prova.gif) repeat-y top right
}
div#navigation1{position: absolute; left: 0; width: 110px;\width:110px;w\idth:110px;padding: 1em 0 3 0px; border-right: 1px solid #999; background: url(img/sfondo_prova.gif) repeat-y top right
}

div#extra{position: absolute; top: 85px; right: 0; width: 180px;\width:190px;w\idth:180px;padding: 1em 5px; }

div#content{margin: 0 190px 0 110px;padding: 0 5px; height: 3000px; background-color: #fff; }

/*=========FOOTER=========*/
div#footer a{background-color:#C30F03;font-weight: bold;text-decoration: none; color: #fff;}
div#footer{text-align:center; position: absolute; bottom:0; width: 100%; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; padding-left: 0px; background-color: #C30F03; color: #fff; FONT-SIZE: 0.8em; clear: both; }


div#galleria{margin: 0 0px 0 110px;padding: 0 5px; height: 1300px; background-color: #fff}

div#sitesearch{top: 85px; right: 0; width: 180px;  height: 200px; background-color: #fff}

/*stili per la navigazione*/
div#navigation ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation ul a{display:block;width: 110px;border-bottom: 1px solid #fff;color:#454545;
    font-weight:bold; text-decoration: none}
div#navigation ul a:hover{background-color: #fff; color: #B00}
div#navigation ul a#activelink{color: #B00;text-decoration: none}

div#navigation1 ul{margin: 0 0 20px;padding: 0; list-style-type: none}
div#navigation1 ul a{display:block;width: 110px;border-bottom: 1px solid #fff;color:#454545;
    font-weight:bold; text-decoration: none}
div#navigation1 ul a:hover{background-color: #fff; color: #B00}
div#navigation1 ul a#activelink{color: #B00;text-decoration: none}


div#minilink a{margin: 10px 0;display: block;border: 1px inset #666;width:90px;line-height: 40px;
    background-color: #fff;color: #000;text-align: center;text-decoration: none}
div#minilink a:hover{font-size: 2em;font-weight: bold;color: #ccc}

/*stili per opacit�*/
.withback   {background-color:white;filter:alpha(opacity=90);opacity:.90;border:1px solid black; padding-left:10px;margin-top:50px;color:black;}
div.transOFF          {width: 100%;}
div.transON           {width: 100%;opacity:.50;filter: alpha(opacity=50) ; -moz-opacity: 0.5;-khtml-opacity: 0.5; }
.transOFF             {width: 100%;}
.transON              {width: 100%;background: silver;opacity:.50;filter: alpha(opacity=50) ; -moz-opacity: 0.5;-khtml-opacity: 0.5; }
div.trans25   {width: 100%; background-color:silver;opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;border:1px solid black; }
div.trans75   {width: 100%; background-color:silver;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;border:1px solid black; }
a.linkopacity img {filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;}
a.linkopacity:hover img {filter:alpha(opacity=100);   -moz-opacity: 1.0;   opacity: 1.0;}


h1old {color:#1A0942;text-align:left;margin-bottom:10px;font-size:large;}
h2old {color:black;}
h3old {width:100%;color:black;margin-top:40px;margin-bottom:40px;padding-top:10px;padding-bottom:10px;background:#F5F5F5;
}


h4old {color:#1A0942;background:white;FONT: 16pt Haettenschweiler, brush script mt,impact,arial,verdana;}
h6old {color:lime;}

div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON  {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }





/*stili per menu inline*/
div#tabsB {margin: 0 0 5px; border-bottom: 1px solid #999;float:none; width:100%; background:#EEEEEE; font-size:1em; line-height:normal;}
div#tabsB ul {display:inline;border-bottom: 1px solid #999;margin:0; padding:10px 10px 0 50px; list-style:none;}
div#tabsB ul a{border-bottom: 1px solid #fff;border-right: 1px solid #fff;color:#555555;
    font-weight:bold; text-decoration: none}
div#tabsB ul a:hover {background-color: #fff;color: #B00}
div#tabsB li {display:inline; margin:0; padding:0; color: #B00}
div#tabsB a {float:right; background: url() no-repeat left top; margin:0;   padding:0 10 0 4px;   
      text-decoration:none;}
/*div#tabsB a span {float:left; display:inline; background: url() no-repeat right top; padding:5px 15px 4px 6px;
      color:#454545;}*/
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
/*div#tabsB a span {float:none;}
    /* End IE5-Mac hack */
/*div#tabsB a:hover span {background-color: #fff;color:#B00;}
/*div#tabsB a:hover {background-color: #fff;background-position:100% -42px; }
/*div#tabsB a:hover span {background-color: #fff; background-position:100% -42px;}



/* stile per link nel testo */
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {background:#9f0; color:#000; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:-10px; top:1em; background:#ffc; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}

.clear {clear:both;}


/*stili per la sezione extra*/
div#extra div.newsbox{font-size: 90%;margin-bottom: 1em; right: 0;PADDING-LEFT: 1px;}
div#extra div.newsbox h2{padding: 1px 2px;background-color: #999;color: #fff;font-size: 1.2em}
div#extra div.newsbox p{margin: 0; clear:none;}

div#extra div.newsboxred{font-size: 90%;margin-bottom: 1em; margin-top: 1em; right: 0;PADDING-LEFT: 1px;}
div#extra div.newsboxred h2{padding: 1px 2px;background-color: #B00;color: #fff;font-size: 1.2em}
div#extra div.newsboxred p{margin: 0}

div#extra div.newsboxred_big{font-size: 12px;margin-bottom: 0em; right: 0;PADDING-LEFT: 1px;}
div#extra div.newsboxred_big h2{padding: 1px 2px;background-color: #B00;color: #fff;font-size: 1.2em}
div#extra div.newsboxred_big p{margin: 0}



div#extra div.newsboxgreen{font-size: 90%;margin-bottom: 0em; right: 0;PADDING-LEFT: 1px;}
div#extra div.newsboxgreen h2{padding: 1px 2px;background-color: #6B8E23;color: #fff;font-size: 1.2em}
div#extra div.newsboxgreen p{margin: 0; clear:none;}


div#extra div.newsbox_notes{font-size: 100%;margin-bottom: 0.5em; right: 0;PADDING-LEFT: 1px; padding-bottom: 10px; background-color:  #F6F8BF;border-bottom: 1px solid #F7EF09; border-right: 1px solid #F7EF09;  border-left: 1px solid #F7EF09; }
div#extra div.newsbox_notes h2{padding: 5px 2px;background-color: #F7EF09;color: #4F4D4D;font-size: 1.2em}
div#extra div.newsbox_notes p{margin: 5}

/*stili per lista quadratini*/
#navlist li {

list-style-type: square;
margin: 0;
padding: 0;

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

div.authorname{padding-left:8px;}

/*stili per i contenuti*/
div#content{border-left: 1px solid #999; border-right: 1px solid #999}
div#galleria{border-left: 1px solid #999 }
div.textimage{border-bottom: 1px dotted #999;border-top: 1px dotted #999;  width: 100%; padding: 0 0px} /*risolve il peek-a-boo bug di IE6*/
div.textimage1{border-bottom: 1px dotted #B00; width: 100%; padding: 0 0px} /*risolve il peek-a-boo bug di IE6*/
div.textimage_right{border-bottom: 1px dotted #999; width: 100%; padding: 0 0px} /*risolve il peek-a-boo bug di IE6*/
div.textimage_right img{float:right;margin: 10px}
div.textimage img{float:left;margin: 10px}
div.textimage h2{margin-top: 10px}

/*articolo show me some more estendibile*/
.holder {width: 210px; margin: 1 1; padding: 0 5px; border:1px solid #ddd; float:left; background:#E7F7FF;}
.holder h2 {text-align:left;}
a.hid {color:#454545; text-decoration:none; outline-style:none; text-align:justify;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#E7F7FF;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#454545; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

.holder_big {width: 435px; margin: 0 0; padding: 0 4px; border:1px solid #ddd; background:#E7F7FF;margin-top: 1em;}
/*
.holder_img{width: 435px; margin: 0 0; padding: 0 0px; border:1px solid #ddd; background:#E7F7FF;}
.holder_img{float:right; margin: 10px}
.holder_img h2{margin-top: 10px}
a.hid {color:#454545; text-decoration:none; outline-style:none; text-align:justify;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#E7F7FF;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#454545; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}*/

.holder_pink {width: 220px; margin: 0 0; padding: 0 5px; border:1px solid #EEAAAA; float:left; background:#FFF9F6;}

.holder_big_white {width: 435px; margin: 0 0; padding: 0 4px; border:1px solid #ddd; background:#FFF;margin-top: 1em;}
/*
.holder_img{width: 435px; margin: 0 0; padding: 0 0px; border:1px solid #ddd; background:#FFF;}
.holder_img{float:right; margin: 10px}
.holder_img h2{margin-top: 10px}
a.hid {color:#FFF; text-decoration:none; outline-style:none; text-align:justify;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#FFF;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#FFF; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}*/



/*mosaico*/

#right {position: absolute; right: 0;
    width: 180px;\width:190px;w\idth:180px;padding: 1em 5px; text-align: center; border: 0;}

.text {PADDING-RIGHT: 10px;  PADDING-LEFT: 10px; FONT-SIZE: small;  PADDING-BOTTOM: 10px;  LINE-HEIGHT: 150%; PADDING-TOP: 10px; FONT-FAMILY: Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}

/*stile citazione*/

.pullquote
{width: 145px; background:grey; color:black; float: right; border:1px solid #B00; font-weight:bold;
line-height:140%; padding:5px; margin-top:10px; margin-left:10px;
}

blockquote.withquote {background:url(images/quote.gif)
no-repeat; width: 120px; background:grey; color:#BB0000; float: right; border:0; font-weight:bold;
line-height:100%; padding:5px; margin-top:10px; margin-left: 10px; margin-right: 0px; border:1px solid #B00;
}
p.withunquote {background: url(images/unquote.gif) no-repeat; background-position:bottom right; width: 120px; background:grey; color:#BB0000; float: right; border:0; font-weight:bold;
line-height:140%; padding:5px; margin-top:10px; margin-left: 10px;margin-right: 0px; }

/* immagine/banner angolo destro*/
#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 49px;
width: 105px;
background: url(logo_borghi1.jpg) no-repeat;
text-indent: -999em;
text-decoration: none;}

/*posizione contatore*/
#contatore {position: absolute;left: 0;top:1200px;display: block;height: 80px;width: 110px;text-align:center;
}

div.wide,div.split2,div.split3{clear:left}
div.wide{margin: 0 0; border-top: 1px dotted #ccc}


div.split2 div{float: left; width: 208px; \width: 218px; w\idth: 208px;padding: 0 5px}

.box1         {border:1px solid white;background:white;padding-top:0px;padding-bottom:10px;padding-left:10px;padding-right:10px;}


.magtext              {
FONT-FAMILY: Arial,Georgia;
color:#333;
font-size:medium;
font-weight:bold;
letter-spacing:-1px;
line-height:1.2em;}

.authorname           {color:#666;font-size:small;}

A.boldtext            {FONT-WEIGHT: bold;FONT-SIZE:1.1em;FONT-FAMILY: Arial,Georgia;text-decoration:none;}

div.split3 div{float: left; width: 135px; \width: 155px; w\idth: 135px;padding: 0 5px; border-top: 1px dotted #ccc
    }
div.split3big div{float: left; width: 180px; \width: 180px; w\idth: 180px;padding: 5 10px; border-top: 1px dotted #B00;text-align:justify;
    }
/*stile immagini alternate al refresh*/
#rotator{background: url(img/rotator.php) no-repeat;width: 180px;
height: 400px;
}

/*menu a sinistra sui siti*/
#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 90%;*/
width: 110px;
padding: 0px;
margin: 0px;

}

#vertmenu h1 {
display: block;
background-color:#FFFFFF;
font-size: 100%;
padding: 3px 10 15px 3px;
border: 1px solid #333333;
color: #333333;
margin: 0px;
width:110px;
}




#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 90%;
display: block;
/*border-bottom: 1px solid #EFDAE1;*/
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #333333;  /*colore del carattere*/

width: 110px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #FFF; filter:alpha(opacity=50);text-decoration: underline;
}

.ap-test {
position: absolute;
bottom: 30px;
font-size: .6em;
width: 110px;
height: 100px;
border-top: 1px solid #000;
background: #5b5;
color: yellow;
}

/* \*/
* html .ap-test {
top: -101px;
t\op: -102px;
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}

p  {margin: 6px 0; padding: 0 6px;}


.curvy {position:relative; width:180px; background:#F5FE03; color:#000; margin:5em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#F5FE03; background:#eee; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#F5FE03; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}

.curvy_blue {position:relative; width:180px; background:#E7F7FF; color:#000; margin:1em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#E7F7FF; background:#eee; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#cbl {bottom:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
.curvy_blue em b {position:absolute; font-size:150px; font-family:arial; color:#E7F7FF; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy_blue p {position:relative; z-index:100; padding:5px 10px;}

/*layout immagini pubblicità*/

.magazine-image img {
	margin: 0px;
	border: 0px;
}

.magazine-image {
	background: #fff;
	
}

.magazine-image img {
	padding: 0px;
	background: #fff;
	margin: 0px;
	
}

/* only used in example pages  border: 1px #eee solid;*/
div.thumb {
  float: left;
  margin: 3px;
}

div.thumb img {
  border: 1px solid #ddd;
  padding: 3px;
}