@charset "utf-8";

body  {font-family: Arial, Helvetica, sans-serif;color: #FFF;background-color:#000; font-size: 12px; margin: 0px; background-image: url(../images/bg_new.gif);}
body, html{height:100%;}

A:LINK {text-decoration: none; color: #FF0;}
A:VISITED {text-decoration: none; color: #FF0;}
A:HOVER {text-decoration: none; color: #FF0;}

#main {
  width:1000px;
  height:600px;
  margin: auto;
  border: 0px solid #FF0;
  
}

#table{margin: 0px; width: 100%; height: 100%; border: 0px; background-image: url(../images/backmain.png); background-position: center; background-repeat: no-repeat;}

#banner1{width: 270px; height: 160px; float: left; background-image: url(../images/1098.png); background-position: left; background-repeat: no-repeat;}
#banner2{width: 540px; height: 125px; float: left; background-image: url(../images/logo2.png); background-position: top left; background-repeat: no-repeat;}
#banner3{width: 190px; height: 125px; float: left; background-image: url(../images/logoit.jpg); background-position: top center; background-repeat: no-repeat;}

#backmenu{width: 730px; float:left; font-size: 13px; font-weight: bold;}
#bar{width: 700px; height: 1px; background-color:#FF0; float: left;}

#space{width: 1000px; height:30px; float: left;}


/* ---------------------------------------------------------- */
/* Calendario Eventi
/* ---------------------------------------------------------- */

#calendario{width: 246px; height: 320px; float: left; background-color:#000;}
#uplf {background-image: url(../images/tb/uplf.png); width: 42px; height: 40px; float: left;}
#upcal {background-image: url(../images/tb/up.png); width: 162px; height: 40px; float: left;}
#uprg {background-image: url(../images/tb/uprg.png); width: 42px; height: 40px; float: left;}
#left {background-image: url(../images/tb/lf.png); background-repeat: repeat-y; width: 17px; height: 240px; float: left;}
#right {background-image: url(../images/tb/rg.png); background-repeat: repeat-y; background-position: right; width: 17px; height: 240px; float: left;}
#btlf {background-image: url(../images/tb/btlf.png); width: 42px; height: 40px; float: left;}
#btcal {background-image: url(../images/tb/bt.png); width: 162px; height: 40px; float: left;}
#btrg {background-image: url(../images/tb/btrg.png); width: 42px; height: 40px; float: left;}
#textcalendario {width: 196px; float: left; margin-left: 16px; font-size: 11px; max-height: 240px;}
#caldate{width:90%; height:15px; float:left; color: #fffc00; margin-top: 5px;}
#calprogramma{width:90%; float:left; border-bottom: 1px solid #FFF; color:#FFF;}

/* ---------------------------------------------------------- */
/* Corpo Centrale
/* ---------------------------------------------------------- */

#center{width: 754px; height: 400px; float: left; background-color:#000;}
#upcenter{background-image: url(../images/tb/up.png); width: 670px; height: 40px; float: left;}
#leftcenter {background-image: url(../images/tb/lf.png); background-repeat: repeat-y; width: 17px; height: 320px; float: left;}
#rightcenter {background-image: url(../images/tb/rg.png); background-repeat: repeat-y; background-position: right; width: 17px; height: 320px; float: left;}
#btcenter{background-image: url(../images/tb/bt.png); width: 670px; height: 40px; float: left;}
#textcenter {width: 688px; margin-left: 16px; margin-right: 16px; float: left;}

#info{width: 754px; margin-left:245px; height: 5px; float:left; font-size:10px; text-align: left;}

#titolocalendario{color: #F00; font-size: 12px; font-weight:bold;}
#titolo{color: #FF0; font-size: 20px; font-weight:bold; padding-left: 10px;}
#corpo{width: 688px; font-size:12px; float: left;}

/* ---------------------------------------------------------- */
/* Gallerie Fotografiche
/* ---------------------------------------------------------- */

#gallery{width: 137.6px; height: 85px; float: left; text-align: center;	vertical-align: middle;}
#gallery_img{width: 100px; height: 67px; border: 1px solid #FFFF00; padding: 3px;}
#foto_pag{text-align:right; float:left; padding-left: 15px;}
#foto_pag a:link{text-decoration: underline;}
#foto_pag a:visited{text-decoration: underline;}

#img_partners{float: left; width: 150px; padding: 5px;margin: 5px; border: 1px solid #FFF; text-align: center;}
#partners{margin-top: 5px;}

/* ---------------------------------------------------------- */
/* Campi di testo
/* ---------------------------------------------------------- */

#textfield{color:#000000; border:1px solid; width: 250px; font-size:8pt; text-align:left;}
#textfield_data{color:#000000; border:1px solid; font-size:8pt; text-align:left;}
#textfield_contact {color:#000000; border:1px solid; width: 350px; font-size:8pt; text-align:left;}
#textarea1{border: 1px solid #000; width: 500px; height: 200px;}

/* ---------------------------------------------------------- */
/*   MENU A CASCATA  */
/* ---------------------------------------------------------- */

ul.menu {list-style:none; margin:0; padding:0; width: 730px; text-align: left;}
ul.menu * {margin:0; padding:0;}
ul.menu a {display:block; color:#FFF; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:24px; left:0; background:#1a1a1a; display:none; opacity:0; list-style:none; font-size: 11px;}
ul.menu ul li {position:relative; border:1px solid #fffc00; border-top:none; width:120px; margin:0;}
ul.menu ul li a {display:block; padding:3px 5px 5px; background-color:#1a1a1a;}
ul.menu ul li a:hover {background-color:#c5c5c5;}
ul.menu ul ul {left:120px; top:-1px;}
ul.menu .menulink {border:0px solid #aaa; height: 20px; padding:3px 7px 0px; font-weight:bold; background:url(images/header.gif);}
ul.menu .menulink_barra {border:0px solid #aaa; padding:3px 7px 0px; font-weight:bold; background:url(images/header.gif); width: 42px;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif);}
ul.menu .sub {background:#025594 url(images/arrow.gif) 136px 8px no-repeat;}
ul.menu .topline {border-top:1px solid #fffc00;}


/* ---------------------------------------------------------- */
/* Finestra Per Eventi
/* ---------------------------------------------------------- */

.tot_ev{width: 982px; height: 100%; margin: auto; padding: 0 0 0 0;}
.up_ev{width: 982px; height: 38px; background-image: url(../images/up_ev.png); background-repeat: no-repeat; margin-left: 6px;}
.center_ev{width: 970px; background-image: url(../images/center_ev.png); background-repeat: repeat-y; margin-left: 6px;}
.btm_ev{width: 970px; height: 29px; background-image: url(../images/btm_ev.png); background-repeat: no-repeat; margin-left: 6px;}
.close{width:34px; height: 38px; margin-left: 948px; cursor: pointer;}
	
.overlay{width: 100%; height: 100%; position: absolute;  top: 0; left: 0; z-index: 999; background: rgba(255,255,255,0.3);}
.overlay a{display: table-cell;  vertical-align: middle;  text-align: center;}
.overlay_container img{background: #ffffff; padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.overlay:target { display: table; }