/* locriantica.css - style sheet layout page www.locriantica.it - created by Salvatore La Rosa */

/* Struttura della home page */

.default {
            background-color: #FFDBAE;
            margin-top: 0px;
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
          }

.default HR {
              border-color: #800000;
              border-style: solid;
              border-width: 1px 0 0;
              clear: both;
            }

.news A:link {
               color: #800000;
               background-color: transparent;
               font-family: "Tahoma", "Verdana", "Arial Narrow", "Sans-Serif";
               font-variant: small-caps;
               font-size: 1em;
               font-weight: bold;
               text-decoration: underline;
             }

.news A:visited {
                  color: #800000;
                  background-color: transparent;
                  font-family: "Tahoma", "Verdana", "Arial Narrow", "Sans-Serif";
                  font-variant: small-caps;
                  font-size: 1em;
                  font-weight: bold;
                  text-decoration: underline;
                }

.news A:hover {
                color: #F2B75E;
                background-color: transparent;
                font-family: "Tahoma", "Verdana", "Arial Narrow", "Sans-Serif";
                font-variant: small-caps;
                font-size: 1em;
                font-weight: bold;
                text-decoration: underline;
              }

/* Struttura sezione news della home page */

/*
--- CREDITS ---

- ITALIANO -
Codice modificato partendo da quello scritto da ALEN GRAKALIC (http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller)
Ulteriori modifiche apportate si basano sulle variazioni realizzate da EINAR PALL SVAVARSSON (http://www.emstrur.is/)
Le immagini dei pulsanti sono state modificate sulla base di quelle reperite al seguente indirizzo web: http://www.sigtryggurbjarni.is/nav02.html

- ENGLISH -
The code has been modified starting from the original one written by ALEN GRAKALIC (http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller)
Additional changes have been made thanks to the work made by EINAR PALL SVAVARSSON (http://www.emstrur.is/)
The images of the buttons have been modified starting from the ones found at the following web address: http://www.sigtryggurbjarni.is/nav02.html

---------------
*/

#newsbox {
	       margin: 0 auto;
           text-align: justify;
           width: 100%;
           padding-top: 0;
           z-index: 0;
         }

#easyscrollnav #btnUp {
	                    background-image: url('../images/layout/scroller_su.jpg');
	                    background-repeat: no-repeat;
	                    height: 24px;
                      }

#easyscrollnav #btnUp:hover {
	                          background-image: url('../images/layout/scroller_su.jpg');
                            }

#easyscrollnav #btnDown {
                          background-image: url('../images/layout/scroller_giu.jpg');
	                      background-repeat: no-repeat;
	                      height: 24px;
	                      margin-top: 60px;
                        }

#easyscrollnav #btnDown:hover {
                                background-image: url('../images/layout/scroller_giu.jpg');
                              }

#easyscrollnav #btnReset {
                           background-image: url('../images/layout/scroller_reset.jpg');
                           background-repeat: no-repeat;
	                       height: 24px;
	                       margin-top: 8px;
                         }

#easyscroll {
		      margin-top: 10px;
            }

#easyscrollnav {
                 float: right;
		         margin:1em 0;
		         padding: 0px 0px 0 5px;
		         width: 20px;
               }

#easyscrollnav li {
 	                list-style-type: none;
 	                color: #404A50;
 	                cursor: pointer;
 	                float: left;
 	                height: 15px;
 	                margin: 5px 0px 5px 0px;
 	                padding: 0;
 	                text-indent: -9000px;
 	                width: 20px;
 	                margin: 0;
 	                padding: 0;
                  }

/* Struttura base delle pagine */

BODY {
       background-color: #FFF0CF;
       margin-top: 0px;
       margin-left: 0px;
       margin-right: 0px;
       margin-bottom: 0px;
     }

HR { 
     border-color: #800000;
     border-style: solid;
     border-width: 2px 0 0;
     clear: both;
   }

/* Struttura della pagina - Sfondo frame menù */

.frame {
         background-color: #FFDBAE;
       }

/* Effetti collegamenti ipertestuali */

A:link, A:visited {
                    color: #800000;
                    background-color: transparent;
                    font-family: "Tahoma", "Verdana", "Arial Narrow", "Sans-Serif";
                    font-size: 10pt;
                    text-decoration: underline;
                  }

A:hover {
          color: #F2B75E;
          background-color: transparent;
          font-family: "Tahoma", "Verdana", "Arial Narrow", "Sans-Serif";
		  font-size: 10pt;
		  text-decoration: underline;
		}

/* Effetti menù di navigazione home page */

div#navigationdefault ul {
                           list-style-type: none;
                           margin: 0;
                           padding: 0;
                         }

