a								{ text-decoration: none; outline: none; }
a img							{ border: none; }

h2								{ 	font-family: "Century Gothic"; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						
{
position: absolute;

	background-color:rgba(0,0,0,0.25);
	width: 800px;
	height:200px;
	margin: 0 auto;
	padding: 0px 0;
	bottom: 0px;
}

#sliderContent							
{  
background:url(../img/bckg_podnaslov.png);
height: 200px; 
overflow: hidden;
position: relative; 
margin: 0px 0; 	
vertical-align:top;
	text-shadow: #000 0px 3px 2px;
	text-align:justify;
	font-family: "Century Gothic";
	margin:5px;
	font-size: 13px;
	color: #FFFFFF;
	line-height:1.5em;}
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width:760px; float: left; position: relative;}
.slide h1						{ 	font-family: "Century Gothic"; font-size: 30px; letter-spacing: -1px; padding-bottom:20px;
								  color: #4cef00; }
.slide p						{  font-size: 12px; line-height: 20px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }
#slider-stopper					{ position: absolute; top: 1px; right: 20px; background: #b6b0d8; color: white;
								  padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }