/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 28, 2015, 6:45:17 PM
    Author     : fabio.pinton
*/




.slide
{
    width: 100%;
    position: relative;
    
    padding: 50px 0;
    text-align: center;

}

#slide2,
#slide4,
#slide6,
#slide8
{
    background-color:#ffffff;
    box-shadow: 0 18px 14px -14px rgba(0,0,0,0.6), 0 -18px 14px -14px rgba(0,0,0,0.6);
    z-index: 10;
}

#slide1
{
    height: 50%;
     background-image:url('../img/Rotary_FOTO_ANTICHE_1080p.jpg');
    background-color:#dddddd;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    

}


#slide3
{
   
   
    background-color:#fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    height: 300px;
}

#slide5
{
   height: 300px;
    background-image:url('../img/direction.jpg');
    background-color:#fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    

}

#slide7
{
   height: 300px;
    background-image:url('../img/pace.jpg');
    background-color:#fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    

}


#photoGallery {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 40;
    display: none;
   top: 0px;
   left: 0px;
   
}

#photoGallery .closeGallery  {
     position: fixed;
     width: 20px;
     right: 15px;
     top: 100px;
}

#photoGallery #blackPanel {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.8;
}

#photoContainer {
    width: 90%;
    height: 70%;
    position: fixed;
    top: 50vh;
    left: 5%;
    transform: translateY(-25vh);
    padding: 0px;
   
    text-align: center;
   
    
    
}

#photoContainer img {
    max-width: 100%;
    max-height: 100%;
    
    width: auto;
    height: auto;
 
    border: 1px solid white;
}

#galleryInfo {
    font-family: Arial;
    font-size: 12px;
    color: lightgray;
    position: fixed;
    bottom: 15px;
    left: 15px;
}