div#navigationdefault li {
                           margin: 0 0 3px;
                           padding: 0;
                         }

div#navigationdefault a {
                          display: block;
                          width: 150px;
                          line-height: 30px;
                          text-decoration: none;
                          border: 1px solid #999999;
                          text-indent: -20px;
                          background: url('../images/layout/pulsante_sfondo_default.jpg') no-repeat top left;
                          color: #333333;
                          font-variant: small-caps;
                        }

div#navigationdefault a:hover {
                                background: url('../images/layout/pulsante_selezionato_default.jpg') no-repeat top left;
                                color: #ffffff;
                                font-weight: bold;
                              }

div#navigationdefault li#activelink a {
                                        background: url('../images/layout/pulsante_selezionato_default.jpg') no-repeat top left;
                                        color: #ffffff;
                                        font-weight: bold;
                                      }

div#navigationdefault li#activelink a:hover {
                                              background: url('../images/layout/pulsante_selezionato_default.jpg') no-repeat top left;
                                              color: #ffffff;
                                              font-weight: bold;
                                            }

/* Effetti menù di navigazione home page in inglese */

div#navigationdefaulteng ul {
                              list-style-type: none;
                              margin: 0;
                              padding: 0;
                            }

div#navigationdefaulteng li {
                              margin: 0 0 3px;
                              padding: 0;
                            }

div#navigationdefaulteng a {
                             display: block;
                             width: 160px;
                             line-height: 30px;
                             text-decoration: none;
                             border: 1px solid #999999;
                             text-indent: -20px;
                             background: url('../images/layout/pulsante_sfondo_default_eng.jpg') no-repeat top left;
                             color: #333333;
                             font-variant: small-caps;
                           }
    
div#navigationdefaulteng a:hover {
                                   background: url('../images/layout/pulsante_selezionato_default_eng.jpg') no-repeat top left;
                                   color: #ffffff;
                                   font-weight: normal;
                                 }

div#navigationdefaulteng li#activelink a {
                                           background: url('../images/layout/pulsante_selezionato_default_eng.jpg') no-repeat top left;
                                           color: #ffffff;
                                           font-weight: normal
                                         }

div#navigationdefaulteng li#activelink a:hover { 
                                                 background: url('../images/layout/pulsante_selezionato_default_eng.jpg') no-repeat top left;
                                                 color: #ffffff;
                                                 font-weight: normal
                                               }

/* Effetti menù di navigazione delle pagine */

div#navigation ul {
                    list-style-type: none;
                    margin: 0;
                    padding: 0;
                  }

div#navigation li {
                    margin: 0 0 3px;
                    padding: 0;
                  }

div#navigation a {
                   display: block;
                   width: 150px;
                   line-height: 30px;
                   text-decoration: none;
                   border: 1px solid #999999;
                   text-indent: 20px;
                   background: url('../images/layout/pulsante_sfondo.jpg') no-repeat top left;
                   color: #333333;
                   font-variant: small-caps;
                 }
    
div#navigation a:hover {
                         background: url('../images/layout/pulsante_selezionato.jpg') no-repeat top left;
                         color: #ffffff;
                         font-weight: bold
                       }

div#navigation li#activelink a {
                                 background: url('../images/layout/pulsante_selezionato.jpg') no-repeat top left;
                                 color: #ffffff;
                                 font-weight: bold
                               }

div#navigation li#activelink a:hover { 
                                       background: url('../images/layout/pulsante_selezionato.jpg') no-repeat top left;
                                       color: #ffffff;
                                       font-weight: bold
                                     }

/* Effetti menù di navigazione delle pagine in inglese */

div#navigationeng ul {
                       list-style-type: none;
                       margin: 0;
                       padding: 0;
                     }

div#navigationeng li {
                       margin: 0 0 3px;
                       padding: 0;
                     }

div#navigationeng a {
                      display: block;
                      width: 160px;
                      line-height: 30px;
                      text-decoration: none;
                      border: 1px solid #999999;
                      text-indent: 20px;
                      background: url('../images/layout/pulsante_sfondo_eng.jpg') no-repeat top left;
                      color: #333333;
                      font-variant: small-caps;
                    }
    
div#navigationeng a:hover {
                            background: url('../images/layout/pulsante_selezionato_eng.jpg') no-repeat top left;
                            color: #ffffff;
                            font-weight: normal;
                          }

div#navigationeng li#activelink a {
                                    background: url('../images/layout/pulsante_selezionato_eng.jpg') no-repeat top left;
                                    color: #ffffff;
                                    font-weight: normal;
                                  }

div#navigationeng li#activelink a:hover { 
                                          background: url('../images/layout/pulsante_selezionato_eng.jpg') no-repeat top left;
                                          color: #ffffff;
                                          font-weight: normal;
                                        }

