html,body,div,input,select,textarea,object,iframe,hr,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,var,strong,sub,sup,var,b,i,dl,dt,dd,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,caption,section,summary,time,mark,audio,video,button,a,ul,ol{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:inherit;font-style:inherit;}
html,svg:not(:root){overflow:hidden;}
html{font-family:sans-serif;text-rendering:optimizelegibility;overflow-y:scroll;}
article,aside,figure,footer,header,nav,section,details,summary{display:block;}
*,::after,::before{box-sizing:border-box;}
hr{display:block;height:1px;border:0;border-top:1px dotted #ccc;margin:1em 0;}
.clearfix{zoom:1;}
.clearfix::before,.clearfix::after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix::after{clear:both;}
img,object,embed{max-width:100%;}
blockquote,q{quotes:none;}
blockquote::before,blockquote::after,q::before,q::after{content:'';}
del{text-decoration:line-through;}
td,td img{font-weight:normal;vertical-align:top;}
pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;overflow:auto;}
input[type="radio"]{vertical-align:text-bottom;}
th,input[type="checkbox"]{vertical-align:bottom;}
input,select{vertical-align:middle;}
table{font-size:inherit;border-collapse:collapse;border-spacing:0;}
small{font-size:85%;}
sub,sup{line-height:0;position:relative;font-size:smaller;}
sup{top:0;vertical-align:super;}
sub{bottom:0;vertical-align:sub;}
pre,code,kbd,samp{font-family:monospace,sans-serif;}
button,input[type=button]{width:auto;overflow:visible;}
a{text-decoration:none;color:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;}
a,a:hover,.label label,.submit input:not([disabled]),button:not([disabled]),.checkbox input:not([disabled]),.radio input:not([disabled]),select option:not([disabled]),select:not([disabled]),label,input[type=button]:not([disabled]),input[type=radio]:not([disabled]),input[type=submit]:not([disabled]),input[type=file]:not([disabled]){cursor:pointer;}
input[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0;margin:0;}
.hidden,[hidden],audio{display:none;}
audio[controls],canvas,progress,video{display:inline-block;}
ins{text-decoration:none;background-color:#ff9;color:#000;}
mark{font-style:italic;font-weight:bold;background:#FF0;color:#000;}
abbr,acronym{border:0;font-variant:normal;}
abbr[title],dfn[title]{border-bottom:1px dotted #ccc;cursor:help;text-decoration:none;}
em,em span{font-style:italic;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
textarea{font-family:inherit;font-size:inherit;resize:none;resize:vertical;}
dfn{font-style:italic;}

@media print{
  *,*::before,*::after,*:first-letter,*:first-line{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
  a,a:visited{text-decoration:underline;}
  a[href]::after{content:" (" attr(href) ")";}
  abbr[title]::after{content:" (" attr(title) ")";}
  a[href^="#"]::after,a[href^="javascript:"]::after{content:"";}
  pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
  thead{display:table-header-group;}
  tr,img{page-break-inside:avoid;}
  img{max-width:100% !important;}
  p,h2,h3{orphans:3;widows:3;}
  h2,h3{page-break-after:avoid;}
}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input:not([type=checkbox]):not([type=radio]) {-webkit-appearance: none; -webkit-border-radius: 0;}
[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.66s 0.66s ease;opacity: 0.33;}
[placeholder]:focus::-moz-placeholder {transition: opacity 0.66s 0.66s ease;opacity: 0.33;}
[placeholder]:focus::-ms-input-placeholder {transition: opacity 0.66s 0.66s ease;opacity: 0.33;}
[placeholder]:focus::placeholder {transition: opacity 0.66s 0.66s ease;opacity: 0.33;}

select:required, textarea:required, input:required, select:invalid, textarea:invalid, input:invalid {border:0;outline:none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}

body{font-family:Verdana,sans-serif;background:#fff;color:#000;font-size:13px}
body, html{height:100%;margin-bottom:1px}

#main{margin-left:auto;margin-right:auto}

@media (min-width: 1024px) {
	#main{width:996px;}
	#left{width:219px;float:left;padding-bottom:4px;margin-top: 1px;}
	#head{width:750px;float:right;}
	#content {width:749px;float:right;padding:2px 2px 22px 0;}
	.galeria .gg{width:260px;height:340px}
	#content div.c,#content div.cb{width:580px;}
	#ff span, #ff li {float: left;}
	#ff ul {float: right;}
}

@media (max-width: 639px) {

	ul.m li a {width: 100%;}
	ul.m li {width: 50vw;float: left;}
	ul.m li.s {display: none;}
	ul.m li.t {width: 100vw;}
	#menu ul {width: 100vw;background: #fff;}
	
	#content { margin: 16px; }
	#content div.l {text-align: center;}
	#top a, #top a:hover {background: transparent url(oknoroll-top-rwd.gif) 0 11px no-repeat;}
	#top { height: 58px;top: 0; background: #fff;}
	ul.m li a, #head ul li a, ul.m li.t a, ul.m li.t a:hover {  padding-top: 6px; padding-bottom: 10px; }

	#menu::after {border-bottom: 4px solid #c0e0a8; height: 48px;}
}

@media (min-width: 640px) {
	#content div.l {text-align: right;}
	#top a, #top a:hover {background: transparent url(oknoroll-top.gif) 0 0 no-repeat;}
	#top {background-image:url('t.gif');top: 0;height: 63px;}
	#menu::after {height: 42px;}
	ul.m li, ul.m li.t,ul.m li.t a,ul.m li.t a:hover,#head ul li{width:201px;}
	ul.m li a,#head ul li a{width:191px;}
}

@media (min-width: 640px) and (max-width: 1023px) {
	#content {margin-left: 58px;}
	.galeria .gg{width:100%;height:100%;}
}

@media (max-width: 1023px) {
	#menu {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 58px;
	    height: 58px;
	    background: #fff;
	    z-index: 99;
	}
	#ff li, #ff ul, #ff span {clear: both;display: block;}
	#ff li a {padding: 8px 16px; display: block;}

	#menu ul {display: none; position: absolute;top:59px;left:0;}
	#menu ul::after {content: ''; display: block; top: 0; left: 0; width: 100vh; height: 100vh; background: rgba(0,0,0,0.4); position: absolute; z-index: -1;} 
	#menu:hover ul {display: block;}

	#content > .r {padding-top: 16px;}

	#menu::after {
	    position: absolute;
	    top: 10px;
	    left: 16px;
	    width: 42px;
	    color: #72706F;
	    content: '\2261';
	    display: block;
	    font-size: 33px;
	    background: #fff;
	}

	#top {margin-left: 58px;position: fixed;width: 100%;left: 0;z-index: 1;}
	#grp {margin-top: 76px;}

}

#top {border-bottom:4px solid #c0e0a8;margin-bottom:5px;background-repeat:repeat-x;}
#top div.r{float:right;width:19px}
#top div.t{padding-top:13px;text-align:center;width:210px}

article {margin-top: 24px;}

#top a, #top a:hover {width: 100%;height: 100%;text-indent: -99999px; display: block;}

#content div.r{font-size:14px;margin-bottom:20px; line-height: 20px;}
#content div.ct,#content div.ct a,#content div.ct a:hover{width:100%;cursor:default;text-decoration:none;color:#000;font-weight:bold;padding-bottom:10px}
#content div.c,#content div.cb{text-align:justify;float:left;font-size: 13px; line-height: 20px;}

#foot{width:auto;border-top:4px solid #c0e0a8;border-bottom:4px solid #c0e0a8;background:#e0f0c0;text-align:center;clear:both;padding-top:3px; padding-bottom: 6px;}
#foot ul {display: inline-block;text-align: center;}
a.m, #foot li {float: left;}
#foot li:not(:first-child) {border-left:2px solid #c0e0a8}
#foot a{ font-size:13px;color:#445788;padding:0 10px 0 10px; text-transform: uppercase;}
#foot a.l{border:0}

ul.m li,#head ul li{background:#f1f690;font-size:13px;font-weight:bold;list-style:none;padding:0;line-height:26px}
ul.m li.t,ul.m li.t a,ul.m li.t a:hover,#head ul li{padding:0;background:#f1f690;color:#000;margin:0;border-left:0;letter-spacing:1px}
ul.m li.t a,ul.m li.t a:hover{padding-left:18px}
ul.m li.s,#head ul li.s{height:4px;font-size:1px;background:#c0e0a8}

#head::after, #head::before {height:5px;background:#c0e0a8;display: block;content: '';border-top:1px solid #fff;border-bottom:1px solid #fff;}
#head h1, #head span {color:#445788;display: block; text-decoration: none; width: 100%; border-left: 1px solid #fff; background: #e6f2e5; padding-left: 8px; text-transform: uppercase;letter-spacing: 1px; font-weight: bold; line-height: 26px; position: relative; padding-left: 16px;}
#head h1::before, #head span::before {    content: ''; display: block; width: 10px; height: 100%; background: #f1f690; left: -1px; top: 0; position: absolute; border-right: 1px solid #fff;}

ul.m li,#head ul li{border-bottom:1px solid #fff;background:#e0f0c0}
ul.m li a,#head ul li a{color:#445788;display:block;text-decoration:none;border-left:1px solid #fff;background:#e6f2e5;margin-left:10px;padding-left:8px;padding-bottom:1px}
ul.m li a:hover{background:#e0f0c0;text-decoration:none}
ul.m li.w{background:#fff}
ul.m li a.z{background:#e0f0c0}
ul.m li a.w{background:#e0f0c0}

#head ul li a {width:auto;padding-bottom:0}
#head ul li{width:auto;background:#f1f690}

div.p{text-align:right;width:100px;float:right}

div.p a{width:90px;height:94px;display:block;padding:1px;float:left}
div.p a img{border-radius: 3px;}

#content div.cb a, #content div.cb a:hover {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	display: block;
	width: 90px;
	padding-top: 100px; 
}

#content div.cb a:hover {
	color: #445788;
}

a.m img,div.p a img{width:90px;height:90px}

div.p a,#content div.cb a{margin:20px 24px;}

#content div.cb a {margin-bottom: 64px;}

img.d{width:130px;height:170px;padding:1px}
img.t1,img.t2,img.t3{width:90px;height:58px}
img.t2{width:379px}
img.t3{width:72px}

br{clear:both}

input,textarea,select{font-size:11px;color:#000;background:#dbedfc;border:1px solid #000;margin:5px}
input.ips{font-weight:bold;border: 1px solid #dedede; padding: 8px 15px; width: auto !important; border-radius: 4px; background: #dedede;}

strong {font-weight: bold;}

#content div.cb{width:100%;}

ul.ms li{background:#fff;font-size:11px;font-weight:normal;width:auto;list-style:none;padding-left:10px;line-height:14px}
ul.ms li.s{padding:0;font-weight:bold}

div.cmp{float:left;width:150px;padding-right:15px}

.galeria .gg:first-child {margin-top: 8px;}
.galeria .gg {margin-bottom: 16px;}

#ff {clear:both;font-size:11px;padding:12px 16px 40px;line-height:13px; margin-bottom: 20px;text-align: center;border-top:3px solid #c0e0a8;}
#ff a{color:#000;}
#ff a:hover{color:#818181;}

.facebook {margin: 15px 0 15px 0;}


/* text */
.text {font-size: 14px; line-height: 24px;}
.text .description {font-size: 18px; line-height: 29px;}
.text p, .text ul, .text ol { margin:2px 0 10px 0;}
.text img {margin-top: 20px;}
.text sup,.text sub { line-height:5px;font-size:10px;}
.text i,.text em {font-style:italic;}
.text h1 {font-size: 23px; line-height: 33px; margin-bottom: 19px; font-weight: 600;text-align: left;}
.text h2 {font-size: 17px; line-height: 33px; margin-top: 19px; font-weight: 600;}
.text small { line-height:19px; font-size:11px; }
.text big { line-height:19px; font-size:17px;}
.text em {font-style:italic;}
.text blockquote { margin: 30px 0; text-indent:20px; font-style:italic; outline: none;}
.text table {margin-bottom: 20px;}
.text ul li { clear:both; list-style-type: disc; list-style-position: inside; margin-top: 16px; }
.text ul li li { padding-left:16px;}
.text ul ul, .txt ol ol { margin-top:0; margin-bottom:0; padding:0; }
.text ol { list-style-type:decimal; list-style-position:inside;}
.text ol li { margin-top: 5px;}
.text ol li li { padding-left:18px;}
.text .buttons li {list-style: none; float: left; margin-right: 13px; clear: none;}

.table {margin: 16px; width: 80%; text-align: center; }
.table tr:first-child td {font-weight: bold;}
.table td {padding: 4px 8px; border: 1px solid #e5e5e5;}


.text .cb ul  {text-align: center;flex-direction: row;display: flex;flex-wrap: wrap; } 
.text .cb ul li {clear: none; list-style-type: none;}
.text .cb ul li a {color: #445788;}
.text .cb img {margin: 0;}