/****************************************************************/
/*    slideshow  v1.0.0                                         */
/*    © 2013 Tomáš Mahrík, BEE DIGITAL                          */
/*    http://blog.beedigital.sk, www.beedigital.sk              */
/****************************************************************/

    #slideshow,#slideshow2
    {
       position: relative;
       display: block;
       background-color: #555; 
       margin:auto;
       -webkit-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
       -moz-box-shadow:    -1px -1px 13px rgba(50, 50, 50, 0.75);
       box-shadow:         -1px -1px 13px rgba(50, 50, 50, 0.75);
    }
    
    .arrow_left
    {
      position: absolute;
      display: inline-block;
      top: 30%;
      left:0px;
      width:42px;
      height:132px;
      background: url('../index_htm_files/arrow_left.png') 0px -132px no-repeat;
      opacity:0.6;
      z-index: 10;
    }
    
    .arrow_left:hover
    {
      background: url('../index_htm_files/arrow_left.png') 0px 0px no-repeat;
    }
    
    .arrow_right
    {
      position: absolute;
      display: inline-block;
      top: 30%;
      right:0px;
      width:42px;
      height:132px;
      opacity:0.6;
      background: url('../index_htm_files/arrow_right.png') 0px -132px no-repeat;
      z-index: 10;
    }
    
    .arrow_right:hover
    {
       background: url('../index_htm_files/arrow_right.png') 0px 0px no-repeat;
    }
    
    .description
    {
       position: absolute;
       display: none;
       padding:5px;
       width:40%;
       height:25%;
       top: 65%;
       right:65px; 
       background: url('../index_htm_files/transparent.png') 0px 0px repeat;
    }
    
    .description h1
    {
       color: #5890D3;
       font-size: 22px;
       margin-top:0px;
       margin-bottom:0px;
       opacity:1;
    }
    
    .description p
    {
       margin-top:5px;
       color: #fff;
       font-size:18px;
       opacity:1;
    }
    
    .navigation
    {
        position:relative;
        text-align:center;
        display:block;
        padding-top:5px;
        padding-bottom:5px;
        height: 30px;
        z-index:0;
        border-top: 1px solid #666;
        
        background: #4c4c4c; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTMxMzEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -moz-linear-gradient(top,  #4c4c4c 0%, #1c1c1c 100%, #131313 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(100%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #4c4c4c 0%,#1c1c1c 100%,#131313 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #4c4c4c 0%,#1c1c1c 100%,#131313 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #4c4c4c 0%,#1c1c1c 100%,#131313 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #4c4c4c 0%,#1c1c1c 100%,#131313 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-8 */
    }
    
    .slide_unactive
    {
       position:relative;
       display: inline-block;
       width:28px;
       height:27px;
       margin-right:5px;
       top: 3px;
       background: url('../index_htm_files/nav_unactive.png') 0px 0px no-repeat;
       z-index:20;
    }
    
    .slide_unactive:hover
    {
       opacity:0.8; 
    }
    
    .slide_active 
    {
       position:relative;
       display: inline-block;
       width:28px;
       height:27px;
       margin-right:5px;
       top: 3px;
       background: url('../index_htm_files/nav_active.png') 0px 0px no-repeat;
       z-index:20;
    }
    
    .slide_active 
    {
       opacity:0.8;
    }
    
    .preloader
    {
    
    }
    
    .slides
    {
        position: relative;
        display: block;
        width:100%;
        height: 100%;  
    }
    
    .slides img
    {
        position:absolute;
        display: none;
        top:0px;
        left:0px;
    }