@charset "UTF-8";
/* CSS Document */

#museum h1 {
margin: 0 0 10px 0;
padding: 0;
}

#museum a {
color: #CD471E;
text-decoration: underline;
}

#museum .lead {
line-height: 1.6em;
margin: 0 0 20px 0;
}

#museum .guide {
	padding:15px 20px;
	color: #ab4315;
	line-height:20px;
}

#museum .guide img {
margin: -30px 10px 0 0;
}

#museum h2 {
font-size: 16px;
margin: 0;
clear: both;
line-height: 1.2em;
background: #FFFFFF;
display: inline-block;
padding: 0 10px 0 0;
font-weight: normal;
color: #ab4315;
}

#museum h2 span {
font-size: 60%;
color: #8F8F8F;
}

#museum h3 {
font-size: 24px;
margin: -11px 0 0 0;
padding-top:30px;
border-top: #ab4315 1px solid;
}



#museum .history h4 {
margin: 40px 0 5px 0;
color: #CD471E;
}


/* slider */


#museum .swiper-container {
	margin:30px auto;
	width: 610px;
   height: 500px;
   clear: both;
}

#museum .swiper-slide {
	width:610px;
	font-size:12px;
	text-align: center;
	line-height:1.4em;
	color: #000000;
}

#museum .swiper-slide img {
	margin:0 0 7px 0;
}

#museum .swiper-button-prev {
	background:url(prev.png) no-repeat left;
	width:250px;
	height:300px;
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	display:block;
	margin:0;
	margin:-200px 0 0 -10px;
}

#museum .swiper-button-next {
	background:url(next.png) no-repeat right;	
	width:250px;
	height:300px;
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	display:block;
	margin:-200px -10px 0 0;
}

#museum .swiper-button-prev:hover,
#museum .swiper-button-next:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}

#museum .swiper-pagination {
	padding:0;
	margin:50px 0 0 0;
	top:390px;
}


#museum .swiper-pagination-bullet-active{
background: #ab4315
}

/*  For Responsivizer  */


body.white .site #museum {
color: #333333;
}

body.white .site #museum h4{
font-weight: bold;
}

body.white .site #museum {
width: 100%;
font-size:94%;
}

body.white .site #museumi .lead {
	font-size:12px;
	line-height:16px;
	margin:30px 5px 10px 5px;
	width: 96%;
}

body.white .site #museum .swiper-container {
width:100%;
margin-bottom: 40px;
height: 300px;
}

body.white .site #museum .swiper-pagination {
	padding:0;
	margin:20px 0 15px 0;
	top:260px;
}

body.white .site #museum h3 {
border-top: #ab4315 1px solid;
margin: -11px 0 0 0;
padding-top:15px;
line-height: 1.2em;
}