body {
	margin : 0 auto;
	max-width: 100%;
	padding : 0;
	line-height: 18pt;
	font-family: "lucida sans", helvetica, "Trebuchet MS", arial, sans-serif;
	font-size: 120%;
	background-repeat: repeat;
	background-color: #FFFFFF;
}
#wrapper{
	max-width: 1200px;
	text-align: left;
	margin : 0 auto;
}



#rek {
	max-width: 1200px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#knopka {
	clear: left;
	padding-top: 0px;
	padding-left: 10px;
}
#col1 {
	max-width: 1200px;
	width: 100%;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
#col2 {
	width: 300px;
	font-size: 13px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#col3 {
	width: 300px;
	font-size: 16px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
	padding-top: 10px;
	padding-bottom: 5px;
}
#col4 {
	max-width: 1200px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
#col5 {
	max-width: 490px;
	float: left;
	background-color: #D5E7EA;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 7px;
	padding: 0px;
}
#col6 {
	max-width: 490px;
	background-color: #EDDEDF;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 7px;
	padding: 0px;
	float: left;
}

#navcontainer ul {
	max-width: 1200px;
	list-style: none;
	color : #4D4D4D;
	letter-spacing: normal;
	font-size: 12px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 1px solid #999;
}
#navcontainer ul li {
	position: static;
	color: #000;
	width: auto;
	padding-top: 0px;
}
#navcontainer ul li a {
	display: block;
	text-decoration: none;
	color: #333;
	background-color: #DCE8ED;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 7px;
	text-shadow: 0px -1px 0px #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#navcontainer a:hover {
	text-decoration : underline;
	color : #000;
	background-color: #C7C7C7;
}
#navcontainer .active a {
	text-decoration : underline;
	color : #FFF;
	border-top-color: #CCC;
	border-right-color: #063686;
	border-bottom-color: #063686;
	border-left-color: #CCC;
	background-color: #9F9F9F;
	text-shadow: 0px 1px 0px #000;
}
#navcontainer li:hover ul, li.over ul { display: block; }
/* Fix IE. Hide from IE Mac \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ 
h1 {
	text-align : center;
	text-transform : none;
	letter-spacing : normal;
	font-size : 20px;
	color : #069;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 10px;
	line-height: normal;
	padding-bottom: 10px;
	margin: 0px;
}
h2 {margin-top : 0;padding : 0.5em 0 0.5em 1em;text-transform : none;letter-spacing : normal;font-size : 14px;color : #069;background : inherit;text-align: left;}
h3 {margin-top : 0;text-transform : none;letter-spacing : normal;font-size : 18px;color : #069;background : inherit;text-align : center;padding-top: 0.5em;margin-bottom: 5px;}
h4 {margin-top : o;text-transform : none;letter-spacing : normal;font-size : 16px;color : #069;background : inherit;padding-top: 0;padding-right: 0;padding-bottom: 0em;padding-left: 14px;}
h5 {
	font-size: 18px;
	color: #069;
	text-align: center;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
h6 {
	text-transform : none;
	letter-spacing : normal;
	font-size : 16px;
	color : #FFF;
	text-align: center;
	line-height: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: -1px -1px 0px #000;
	width: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #888;
}
a {text-decoration : none;color : #006699;background : inherit;}
a:hover {text-decoration : underline;color : #AE0000;background : inherit;}
.box {
	padding : 3px;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color : #333;
	background-color: #E9DDC9;
	margin-top: 20px;
	border: 2px ridge #FFF;
}
.roundcont {
	max-width: 1200px;
	color : #333;
	font-family:Tahoma, Geneva, sans-serif;
	line-height: 15pt;
	list-style-image: url(../images/list-off.png);
	font-size: 14px;
	background-color: #FFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
}
.roundcont p {
	text-align: justify;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 16pt;
	color: #333;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: left;
	font-size: 16px;
}
.roundcont ul {
	text-align: justify;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 16pt;
	color: #333;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: left;
	font-size: 16px;
}
.kroshki {
	background-color: #EDECEC;
	color: #000;
	line-height: normal;
	font-size: 16px;
	letter-spacing: normal;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
}
.blokssilok {
	font-size: 20px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: bold;
	margin: 5px;
	padding: 3px;
	background-color: #E3D8E8;
}
.blokssilok p {
	font-size: 20px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: bold;
	color: #822484;
}
.blokssilok li {
	font-size: 20px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-weight: bold;
	color: #822484;
	line-height: 25px;
}

.borders {
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-top-style: solid;
}
.borders-2 {border-top-width: 5px;border-left-width: 5px;border-bottom-width: 5px;border-left-style: solid;border-bottom-style: solid;border-top-color: #FFF;border-left-color: #FFF;border-bottom-color: #FFF;border-top-style: solid;}
.kons {
	font-weight: bold;
}
.nb {
	color: #004A6F;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nb2 {
	color: #751315;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.nb3 {
	color: #00484A;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#img:hover {opacity:0.7; /* FF, Opera, Safari, Chrome */}
#img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE7 */
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE8, ???? ???????? ?? ????????? ?????????? ????? ??? ? ?????????? ??????? ? 8-? ???????? - filter:prodig:... */}
#img2 {
	width: 100%; /* ?????? ???????? */
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
}
#google {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

.tabl {font-size: 11px;}
#slov {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
}

#footer {
	max-width: 100%;
	clear : both;
	height : auto;
	text-align : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color : #FFF;
	background-color: #002e5b;
	text-shadow: 1px 1px 0px #000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #333;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

