@charset "utf-8";
@media(min-width:1024px){
#container ol,#container ul {list-style:none;}
#container {
	width:100%;
	height:600px;
	margin:auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
#slides {
	/*position:absolute;*/
	position:relative;
	z-index:100;
	margin:auto;
	height:600px;
	overflow:hidden;
	width:100%;
}
.slides_container {
	width:100%;
	width:-moz-calc(100% + 960px - 50%);
	width:-webkit-calc(100% + 960px - 50%);
	width:calc(100% + 960px - 50%);
	height:600px;	
	position:absolute;
	overflow:hidden;
    margin-left:calc(50% - 960px); 
	/*left:50%;
	left:calc(100% - 960px);top:0;*/
}

.slides_container img{border:0;}

.pagination {
	margin:-40px auto 0 auto;
	width:80px;
	z-index:99;
	position:relative;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	z-index:98;
}

.pagination li.current a {
	background-position:0 -12px;
}
}

@media(max-width:1024px){
#container ol,#container ul {list-style:none;}
#container {
	width:100%;
	height:auto;
	margin:60px auto auto auto;

	z-index:0;	
}
#slides {
	/*position:absolute;position:relative;*/	
	z-index:100;
	margin:auto;
	height:auto;
	width:100%;
}
.slides_container {
	width:100%;
	height:135px;
}

.slides_container img{border:0;width:71%;height:auto;}

.pagination {
	margin:-50px auto auto auto;
	width:80px;
	z-index:99;
	position:relative;
}

.pagination li {
	float:left;
	margin:0 1px;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	z-index:98;
}

.pagination li.current a {
	background-position:0 -12px;
}	
	
}