/*CSS*/

@font-face {
    font-family:LiberationSans;
    src: url(LiberationSans-Regular.ttf);
}
@font-face {
    font-family:LiberationSansBold;
    src: url(LiberationSans-Bold.ttf);
}

/*---------------------------------------------HTML-BODY...*/

html {
	width:100%;
	margin:0;
	padding:0;
	background-color:#f5f4f2;
}
body {
	min-height:100%;
	position:relative;
	margin:0;
	padding:0;
	border:none;
	text-align:left;
	font-family: 'LiberationSans', sans-serif;
	font-size:14px;
	color:#171615;
}
a, #almenu li, .intcsop .pict, .thumb img, .csop div {
	text-decoration:none;
	-webkit-transition:ease-in-out all;
	-webkit-transition-duration:.1s;
	-moz-transition:ease-in-out all;
	-moz-transition-duration:.1s;
	-o-transition:ease-in-out all;
	-o-transition-duration:.1s;
	transition:ease-in-out all;
	transition-duration:.1s;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}
.bal {
	float:left;
}
.jobb {
	float:right;
}
header {
	background-color:#FFF;
	position:relative;
	padding:10px 0;
}
header ul, footer ul, nav#fomenu ul, nav.cimkek ul {
	margin:0 auto;
	padding:0;
	display:table;
	max-width:1280px;
	width:100%;
}
header ul {
	max-width:1260px;
	width:100%;
}
header li, footer li {
	display:table-cell;
}
.logo li {
	vertical-align:middle;
}
.logo h2 {
	margin:0;
	font-size:23px;
	color:#4d4c4b;
	font-weight:700;
}
.logo h3 {
	margin:0;
	font-size:20px;
	color:#f41522;
	font-weight:400;
}
.logo h4 {
	margin:0;
	font-size:14px;
	color:#9d0f16;
	font-weight:400;
}
.csop {
	text-align:right;
	font-size:12px;
	color:#bbbab9;
	display:table-cell;
	vertical-align:middle;
}
.csop a {
	font-size:22px;
	letter-spacing:-1px;
	color:#FFF;
	width:50px;
	height:50px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	border-radius:50%;
	border-collapse:separate;
	border-spacing:5px 5px;
}
.csop span {
	margin:0 0 0 5px;
	vertical-align:middle;
	display:inline-block;
	position:relative;
}
.csop div {
	display:none;
	position:absolute;
	font-size:13px;
	padding:6px;
	bottom:-30px;
	right:0;
	white-space:nowrap;
	z-index:100;
	border-radius:6px;
	-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,.4);
	-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,.4);
	box-shadow:0px 0px 3px 0px rgba(0,0,0,.4);
	letter-spacing:normal;
}
.csop span:hover div {
	display:block;
}
.vmk, .vmk .text .csop, aside article.box.vmk .text, aside article.box.terkep .text, aside article.box.terkep .csop, .intcsop.vmk .pict, .intezmenyek article.box.vmk .text, .csop .vmk div {
	background-color:#07539b;
}
.art, .art .text .csop, aside article.box.art .text, .intezmenyek article.box.art .text, aside article.box.terkep.art .csop, .csop .art div {
	background-color:#e37206;
}
.vhk, .vhk .text .csop, aside article.box.vhk .text, .intezmenyek article.box.vhk .text, aside article.box.terkep.vhk .csop, .csop .vhk div {
	background-color:#b48e64;
}
.amk, .amk .text .csop, aside article.box.amk .text, .intezmenyek article.box.amk .text, aside article.box.terkep.amk .csop, .csop .amk div {
	background-color:#30762f;
}
.ah, .ah .text .csop, aside article.box.ah .text, .intezmenyek article.box.ah .text, aside article.box.terkep.ah .csop, .csop .ah div {
	background-color:#57ba9e;
}
.csb, .csb .text .csop, aside article.box.csb .text, .intezmenyek article.box.csb .text, aside article.box.terkep.csb .csop, .csop .csb div {
	background-color:#bd2d88;
}
.csi, .csi .text .csop, aside article.box.csi .text, .intezmenyek article.box.csi .text, aside article.box.terkep.csi .csop, .csop .csi div {
	background-color:#cc1114;
}
.kh, .kh .text .csop, aside article.box.kh .text, .intezmenyek article.box.kh .text, aside article.box.terkep.kh .csop, .csop .kh div {
	background-color:#894b33;
}
.bkh, .bkh .text .csop, aside article.box.bkh .text, .intezmenyek article.box.bkh .text, aside article.box.terkep.bkh .csop, .csop .bkh div {
	background-color:#579b20;
}

