.contentslide{
padding: 0 0 20px 0;
width: 450px;
height: 290px;
margin:10px 0 10px;
position:relative;
background:url(grafika/puvodniksp.jpg) no-repeat bottom center;
}

.contentslide .podlaga{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
background-color:#000000;
width: 100%;
height: 30px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
position:absolute;
top:180px;
}

.contentslide img {width:450px;}
.contentslide h2 {position:absolute; top:180px; left:10px; margin:0; padding:0; letter-spacing:-1px; font-weight:normal;}
.contentslide h2 a, .contentslide h2 a:hover, .contentslide h2 a:visited {font-size:24px; color:#FFFFFF;}
.contentslide p {margin:5px 10px;}
.contentslide a, .contentslide a:hover, .contentslide a:visited {color: #FA8A19;}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
position:absolute;
top:265px;
right:5px;
width: 200px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
padding: 4px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 200px; /*IE5 width*/
w\idth: 200px; /*IE6 width*/
}

.pagination a{
font-size:10px;
font-weight:bold;
padding: 2px 6px;
text-decoration: none; 
color: #ffffff;
background-color: #FBC271;
}
.pagination a:visited{
color: #ffffff;
}
.pagination a:hover, .pagination a.selected{
color: #ffffff;
background-color: #F99200;
}

.pagination span{
font-size:10px;
cursor: pointer;
cursor: hand;
padding: 2px 6px;
color: #ffffff;
background-color: #FBC271;
font-weight: bold;
}

.pagination span:hover{
color: #ffffff;
background-color: #F99200;
}