body {
BACKGROUND: #fff; 
padding:0px;
FONT: 12px/18px Tahoma, Verdana, Helvetica, Arial, sans-serif; 
COLOR: #555040;
}

body, html {
padding:0px;
margin:0px;
}

#container {
color: #999999;
background: url(http://www.villaggiodeipopoli.org/sidebar.jpg) repeat-y top left;
}

#header {
color: #FFFFFF;
BACKGROUND: #669966 url(http://www.villaggiodeipopoli.org/images/logo_v.jpg) no-repeat center;
border-bottom: 3px solid #FF7F00 ;
height: 120px;
}

#maincontent h1 {
font: bold medium/2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-bottom: 10px;
text-align: center;
border-bottom: 1px dashed;
color: #FF7F00 ;
background:  url(http://www.villaggiodeipopoli.org/images/spiga_orizzontale.jpg) no-repeat 0em 0.4em;
}

#maincontent h7 {
font: bold medium/2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-bottom: 10px;
text-align: center;
border-bottom: 1px dashed;
color: #FF7F00 ;
no-repeat 0em 0.4em;
}

#maincontent h6 {
font: bold italic medium/2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-bottom: 7px;
margin-bottom: 10px;
text-align: center;
border-bottom: 2px dashed;
color: #669966 ;
}

/* ETZ_PG*/

.pages ul {
display: inline;
list-style: none;
}

.pages li{
width:100px;
display:inline;
list-style:none;
margin-right:10px;
padding-right:10px;
border-right: 1px #79a174 dotted;
}

/*COLONNE*/

#maincontent {
background: #ffffff;
font: 12px/18px Tahoma,Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
color: #808080;
padding: 10px;
margin-right: 180px;
margin-left: 180px;
}

#rightcolumn {
float:right;
width: 180px;
padding: 0px 0px 0px 0px;
margin-top: 0px;
font-size: 1em;
background-color:#CCFF99;
color: #999999;
}

#leftcolumn {
float:left;
width: 180px; 
padding: 0px 0px 0px 0px;
margin-top: 0px;
background-color:#BBF97D;
color: #999999;
font-size: 1em;
}

#sidebar {
padding-left: 0px;
padding-right: 0px; 
padding-bottom: 5px;
margin-top: 0px;
left: 0px;
top: 0px;
background:#CCFF99;
border-right: 1px #669966 solid;
}

#sidebar_right {
padding-left: 0px;
padding-right: 0px; 
padding-bottom: 5px;
margin-top: 0px;
left: 0px;
top: 0px;
background:#CCFF99;
border-left: 1px #669966 solid;
border-bottom: 1px #669966 solid;
}


#wrapper {
width: 100%;
padding: 0px; margin: 0px;
border: 0px;
}


.wrapper2 {
width: 100%;
padding: 0px; margin: 0px;
border: 0px;}


/*BOX*/

#leftbox_2 {
width: 46%;
float: left;
margin: 8px 0px 0px 0px;
padding: 6px;
background: #FFFFDF; border: 1px #FF7F00 dotted;}

#boxnatale_small {
float: right;
width: 45%;
padding: 8px;
margin: 20px 0px 0px 0px;
border: 2px #cc0000 solid;
background: #ffffff;}

#box-piccolo {
float: inherit;
border: 1px #999999 solid;
background: #ffffcc;
margin: 20px 35% 20px 35%;
padding: 5px;}

#box-medio {
float: inherit;
border: 1px #999999 solid;
background: #ffffcc;
margin: 20px 25% 0px 25%;
padding: 8px;
text-align: center}

#box-medio_arancio {
float: inherit;
border: 1px #999999 solid;
background: #ffcc66;
margin: 20px 20% 0px 20%;
padding: 8px;
text-align: center} 


.box {
float: inherit;
border: 1px #999999 solid;
background: #ffffcc;
margin: 20px 2px 0px 0px;
padding: 8px;
}

#box1 {
float: inherit;
border: 1px #999999 solid;
background: #ffffcc;
margin: 50px 10px 50px 10px;
padding: 5px;
}

#leftbox {
width: 45%;
float: left;
margin: 20px 0px 0px 0px;
padding: 8px;
border: 1px #999999 solid;}

#rightbox {
float: right;
width: 45%;
padding: 8px;
margin: 20px 0px 0px 0px;
border: 1px #999999 solid;}

