@charset "UTF-8";

html, body { margin: 0; height: 100%;  }

#mother { position: relative; margin: 0 auto; min-height: 100%; _height: 100%; }
.inner { position: relative; width: 940px; height: 100%; margin: 0 auto; }

.stripe { position: absolute; left: 0; top: 0; width: 100%; background: #ffffff; }
.stripe:after { content: ""; position: absolute; left: 50%; width: 50%; height: 100%; background: #b9b9b9; }

.header { position: relative; width: 100%; height: 120px; background: url('../img/bg-pattern.png') 50% 0 repeat; z-index: 1000; }
.header.fixed { position: fixed; height: 50px; background: #f5f5f5; border-bottom: 1px solid #000000; }
.push-header { display: none; height: 120px; background: url('../img/bg-pattern.png') 50% 0 repeat; }
.header .stripe { height: 100px; }
.header.fixed .stripe { height: 50px; }
.header .logo { position: absolute; left: 0; top: 9px; width: 221px; height: 83px; overflow: hidden; }
.header.fixed .logo { display: none; }
.header .logo-small { display: none; position: absolute; left: 0; top: 12px; width: 221px; height: 23px; overflow: hidden; }
.header.fixed .logo-small { display: block; }
.header .logo-mobile { display: none; position: absolute; left: 15px; top: 15px; width: 153px; height: 70px; overflow: hidden; }
.header .mainmenu { position: absolute; left: 236px; top: 0; margin: 0; padding: 0; }
.mainmenu li { float: left; margin: 0; padding: 0; background: none; }
.header .mainmenu > li { border-right: 1px solid #000000; border-bottom: 1px solid #000000; }
.header .mainmenu > li:first-child { border-left: 1px solid #000000; }
.mainmenu li a { display: block; font-weight: 700; color: #000000; text-decoration: none; text-transform: uppercase; }
.header .mainmenu li a { height: 100px; line-height: 100px; padding: 0 16px; font-size: 14px; }
.header .mainmenu li.active > a, .header .mainmenu li:hover > a { height: 110px; text-decoration: underline; }
.mainmenu li.m1 a, .mainmenu li.m1 div { background: #f5f5f5; }
.mainmenu li.m2 a, .mainmenu li.m2 div { background: #ebebeb; }
.mainmenu li.m3 a, .mainmenu li.m3 div { background: #e1e1e1; }
.mainmenu li.m4 a, .mainmenu li.m4 div { background: #d7d7d7; }
.mainmenu li.m5 a, .mainmenu li.m5 div { background: #cdcdcd; }
.mainmenu li.m6 a, .mainmenu li.m6 div { background: #c3c3c3; }
.mainmenu li div { display: none; position: absolute; right: 0; top: 101px; width: 100%; height: 50px; }
.header.fixed .mainmenu li div { top: 51px; }
.mainmenu li:hover div { display: block; }
.mainmenu li ul { height: 50px; margin: 0 auto; }
.mainmenu li:hover ul li a, .mainmenu li:hover ul li a:hover { font-size: 14px; font-weight: 400; height: 50px; line-height: 50px; text-transform: none; }
.header.fixed .mainmenu li a { height: 50px; line-height: 50px; }
.header.fixed .mainmenu li.expandable:hover a { height: 51px;}
.header a.btn-menu {display: none; position: absolute; right: 80px; top: 25px; width: 51px; height: 50px; background: url('../img/btn-menu.png?v=1') 0 0 no-repeat; overflow: hidden; text-indent: -3000px; }
.header a.btn-search { position: absolute; right: 0; top: 25px; width: 50px; height: 50px; background: url('../img/btn-search.png?v=1') 0 0 no-repeat; text-indent: -3000px; overflow: hidden; }
.header .search { position: absolute; left: 940px; top: 0; width: 0; height: 100px; background: #b9b9b9; overflow: hidden; white-space: nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .search .btn-search-close { position: absolute; left: 10px; top: 50%; width: 13px; height: 20px; margin-top: -10px; padding: 0; background: url('../img/btn-search-close.png?v=1') 0 0 no-repeat; text-indent: -3000px; overflow: hidden; display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: middle; z-index: 1; }
.header .search span { width: 100%; margin: 0 -28px 0 -25px; padding: 0 28px 0 58px; display: -moz-inline-stack; display: inline-block; zoom: 1; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .search input[type="text"] { width: 100%; margin: 25px 0; padding: 14px 22px; border: 0 none; -webkit-border-radius: 25px; border-radius: 25px; }
.header .search input[type="submit"] { width: 50px; height: 50px; margin: 0; padding: 0; border: 0 none; background: url('../img/btn-search.png?v=1') 0 0 no-repeat; cursor: pointer; }
.header.fixed .search { height: 50px; }
.header.fixed .search span { margin-right: -8px; padding-right: 19px; }
.header.fixed a.btn-search { top: 10px; width: 30px; height: 30px; background-position: 0 -50px; }
.header.fixed .search input[type="text"] { margin: 10px 0; padding: 4px 22px; }
.header.fixed .search input[type="submit"] { width: 30px; height: 30px; background-position: 0 -50px; }

@media (max-width: 980px) {
	/*.header { height: 120px; }*/
	.header .stripe:after { background: #ffffff; }
	.header .logo { left: 14px; }
	.mainmenu { display: none; }
	.header .mainmenu { left: 0; top: 100px; width: 100%; }
	.header .mainmenu li { float: none; display: block; width: 100%; border: 0 none; }
	.header .mainmenu > li { margin: 2px 0; }
	.header .mainmenu li a, .mainmenu li:hover ul li a, .mainmenu li:hover ul li a:hover, .header .mainmenu li.active > a, .header .mainmenu li:hover > a, .mainmenu li div, .mainmenu li ul { height: auto; line-height: initial; font-size: 24px; font-weight: 400; text-transform: none; }
	.header .mainmenu li a { font-size: 24px; text-transform: none; }
	.header .mainmenu > li > a, .header .mainmenu > li.active > a, .header .mainmenu > li > a:hover, .header .mainmenu > li:hover > a { font-size: 24px; font-weight: 700; text-transform: uppercase; }
	.header .mainmenu li div { position: static; display: block; }
	.header a.btn-menu {display: block; }
	.header a.btn-search { right: 10px; top: 25px; width: 50px; height: 50px; }
	.header .search { left: 100%; background: #0f6691; }
	/*.header .search input[type="text"] {  margin: 15px 0; padding: 24px 22px; -webkit-border-radius: 34px; border-radius: 34px; }*/
	.header .search .btn-search-close { background-position: 0 -20px; }
	.header .search input[type="submit"] { width: 50px; height: 50px; margin-left: -10px; background-position: -50px 0px; }
}

.news { padding-bottom: 10px; background: url('../img/bg-pattern.png') 50% -120px repeat; }
.carousel { margin: 0 -5px; }
.carousel .slides { margin: 0 5px; }
.carousel .caption { position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 160px 10px 10px; color: #ffffff; background: #0f6691; background: rgba(15,102,145,.8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
.carousel .caption p { padding: 0; }
.carousel .caption .more { position: absolute; right: 10px; top: 50%; height: 50px; line-height: 45px; margin-top: -25px; padding-right: 60px; font-size: 30px; font-weight: 700; color: #ffffff; text-decoration: none; background: url('../img/btn-carousel-more.png') 100% 50% no-repeat; }
.carousel .pager { width: 100%; height: 10px; padding-top: 20px; }
.carousel .pager span { float: left; height: 10px; cursor: pointer; }
.carousel .pager span:after { content: ""; display: block; margin: 0 5px; height: 10px; background: #0f6691; }
.carousel .pager span.cycle-pager-active:after { background: #ffffff; }

.breadcrumbs { height: 30px; line-height: 30px; font-size: 12px; text-align: right; color: #0f6691; }
.breadcrumbs span:after { content: " / "; }

.paginator { margin: 20px 0 0 0; text-align: center; }

.row { padding: 10px 0; }
.row .row { padding: 0; }
.col { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cw-2 { width: 140px; }
.cw-3 { width: 220px; }
.cw-4 { width: 300px; }
.cw-6 { width: 460px; }
.cw-8 { width: 620px; }
.co-0 { margin-left: -100%; }
.co-3 { margin-left: -700px; }
.co-4 { margin-left: -620px; }
.co-6 { margin-left: -460px; }
.co-8 { margin-left: -300px; }
.co-9 { margin-left: -220px; }
.co-10 { margin-left: -140px; }

.cw-3 img, .cw-4 img, .cw-8 img { display: block; width: 100%; }

.gallery { margin: 0 -10px 10px 0; padding: 0; }
.gallery:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.gallery li { float: left; width: 52px; height: 52px; margin: 10px 10px 0 0; padding: 0; background: none; overflow: hidden; }
.gallery img { width: auto; }

@media (max-width: 980px) {
	.inner { width: 100%; padding-left: 14px; padding-right: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.row .row { padding: 10px 0; }
	.cw-3 { width: 48%; }
	.co-9 { margin-left: -48%; }
	.cw-2, .cw-4, .cw-6, .cw-8 { left: auto; width: 100%; margin-left: 0; }
	.cw-8 .cw-4, .cw-6.box-gray { margin-bottom: 10px; }	
	/*.row .cw-4 .row, .row .cw-6 .row, .row .cw-8 .row { padding-bottom: 0; }*/
}

.btn-read { display: block; position: absolute; transition: all .3s ease; -webkit-transition: all .3s ease; }
.btn-read .icon-ext { font-size: 70%; }
*:hover > .btn-read { }

.box-big { overflow: hidden; }
.box-big .btn-read { left: 50%; bottom: -111px; margin-left: -56px; width: 113px; height: 96px; padding-top: 15px; font-size: 17px; font-weight: 700; line-height: 1; color: #ffffff; background: url('../img/btn-read-big.png') 50% 50% no-repeat; text-align: center; text-decoration: none; overflow: hidden; }
.box-big:hover .btn-read { bottom: 10px; }
.box-big .btn-read span { display: block; font-size: 24px; }

.box-gray { height: 220px; padding: 10px; background: #c8c8c8; overflow: hidden; }
.box-gray p { padding-bottom: 0; }
.box-gray .btn-read { left: 0; bottom: 0; width: 100%; height: 0; line-height: 68px; font-size: 24px; font-weight: 700; color: #ffffff; background: #0f6691; text-align: center; text-decoration: none; overflow: hidden; }
.box-gray:hover .btn-read { height: 68px; }
.box-gray .caption { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; color: #ffffff; background: #0f6691; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-gray:hover .caption { display: block; }

.box-stripe { padding-top: 10px; border-top: 10px solid #0f6691; }
.box-stripe p { padding-bottom: 0; }
.box-stripe .btn-read { left: 0; bottom: 0; width: 100%; height: 0; line-height: 70px; font-size: 24px; font-weight: 700; color: #ffffff; background: #0f6691; text-align: center; text-decoration: none; overflow: hidden; }
.box-stripe:hover .btn-read { height: 70px; }

.box-facebook > div { height: 280px; margin-top: 10px; background: #ffffff; }

.box-people div { position: relative; }
.box-people .caption { display: block; padding: 10px; color: #ffffff; background: #0f6691; }
.box-people a { color: #ffffff; text-decoration: none; }
.box-people .btn-read { left: 0; bottom: 0; width: 100%; height: 0; font-size: 24px; font-weight: 700; color: #ffffff; background: #0f6691; background: rgba(15,102,145,.8); text-align: center; vertical-align: middle; text-decoration: none; }
.box-people:hover .btn-read { height: 100%; }
.box-people .btn-read span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 24px; line-height: 1; margin: auto; }
.box-people .right a { text-decoration: underline; }

.box-calendar { color: #ffffff; background: #0f6691; }
.box-calendar .row:before { content: ""; position: absolute; left: 0; top: 0; width: 220px; height: 100%; background: #c8c8c8; }
.box-calendar .cw-4 { padding: 10px; }
.box-calendar .co-9 { width: 240px; margin-left: -240px; padding: 10px; color: #ffffff; }
.box-calendar .box-gray { height: auto; color: #000000; }
.box-calendar .calendar { height: 34px; margin: -10px -10px 10px -10px; padding: 26px 10px 10px 10px; font-size: 20px; line-height: 20px; font-weight: 700; background: #1a79a8 url('../img/bg-calendar-white.png') 10px 10px no-repeat; ; }
.box-calendar .calendar span { width: 40px; margin-right: 10px; font-size: 28px; text-align: center; display: -moz-inline-stack; display: inline-block; zoom: 1; }
.box-calendar .btn-read { left: 0; bottom: 0; width: 100%; height: 0; line-height: 68px; font-size: 24px; font-weight: 700; color: #ffffff; background: #0f6691; text-align: center; text-decoration: none; overflow: hidden; }
.box-calendar:hover .btn-read { height: 68px; }

.box-calendar .cw-4.box-map { width: 320px; height: 320px; margin-left: -320px; padding: 0; }
.box-calendar .cw-4.box-map iframe { width: 100%; height: 100%; }

.box-form { padding-bottom: 5px; color: #ffffff; background: #0f6691; }
.box-form .row { padding: 0; }
.box-form .col { padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.box-form .cw-4.co-0 { padding-right: 0; }
.box-form .cw-4.co-8 { padding-left: 0; }
.box-form h2 { padding-top: 5px; }
.box-form input[type="text"] { width: 100%; height: 32px; line-height: 32px; padding: 0 22px; border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 16px; border-radius: 16px; }
.box-form input[type="submit"] { height: 30px; line-height: 30px; padding: 0 40px 0 0; border: 0 none; font-size: 20px; font-weight: 700; background: url('../img/btn-submit.png') 100% 50% no-repeat; cursor: pointer; }

.box-blue { margin: 10px 0; padding: 10px; color: #ffffff; background: #0f6691; }
.box-blue a { color: #ffffff; }

.links { margin: 0; padding: 0; }
.links li { margin: 20px 10px; padding: 0; background: none; }
.links li:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.links li a { display: block; padding: 0 50px 0 0; background: url('../img/btn-more.png') 100% 50% no-repeat; text-decoration: none; }
.links li h3 { padding-bottom: 8px; }
.links li p { padding-bottom: 0; }
.links.calendar li h3, .links.calendar li p { margin-left: 70px; }
.links .calendar { float: left; width: 60px; line-height: 1; margin-left: -10px; text-align: center; background: url('../img/bg-calendar-blue.png') 50% 0 no-repeat; }
.links .calendar .d { height: 32px; margin: 12px 0 0 0;  font-size: 28px; font-weight: 700; }
.links .calendar .m { margin-top: 2px; font-size: 10px; }
.links .calendar .y { font-size: 20px; }

.publications { margin: 20px 0; padding: 0; }
.publications li { margin: 0; padding: 0 0 10px 0; background: none; }
.publications li h2 { padding: 0; }

.phone { height: 33px; line-height: 33px; margin: 22px 0; padding-left: 45px; font-size: 20px; color: #0f6691; background: url('../img/bg-phone.png?v=1') 0 50% no-repeat; }
.email { height: 33px; line-height: 33px; margin: 22px 0; padding-left: 45px; font-size: 20px; color: #0f6691; background: url('../img/bg-email.png') 0 50% no-repeat; }
.web { height: 34px; line-height: 34px; margin: 22px 0; padding-left: 45px; font-size: 20px; color: #0f6691; background: url('../img/bg-web.png') 0 50% no-repeat; }
.email a, .web a { text-decoration: none; }

.push-footer { height: 150px; }
.copyright { position: absolute; left: 0; bottom: 51px; width: 100%; height: 90px; line-height: 90px; font-size: 12px; font-weight: 700; color: #c8c8c8; text-transform: uppercase; }
.copyright .logo-kreatura { position: absolute; right: 10px; top: 50%; width: 130px; height: 20px; margin-top: -10px; background: url('../img/logo-kreatura.png') 0 0 no-repeat; text-indent: -3000px; overflow: hidden; opacity: .2; transition: opacity 200ms ease; text-indent: -3000px; overflow: hidden; }
.copyright .logo-kreatura:hover { opacity: 1; transition: opacity 200ms ease; }
.footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 51px; }
.footer .stripe { height: 51px; background: #f5f5f5; }
.footer .stripe:after { background: #c3c3c3; }
.footer .mainmenu { margin: 0; padding: 0; }
.footer .mainmenu li { border-right: 1px solid #ffffff; }
.footer .mainmenu li:last-child { border-right: none; }
.footer .mainmenu li a { height: 51px; line-height: 51px; padding: 0 28px; font-size: 12px; }

.contact { display: none; position: absolute; left: 0; bottom: 51px; width: 100%; background: #c3c3c3; z-index: 1000; }
.contact.open { display: block; }
.contact .btn-contact { display: block; height: 34px; background: url('../img/btn-contact.png') 50% 50% no-repeat; text-indent: -3000px; overflow: hidden; }
.contact a { color: inherit; text-decoration: none; }
.contact input[type="text"] { width: 100%; height: 32px; line-height: 32px; margin-bottom: 10px; padding: 0 22px; border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 16px; border-radius: 16px; }
.contact textarea { width: 100%; height: 160px; line-height: 32px; margin-bottom: 10px; padding: 0 22px; border: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 16px; border-radius: 16px; resize: none; }
.contact input[type="submit"] { height: 30px; line-height: 30px; padding: 0 40px 0 0; border: 0 none; font-size: 20px; font-weight: 700; background: url('../img/btn-submit.png') 100% 50% no-repeat; cursor: pointer; }

.filter { margin-bottom: 10px; }
.filter select { width: 100%; margin: 5px 0; padding: 3px 15px; border: 2px solid #b9b9b9; color: #a0a0a0;  background: url('../img/bg-filter.png') 0 0 repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 17px; border-radius: 17px; }
.filter input[type="text"] { width: 100%; margin: 5px 0; padding: 4px 15px; border: 2px solid #b9b9b9; color: #a0a0a0;  background: url('../img/bg-filter.png') 0 0 repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 17px; border-radius: 17px; }
.filter input[type="submit"] { width: 100%; margin: 5px 0 6px 0; font-weight: 700; color: #ffffff; padding: 3px 0; border: 2px solid #b9b9b9; background: url('../img/btn-filter.png') 0 0 repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 17px; border-radius: 17px; cursor: pointer; }

.social { margin-top: 22px; }
.social:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.social > * { float: left; height: 22px; margin-right: 6px; }
.social > .fb-like { margin-top: -1px; }

@media (max-width: 980px) {
	.box-calendar { margin: 10px 0; }
	.box-calendar .cw-4 { margin: 0; }
	.box-calendar .cw-4.box-map { left: auto; width: 100%; margin-left: 0; }
	.box-calendar .co-9 { width: 52%; margin-left: -52%; }
	.box-calendar .row, .row.box-calendar { padding: 0; }
	.box-calendar .row:before { width: 48%; }
	.box-form .cw-4.co-0, .box-form .cw-4.co-8 { margin: 0; padding: 5px 10px; }
	.copyright { position: relative; left: auto; bottom: auto; height: auto; padding: 10px 0 50px 0; font-size: 16px; line-height: 1.5; text-align: center; text-transform: none; color: #ffffff; background: #c3c3c3; }
	.copyright .logo-kreatura { left: 50%; top: 100%; margin-left: -65px; margin-top: 15px; }
	.push-footer, .footer, .box-facebook { display: none; }
	.contact { position: relative; display: block; bottom: auto; }
	.contact .btn-contact { display: none; }
	.contact .row .row { padding: 0; }
	.header .logo, .header .logo-small { display: none; }
	.header .logo-mobile { display: block; }
}