@charset "utf-8";

@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,100,200,300,400,700');


/* <reset> */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
/* </reset> */

* {
	margin:0;
	padding:0;
}
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding: 0;
}
body {
	background: url(../i/body.gif) repeat #000;
	color:#000;
	font:13px "Open Sans", Calibri, Candara, Arial, sans-serif;
	
}
ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
ul.ul {
	padding-left: 50px;
	list-style: disc;
}
li.li {
	list-style: disc;
}
a {
	color: #595B5D;
	font: Tahoma, Helvetica, Arial, Verdana;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
h1 {
	font-size: 2em;
	font-weight: 600;
	text-transform: uppercase;
	background: url(../i/quotes.png) no-repeat;
	background-position: left center;
	padding-left: 18px;
	margin-bottom: 36px;
	color: #595B5D;
}
h2 {
	font-size: 1.4em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 18px 0 12px 0;
	color: #595B5D;
}
h3 {
	font-size: 1.2em;
	font-weight: 400;
	text-transform: uppercase;
	margin: 18px 0 12px 0;
	color: #595B5D;
}
h4 {
	font-size: 1.4em;
	font-weight: 600;
	margin: 18px 0 12px 0;
	color: #595B5D;
}

p {
	margin-bottom: 13px;
}
.wrap {
	height:auto !important;
	height:100%;
	min-height:100%;
	position:relative;
	background: #f3f3f3;
    border-radius: 9px;
	width: 840px;
	left: 50%;
	margin-left: -420px;
}
.left {float: left;}
.right {float: right;}
/* index.php */
.wrap-index {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 840px;
   height: 282px;
   margin-top: -141px;
   margin-left: -420px;
   background: #f3f3f3;
   border-radius: 9px;
}
.index-top-left {
	width: 493px;
	height: 174px;
	float:left;
	background: url(../i/index-top-left.png);
}
.index-top-right {
	width: 347px;
	height: 174px;
	float: right;
	background: url(../i/index-top-right.png);
}
.index-nav {
	width: 176px;
	height: 88px;
	float:left;
	display: block;
	padding: 15px;
}
/* </ index.php */

.line-black {
	width: 100%;
	height: 1px;
	background: #646464;
	clear: both;}
.line-white {
	width: 100%;
	height: 1px;
	background: #fcfcfc;
	clear: both;}
.pad9{
	height: 9px;
	width: 840px;
}
.empty {
	height:100px;
}
.content {
	padding: 15px;
	text-align: justify;
	background: #fff;
}
.gall {
	background: #fff;
	padding: 18px;
}
.gallery {
	padding: 0 48px;
}
.gallery-img {
	float: left;
	margin: 18px;
}
sup {
	vertical-align: 5px;
	font-size: 0.8em;
}
small {font-size: 0.9em;}

table, th, td 
{
border-style:solid;
border-width:1px;
border-collapse:collapse;
border-color: #999;
padding: 2px 5px;
}
table {width: 100%;}
th 
{
background-color: #999;
text-align: left;
vertical-align: middle;
}
tr.sep {
	border-bottom: #999 4px solid;
}


.footer {
	font-size: 0.8em;
	padding: 8px;
	text-align: center;
	margin: auto;
	width: 420px;
}
.i-right {
	float: left;
	margin-right: 9px;
}
.clear {clear: both;}