*{margin: 0; padding: 0; list-style: none; font-size: 20px; color: #ffffff; font-family: Tahoma;}
.b{font-weight: bold;}
.i{font-style: italic;}
.u{text-decoration: underline;}
.link-default{color: #ffbd45; text-decoration: none;}
body{background-color: #808080;}
p{padding: 10px 0px; text-align: justify;}
.site-width{width:1200px;}
.about{padding: 20px 0px;}
header{position: relative; height: 110px; margin-bottom: 10px;}
#languages{position: absolute; top: 15px; right: 0px;}
#languages a{display: inline-block; width: 40px; height: 20px; text-decoration: none; margin: 0 2px; background-size: 100% 100%;}
#languages .selected{box-shadow: 0px 2px 3px #000000;}
header .logo{position: absolute; top: 15px; left: 0px; width: 260px; height: 100px;}
header .logo img{display: inline-block; position: absolute; bottom: 0px;}
header .logo1{height: 80%; width: auto; left: 0px;}
header .logo2{height: 80%; width: auto; right: 0px; left:90px;}
#mainmenu ul{position: absolute; bottom: 5px; right: 0px; display: flex; justify-content: flex-end;}
#mainmenu ul>li>a{display: block; padding: 10px 0px 10px 20px; text-decoration: none; font-size: 18px;}
#mainmenu ul>li.active>a{color: #ffbd43;}
#mainmenu ul>li>a:hover{text-decoration: underline; }
section.slider{background-color: #000000;}
#slider{position: relative; height: 250px; overflow: hidden;}
#slider-list{display: none;}
ul.slider{display: flex; position: absolute; top: 0px; left: 0px;}
ul.slider>li{background-position: center center; background-size: contain; background-repeat: no-repeat; background-color: #444;}

#gallery{}
#gallery h1{font-size: 1.5em;}
#gallery h1>span{font-size: 0.5em;}
#gallery .filter{display: flex; flex-wrap: wrap; justify-content: center;}
#gallery .filter button{padding: 5px; margin: 5px; background-color: #444444; font-size: 0.7em;}
#gallery .filter button.active{background-color: #cccccc; color: #000000;}
#gallery .filter button.reset{background-color: #ffbd43; color: #000000;}
#gallery .data{margin: 10px 0px;}
#gallery .data .item{padding: 20px 0px; border-bottom: 1px solid #000000;}
#gallery .data .item:last-child{border-bottom: none;}
#gallery .data .item .title{text-align: left;}
#gallery .data .item .media ul{display: flex;}
#gallery .data .item .media li{width: 390px; height: 240px; margin: 5px; background-position: center center; background-size: contain; background-repeat: no-repeat; background-color: #444;}
#gallery .data .item .description{text-align: justify;}

#contacts{margin: 20px 0px;}
#contacts .data{display: flex; justify-content: space-between;}
#contacts .data h2{padding: 10px 0px; font-size: 1.5em;}
#contacts .data-left td{padding: 5px;}
#contacts .data-left td.left{text-align: right;}
#contacts .data-left td.right{text-align: left;}
#map{width: 800px; height: 400px;}

footer{}
footer>ul{display: flex; justify-content: space-between; align-items: flex-end;}
footer .left *, footer .left{text-align: left;color: #000000;}
footer .center{color: #000000;}
footer .center .logo{width: auto; height: 18px;}
footer .right{text-align: right;}
footer .right .social{width: auto; height: 50px;}