.ksz {
    background-color: #6d0b20;
}


.aktual .honap {
	font-size:36px;
	font-weight:700;
	color:#4d4c4b;
	text-transform:uppercase;
}
#line {
	display:table;
	width:100%;
	font-size:12px;
	color:#81807f;
}
#line .line {
	max-width:960px;
	width:70%;
	height:44px;
	background-size:100%;
}
#line .elozo, #line .line, #line .kovetkezo {
	display:table-cell;
	vertical-align:middle;
}
#line .elozo {
	text-align:left;
	width:15%;
}
#line .elozo img {
	float:left;
	margin:0 10px 0 0;
}
#line .kovetkezo {
	text-align:right;
	width:15%;
}
#line .kovetkezo img {
	float:right;
	margin:0 0 0 10px;
}
#line strong {
	text-transform:uppercase;
	font-size:14px;
	display:block;
}
#line img {
	display:inline-block;
	text-align:left;
}
.line ul {
	margin:0;
	padding:0;
	font-size:14px;
}
.line li {
	display:inline-block;
}
.line li.current {
	background-color:#ec3c3b;
	border-radius:50%;
	padding:6px;
	color:#FFF;
	font-weight:700;
	width:16px;
	height:16px;
}
.line li a {
	color:#81807f;
}
.line li a:hover {
	color:#000;
}
nav#fomenu {
	text-transform:uppercase;
	background: #4d4c4b;
	background: -moz-linear-gradient(top, #4d4c4b 0%, #171615 100%);
	background: -webkit-linear-gradient(top, #4d4c4b 0%,#171615 100%);
	background: linear-gradient(to bottom, #4d4c4b 0%,#171615 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4c4b', endColorstr='#171615',GradientType=0 );
	text-shadow:1px 1px 0px rgba(0, 0, 0, .67);
}
nav#fomenu li {
	display:table-cell;
	text-align:center;
	height:50px;
	vertical-align:middle;
}
nav#fomenu .current {
	font-family: 'LiberationSansBold', sans-serif;
	font-weight:bold;
}
nav#fomenu .current a {
	color:#f74342;
}
nav#fomenu a {
	color:#d9d8d7;
}
nav#fomenu a:hover {
	color:#f74342;
}
nav.cimkek {
	font-size:15px;
	color:#81807f;
}
nav.cimkek li {
	display:table-cell;
	text-align:center;
	height:50px;
	vertical-align:middle;
}
nav.cimkek a {
	color:#81807f;
}
nav.cimkek a:hover {
	color:#333;
}
main {
	max-width:1280px;
	width:100%;
	margin:10px auto 24px;
}
main section {
	text-align:center;
}
article.box {
	background-color:#FFF;
	width:300px;
	margin:8px;
	display:inline-block;
	-webkit-box-shadow:0px 0px 9px 0px rgba(0,0,0,.1);
	-moz-box-shadow:0px 0px 9px 0px rgba(0,0,0,.1);
	box-shadow:0px 0px 9px 0px rgba(0,0,0,.1);
	vertical-align:top;
	text-align:left;
	overflow:hidden;
}
#right article.box {
	margin:0 0 16px 0;
}
article.box:hover {
	-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,.1);
	-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,.1);
	box-shadow:0px 0px 2px 0px rgba(0,0,0,.1);
}
article.kiem {
	width:620px;
	height:626px;
	float:left;
	margin:0 10px 20px 10px;
}
article.box .pict {
	width:300px;
	height:150px;
	overflow:hidden;
	border-bottom:solid 1px;
}
article.box.terkep .pict {
	height:300px;
}
article.box.kiem .pict {
	width:620px;
	height:450px;
	position:relative;
	overflow:hidden;
}
article.box.vmk .pict {
	border-color:#07539b;
}
article.box.vmk .text h4, article.box.vmk .cimke, .c844 #left h1, .c844 .cikklink, .c844 a, .c857 #left h1, .c857 .cikklink, .c857 a {
	color:#07539b;
}	
article.box.art .pict {
	border-color:#e37206;
}
article.box.art .text h4, article.box.art .cimke, .c846 #left h1, .c846 .cikklink, .c846 a {
	color:#e37206;
}	
article.box.vhk .pict {
	border-color:#b48e64;
}
article.box.vhk .text h4, article.box.vhk .cimke, .c845 #left h1, .c845 .cikklink, .c845 a {
	color:#b48e64;
}	
article.box.amk .pict {
	border-color:#30762f;
}
article.box.amk .text h4, article.box.amk .cimke, .c848 #left h1, .c848 .cikklink, .c848 a {
	color:#30762f;
}	
article.box.ah .pict {
	border-color:#57ba9e;
}
article.box.ah .text h4, article.box.ah .cimke, .c849 #left h1, .c849 .cikklink, .c849 a {
	color:#57ba9e;
}	
article.box.csb .pict {
	border-color:#bd2d88;
}
article.box.csb .text h4, article.box.csb .cimke, .c850 #left h1, .c850 .cikklink, .c850 a {
	color:#bd2d88;
}	
article.box.csi .pict {
	border-color:#cc1114;
}
article.box.csi .text h4, article.box.csi .cimke, .c852 #left h1, .c852 .cikklink, .c852 a {
	color:#cc1114;
}	
article.box.kh .pict {
	border-color:#894b33;
}
article.box.kh .text h4, article.box.kh .cimke, .c847 #left h1, .c847 .cikklink, .c847 a {
	color:#894b33;
}	
article.box.bkh .pict {
	border-color:#579b20;
}
article.box.bkh .text h4, article.box.bkh .cimke, .c913 #left h1, .c913 .cikklink, .c913 a {
	color:#579b20;
}	
article.box .pict img {
	width:auto;
	min-width:100%;
	min-height:100%;
	height:auto;
	max-width:100%;
}
article.box.kiem .pict img {
	position:absolute;
	width:100%;
}
article.box .text {
	padding:8px;
	height:136px;
	position:relative;
}
article.box .text h4 {
	margin:0;
	font-size:24px;
	line-height:22px;
}
article.box.kiem .text h4 {
	font-size:36px;
	line-height:38px;
}
.text .alk, .text .ido {
	display:inline-block;
	width:50%;
	margin:0 -1px 8px -1px;
	color:#a1a09f;
	font-size:12px;
	text-transform:uppercase;
}
.text .ido {
	text-align:right;
}
.ido span.full:before, .date .date3.full:before {
	content: " - ";
	position:relative;
}
.date .date2.full:before {
	content: " - ";
	position:relative;
	padding:0 14px;
}
.text .csop {
	position:absolute;
	top:-32px;
	left:calc(50% - 32px);
	width:64px;
	height:48px;
	padding:16px 0 0 0;
	border-radius:50%;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	font-size:26px;
	text-transform:uppercase;
}
.text .csop:first-letter {
}
article.box .lead, #left article.box .lead {
	color:#000;
	font-size:14px;
	margin:4px 0 4px 0;
	line-height:16px;
}
article.box.kiem .lead {
	font-size:16px;
	max-height:22px;
	overflow:hidden;
	margin:10px 0 4px 0;
}
article.box .cimke:before, nav.cimkek li:before {
	content: "@";
	position:relative;
}
aside {
	float:right;
	width:300px;
	margin:0 10px 30px 0;
}
aside h3, #right h3, #left.rovatoldal h1 {
	text-transform:uppercase;
	font-size:21px;
	font-weight:400;
	color:#a3a2a1;
	text-align:center;
}
aside article.box {
	margin:0;
	text-align:center;
	color:#FFF;
}
aside article.box .text {
}	
aside article.box.vmk .text h4, aside article.box.art .text h4, aside article.box.vhk .text h4, aside article.box.amk .text h4, aside article.box.ah .text h4, aside article.box.csb .text h4, aside article.box.csi .text h4, aside article.box.kh .text h4, aside article.box.bkh .text h4 {
	color:#fff;
	text-transform:uppercase;
	font-weight:400;
	padding:32px 0 0 0;
}	
aside article.box .text .lead {
	font-size:18px;
	color:#FFF;
}	
aside article.box .text .menu {
	font-size:14px;
	font-weight:700;
	padding:4px 0 0 0;
}	
aside article.box .text .menu:after {
	content: '\00BB';
	position:relative;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
	display:block;
	font-size:36px;
	margin:-4px 0 0 4px;
}	
.almenu .current {
	background-color:#fbfbfb;
}
.almenu a {
	padding:16px 10px;
}
#almenu-vmk, #almenu-art, #almenu-vhk, #almenu-amk, #almenu-ah, #almenu-csb, #almenu-csi, #almenu-kh, #almenu-bkh {
	position:relative;
}
#almenu-vmk ul, #almenu-art ul, #almenu-vhk ul, #almenu-amk ul, #almenu-ah ul, #almenu-csb ul, #almenu-csi ul, #almenu-kh ul, #almenu-bkh ul {
	margin:0;
	padding:0;
}
#almenu-vmk li, #almenu-art li, #almenu-vhk li, #almenu-amk li, #almenu-ah li, #almenu-csb li, #almenu-csi li, #almenu-kh li, #almenu-bkh li {
	display:block;
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	color:#4d4c4b;
	border-bottom:solid 1px #d1d0cf;
}
#almenu-vmk li:hover, #almenu-art li:hover, #almenu-vhk li:hover, #almenu-amk li:hover, #almenu-ah li:hover, #almenu-csb li:hover, #almenu-csi li:hover, #almenu-kh li:hover, #almenu-bkh li:hover {
	background-color:#d1d0cf;
}
#almenu-vmk li:last-of-type, #almenu-art li:last-of-type, #almenu-vhk li:last-of-type, #almenu-amk li:last-of-type, #almenu-ah li:last-of-type, #almenu-csb li:last-of-type, #almenu-csi li:last-of-type, #almenu-kh li:last-of-type, #almenu-bkh li:last-of-type {
	border-bottom:none;
}
#almenu-vmk a, #almenu-art a, #almenu-vhk a, #almenu-amk a, #almenu-ah a, #almenu-csb a, #almenu-csi a, #almenu-kh a, #almenu-bkh a {
	color:#4d4c4b;
	display:block;
}
#navi {
	font-size:14px;
	color:#81807f;
	height:50px;
	vertical-align:middle;
	display:table-cell;
}
#navi:before {
	content: " ";
	display:inline-block;
	width:37px;
	height:37px;
	margin:0 5px 0 0;
	background:url(art/navi.png) no-repeat;
	position:relative;
	vertical-align:middle;
}
#navi span {
	text-transform:uppercase;
	font-weight:700;
}
#navi a {
	color:#81807f;
}
#main {
	width:970px;
	float:left;
	text-align:left;
}
aside article.box .text {
	height:inherit;
	padding:20px 8px 8px 8px;
}
aside article.box.terkep .csop img {
	vertical-align:middle;
	padding:8px 0 0 0;
}
.intcsop {
	display:table;
	width:100%;
	margin:0 0 6px 0;
}
.intcsop a {
	display:block;
}
.intcsop:hover .pict {
	-webkit-box-shadow:0px 0px 2px 0px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 2px 0px rgba(0,0,0,.3);
	box-shadow:0px 0px 2px 0px rgba(0,0,0,.3);
}
.intcsop .pict {
	display:table-cell;
}
.intcsop .text {
	display:table-cell;
	border-bottom:solid 1px #d1d0cf;
	vertical-align:middle;
	color:#4d4c4b;
	position:relative;
	border-left:solid 10px rgba(245, 244, 243, 1);
	width:225px;
}
.intcsop .text .cim {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
}
.intcsop .text .alcim {
	font-size:16px;
}
.intcsop .pict {
	width:64px;
	height:64px;
	border-radius:50%;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	font-size:28px;
	letter-spacing:-1px;
	line-height:-moz-block-height;
}
.intcsop .pict:first-letter {
	font-weight:700;
	text-transform:uppercase;
}
.intezmenyek article.box .pict {
	border-bottom:solid 1px #FFFFFF;
}
.intezmenyek article.box .text {
	text-align:center;
	color:#FFF;
	padding:8px 6px;
}
.intezmenyek article.box .text h4 {
	color:#FFF;
	margin:24px 0 0 0;
	text-transform:uppercase;
}
.intezmenyek article.box .text .lead {
	color:#FFF;
	font-size:18px;
}
.intezmenyek article.box .text .menu {
	margin:12px 0 0 0;
}	
.intezmenyek article.box .text .menu:after {
	content: '\00BB';
	position:relative;
	display:block;
	font-size:36px;
	margin:-10px 0 0 4px;
}	
#left {
	width:630px;
	float:left;
	margin:0 0 10px 10px;
}	
#left.rovatoldal {
	width:640px;
}	
#left.cikk {
	padding:0 10px 0 0;
}	
#left h1 {
	font-size:36px;
	color:#db252d;
	margin:10px 0 20px 0;
}	
#main h1 {
	font-size:36px;
	color:#a3a2a1;
	margin:8px 0 9px 10px;
}	
#left.rovatoldal h1 {
	margin:17px 0;
}	
#left .date, #left .cimkek {
	color:#81807f;
}	
#left .cimkek {
	margin:6px 0 0 0;
}	
#left .lead {
	font-size:16px;
	font-weight:700;
	margin:0 0 20px 0;
}	
.text img {
	max-width:100%;
	height:auto !important;
}	
.rovatbox {
	border-top:dotted 4px #c3c2c1;
	padding:0 0 30px 0;
}	
.rovatbox:last-of-type {
	border-bottom:dotted 4px #c3c2c1;
}	
.rovatbox a {
	display:block;
}	
.rovatbox h2 {
	font-size:18px;
	color:#db252d;
	text-transform:uppercase;
}	
.rovatbox:hover {
	background-color:rgba(0, 0, 0, .06);
}	
#left .rovatbox .lead {
	font-size:14px;
	font-weight:400;
	color:#171615;
	margin:0 10px;
}	
.rovatbox .bov  {
	color:#db252d;
	font-size:12px;
	margin:4px 10px 0 10px;
}	
.mozi .rovatbox {
	padding:10px 0;
	position:relative;
}	
.rovatbox .pict  {
	display:inline-block;
	width:200px;
	float:left;
	padding:0 10px 0;
}	
.rovatbox .korhatar {
	text-align:right;
	position:absolute;
	right:5px;
	top:5px;
}	
.rovatbox .korhatar img {
	width:auto;
	height:46px;
}	
.rovatbox .pict img {
	width:100%;
	height:auto;
}	
#right {
	width:300px;
	float:right;
	margin:0 20px 0 0;
}	
footer {
	background-color:#171614;
	color:#a3a3a1;
}
footer a {
	color:#a3a3a1;
}
footer h3 {
	text-transform:uppercase;
	color:#f94340;
}
footer ul {
	padding:10px 0;
}
footer ul li {
	width:33.3%;
}
footer ul ul {
	margin:inherit;
	display:inherit;
	max-width:inherit;
	width:100%;
	padding:0;
}
footer ul ul li {
	display:block;
	width:100%;
}
.vissza {
	text-align:center;
	vertical-align:middle;
	text-transform:uppercase;
}
.vissza span {
	font-size:40px;
	font-weight:700;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
	display:table;
	color:#4d4c4a;
	text-shadow:-1px 1px 0px rgba(104, 104, 102, 1);
	background-color:#000;
	border-radius:50%;
	text-align:center;
	padding:12px;
	margin:5px auto;
	width:20px;
	height:20px;
	line-height:12px;
	-webkit-box-shadow:1px -1px 1px 0px rgba(255,255,255,.3), inset 2px -2px 2px 0px rgba(0,0,0,1);
	-moz-box-shadow: 1px -1px 1px 0px rgba(255,255,255,.3), inset 2px -2px 2px 0px rgba(0,0,0,1);
	box-shadow: 1px -1px 1px 0px rgba(255,255,255,.3), inset 2px -2px 2px 0px rgba(0,0,0,1);
}
.vissza span a {
	color:#4d4c4a;
}
.copy {
	text-align:right;
}
.cikklink img {
	vertical-align:middle;
}
.search_button {
}
.search_button:hover {
	cursor:pointer;
}
.search {
	display:none;
	position:absolute;
	width:30%;
	left:calc(50% - 15%);
	-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.6);
	-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.6);
	box-shadow:0px 0px 4px 0px rgba(0,0,0,.6);
}
.search form {
	background-color:#fff;
	padding:12px;
	white-space:nowrap;
}
.search .field {
	width:99%;
	padding:4px;
	background-color:#eee;
	border:solid 1px #aaa;
}
.thumb {
	margin:3px;
}
.thumb:hover img {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.6);
	-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.6);
	box-shadow:0px 0px 4px 0px rgba(0,0,0,.6);
	z-index:100;
	border:solid 3px #fff;
	margin:-4px 0 0 -4px;
}
.fb-share-button, #shareme, #shareme .button {
	display:inline-block;
	margin:0 10px 8px 0;
}
.rovat {
	text-align:center;
}
.rovat.keres {
	text-align:left;
}
#doksoft_maps2 {
	max-width:100%;
}
.dateFilter {
	margin:20px 10px;
	padding:8px;
	background-color:#f41522;
}
.dateFilter input {
	vertical-align:middle;
	padding:6px 4px;
}
.dateFilter img {
	vertical-align:middle;
}
.dateFilter .hasDatepicker:before {
	content:"";
	position:relative;
	width:32px;
	height:32px;
	background:url(art/calendar.png) no-repeat;
}
.dateFilter input[type=submit] {
	background:url(art/search_button.png) no-repeat;
	width:37px;
	height:37px;
	border:none;
}
.dateFilter .button:before {
	content: "KERESÉS";
	position:relative;
	width:80px;
	height:20px;
}
.dateFilter input[type=submit]:hover {
	cursor:pointer;
}
.dateFilter span {
	color:#FFF;
	padding:0 20px 0 0;
	font-size:16px;
}
#belso {
	padding:0 0 20px;
}
#swipebox-overlay {
	background-color:rgba(13,13,13,.8) !important;
}

