/* CSS Document */

html, body {margin:0;padding:0}
body{
font-size:76%;
font-family: Verdana, Arial, Tahoma, sans-serif;
color:#92A0AB;
background: #273340 url('images/body_bg.jpg') no-repeat bottom fixed;
text-align: center; /*** Centra il sito per le versioni vecchi di IE ***/
}
p {margin: 0 10px;}

a {
color:#f50;
text-decoration: none;
}

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

h2{
font-family:Georgia, Times New Roman, Times, serif;
font-style:italic;
font-variant:small-caps;
background: url(images/title_h2.gif) no-repeat;
color:#f50;
margin:10px 0 10px 0;
padding-left:5px;
}

h3{
font-family:Georgia, Times New Roman, Times, serif;
font-size:1.5em;
color: #dadcdf;
font-variant:small-caps;
background: url('images/title_h3.gif') repeat-y;
padding:0 0 0 10px;
}

h4{
font-family:Georgia, Times New Roman, Times, serif;
font-size:1.2em;
color: #f50;
padding:0px;
}

#mainContainer {
width: 875px;
margin: 0 auto; /*** Centra il layout ***/
text-align: left;
padding:0;
}

#wrapper{
margin:0;
padding:0;
z-index: 99;
background-image:url(images/main_bg.jpg);
}

img{border:0;}

ul{list-style-type:circle}

/**************************
HEADER
**************************/
#header {
background: #273341; /*#FFF*/
padding:0;
margin-top:10px;
text-align:center;
height:100px;
}

/**************************
MENU
**************************/
.menu{
  /*z-index:100;*/
  background: url(images/menu_back.png) no-repeat;
  height:50px;
  width:875px;
  margin-top:10px;
  padding:5px 0;  
}

ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 875px; /*For KHTML*/
  list-style: none;
  height: 25px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 35px;
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 185px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  padding: 0 25px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #dadcdf;
  font: bold 12px/35px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #f50;
  
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #414f5c;
  color: #dadcdf;
  border: 1px solid #64707c;
  border-left-color: #dadcdf;
  border-top-color: #dadcdf;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #273341;
  color: #f50;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #414f5c;
  color: #dadcdf;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #273341;
  color: #f50;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 185px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/**************************
 HOME
**************************/
/**************************
COLONNA SINISTRA HOME
**************************/
#colonnasx{
float:left;
width:217px;
padding:0;
margin:0;
min-height:780px;
height:auto !important;
height: 780px;
}
/*****************************/

/**************************
COLONNA CENTRALE HOME
**************************/
#contenthome{
padding:0 10px;
margin: 0 237px 0 237px;
background-color:#273341;
color:#92A0AB;
font-size:12px;
min-height:780px;
height:auto !important;
height: 780px;
}

#contenthome h2{
font-family:Bangle, Georgia, Times New Roman, Times, serif;
text-align:center;
font-style:normal;
font-size:2em;
color: #dadcdf;
font-variant:small-caps;
background-image:none;
padding-bottom:15px;
margin:0;
}
/*****************************/

/**************************
COLONNA DESTRA HOME
**************************/
#colonnadx{
float:right;
width:217px;
padding:0;
margin:0;
min-height:780px;
height:auto !important;
height: 780px;
}
/*****************************/

/**************************
EVENTI
**************************/
.eventisx {
clear:left;
text-align: center;
padding:0;
margin-bottom:10px;
height:372px;
background:url(images/sponsor_back.png) no-repeat;
}
.eventisx ul{
padding-left: 5px;
padding-right:5px;
list-style-type:none;
}
.eventisx li{
padding:5px 0;
}
/*****************************/

/**************************
SPONSOR
**************************/
.sponsor img {
margin: 5px 0;
border:1px solid black;
}
.sponsor{
text-align:center;
padding:0;
margin-bottom:10px;
height:372px;
background:url('images/sponsor_back.png') no-repeat;
}

