@font-face {
  font-family: 'Roboto';
  src: url('../roboto/Roboto-Regular.ttf');
}

html {}

body {
padding:0;
margin:0;
font-family:'Roboto';
font-size:14px;
}

.slide {}

a {
text-decoration:none;
}


table {
border:solid 1px #888;
color:#000;
}

thead {
font-weight:700;
border-bottom:solid 2px #888;
color:#fff;
}

td {
border:solid 1px #fff;
padding:3px 10px 0px 10px;
margin:1px;
}

section {
text-align:center;
padding:0 50px 0 50px;
display:table;
width:100%;
box-sizing: border-box;
}

.sectionitem {
display:table-cell;
vertical-align:middle;
text-align:center;
}

/*
section:nth-of-type(1) {
background:#0C4D2C url(../obrs/granty5.png) left top no-repeat;
color:#fff;
}


section:nth-of-type(2) {
background:#E8D099 url(../obrs/grant5.png) right bottom no-repeat;
}

section:nth-of-type(3) {
background:#D6D0AE url(../obrs/granty5.png) right bottom no-repeat;
}

section:nth-of-type(4) {
background:#CBD1BC url(../obrs/granty5.png) right bottom no-repeat;
background:#0C4D2C url(../obrs/granty5.png) right bottom no-repeat;
color:#fff;
}

section:nth-of-type(5) {
background:#0C4D2C url(../obrs/grant5.png) right bottom no-repeat;
color:#fff;
}
*/

section:nth-of-type(1) {
background:#0C4D2C url(../obrs/granty5.png) left top no-repeat;
color:#fff;
}


section:nth-of-type(2) {
background:#fff url(../obrs/grant5.png) right bottom no-repeat;
}

section:nth-of-type(3) {
background:#fff url(../obrs/granty5.png) right bottom no-repeat;
}

section:nth-of-type(4) {
background:#0C4D2C url(../obrs/granty5.png) right bottom no-repeat;
color:#fff;
}

section:nth-of-type(5) {
background:#0C4D2C url(../obrs/grant5.png) right bottom no-repeat;
color:#fff;
}


.tab {
display:table;
}

.td {
display:table-cell;
text-align:left;
padding:16px;
vertical-align:middle;
width:310px;
box-sizing: border-box;
}

.szer {
width:620px;
}

.d2 {
width:660px;
}

.blok {
padding:20px 50px 20px 50px;

}

menu {
display:table;
height:60px;
margin:0;
}

menuitem {
display:table-cell;
vertical-align:middle;
height:60px;
padding:0 10px 0 10px;
color:#000;
cursor:pointer;
}

menuitem a {
color:#000;
}

.m0 {
position:fixed;
top:0;
background:#fff;
width:100%;
display:block;
box-shadow: 0px 4px 4px #888888;
}

.m1 {
position:fixed;
top:0;
background:#fff;
width:100%;
display:none;
}

.logo {
width:auto;
}

.bn {
background:none;
}

#navig {
   position:fixed;
   right:10px;
   bottom:10px;
   height:50px;
   width:50px;
   cursor:pointer;
   border-radius: 25px;
}

.vote {
	display:table;
	padding:20px 30px 20px 30px;
	background:#2196F3;
	background:#4CAF50;
	cursor:pointer;
	box-shadow: 5px 5px 3px grey;
	color:#fff;
	margin:5px;
}

.vote:hover {
	background:#2F81C2;
	background:#36883A;
	box-shadow: 2px 2px 1px grey;
}

.fl {
	width:70%;
}

.znak {
	display:inline;
	margin-right:5px;
	border:solid 2px #fff;
	padding:0 5px 0 5px;
	border-radius:15px;
}

.pause {
height:100px;
}

img {
border:none;
}

.td {
text-align:left;
}


.scrb {
display:block;
}

.scrl {
display:none;
}

.mat {
background:rgba(255,255,255,0.4);
}

.mat2 {
/*background: url(../obrs/mat.png);*/
/*background-color:rgba();*/
}


.matblack {
background: url(../obrs/matblack.png);
color:#fff;
}

.klatka {
width:278px;
height:400px;
overflow:hidden;
position:relative;
}

.kot {
position:absolute;
top:0;
left:0;
opacity:0;
-webkit-transition: opacity 2s; /* Safari */
transition: opacity 2s;
}

.kot:hover {
opacity:1.0;
}

.nr {
display:table;
font-size:70px;
padding:10px 35px 10px 35px;
border-radius:70px;
font-weight:800;
border:solid 6px #000;
margin:0 20% 20% 20%;
}


.c1 {
color:#F1BD45;
border-color:#F1BD45;
}

.c2 {
color:#C8C538;
border-color:#C8C538;
}

.c3 {
color:#C85C38;
border-color:#C85C38;
}



.vtop {
vertical-align:top;
}

.kontakt {
color:#fff; 
margin-top:380px;
}

