/* Css Document ############### Programma Leonardo*/

/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* All design and graphics copyright 2006, [Fabio Benedetti] */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
/* have fun */

/* ##############################################################################*/ 
/* ##############################################################################*/ 
/* ##############################################################################*/ 

/* ###################### tag #########################*/ 

body {
    background-color: transparent;
	margin: 0px 0px 30px; 
	font-size: 14px;
    font-family: Verdana,sans-serif; 
	color: #2B5E88;
	background: transparent url("pics/decorazione.jpg") no-repeat;
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center; 
	/*border: 3px solid red;*/	
}

.floatLeft {
    float:left;
	/*border: 1px solid #EEE;*/
	border-collapse:collapse;
	margin: 1px;
}

.centered {
    text-align: center;
	border: 1px solid #2B5E88;
	padding:2px;
}	

#noBorder {
     border: 0px;
}


img {
    border: 0px;
}

p.center {
     font-size: 12px;
     font-family: Arial,sans-serif; 
	 text-align: center;
     color: #2B6B96;
}

div#descrizione {
     width: 520px;
     /*margin-top:-10px;*/
	 float: left;
}
div#descrizione_homepage {
     background: transparent url("pics/corner.gif")top left no-repeat;
     width: 400px;
	 float: left;
}

div#logo_homepage {
     width: 180px;
	 height: 220px;
	 float: left;
     display: none;
}

div#logo_servizi {
     width: 180px;
	 height: 220px;
	 background: transparent url("img/logo_home.jpg") top left no-repeat;
     /*margin-top:-10px;*/
	 float: left;
}
p.descrizione {
     font-size: 12px;
	 line-height: 19px;
     font-family: Arial, Verdana, sans-serif; 
	 text-align: left;
     color: #2B6B96;
}

p {
     font-size: 12px;
	 line-height: 19px;
     font-family: Arial, Verdana, sans-serif; 
	 text-align: left;
     color: #2B6B96;
}


p.descrizione strong, b{
     font-weight: bold;
}


p.place {
     padding-left: 0.2em;
     margin-right: 2px;
     display: inline;
     font-weight: bold;
     font-size: 13px;
     font-style: italic;
     font-family: Verdana, sans-serif; 
     line-height: 10px;
     background-color: transparent;
     color: #A97F25;
}

p.minidate {
     padding-left: 0.2em;
     display: inline;
     font-weight: bold;
     font-size: 11px;
     font-family: Verdana, sans-serif;  
     line-height: 10px;
     background-color: transparent;
     color: #A97F25;
}

p.minicontent {
     padding-left: 0.2em;
     font-size: 10px;
     font-style: italic;
     font-family: Verdana, sans-serif;  
     line-height: 16px;
     background-color: transparent;
     color: #A97F25;
}

p.attachments {
     padding-left: 0.2em;
     font-size: 10px;
     font-style: italic;
     font-family: Verdana, sans-serif;  
     line-height: 16px;
     background-color: transparent;
     color: #A97F25;
}

span#link {
     font-size: 11px;
     font-weight: normal;
     font-family: Arial, Verdana, sans-serif; 
	 text-align: right;
	 float: right;
     color: #2B6B96;     
}

span.titoloCampo{
     line-height: 18px;
     margin: 2px;
     width: 180px;
     font-size: 12px;
     font-weight: bold;
     font-family: Arial, Verdana, sans-serif; 
	 text-align: left;
     color: #2B6B96;     
}

span.infoCampo{
     line-height: 18px;
     font-size: 11px;
     font-weight: normal;
     font-family: Arial, Verdana, sans-serif; 
     color: #2B6B96;
	 dispaly: block;     
}

h1 { 
     font-family: Arial, Verdana, Trebuchet;
}

h1.title {
     letter-spacing: 1px;
     line-height: 16px;
     padding-left: 0.2em; 
     background-color: transparent;
     color: #2B6B96;
     font-size: 12px;
	 font-weight: bold;
     border-bottom: 1px solid #A2BACC;
}

#header {
	  width: auto; 
      height: 150px;
      background: transparent url("pics/header_bar.jpg") top left repeat-x;
      color: inherit;
}


#logo {
	  margin: 0px auto 0px;
	  height: 105px;
	  width: 340px;
	  position: relative;
      text-align: right; 
	  padding-top: 15px;
}

#photo {
      margin: 0px;
      padding-top: 2px;
      float: left;
      width: 344px;
      height: 192px;
      text-align: center;
      border: 2px solid #F4EFB0;
}