/* Effetti sezione galleria fotografica */

div#foto {
           width:600px;
           height:450px;
           border:2px solid #800000;
           margin: 0 auto;
         }

#foto ul {
           margin:0;
           padding:0;
           list-style:none;
           position:relative;
           width:600px;
           height:450px;
           overflow:hidden;
           background-image: url('../images/foto/sfondo.jpg');           
         }

#foto li {
           margin:0;
           padding:0;
           list-style:none;
           text-indent: 0;
           width:0;
           height:0;
         }
        
#foto a {
          position:absolute;
          background-image: url('../images/foto/sfondo.jpg');
        }

#foto span { 
             position:absolute;
             bottom: 0;
             left: 0;
             width: 300px;
             background: url('../images/layout/sfondo_trasparenza.png') repeat-x 0 -50px;
             cursor: pointer;
             text-align: center;
             font-variant: small-caps;
           }

#foto a:hover span {
                     background-position: 0 0px
                   }
                   
#foto #centocamere a { 
                       left: 0px;
                       top: 0px;
                       height: 225px;
                       width: 300px;
                       background-position: 0px 0px;
                     }
               
#foto #centocamere a:hover {
                             background-position: 0px -450px;
                           }

#foto #marasa a { 
                  left: 300px;
                  top: 0px;
                  height: 225px;
                  width: 300px;
                  background-position: 300px 0px;
                }
               
#foto #marasa a:hover {
                        background-position: -300px -450px;
                      }
                     
#foto #cintamuraria a { 
                        left: 0px;
                        top: 225px;
                        height: 225px;
                        width: 300px;
                        background-position: 0px 675px;
                      }
               
#foto #cintamuraria a:hover {
                              background-position: 0px -675px;
                            }
                     
#foto #teatro a { 
                  left: 300px;
                  top: 225px;
                  height: 225px;
                  width: 300px;
                  background-position: 300px 675px;
                }
               
#foto #teatro a:hover {
                        background-position: -300px -675px;
                      }
                      
/* Effetti immagini e slideshow */

/*
--- CREDITS ---

- ITALIANO -
Codice qui incorporato dal file css di Lytebox v3.22 di MERKUS F. HAY (www.dolem.com/lytebox/)

- ENGLISH -
The following code is taken from the original Lytebox v.3.22 css file made by MERKUS F. HAY (www.dolem.com/lytebox/)

---------------
*/

#lbOverlay {
             position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px;
           }
           
#lbOverlay.grey {
                  background-color: #000000;
                }
                
#lbOverlay.red {
                 background-color: #330000;
               }
               
#lbOverlay.green {
                   background-color: #003300;
                 }
                 
#lbOverlay.blue { 
                  background-color: #011D50;
                }

#lbOverlay.gold { 
                  background-color: #666600;
                }

#lbMain {
          position: absolute;
          left: 0;
          width: 100%;
          z-index: 99999;
          text-align: center; 
          line-height: 0;
        }
        
#lbMain a img {
                border: none;
              }

#lbOuterContainer {
                    position: relative;
                    background-color: #fff;
                    width: 200px;
                    height: 200px;
                    margin: 0 auto;
                  }
                  
#lbOuterContainer.grey { 
                         border: 3px solid #888888;
                       }
                       
#lbOuterContainer.red {
                        border: 3px solid #DD0000;
                      }
                      
#lbOuterContainer.green {
                          border: 3px solid #00B000;
                        }
                        
#lbOuterContainer.blue {
                         border: 3px solid #5F89D8;
                       }

#lbOuterContainer.gold {
                         border: 3px solid #B0B000;
                       }

#lbDetailsContainer {
                      font: 10px Verdana, Helvetica, sans-serif;
                      background-color: #fff;
                      width: 100%;
                      line-height: 1.4em;
                      overflow: auto;
                      margin: 0 auto;
                    }
                    
#lbDetailsContainer.grey {
                           border: 3px solid #888888;
                           border-top: none;
                         }

#lbDetailsContainer.red { 
                          border: 3px solid #DD0000;
                          border-top: none;
                        }
                        
#lbDetailsContainer.green {
                            border: 3px solid #00B000;
                            border-top: none;
                          }
                          
#lbDetailsContainer.blue {
                           border: 3px solid #5F89D8;
                           border-top: none;
                         }
                         
#lbDetailsContainer.gold {
                           border: 3px solid #B0B000;
                           border-top: none;
                         }

#lbImageContainer, #lbIframeContainer { 
                                        padding: 10px;
                                      }
#lbLoading {
	         position: absolute;
	         top: 45%;
	         left: 0%;
	         height: 32px;
	         width: 100%;
	         text-align: center;
	         line-height: 0;
	         background: url(../images/lytebox/loading.gif) center no-repeat;
           }

