﻿
#facebookicon2{
    
    display:inline-block;
    width:20px;
    height:20px;
    z-index:310;
    margin-top:10px;
    margin-left:4px;
    background-image:url("/lo-topmenu/images/fbicon2.png");  
    float : left;
 
}
#facebookicon2:hover{
    background-image:url("/lo-topmenu/images/fbicon2-on.png");  
    cursor:pointer;
}
#twittericon2{
    display:inline-block;    
    width:20px;
    height:20px;
    z-index:310;
    margin-top:10px;
    margin-left:4px;
    background-image:url("/lo-topmenu/images/twicon2.png");  
    float: left;  
      
}
#twittericon2:hover{
    background-image:url("/lo-topmenu/images/twicon2-on.png");   
    cursor:pointer;             
}

#pinteresticon2{
    
    display:inline-block;
    width:20px;
    height:20px;
    z-index:310;
    margin-top:10px;
    margin-left:4px;
    background-image:url("/lo-topmenu/images/pinterest.png");  
    float : left;
 
}
#pinteresticon2:hover{
    background-image:url("/lo-topmenu/images/pinterest-on.png");  
    cursor:pointer;
}



#footer {
    position:fixed;
    left:0px;
    bottom:0px;
    height:33px;
    width:100%;
    display: none;
    z-index: 400;
    background-image:url("/lo-topmenu/images/shadowbackbottom.png");
    background-repeat:repeat-x;
    text-align: left;
}


#footer p{
    margin-left:10px;
    margin-top:14px;
    color:silver;
    font-size: 10px;
    display:inline-block;
}

#logo{
    position:fixed;
    left: 40px;
    top: 0px;
    z-index:300;  
}
.img-left{
    position: absolute;
    display:inherit;
    top:0px;
    left:0px;
}
.img-right{
    position: absolute;
    display:inherit;
    top:20px;
    left:300px;
}
.img-home{
    position: absolute;
    display:inherit;
    top:10px;
    left:65px;
}
.img-computer{
    position: absolute;
    display:inherit;
    top:25px;
    left:50px;
}
.img-museum{
    position: absolute;
    display:inherit;
    top:62px;
    left:170px;
}


        #topouter1{
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height:91px;   
            z-index:200;
        }

        #topback{
            position:relative;
            width: 100%;
            height:57px;
            background-image:url("/lo-topmenu/images/topback.png");
            z-index:200;
            background-repeat:repeat-x;          
        } 
         #top1{
            position:relative;
            width: 100%;
            height:57px;
            background-image:url("/lo-topmenu/images/top1.png");    
            text-align:left;
            z-index:210;
            background-repeat:no-repeat;
        } 

      

        #topouter {
            display: table;      
            width:100%;
            position: fixed;
            left: 0;
            top: -20px;
            width: 100%;
            height:91px;   
            z-index:200;
        }
        #topouter> *{
            display:table-cell; 
        }

        #bottomouter {
            display: table;      
            width:100%;
            position: fixed;
            left: 0;
            top: 37px;
            width: 100%;
            height:34px;   
            z-index:200;
            background-image:url("/lo-topmenu/images/shadowback.png");  

        }
        #bottomouter> *{
            display:table-cell; 
        }

        #bottomend {
           float:right;
            width:42px;
            min-width:42px;
            height:34px;
            background-image:url("/lo-topmenu/images/bottomend.png");   
            z-index:210;
            background-repeat:no-repeat;
        }
               
        #bottomback{
            position:relative;
            float:right;
            min-width:310px!important;
            height:34px;
            background-image:url("/lo-topmenu/images/bottomback.png");   
            z-index:280;
            text-align:right;  
            background-repeat:repeat-x; 
            vertical-align:top;      
         }

         #shadowback{
            height:34px;
            background-image:url("/lo-topmenu/images/shadowback.png");   
            z-index:210;
            background-repeat:repeat-x;
            border: 1px solid black;
            float:left;
         }
              
         .mycenter img{
            position:relative;
            top:-0px;
            right:10px;
            vertical-align: middle;            
         }

         .shoplink{
            display: block;
            position:relative;
            top:25px; 
            height:25px;          
            vertical-align: middle;  
            color:white;
            font-size:12px;
            padding-top:4px;
            padding-left:8px;
            padding-right:8px;
            text-align:center;
            float:right;
            cursor: pointer;
            border-radius:6px;

        }

        .shoplink:hover{
            background:rgba(255,255,255,0.5);  
        }

         .toplink{
            display: block;
            position:relative;
            top:0px;           
            vertical-align: middle;              
            text-align:center;
            float:right;
            cursor: pointer;
        }
        .toplinkdivider{
            display: block;
            position:relative;
            top:0px;          
            vertical-align: middle;  
            padding-top:4px;
            padding-left:1px;
            padding-right:1px;
            text-align:center;
            float:right;
            cursor: pointer;
        }



       
        .animated1 {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
          -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
        }

        .animated1.infinite {
          -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
        }

        @-webkit-keyframes toplinkbounce {
          from, 20%, 53%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
          }

          40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
          }

          70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0);
          }

          90% {
            -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
          }
        }

        @keyframes toplinkbounce {
          from, 20%, 53%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
          }

          40%, 43% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
          }

          70% {
            -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            -webkit-transform: translate3d(0, -7px, 0);
            transform: translate3d(0, -7px, 0);
          }

          90% {
            -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
          }
        }

        .toplinkbounce {
          -webkit-animation-name: toplinkbounce;
          animation-name: toplinkbounce;
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
        }