@media screen and (max-width: 1296px) {
#main {
	width:940px;
}
#left {
	margin:0 0 0 4px;
}
#left.cikk {
	padding:0 4px 0 0;
}
#right {
	margin:inherit;
}
}
@media screen and (max-width: 1280px) {
#fomenu {
	white-space:nowrap;
	overflow-x:auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#fomenu li {
	padding:0 10px;
}
#fomenu::-webkit-scrollbar {
    -webkit-appearance: none;
}
#fomenu::-webkit-scrollbar:vertical {
    width:12px;
}
#fomenu::-webkit-scrollbar:horizontal {
    height:12px;
}
#fomenu::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius:8px;
}
#fomenu::-webkit-scrollbar-track {
    border-radius:8px;  
    background-color: rgba(255, 255, 255, .5);
}
#navi {
	height:inherit;
	width:99%;
	padding:0 0 0 1%;
	text-align:left;
	min-height:50px;
	display:block;
}
footer ul {
	padding:0 1%;
	width:98%;
}
}
@media screen and (max-width: 1279px) {
nav.cimkek li {
	display:inline-block;
	height:inherit;
	margin:4px;
}
#right {
	float:none;
	display:block;
	text-align:center;
	width:100%;
}
}
@media screen and (max-width: 1272px) {
aside {
	float:right;
	display:block;
}
#main {
	width:calc(100% - 330px);
	margin:0;
}
#left {
	width:99%;
	margin:0 0 0 1%;
	float:none;
}
#right article.box {
	margin:0 10px 20px 10px;
}
}
@media screen and (max-width: 1040px) {
.logo, .csop {
	display:block;
	text-align:center;
}
.search {
	left:inherit;
	right:10px;
	bottom:20px;
	width:300px;
}
}
@media screen and (max-width: 767px) {
.csop {
	position:relative;
}
.csop span {
	position:static;
}
.csop div {
	left:25%;
	width:50%;
}
#main {
	width:100%;
}
aside {
	float:none;
	margin:50px auto 30px auto;
}
#left {
	width:98%;
	margin:0 1%;
}
#right {
	display:none;
}
}
@media screen and (max-width: 599px) {
.csop span:first-of-type {
	display:none;
}
.csop div {
	left:0;
	width:calc(100% - 12px);
}
footer ul li {
	width:100%;
	display:block;
	text-align:center;
}
footer ul li:nth-child(2) {
	border-top:dashed 1px #CCCCCC;
	border-bottom:dashed 1px #CCCCCC;
	padding:4px 0;
	margin:4px 0;
}
footer ul li li:nth-child(2) {
	border:none;
	margin:0;
	padding:0;
}
footer h3 {
	margin:6px 0;
}
.copy {
	text-align:center;
}
}
@media screen and (max-width: 479px) {
.logo li:first-of-type {
	display:none;
}
}
@media screen and (max-width: 374px) {
.logo li:nth-child(2) {
	display:none;
}
article.box {
	margin:8px 0;
}
}