#lbHoverNav {
              position: absolute;
              top: 0;
              left: 0;
              height: 100%;
              width: 100%;
              z-index: 10;
            }
            
#lbImageContainer>#lbHoverNav { 
                                left: 0;
                              }

#lbHoverNav a { 
                outline: none;
              }

#lbPrev { 
          width: 49%;
          height: 100%;
          background: transparent url(../images/lytebox/blank.gif) no-repeat;
          display: block;
          left: 0;
          float: left;
        }
       
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { 
                                                 background: url(../images/lytebox/prev_grey.gif) left 15% no-repeat;
                                               }

#lbPrev.red:hover, #lbPrev.red:visited:hover {
                                               background: url(../images/lytebox/prev_red.gif) left 15% no-repeat;
                                             }
                                             
#lbPrev.green:hover, #lbPrev.green:visited:hover {
                                                   background: url(../images/lytebox/prev_green.gif) left 15% no-repeat;
                                                 }
                                                 
#lbPrev.blue:hover, #lbPrev.blue:visited:hover {
                                                 background: url(../images/lytebox/prev_blue.gif) left 15% no-repeat;
                                               }

#lbPrev.gold:hover, #lbPrev.gold:visited:hover {
                                                 background: url(../images/lytebox/prev_gold.gif) left 15% no-repeat;
                                               }
	
#lbNext {
          width: 49%; height: 100%; background: transparent url(../images/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right;
        }

#lbNext.grey:hover, #lbNext.grey:visited:hover {
                                                 background: url(../images/lytebox/next_grey.gif) right 15% no-repeat;
                                               }
                                               
#lbNext.red:hover, #lbNext.red:visited:hover {
                                               background: url(../images/lytebox/next_red.gif) right 15% no-repeat;
                                             }
                                             
#lbNext.green:hover, #lbNext.green:visited:hover {
                                                   background: url(../images/lytebox/next_green.gif) right 15% no-repeat;
                                                 }
                                                 
#lbNext.blue:hover, #lbNext.blue:visited:hover {
                                                 background: url(../images/lytebox/next_blue.gif) right 15% no-repeat;
                                               }
                                               
#lbNext.gold:hover, #lbNext.gold:visited:hover {
                                                 background: url(../images/lytebox/next_gold.gif) right 15% no-repeat;
                                               }

#lbPrev2, #lbNext2 {
                     text-decoration: none; font-weight: bold;
                   }
                   
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {
                                               color: #333333;
                                             }
                                             
#lbPrev2.red, #lbNext2.red, #lbSpacer.red {
                                            color: #620000;
                                          }

#lbPrev2.green, #lbNext2.green, #lbSpacer.green {
                                                  color: #003300;
                                                }
                                                
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue {
                                               color: #01379E;
                                             }
                                             
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold {
                                               color: #666600;
                                             }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/lytebox/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../images/lytebox/close_red.png) no-repeat; }
	#lbClose.green { background: url(../images/lytebox/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../images/lytebox/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../images/lytebox/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/lytebox/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../images/lytebox/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../images/lytebox/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../images/lytebox/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../images/lytebox/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/lytebox/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../images/lytebox/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../images/lytebox/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../images/lytebox/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../images/lytebox/pause_gold.png) no-repeat; }

/* Effetti barre di scorrimento */

/* Questi effetti sono realizzati mediante l'uso di linguaggio proprietario Microsoft e quindi validi solo
   per Internet Explorer. Per questo motivo sono considerati "illegali" dal W3C in quanto tale organismo
   non prevede la manipolazione, da parte dei siti web, della grafica del sistema operativo su cui vengono
   visualizzati. Inoltre l'incompatibilità con gli altri browser li rende inadatti alla realizzazione di
   siti che seguono rigidamente le direttive W3C.
   Mantengo in questo file di layout il codice per tale tipologia di modifica ma solo come commento in
   quanto, altrimenti, il presente file non rispetterebbe le regole v2.1 in materia di CSS del W3C.

BODY { 
       SCROLLBAR-3DLIGHT-COLOR: none; 
       SCROLLBAR-ARROW-COLOR: none;
       SCROLLBAR-BASE-COLOR: #FFDBAE;
       SCROLLBAR-DARKSHADOW-COLOR: none;
       SCROLLBAR-FACE-COLOR: none;
       SCROLLBAR-HIGHLIGHT-COLOR: none;
       SCROLLBAR-SHADOW-COLOR: none;
       SCROLLBAR-TRACK-COLOR: #FFF0CF;
     }

*/

/* locriantica.css - this file follows CSS v2.1 rules, validated by CSS-Validator at www.w3.org */