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 {
	margin: 0;
	padding: 0;
	outline: 0;
}
a img { border:0; }
body {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	color:#000;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
@charset "utf-8";
html { background:url(/img/1html.webp) repeat; }
body { }
.clear { display:block; clear:both; height:0; }
.left { float:left;}
.right { float:right; }
.hidden { display:none; }
.inner { min-width:320px; max-width:1200px; margin:0 auto; }

h1, h2, h3 { padding-bottom:14px; font-family: Amiri; line-height:1em; color:#4169E1; }
h1 { font-size:38px; }
h2 { font-size:23px; }

p { padding-bottom:14px; line-height:1em; }

#container {
	width:100%;
	min-width:320px;
	font-weight:400;
	color:#000000;
	font-family: Amiri;
}
#container a { cursor:pointer; }
#container img { vertical-align:bottom; }

#menuMain { height:74px; background:url(/img/1bg-menuMain.webp) center 20px repeat-x; text-align:center; }
#menuMain .inner { padding-top:12px; }
#menuMain a.menu { display:none; width: 60px; height: 60px; margin:0 auto; background:url(/img/1bt-menu.webp) no-repeat; }
#menuMain ul li { display:inline-block; }
#menuMain ul li a { display:block; height:63px; background:url(/img/1bt-menuMain.webp) center -189px repeat-x; font:28px "Amiri", cursive; text-transform:uppercase; text-decoration:none;  color:blue; }
#menuMain ul li a:hover { color:#1E90FF; }
#menuMain ul li a.active { background-position:center -126px; color:#191970; }
#menuMain ul li a span { display:block; height:63px; background:url(/img/1bt-menuMain.webp) left -189px no-repeat; }
#menuMain ul li a span span { height:39px; padding:24px 20px 0; }
#menuMain ul li a.active span { background-position:left 0px; }
#menuMain ul li a.active span span { background-position:right -63px; }

#header { height:271px; background:url(/img/header.webp) center bottom repeat-x; }
#header .inner { position:relative; height:271px; }
#header img.main { position:absolute; left:50%; top:10px; margin-left:-219px; }
#header .left { padding-top:70px; }
#header a.logo { padding-left:41px; background:url(/img/logo.webp) left center no-repeat; font:100px "Amiri", cursive; text-transform:uppercase; text-decoration:none; color:#2F4F4F; }
#header .right { padding-top:20px; text-align:center; }
#header .right p.title { font:20px Amiri; text-transform:uppercase; color:#4682B4; }
#header .right p { font-size:14px; color:#508536; }
#header .right img { padding-bottom:9px; }

#wrapper { padding:10px 0 50px; }
#content { padding:20px; background-color:#FFFFF0; }

#footer { padding-top:60px; background:url(/img/footer.webp) top repeat-x; text-align:center; }
#footer p { font-size:14px; color:#0000CD; }
#content {font-size:20px; font-family: Amiri;}
@media screen and (max-width: 1000px) {
	
	#menuMain { height:auto; min-height:74px; }
	#menuMain a.menu { display:block; margin-top:8px; }
	#menuMain ul { display:none; margin-bottom:20px; }
	#menuMain ul li { display:block; border-bottom:1px solid blue; }
	#menuMain ul li a { display:block; height:auto; padding:0; background:none; background-color:#B0C4DE; }
	#menuMain ul li a span { height:auto; background:none; }
	#menuMain ul li a span span { height:auto; padding:10px 0; }
	#menuMain ul li a.active { background-color:#87CEFA; }
	
	#header { height:auto; }
	#header .inner { height:auto; padding-bottom:8px; }
	#header img.main { display:block; position:static; margin:0 auto; }
	#header .left { float:none; padding:10px 0; text-align: left; }
	#header .right { float:none; padding:0 0 20px; }
	#footer p { font-size:18px;}
  
}

@media screen and (max-width: 440px) {
	
	#container { overflow:hidden; }
	
	#header .inner { padding-bottom:0px; }
	#header img.main { position:relative; left:50%; margin-left:-219px; }
	
}