*{
	margin:0;
	padding:0;
}
.logotip{
	text-align:center;
	padding: 10px;
	height: 10px;
}


body{
	background: url(http://www.gfml.si/50let/1963_1973/images/sliderIcons/black3.jpg) repeat;
	font-family: 'Kelly Slab','Myriad Pro', Arial, sans-serif;
	font-size:11px;
	color: #fff;
}
a{
	text-decoration:none;
}
.header{
	width:100%;
	background:#FFF;
	height:105px;
	position:relative;
	line-height:50px;
	-
}

.footer{
	width:100%;
	background:#FFF;
	height:130px;
	position:relative;
	line-height:50px;
	color:#000;
	-
}

.header{
	border-bottom:1px solid #000000;
	z-index:9999;
	margin-bottom:30px;
}
.footer{
	border-top:1px solid #000000;
}
.left{
	float:left;
}
.right{
	float:right;
}
a.back{
	color:#ddd;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	margin:0px 10px;
	text-transform:uppercase;
	letter-spacing:1px;
}
a.back:hover{
	color:#fff;
}
.header h1{
	float:left;
	font-weight:normal;
	margin:0px 10px;
	color:#0099cc;
}
.header a.reference{
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	color:#a0a0a0;
	padding-right:15px;
	float:right;
	text-shadow:1px 1px 1px #000;
}
.header a.reference:hover{
	color:#fff;
}

.wall{
	-webkit-perspective: 350;
	-webkit-transform-style:flat;
}
.turnLeft {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY(20deg);
}
.turnRight {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY(-20deg);
}
.flat {
	-webkit-transition: -webkit-transform 1s;
	-webkit-transform: rotateY( 0deg );
}
.pg_container{
	width:100%;
	position:relative;
	height:412px;
}
ul.pg_photos{
	position:absolute;
	top:0;
	left:0;
	height:412px;
	width:12188px; /*This is set dynamically*/
	list-style-type:none;
}
ul.pg_photos li{
	float:left;
	position:relative;
	margin-right:12px;
}
ul.pg_photos li a{
	display:block;
	border:6px solid #fff;
	position:relative;
	-moz-box-shadow:1px 1px 7px #000;
	-webkit-box-shadow:1px 1px 7px #000;
	box-shadow:1px 1px 7px #000;
}
ul.pg_photos li a span{
	background:#333;
	opacity:0.9;
	position:absolute;
	padding:20px;
	font-size:12px;
	text-shadow:1px 1px 1px #000;
	top:20px;
	right:0px;
	color:#fff;
	-moz-box-shadow:1px 0px 2px #000 inset;
	-webkit-box-shadow:1px 0px 2px #000 inset;
	box-shadow:1px 0px 2px #000 inset;
}
ul.pg_photos li img{
	display:block;
	border:none;
}
.footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
}
.pg_scrollWrapper{
	position:absolute;
	top:72px;
	left:50%;
	width:300px;
	margin-left:-175px;
	padding:10px 15px 10px 15px;
	height:4px;
	background:#fff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.ui-state-default,
.ui-widget-content
.ui-state-default,
.ui-widget-header
.ui-state-default {
	background:#a0a0a0;
	cursor:pointer;
    border:1px solid #000;
    color: #1C94C4;
    font-weight: bold;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-top:-4px;
}
.ui-slider-horizontal {
	height:2px;
	background:#000;
}

.color-1 {
	background: #435a6b;
}

.cl-effect-1 a::before,
.cl-effect-1 a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.cl-effect-1 a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.cl-effect-1 a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

.slike{
	height:100px;
	width: 200px;
	position:absolute;
	left:50%;
	margin-left:-105px;
	padding-top:10px;
}

.slikovno_gradivo{
	float:left;
	width: 100px;
	text-align:right;
}
.slikovno_avtor{
	float:right;
	width: 100px;
	padding-top:6px;
}

.izdelava{
	padding-top:55px;
	height:100px;
	width: 300px;
	position:absolute;
	left:50%;
	margin-left:-155px;
}

.izdelava_strani{
	float:left;
	width: 150px;
	text-align:right;
}
.izdelava_avtor{
	float:right;
	width: 150px;
	padding-top:6px;
}