#rightbox_b {
float: right;
width: 45%;
padding: 8px;
margin: 20px 0px 10px 20px;
border: 1px #999999 solid;}

#rightbox2 {
position: relative;
float: right;
width: 45%;
padding: 8px;
margin: 20px 0px 0px 40px;
border: 1px #999999 solid;
background: #ffcc66 ;
clear: right
}

#contactbox {
position: relative;
float: left;
width: 45%;
padding: 8px;
margin: 5px 0px 0px 0px;
}

#rightbox3 {
float: right;
width: 46%;
padding: 6px;
margin: 8px 0px 0px 0px;
border: 1px #669966 dotted;
background: #e4ffdf;
}

#rightbox3_b {
float: right;
width: 35%;
padding: 8px;
margin: 20px 0px 0px 15px;
border: 1px #999999 solid;
background: #ffffcc;}

#rightbox4{
float: right;
width: 45%;
padding: 8px;
margin: 20px 0px 0px 0px;

}

#rightbox4_tavola{
float: right;
width: 45%;
padding: 8px;
margin: 20px 0px 0px 0px;}

#boxnatale {
float: inherit;
width: 92%;
padding: 8px;
margin-right: 20px;
margin-left: 20px;
border: 2px #cc0000 solid;
background: #ffffff;}

#boxspeciale {
float: inherit;
width: 92%;
padding: 8px;
margin-right: 20px;
margin-left: 20px;
border: 2px #336600 solid;
background: #ffffff;}

.clear {
clear: both;
margin: 0;
padding: 0; }

#last {
margin-bottom: 2px;
}

#centrobox {
position: absolute;
width: 60%;
left: 20%;
border: 1px #999999 solid;
background: #ffffcc;
text-align: center;}






#footer {
text-align: center;
height: 60px;
padding-top: 10px;
font: 9px Verdana, Helvetica, Arial, sans-serif;
color: #FFFFFF;
clear:both;
border-top: 3px #FF7F00 solid;
background-color: #669966;
}




/*style*/

#footer a:link {
color: #BCFA7D;
text-decoration: underline;}

#footer a:hover {
color: #BCFA7D;
text-decoration: underline;}

#footer a:visited {
color: #BCFA7D;
text-decoration: underline;}

#footer a:active {
color: #BCFA7D;
text-decoration: underline;}

.elenco_paesi li{
display: inline;
line-height: 5px;
padding: 10px 0px 0px 0px;
padding-left: 15px;
padding-right: 3px;
border-left: 1px #79a174 dotted;}

li.first {
  display: inline;
  padding-left: 15px;
  padding-right: 8px;
  background: none;
  border: none }

.elenco_paesi {
margin: 0; 
padding-top: 15px;
padding-left: 5px;
margin-bottom: 20px;}


a:hover {
color: #FF7F00;

}

a {
color: #669966;
}

.speciale{
FONT: 12px/24px Tahoma, Verdana, Helvetica, Arial, sans-serif; 
COLOR: #000000;
text-align: justify;
text-transform: uppercase}

.speciale a {
color: #cc0000;}

.news {
font-size: 1em;
line-height: 1.6em;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
background: #ffffcc;
margin: 13px 13px;
border: 1px #999999 solid;}


.sidelist p {
font-size: 1em;
line-height: 1.6em;
text-align: justify;
padding-left: 8px;
padding-right: 8px;

margin: 8px 8px;
}

.sidelist a {
background: none}

#sidebar ul {
margin: 0;
padding: 0px 0px 15px 0px; 
list-style-type: none;
}

#sidebar_right ul {
margin: 0;
padding: 0px 0px 15px 0px; 
list-style-type: none;
}

#sidebar a {
display: block;
padding-left: 15px;
color: #669966;
border-bottom: 1px solid #eee;
}

#credits img {
border: none;
}

#sidebar_right a {
display: block;
padding-left: 15px;
color: #669966;
border-bottom: 1px solid #eee;}

#sidebar li {
vertical-align: bottom}

#sidebar_right li {
vertical-align: bottom}

#sidebar ul a:link a:visited {
display: block;
padding-left: 15px;
margin: 0px;
color: #669966;
font-weight: normal;
list-style-type: none;}

#sidebar_right ul a:link a:visited {
display: block;
padding-left: 15px;
margin: 0px;
color: #669966;
font-weight: normal;
list-style-type: none;}

#sidebar a:hover{
display: block;
margin: 0px 0px 0px 0px;
color: #FF7F00;
background: #e2ffa4;
}

#sidebar a:hover a:active{
display: block;
margin: 0px 0px 0px 0px;
color: #FF7F00;
background: #e2ffa4;
}

#sidebar_right a:hover {
display: block;
margin: 0px 0px 0px 0px;
color: #FF7F00;
background: #e2ffa4;
}

/*hide from ie-mac\*/
* html #sidebar li {
    height: 1px;
    }
/* end hack */

/*hide from ie-mac\*/
* html #sidebar_right li {
    height: 1px;
    }
/* end hack */



h3{
font: bold 1em/2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-bottom: 10px;
color: #808080;
text-align: center;

}

h4 {
color: #FF7F00;
font-weight: bold;
font-size: 1em;
line-height: 2em;
text-align: center;
text-transform: uppercase;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

.lowcase
{
color: #79a151;
font-weight: bold;
font-size: 1em;
line-height: 2em;
text-align: center;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

.box h4 {
color: #ff7f00;
font-weight: bold;
font-size: 1em;
line-height: 2em;
text-align: center;
text-transform: uppercase;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}


ol.statuto{
list-style-type: lower-alpha;

}
.schede 
{
padding-bottom: 10px;
border-bottom: 2px #a4a0a0 dotted;
}

h5 {

color: #808080;

font-weight: bold;

font-size: 1em;
line-height: 2em;
text-align: left;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

h6.author{
text-align: center;
font-size: 0.9em;
margin-top: 0}

.wrapper a {
color: #79a151;
}

#sidebar_right .credits a  {
padding: 0;
margin: 0;
color: #79a151;
background: none;
border: none;
}

#sidebar_right .credits img{
border: none;
}

#sidebar_right .news a  {
padding: 0;
margin: 0;
color: #336600;
background: none
}

#sidebar_right .news a:hover  {
padding: 0;
margin: 0;
color: #FF7F00;
background: none
}

#box h7 {
font: bold medium/2em Tahoma, Verdana, Helvetica, Arial, sans-serif;
padding-bottom: 10px;
text-align: center;
border-bottom: 2px dashed;
color: #669966 ;
}

.sidelist h2 { 
font-size: 12px;
line-height: 30px;
text-transform: uppercase;
background: #669966 url(http://www.villaggiodeipopoli.org/images/side_h2.gif) no-repeat;
border-bottom: 2px #FF7F00 solid;
text-align: center;
margin-top: 0px;
color: #ffffff;}

strong {
color: #669966;
text-decoration: none;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
}

q
{
quotes: '"' '"' "'" "'";
font-style: italic;
text-indent: +10px;
}

/* TAVOLA VERDE */

table {

FONT: 12px/24px Tahoma, Verdana, Helvetica, Arial, sans-serif; 
COLOR: #555040;
margin-right: 10px;
margin-left: 10px;
padding: 0;
color: #626E10;
background: #e2ffa4;
border: 1px #669900 solid;
vertical-align: middle;
text-align: center;}

thead {
border-bottom: 1px #669900;
background: #bbf97d;
text-align: center;
vertical-align: middle;
border-top: 1px #669900 solid;
border-left: 1px #669900 solid;
border-right: 1px #669900 solid;}

th {
border-bottom: 1px #669900 solid;
background: #bbf97d;
text-align: center;
vertical-align: middle;
}



td{
border-bottom: 1px #669900 dashed;
text-align: center;
vertical-align: middle;
margin: 30px;
padding-top: 10px;
padding-bottom: 10px;}

.risultato{
border-top: 1px #669900 solid;
border-bottom: none;
background: #ccff99}

.risultato strong {
color: #626e10;}

.ultima_riga{
border: none;
}

/* TAVOLA ARANCIO */

#rightbox4_tavola table {
FONT: 12px/24px Tahoma, Verdana, Helvetica, Arial, sans-serif; 
COLOR: #aa3f2a;
margin-right: 10px;
margin-left: 10px;
padding: 0;
background: #ffcc66;
border: 1px #aa3f2a solid;
vertical-align: middle;
text-align: center;}

#rightbox4_tavola thead {
border-bottom: 1px #aa3f2a;
background: #ff9900;
text-align: center;
vertical-align: middle;
border-top: 1px #aa3f2a solid;
border-left: 1px #aa3f2a solid;
border-right: 1px #aa3f2a solid;}

#rightbox4_tavola th {
border-bottom: 1px #aa3f2a solid;
background: #ff9900;
text-align: center;
vertical-align: middle;
}

#rightbox4_tavola td{
border-bottom: 1px #aa3f2a dashed;
text-align: center;
vertical-align: middle;
margin: 30px;
padding-top: 10px;
padding-bottom: 10px;}

#rightbox4_tavola .risultato{
border-top: 1px #aa3f2a solid;
border-bottom: none;
background: #ff9900}

#rightbox4_tavola .risultato strong {
color: #aa3f2a;}

#rightbox4_tavola .ultima_riga{
border: none;
} 

