/* 
	Resets defualt browser settings
	reset.css
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin:0;
	padding:0;
	border:0;
	outline:0;

}
ol,ul { list-style:none; }

#container {
	width:100%;
	padding:0px;
	position:relative;
	z-index:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#example {
	width:100%;
	height:750px;
	position:relative;
	overflow:hidden;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:100%;
	height:750px;
	top:-3px;
	left:-80px;
}

#slides {
	position:absolute;
	z-index:1;
	text-align: center;
    width:100%;
}

#slides .next {
	position:absolute;
	right:20px;
	top:350px;	
	width:70px;
	height:89px;
	display:block;
	z-index:200;
}


#slides .prev {
	position:absolute;  
	left:20px;      
	top:350px;
	width:70px;
	height:89px;
	display:block;
	z-index:300;
}
#slides .next a  {
	z-index:101;
	display: block;
	height: 89px;
	width: 70px;
	text-decoration: none;
	background-image: url(../images/next_02.png);
       
}
#slides .next a:hover {
	z-index:101;
	display: block;
	height: 89px;
	width: 70px;
	background-image: url(../images/next_01.png);
}

#slides .prev a {
	z-index:101;
	display: block;
	height: 89px;
	width: 62px;
	text-decoration: none;
	background-image: url(../images/prv_02.png);
}
#slides .prev a:hover {
	z-index:101;
	display: block;
	height: 89px;
	width: 62px;
	background-image: url(../images/prv_01.png);
}


.slides_container { text-align:center;
	width:100%;
	height:750px;
	overflow:hidden;
	position:relative;
}
.slides_container a{ width:100%; height:600px; display:block;}

.pagination{ text-align:center; width:280px; margin:0 auto; position: relative; top:-25px; z-index:99;}
.pagination ul{ text-align:center; }
.pagination li{ float:left; width:50px; text-indent:99px; background:#fff; line-height:20px;  margin-left:5px; overflow:hidden;}
.pagination a{ text-decoration:none; width:50px; height:8px; display:block;text-indent:99px; background:#fff;overflow:hidden;}
.pagination a:hover{ background-color:rgba(37,38,55,.8);}
.current a{ background-color:rgba(37,38,55,.8); color:#fff; display:block; }

.caption {
	position:absolute;
	bottom:-35px;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:540px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}
@media screen and (min-width: 1600px){header,.container,.footContact{width:1600px;}
#slides .next {right:300px;}
#slides .prev {left:300px;}