#menubar {
	  margin: 0px auto 0px;
	  width: 740px;
      text-align: right; 
	  position: relative;
      height: 15px;
}

ul.menu {
      font-size: 12px;
	  font-weight: bold;
      font-family: Arial, Verdana, Sans Serif; 
      margin: 0px;
      padding: 0.2em 0em;
      text-align: center;
}

ul.menu li {
      display: inline;
      margin: 0em 0.2em;
      height: 0px;
}
/*###################### LINKS ####################################*/

a, a:link, a:visited, a:active, a:focus {
      background-color: transparent;
      color: #2B6B96;
      text-decoration: underline;
}

a:hover {
      background-color: transparent;
      color: #999;
      text-decoration: underline;
}

a:selected {
      background-color: transparent;
      color: #2B6B96;
      font-weight: bold;
      text-decoration: underline;
}

ul.menu a {
      white-space: nowrap;      
}

ul.menu a:link, a:visited, a:active, a:focus {
      background-color: transparent;
      color: #2B6B96;
      text-decoration: underline;
}

ul.menu a:hover {
      background-color: transparent;
      color: #999;
      text-decoration: underline;
}

ul.menu a:selected {
      background-color: transparent;
      color: #999;
      font-weight: bold;
      text-decoration: underline;
}

#container {
	margin: 0px auto 0px;
	width: 740px; 
	position: relative;
}

#container1{
     float: left;
     width: 740px;
     background-color: transparent;
     /*border: 1px solid #CCC;*/
}


#container2{
    float: left;
    width: 740px;
    background: #FFF;
    /*border: 1px solid #F4EFB0;*/
}

#colonna1{
    margin-top: 23px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    width: 170px;
    text-align:left;
}

.headbox {
    margin-bottom: 5px;
    height: 30px;
    width: 170px;
    float: left;
}

.headbox2 {
    margin-bottom: 5px;
    height: 30px;
    width: 160px;
    float: left;
}

.headbox#News {
    height: 30px;
    width: 170px;
    float: left;
    background: transparent url(news.gif) top left no-repeat;
}

.headbox#Events {
    height: 30px;
    width: 170px;
    float: left;
    background: transparent url(eventi.gif) top left no-repeat;
}

.headbox#Attachments {
    height: 30px;
    width: 170px;
    float: left;
    background:transparent url(allegati.gif) top left no-repeat;
}

.headbox2#Partners {
    height: 30px;
    width: 160px;
    float: left;
    background:transparent url(partners.gif) top right no-repeat;
}

#colonna2{
   margin-left: 5px;
   margin-right: 5px;
   float: left;
   width: 350px;
   text-align:left;
}

#over_colonna_2 {
   margin-top: 0px;
   float: left;
   width: 350px;
   display: none;
   visibility: hidden;
}

#under_colonna_2 {
   margin-top: 10px;
   float: left;
   background: transparent url("pics/corner.gif")top left no-repeat;
   color: inherit;
   width: 530px;
}

/* DA MODIFICARE IN SEGUITO CON L'AGGIUNTA DEI PARTNER RIPORTARE A WIDTH 350PX */

/*############### page interna ################## */

#inner_colonna1 {
    float: left;
    width: 150px;
    background: #FDFCF2;
    color: #A97F25; 
    text-align:left;
    /*height: 400px;*/
	/*border: 1px solid red;*/
}

#inner_colonna2{
   background: transparent;
   margin-left: 5px;
   margin-right: 5px;
   float: left;
   width: 520px;
   text-align:left;
   /*border: 1px solid blue;*/
}

#candidati {
   background: transparent;
   margin-top: 0px;
   float: left;
   width: 520px;
}

#inner_over_colonna_2 {
   background: transparent;
   margin-top: 0px;
   float: left;
   width: 520px;
   display: none; /spazio studiato per foto pagina*/
}

#inner_under_colonna_2 {
   margin-top: 10px;
   float: left;
   background: transparent url("pics/corner.gif")top left no-repeat;
   color: inherit;
   width: 540px;
   /*border: 1px solid cyan;*/
}

#inner_photo {
   margin: 0px;
   padding-top: 2px;
   float: left;
   width: 516px;
   height: 192px;
   text-align: center;
   border: 2px solid #F4EFB0;
}

/*############### menu verticale  ################## */

.aletta_menu {
   text-align: left;
   padding-top: 2px;
   height: 29px;
   float: left;
   background: #FFF;
   color: #2B5E88;    
   border:1px solid #A2BACC;
   color: inherit;
   width: 150px;
}