/* IMAGES */

.gallery {

height:  150px;
margin-left: 20px;
margin-right: 20px ;
}

.float{
float: left;
margin: 10px}

.float p {
text-align: center;
text-transform: uppercase;}


.photo_big{
border: 1px solid #999999;
margin: 20px 20px 20px 20px;
width: 70%; height: auto;
max-width: 500px; 
}

.photo_media{
border: 1px solid #999999;
margin: 20px 20px 20px 20px;
width: 40%; height: auto;
max-width: 300px;
}

.photothumb{
margin: 10px;
width: 30%; height: auto;
}

#photocont{
float: left;
width:100%;
margin: 0px;
height: auto;
}

.photocont p
{
text-align: center;}

img{
border: 1px solid #999999;
margin: 10px;
}


img.box
{
width: 90%;
height: auto;
border: none;
margin: 5px;
}

.imgtesto
{float: left;
border: 1px #999999 solid;
margin: 5px 15px 10px 5px;
clip: auto;
width: 30%; height: auto}

.imgtesto_media {
float: left;
border: 1px #999999 solid;
margin: 5px 15px 10px 5px;
clip: auto;
width: 20%; height: auto
}

.img_icona {
float: left;
border: none;
margin: 5px 15px 10px 5px;
clip: auto;
width: 30px; height: 30px;
}

.imgtesto_dx{

float: right;
border: 1px #999999 solid;
margin: 5px 5px 10px 15px;
padding: 0px;
clip: auto;
width: 30%; height: auto}







.imgtesto_dx_grande {
float: right;
border: 1px #999999 solid;
margin: 5px 5px 10px 15px;
padding: 0px;
clip: auto;
width: 50%; height: auto}

.imgtesto_center{
border: 1px #999999 solid;
margin: 5px 5px 10px 15px;

clip: auto;
width: 40%; height: auto}

.imgtesto_dx_media{
float: right;
border: 1px #999999 solid;
margin: 5px 5px 10px 15px;
clip: auto;
width: 20%; height: auto}

.imgtesto_dx_piccola{
float: right;
border: 1px #999999 solid;
margin: 5px 5px 10px 15px;
clip: auto;
width: 15%; height: auto}

.imgtesto_sin_piccola{
float: left;
border: 1px #999999 solid;
margin: 5px 15px 10px 5px;
width: 14%; height: auto;
clear: both;}

.imgtesto_dx_mappa{
float: right;
border: 1px #999999 solid;
margin: 5px 5px 10px 15px;
clip: auto;
width: 20%; height: auto}

.par_img_dida_grande{
float: left;
width: 40%; height: auto;
background: #dddda6;
margin: 10px 20px 10px 0px;
border: 10px #cccc99;
text-align: center;
padding: 10px;}

.par_img_dida {
float: left;
width: 20%; height: auto;
background: #dddda6;
margin: 10px 20px 10px 0px;
border: 10px #cccc99;
text-align: center;
padding: 10px;}

.par_img_dida_dx {
float: right;
width: 20%; height: auto;
background: #dddda6;
margin: 10px 0px 10px 20px;
border: 10px #cccc99;
text-align: center;
padding: 10px;}

.img_dida{
width: 90%;
height: auto;
}

#footer img {
vertical-align: bottom;
border: 1px solid #999999;
}

p.credits {
font-size: x-small
}