/* CSS Document */

/*******************************************************************************
 *  Per personalizzare le pagine basta aggiungere un CSS interno alla pagina
 *  in cui ridefinire i punti cruciali!!!!
 ******************************************************************************/    


#page_title{
  width: 643px;
  height: 24px;
}

#page_title1{
  background-image: url('http://www.radiodeinavigli.com/template/image/title_int_left.jpg');
  float:left;
  width: 12px;
  height: 24px;
}

#page_title2{
  background-image: url('http://www.radiodeinavigli.com/template/image/title_int.jpg');
  float:left;
  width: 619px;
  height: 24px;
}

#page_title3{
  background-image: url('http://www.radiodeinavigli.com/template/image/title_int_right.jpg');
  float:left;
  width: 12px;
  height: 24px;
}

#page_subtitle{
  background-image: url('http://www.radiodeinavigli.com/template/image/str.gif');
  width: 636px;
  margin-left: 4px;
  margin-right: 3px;
}

#page_subsubtitle{
  background-image: url('http://www.radiodeinavigli.com/template/image/str_azzura.jpg');
  width: 636px;
  height: 25px;
  margin-left: 4px;
  margin-right: 3px;
  border-top: 1px solid white;
}

#page_content{
  width: 636px;
  margin-left: 4px;
  margin-right: 3px;;
}

#page_content_foto{
  width: 200px;
  height: 155px;
  background-image: url('http://www.radiodeinavigli.com/template/image/str_azzura.jpg');
  margin: 3px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 5px;
  float: right;
}

#page_content_foto img{
  width: 173px;
  height: 147px;
  margin-left: 14px;
  position: relative;
  top: -10px;
}

/* Menu orizzonatale */

.menuBar{
  /*background: #666;*/
  color: #FFF;
  margin: 0;
  padding: 0.3em 0;
  text-align: left;   /* mettiamo center per centrarli */
  font-weight: bold;
}

.menuBar li{
  display: inline;
}

.menuBar a{
  height: 0;
  padding: 0.3em 15px;
  text-decoration: none;
  margin: -0.3em 0;
  border-right: 2px solid #FFF;
  white-space: nowrap;
}

.menuBar .primavoce a{
border-left: 2px solid #FFF;
}

.menuBar a:link,
.menuBar a:visited{
  background: transparent;
  color: #FFF;
}

.menuBar a:hover,
.menuBar a:focus,
.menuBar a:active{
  background-image: url('http://www.radiodeinavigli.com/template/image/str_azzura.jpg');
  color: #000;
}

.menuBar .voceCorrente a{
  background-image: url('http://www.radiodeinavigli.com/template/image/str_azzura.jpg');
  color: black;
}

/*******************************************************************************
 Stili pagina interna 
 
 *  Per i titoli e i tag p devo annullare i margini, e usare solo i padding.
 *  I margini sfasano il posizionamento del box con l'immagine. 
 *
********************************************************************************/

#page_title2 h1{
  font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif;
  margin:0;
  padding:0;
  padding-top: 5px;
  font-size: 14px;
  font-style: italic;
  color: white;
}

#page_content h1,
#page_content p{
  margin: 0;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

#page_content h1,
#page_content h2
{
  font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 14px;
  color: #0C0F4B;
}

/* Link generici delle pagine interne */

#page_content a{
  font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 12px;
  color: #0C0F4B;
  text-decoration: none;
}

#page_content a:link,
#page_content a:visited{
  font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 12px;
  color: #0C0F4B;
  text-decoration: none;
}

#page_content a:hover,
#page_content a:focus,
#page_content a:active{
  font-family: "Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif;
  font-size: 12px;
  color: #0C0F4B;
  
  /* Cambiando questa riga cambio anche l'effetto al mouseover sui link di collaboratori e programmi */
  text-decoration: underline;
}

#page_content p{
  text-align: justify;
}

#page_content{
  padding-bottom: 15px;
}


/*******************************************************************************
 Nuovo stile elenco su 2 colonne
********************************************************************************/


.elenco{
  width: 636px;
  background-image: url('http://www.radiodeinavigli.com/template/image/str_azzura.jpg');
  margin-bottom: 3px;
  height: 70px;
}

.elenco_col1{
  float:left;
  width: 97px;
  border-right: 3px solid white;
  text-align: center;
  height: 70px;
}

.elenco_col2{
  float:left;
  width: 536px;
  
  height: 70px;
}

.elenco_col2 img{
  float: left;
  padding: 4px;
  padding-right: 10px;
  border: 0;
  width: 60px;
  height: 62px;
}


/*******************************************************************************
 Nuovo stile elenco su 2 colonne
********************************************************************************/


.elenco2{
  width: 636px;
}

.elenco2_col1{
  float:left;
  width: 321px;
  
}

.elenco2_col2{
  float:left;
  width: 315px;
  
}


/*******************************************************************************
 Stile elementi per 2 colonne
********************************************************************************/


.bar{
  background-image: url('http://www.radiodeinavigli.com/template/image/str_azzura.jpg');
  width: 315px;
  height: 80px;
  margin: 0px;
  padding: 0px;
  
  margin-bottom: 5px;
  /*border: 1px solid black;*/
}

.bar img{
  width: 70px;
  height: 70px;
  padding: 5px;
  float:left;
}

.bar p{
  margin: 0;
  padding:0;
}