* { margin:0; padding:0; }
html { width:100%; height:100%; text-align:center; margin:0 auto; background:#fff url('img/bg.jpg') top center fixed repeat; color:#000; font-family:'Times New Roman', serif; font-size:20px; }
h1,h2,h3,p { padding:20px; font-weight:normal; }
h1 { font-size:250%; font-variant:small-caps; }
h2 { font-size:200%; }
h3 { font-size:150%; }
p,li { font-size:100%; }
a { color:#000; text-decoration:underline; }
a img { text-decoration:none; }
a:hover { text-decoration:none; }
form { margin:25px; }
input,textarea { width:auto; max-width:90%; color:#000 !important; background:#fff !important; color:#000; font-family:inherit; font-size:inherit; padding:10px;  }
textarea { width:90%; max-width:600px; height:200px; }
body { width:100%; max-width:1200px; margin:0 auto; border-left:2px solid #000; border-right:2px solid #000; background: rgba(255, 255, 255, 0.5); }

.header img { width: 100%; padding: 20px 0; }
.container { width:100%; max-width:1200px; }

.menu { clear:both; width:100%; border-bottom:2px solid #000; border-top:2px solid #000; }
.menu a { display:inline-block; text-decoration:none; transition:.5s; padding:15px; font-variant:small-caps; font-size:90%; font-weight:bold; }
.menu a:hover { background:#fff; transition:.5s; text-decoration:underline;  }

/* slider */
.slider { width:100%; max-width:1200px; margin:0 auto 20px auto; border-bottom:2px solid #000; }
.slider img { width:100%; margin:0 auto; }
.sss { height: 0;	margin: 0; 	padding: 0;	position: relative;	display: block;	overflow: hidden;}
.ssslide { width: 100%;	margin: 0;	padding: 0;	position: absolute;	top: 0;	left: 0;	display: none;	overflow: hidden;}
.ssslide img { max-width: 100%; height: auto;	margin: 0;	padding: 0;	position: relative;	display: block;}
.sssnext, .sssprev { width: 25px; height: 100%;	margin: 0; position: absolute; top: 0;	background: url('img/arr.png') no-repeat;}
.sssprev { left: 3%; background-position: 0 50%;}
.sssnext { right: 3%; background-position: -26px 50%;}
.sssprev:hover, .sssnext:hover { cursor: pointer;}

.gallery img { border:3px solid #fff; }
.gallery img:hover { border:3px solid #555; }

.footer { clear:both; width:100%; background: rgba(255, 255, 255, 0.5); padding:10px 0; font-variant:small-caps; border-bottom:2px solid #000; border-top:2px solid #000; }

@media (max-width:800px) {
.menu a:not(:first-child) {display:none; }  
.menu a.icon { float:right; display:inline-block; }
.menu.responsive {position:relative; }
.menu.responsive a.icon { position:absolute; right:0; top:0; margin:0; }  
.menu.responsive a { float:none; display:block; }
.x70 { width:100%; }
.x30 { width:100%; }
.gallery img { width:90%; margin:10px 5%; }
}

@media (min-width:800px) {
.icon { display:none !important; }
.x70 { float:left; width:70%; }
.x30 { float:left; width:30%; }
.gallery img { height:180px; margin:10px; }
}