/*
F2CF8D|F8E8CB|
E8D099
D6D0AE
CBD1BC
000
--------
:#f4f4f4
#d4d4d4
#c4c4c4
444
000
*/
/*
fieldset {
	display:block;
	margin-bottom:15px;
	border:solid 1px #fff;
	background-color:rgba(255,255,255,0.4);
}

legend {
	display:block;
	padding:10px 20px 10px 20px;
	background-color:rgba(255,255,255,0.6);
	font-size:18px;
	font-weight:700;
}
*/

legend {
font-size:20px;
font-weight:800;

}



.hof td {
text-align:left;
}

.ol0 {
list-style-type:none;
margin:0;
padding:0;
}

.ol0 li {
margin:0;
padding:5px 0 0 5px;
}

.ocenatab td {
text-align:left;
padding:10px;
}

.ocenatab thead {
color:#000;
}

.ocenatab tbody tr:nth-of-type(2n + 1) {
background:#e4e4e4;
}

.kolko {
display:table;
padding:20px;
background-color:rgba(255,255,255,0.4);
border-radius:90px;
width:180px;
height:180px;
box-sizing:border-box;
color:#fff;
border:solid 6px red;
cursor:pointer;
text-align:center;
}

.kolko div {
display:table-cell;
vertical-align:middle;
text-align:center;
}

.kolko:hover {
background-color:rgba(255,255,255,0.9);
color:#000;
border-color:#fff;
}


.karta {
display:block;
padding:5px;
box-shadow: 0px 0px 8px #aaaaaa;
margin:0 0 20px 0;
}

.legend {
font-size:24px;
font-weight:700;
padding-top:10px;
padding-bottom:10px;
}


.doc {
display:table;
padding:20px;
background-color:rgba(226,23,23,0.8);
background-color:rgba(76,175,80,1);
border-radius:90px;
width:180px;
height:180px;
box-sizing:border-box;
color:#000;
border:solid 6px rgba(76,175,80,0.8);
cursor:pointer;
text-align:center;
box-shadow: 0px 0px 8px #000000;
}

.doc a {
display:table-cell;
vertical-align:middle;
text-align:center;
}

.doc a:link {color:#fff;}
.doc a:visited {color:#fff}
.doc a:hover {color:#fff;}
.doc a:active {color:#fff}

.doc:hover {
background-color:rgba(0,0,0,0.8);
color:#fff;
border-color:#fff;
}

.doc:hover a {color:#fff;}

.doc img {
  -webkit-filter: invert(0); /* Safari 6.0 - 9.0 */
  filter: invert(0);
}

.doc:hover img {
  -webkit-filter: invert(0.5); /* Safari 6.0 - 9.0 */
  filter: invert(0);
}


@media screen and (max-width: 768px) {
section {
text-align:center;
padding:60px 5px 60px 5px;
box-sizing: border-box;
}

section:nth-of-type(1) {
background:#0C4D2C url(../obrs/granty5320.png) left top no-repeat;
padding:5px;
}

section:nth-of-type(2) {
background:#E8D099 url(../obrs/granty5320.png) left bottom no-repeat;
padding-bottom:260px;
}

section:nth-of-type(3) {
background:#D6D0AE url(../obrs/granty5320.png) left bottom no-repeat;
padding-bottom:260px;
}

section:nth-of-type(4) {
background:#CBD1BC url(../obrs/granty5320.png) left top no-repeat;
background:#0C4D2C url(../obrs/granty5320.png) left bottom no-repeat;
padding-bottom:260px;
}

section:nth-of-type(5) {
background:#000 url(../obrs/granty5320opacity.png) left top no-repeat;

}


.pause {
height:10px;
}

.tab {
display:block;
background:none;
}

.td {
display:block;
padding:10px 5px 10px 5px;
text-align:left;
background:none;
box-sizing: border-box;
}

.tal {
text-align:left;
}

.d2 {
 width:100%;
}

.blok {
padding:20px 0px 0px 0px;
background:#f4f4f4;
}

.logo {
width:90%;
}

.m1 {
display:block
}

.m0 {
display:none;
}

.m1 ul {
margin:0;
padding:0;
list-style-type:none;
display:block;
border-top:solid 1px #888;
}


.m1 ul li {
margin:0;
padding:8px 0 8px 40px;
color:#000;
display:block;
border-bottom:solid 1px #888;
}

.m1 ul li:nth-of-type(1) {background:url(../obrs/s1.png) left center no-repeat;cursor:pointer}
.m1 ul li:nth-of-type(2) {background:url(../obrs/s2.png) left center no-repeat;cursor:pointer}
.m1 ul li:nth-of-type(3) {background:url(../obrs/s3.png) left center no-repeat;cursor:pointer}
.m1 ul li:nth-of-type(4) {background:url(../obrs/s4.png) left center no-repeat;cursor:pointer}

.m1 a {
color:#fff;
text-decoration:none;
}

.blok {
background:none;
}

.scrb {
display:none;
}

.scrl {
display:block;
}

td {
padding:2px;
}

.szer {
width:310px;
}

fieldset {
	border:solid 1px #F8E8CB;
}

legend {
	background:#F8E8CB;
}



}