/* 
    Document   : slideshow
    Created on : 29.11.2012, 13:22:
    Author     : Andrej
    Description:
        Purpose of the stylesheet follows.
*/


.ss_slideshow
{
    z-index:1;
    width:950px;
    height:248px;
    background-color:white;  
}

#ss_gradient
{
    z-index: 3;
    width:951px;
    height:250px;
    border-top: #cccccc solid 1px;
    border-bottom: #cccccc solid 1px;
    opacity:0.5;
background: -moz-linear-gradient(top, rgba(102,102,102,1) 0%, rgba(206,206,206,0) 4%, rgba(206,206,206,0) 96%, rgba(102,102,102,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,102,102,1)), color-stop(4%,rgba(206,206,206,0)), color-stop(96%,rgba(206,206,206,0)), color-stop(100%,rgba(102,102,102,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(206,206,206,0) 4%,rgba(206,206,206,0) 96%,rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(206,206,206,0) 4%,rgba(206,206,206,0) 96%,rgba(102,102,102,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(102,102,102,1) 0%,rgba(206,206,206,0) 4%,rgba(206,206,206,0) 96%,rgba(102,102,102,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(102,102,102,1) 0%,rgba(206,206,206,0) 4%,rgba(206,206,206,0) 96%,rgba(102,102,102,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
    position:absolute;
}

.slajdovi
{
    width:950px;
    margin-top:2px;
    height:248px;
    background-color:gray;
    background-repeat: no-repeat;
}

#ss1{display:none;
    background-image:url('../images/slideshow/ss15.jpg');
}
#ss2{display:none;
    background-image:url('../images/slideshow/ss14.jpg');
}
#ss3{display:none;
    background-image:url('../images/slideshow/ss13.jpg');
}
#ss4{display:none;
    background-image:url('../images/slideshow/ss11.jpg');
}
#ss5{display:none;
    background-image:url('../images/slideshow/ss12.jpg');
}
#ss6{display:none;
    background-image:url('../images/slideshow/ss17.jpg');
}
#ss7{display:none;
    background-image:url('../images/slideshow/ss16.jpg');
}
#ss8{display:none;
    background-image:url('../images/slideshow/ss18.jpg');
}