.sponsor h3, .sponsorTop h3, .eventisx h3{
font-family:Georgia, Times New Roman, Times, serif;
font-size:1.5em;
color: #dadcdf;
font-variant:small-caps;
background: url('images/h3_back.png') no-repeat;
padding:5px 5px;
margin:0;
height:36px;
width:216px;
}

.sponsorTop {
text-align:center;
padding:0;
margin-bottom:10px;
height:240px;
background:url(images/sponsorTop_back.png) no-repeat;
}
.sponsorDesc{
text-align:center;
padding:0;
margin-bottom:10px;
height:240px;
}
/*****************************/

/*************************
CALENDARIO
*************************/
table.tabella, table.tabella tr, table.tabella td{
width:190px;
background:#414f5c;
border:0;
border-collapse:collapse;
}
table.tabella td{
width:180px;
}

input, textarea{
background:#414f5c;
border: 2px solid #949eaa;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************************
COLONNA DI DESTRA CON I CONTENUTI
**************************/
#content{
float:right;
width:486px;
color:#92A0AB;
padding:0px 10px 15px;
margin:0;
min-height:640px;
}

#contentLungo{
float:right;
width:600px;
color:#92A0AB;
padding:0px 10px 15px;
margin:0;
min-height:500px;
height:auto !important;
height: 500px;
}

#contentBig{
padding:0px 10px 15px;
color:#92A0AB;
margin:0;
min-height:640px;
}

#zip_foto, #giornalino{
padding:0px 10px 20px;
margin:0;
}

#elencoLink{
margin:0;
padding:10px 0 10px 0 ;
}
#elencoLink ul li{
list-style-image:url(images/download.png);
margin:0;
padding:5px 0 10px 5px;
}


table{
	margin:auto;
	
}

table.little{
	width:auto;
}

table, th, td {
	border: 1px solid #64707c;
	border-collapse: collapse;
	color:#92A0AB;
	text-align:center
}

caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

td, th {
	padding: 4px;
}

thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

tbody th {
	font-weight: bold;
}

tbody tr { background: #FCFDFE; }

tbody tr.oddRow { background: #414f5c; }

tbody td span{font-weight:700; font-style:oblique;margin:5px 0;display:block}

table a{color:#f50}

table.programmaeventi img{width:250px;}

table.programmaeventi {width:auto; text-align:left; background-color:#273340; border-collapse: separate; border-spacing: 15px;border: 0;}

table.programmaeventi td.dx{text-align:left; background: #273340; border:0; vertical-align:top;}

table.programmaeventi td.sx{text-align:left; background: #273340; border:0; }

/**************************
COLONNA SINISTRA
**************************/

#sponsor{
float:left;
width:250px;
text-align:center;
}

#sponsorCorto{
float:left;
width:250px;
text-align:center;
}

#eventi {
float:left;
clear:left;
width:250px;
text-align: center;
}

#eventiCorto {
float:left;
clear:left;
width:250px;
border-right:0px;
text-align: center
}


#eventi ul, #eventiCorto ul{
padding-left:20px;
padding-right:3px;
list-style-type:none;
}

#eventi li,#eventi li{
padding:10px 0;
}

#sponsor img,#sponsorCorto img{margin: 10px 0;border:1px solid black;}

.eventDate{
color:#F50;
display:block
}

.eventName{
color:#dadcdf;
display:block;
font-weight:bold;
margin:2px 0;
text-decoration:underline;
}

.eventCity{
color:#F50;
display:block
}

#sponsorCorto img.sponsorimg{
width:200px;
margin-top:30px;
border:0;
}

.evento{
margin:0;
padding:0;
}

#sponsorCorto img.locandina{
width:200px;
border:0;
}

/**************************
FOOTER
**************************/
#footer {
border-top:1px solid #68717A;
clear:both;
width:100%;
text-align: center;
background-color: #101C28;
padding:10px 0;
line-height:0.9em;
font-weight:bold;
}
#footer a:link, #footer a:active, #footer a:visited {
	color:#5D6772;
}
#footer a:hover {
	color:#919AA4;
}
#footer a:hover{
text-decoration:underline;
}
/**************************/