.aletta_menu span {
   text-align: right;
   padding-left: 2px;
   padding-top: 2px;
   font-size: 12px;
   font-weight: bold;
   background-color: transparent;
   color: #2B5E88;    
   font-family: Arial, Verdana,sans-serif;
   font-weight: bold;   
}

ul.menuVert {
   font-size: 13px;     
   font-family: Arial, Verdana,sans-serif; 
   text-align: left;
   width: 150px;
   margin: 0px;
   padding: 0px;
   background: #FFF;
   color: #000000; 
}

ul.menuVert a {
   display: block;
   height: 22px;
   border-bottom: 1px solid #A2BACC;
   text-decoration: none;
   padding: 5px 10px 0px 6px;
   background: #FFF;
   color: #2B5E88; 
}

ul.menuVert li {
   display: inline;   
}

ul.menuVert a:focus,
ul.menuVert a:active, 
ul.menuVert a:link {
   text-decoration: none;
   background: #FFF;
   color: #2B5E88; 
}

ul.menuVert a:visited {
   text-decoration: none;
   background: #FFF;
   color: #2B5E88; 
}

ul.menuVert a:hover {
   text-decoration: none;
   background: #D8D8E0;
   color: #fffff; 
}

/*###############  fine page interna ################## */



#colonna3{
   padding-left: 10px;
   float: right;
   width: 160px;
   text-align: right;
   margin-left: 5px;
   margin-right: 0px;
   display: none;
   visibility: hidden;
}

#colonna_2_3 {
   float: left;
   width: 540px;
   text-align:left;
}

#over_colonna_2_3 {
   float: left;
   width: 540px;
   text-align:left;
   display: none;
   visibility: hidden;
}

#under_colonna_2_3 {
   padding-left: 5px;
   margin-top: 10px;
   float: left;
   width: 540px;
   overflow: hidden;
}

#cell1,#cell2,#cell3,#cell4,#cell5  {
    /*background: transparent url(corner_cella.gif) bottom left no-repeat;*/
    background-color: inherit;
    color: #000;
    float: left;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 2px;
}

.logo {
    padding-top: 5px;
    /*background: transparent url(sfondo_cella.gif) top left no-repeat;*/
    background-color: transparent;
    color: #000;
    width: 158px;
    float: left;
    /*border: 1px solid #F4EFB0;*/
    text-align: center;
}

/*#########################Footer#############################àà*/

#footerbar {
	  margin: 30px 0px 0px 0px;
	  width: 100%;
	  background: transparent url("pics/footer.gif") repeat-x;
      text-align: left; 
	  float: left;
}

ul.footer {
      font-size: 10px;
      font-family: Arial, Helvetica; 
      padding: 20px 0px 0px 0px;
      text-align: center;
      margin: 0px;
}

ul.footer li {
      display: inline;
      margin: 0em 0.2em;
      height: 0px;
}

ul.footer a {
      white-space: nowrap;
      color: #2B5E88;    
}

ul.footer a:link {
      background-color: transparent;
      color: #2B5E88; 
      text-decoration: underline;
}
ul.footer a:visited {
      color: #2B5E88; 
}

ul.footer a:hover {
      background-color: transparent;
      color: #999; 
      text-decoration: underline;
}

ul.footer a:active {
      background-color: transparent;
      color: #2B5E88; 
      text-decoration: underline;
}

/*#################### FORM ######################*/

fieldset {
     width: 420px; 
     margin-left: 10px;
     padding-left: 10px;
     border: 1px solid #A2BACC;

}
input.text {
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     text-align: left;
     background-color: #FFFFFF;
     width: 300px;
     margin: 0px;
     color: #2B5E88; 
     border: 1px solid #A2BACC;
}

form {
     margin: 0px;
     padding: 0px;
}

legend {
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     text-align: left;
     color: #2B5E88;
}
textarea.comments{
     font-size: 11px;
     font-family: Arial, Verdana, sans-serif; 
     text-align: left;
     background-color: #FFFFFF;
     width: 300px;
     height: 70px;
     overflow: auto;
     margin: 0px;
     color: #666;
     border: 1px solid #A2BACC;
}
label {
     float: left;
     width: 80px;
}
input.submit {
     float: right;
     text-align: center;
     width: 70px;
     font-size: 10px;
     font-family: Verdana, sans-serif; 
     border: 1px solid #A2BACC;
     background-color: transparent;
     margin-right: 25px;
	 /*color: #C0C82B;*/
     color: #2B5E88;
}

input:focus, 
textarea:focus {
	background: #F7F7F7;
	border: 1px solid #2B5E88;
}