#footer p {
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 14px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #F1F1F1;
}
#footer li {
	font-size: 14px;

}

#footer a {
	text-decoration : none;
	color : #FF6;
	background-color : inherit;
}
#footer a:hover {
	text-decoration : none;
	color : #F33;
	background-color : inherit;
}

.foot{
}
.slovar{
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #D8D8D8;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
}

.schet{
	height: auto;
	width: 182px;
	padding-top: 5px;
	float: right;
	padding-bottom: 5px;
}
.imgalpha {filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;}


#share42 {display: inline-block; padding: 6px 0 0 6px; background: #FFF; border: 1px solid #E9E9E9; border-radius: 4px;}
#share42:hover {background: #F6F6F6; border: 1px solid #D4D4D4; box-shadow: 0 0 5px #DDD;}
#share42 a {opacity: 0.7}
#share42 a:hover {opacity: 1}




header{
	width: 100%;
	display: table;
	background-color: #002e5b;
	margin-bottom: 10px;
	height: 100px;
}
.container{
	width: 100%;
	max-width: 1200px;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.toggle-icon{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); width:30px; height:30px;position:absolute;}



#logo{
	float: left;
	font-size: 24px;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-style: italic;
	padding-right: 0;
	padding-left: 0;
	height: 45px;
	width: 50%;
	padding-top: 25px;
	padding-bottom: 10px;
	color: #FFFFFF;
}
#logo a {
	color: #FFFFFF;
	text-decoration: none;
}
#logo a:hover {
	color: #FFF4A3;
}

nav{
	width: auto;
	float: right;
	margin-top: 3px;
	padding-top: 20px;
}
nav ul{display:table;float:right;margin:0;padding:0}
nav ul li{float:left;list-style-type:none}
nav ul li:last-child{padding-right:0}
nav ul li a{color:#e4f2ff;font-size:19px;padding:7px 19px;display:inline-block;text-decoration:none}
nav ul li a:hover{
	background-color: #002e5b;
	color: #FFF4A3;
	text-decoration: underline
}
input[type=checkbox],label{
	display: none;
}

@media only screen and (max-width: 980px) {
header{padding:20px 0}
#logo{padding:0}
input[type=checkbox]{position:absolute;top:-9999px;left:-9999px;background:none}
input[type=checkbox]:fous{background:none}
label{float:right;display:inline-block;cursor:pointer;margin-right:65px}
input[type=checkbox]:checked ~ nav{display:block}
nav{display:none;position:absolute;right:0;top:50px;background-color:#002e5b;padding:0;z-index:99}
nav ul{width:auto}
nav ul li{float:none;padding:0;width:100%;display:table}
nav ul li a{color:#FFF;font-size:15px;padding:10px 20px;display:block;border-bottom:1px solid rgba(225,225,225,0.1)}
}
@media only screen and (max-width: 460px) {
label{padding:5px 0}
#logo{font-size:20px}
nav{top:47px}
}





* {
   box-sizing: border-box;
}

.portfolio-wrap {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.portfolio-item {
   padding: 15px;
}
.portfolio-item a {
   display: block;
   text-decoration: none;
   color: #ffffff;
}
.portfolio-item a:hover {
	display: block;
	text-decoration: none;
	color: #FFCFD0;
}
.portfolio-item-wrap {
   position: relative;
   overflow: hidden;
   text-align: left;
   box-shadow: 0 0 5px rgba(0, 0, 0, .2);
   background: black;
   color: white;
}
.portfolio-item img {
   display: block;
   width: 100%;
   opacity: .60;
   transition: .4s ease-in-out;
}
.portfolio-item-inner {
   position: absolute;
   top: 45%;
   left: 7%;
   right: 7%;
   bottom: 45%;
   border: 1px solid white;
   border-width: 0 1px 1px;
   transition: .3s ease-in-out;
}
.portfolio-heading {
	overflow: hidden;
	transform: translateY(-50%);
}
.portfolio-heading p {
	font-family: Pattaya, sans-serif;
	font-weight: bold;
	display: table;
	position: relative;
	color: #FFFFFF;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font-style: italic;
	font-size: 24px;
}
.portfolio-heading p:before, .portfolio-heading p:after {
   content: "";
  position: absolute;
   top: 50%;
   width: 50px;
   height: 1px;
   background: white;
}
.portfolio-heading p:before {
   left: -50px;
}
.portfolio-heading p:after {
   right: -50px;
}
.portfolio-item-inner ul {
   position: absolute;
   top: -185%;
   width: 100%;
   transform: translateY(200%);
   padding: 0 20px;
   opacity: 1;
   list-style: none;
   font-family: 'Raleway', sans-serif;
   transition: .3s ease-in-out;
}
.portfolio-item-inner li {
   position: relative;
   font-size: 16px;
   padding: 2px 0;
   margin-bottom: 4px;
}
.portfolio-item-inner li:last-child:after {
   content: none;
}
.portfolio-item:hover img {
   opacity: 0.45;
   transform: scale(1.1);
}
.portfolio-item:hover .portfolio-item-inner {
   top: 7%;
   bottom: 7%;
}
.portfolio-item:hover ul {
   opacity: 1;
   transition-delay: .3s;
   
  
}









@media (min-width: 999) {
   .portfolio-item {
      flex-basis: 50%;
      flex-shrink: 0;
   }
}
@media (min-width: 1000) {
   .portfolio-item {
      flex-basis: 33.333333333%;
   }
}