/*Cascading Style Sheets, Author: ngside.com, Version: CSS-5-6-15-P, All rights reserved*/

.roz_10 { font-size: 10px;} .roz_11 { font-size: 11px;} .roz_12 { font-size: 12px;} .roz_13 { font-size: 13px;} .roz_14 { font-size: 14px;} .roz_15 { font-size: 15px;} .roz_16 { font-size: 16px;} .roz_17 { font-size: 17px;} .roz_18 { font-size: 18px;} .roz_19 { font-size: 19px;} .roz_20 { font-size: 20px;} .roz_21 { font-size: 21px;} .roz_22 { font-size: 22px;} .roz_23 { font-size: 23px;} .roz_24 { font-size: 24px;} .roz_25 { font-size: 25px;} .roz_26 { font-size: 26px;} .roz_27 { font-size: 27px;} .roz_28 { font-size: 28px;} .roz_29 { font-size: 29px;} .roz_30 { font-size: 30px;} .roz_31 { font-size: 31px;} .roz_32 { font-size: 32px;} .roz_33 { font-size: 33px;} .roz_34 { font-size: 34px;} .roz_35 { font-size: 35px;} .roz_36 { font-size: 36px;} .roz_37 { font-size: 37px;} .roz_38 { font-size: 38px;} .roz_39 { font-size: 39px;} .roz_40 { font-size: 40px;} .roz_42 { font-size: 42px;} .roz_44 { font-size: 44px;} .roz_46 { font-size: 46px;} .roz_48 { font-size: 48px;} .roz_50 { font-size: 50px;} .roz_55 { font-size: 55px;} .roz_60 { font-size: 60px;} .roz_65 { font-size: 65px;} .roz_70 { font-size: 70px;} strong { font-weight: bold; } em { font-style: italic; } img { border: 0px; } p { display: block; padding: 0; margin: 0; } .cf { clear:both; }

html { background: #ffffff; }
body { line-height: 22px; margin: 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #444444; text-align: left; }

div, article, aside, details, dialog, figcaption, figure, footer, header, main, nav, section { display: block; margin: 0; padding: 0; }

h1, .h1, h2, .h2, h3, .h3, .h { display: block; margin: 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; color: #444444; text-transform: none; }
h1 { line-height: 50px; margin: 0 0 15px 0; font-size: 40px; }
.h1 { line-height: 50px; margin: 0 0 15px 0; font-size: 39px; }
h2 { line-height: 50px; margin: 0 0 15px 0; font-size: 39px; }
.h2 { line-height: 50px; margin: 0 0 15px 0; font-size: 38px; }
h3 { line-height: 50px; margin: 0 0 10px 0; font-size: 38px; }
.h3 { line-height: 50px; margin: 0 0 10px 0; font-size: 37px; }
.parallax h1 { width: 980px; line-height: 100px; margin: -50px 0 0 0; position: absolute; top: 50%; left: 0; font-family: "Times New Roman", Times, serif; font-weight: 400; font-size: 90px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.parallax h2 { width: 980px; line-height: 100px; margin: -50px 0 0 0; position: absolute; top: 50%; left: 0; font-family: "Times New Roman", Times, serif; font-weight: 400; font-size: 89px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
.parallax h3 { width: 980px; line-height: 100px; margin: -50px 0 0 0; position: absolute; top: 50%; left: 0; font-family: "Times New Roman", Times, serif; font-weight: 400; font-size: 88px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; text-align: center; text-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

a { margin: 0; padding: 0; color: #444444; text-decoration: underline; outline: none; cursor: pointer; }
a:hover { color: #444444; text-decoration: none; }
a.title { display: block; margin: 0 0 10px 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 14px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }	
a.title:hover { color: #F9C700; text-decoration: none; }
a.hButton { display: block; float: left; height: 50px; line-height: 50px; margin: 0 0 15px 0; padding: 0 40px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 300; font-size: 39px; color: #444444; text-transform: none; text-decoration: none; }
a.hButton:hover { color: #F9C700; text-decoration: none; }
a.readmoreButton { display: block; float: left; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 0 40px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 14px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; background: url('../grafika/readmoreButton.png') no-repeat right top; }
a.readmoreButton:hover { color: #F9C700; text-decoration: none; background: url('../grafika/readmoreButton.png') no-repeat right bottom; }
a.backButton { display: block; float: left; height: 30px; line-height: 30px; margin: 20px 0 0 0; padding: 0 0 0 15px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 14px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; background: url('../grafika/backButton.png') no-repeat left top; }
a.backButton:hover { color: #F9C700; text-decoration: none; background: url('../grafika/backButton.png') no-repeat left bottom; }
section#section9W .contactForm input.sendButton { display: block; float: left; width: auto; height: 30px; line-height: 28px; margin: 20px 0 0 0; padding: 0 40px 0 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 14px; color: #444444; letter-spacing: 1px; text-transform: uppercase; outline: none; cursor: pointer; border: none; background: url('../grafika/sendButton.png') no-repeat right top; }
section#section9W .contactForm input.sendButton:hover { color: #F9C700; background: url('../grafika/sendButton.png') no-repeat right bottom; }
a.detailsButton { display: block; height: 40px; margin: 20px 0 0 0; text-decoration: none; background: url('../grafika/detailsButton.png') no-repeat center top; }
a.detailsButton:hover { text-decoration: none; background: url('../grafika/detailsButton.png') no-repeat center bottom; }


input { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #444444; text-align: left; border: 1px solid #dfdfdf; background: #ffffff; }
textarea { font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 14px; color: #444444; text-align: left; border: 1px solid #dfdfdf; background: #ffffff; }


/*HEADERW*/
header#headerW { width: 100%; min-width: 980px; padding: 70px 0 0 0; }
header#headerW #header { width: 980px; min-height: 120px; margin: 0 auto; position: relative; }
header#headerW #header .logo { float: left; margin: 30px 0; }
header#headerW #header .phone { height: 80px; line-height: 20px; position: absolute; top: 20px; right: 200px; text-align: right; }
header#headerW #header .address { height: 80px; line-height: 20px; position: absolute; top: 20px; right: 0; text-align: right; }


/*MENUW*/
nav#menuW { width: 100%; min-width: 980px; height: 70px; position: fixed; z-index: 1000; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background-color: rgba(255, 255, 255, 0.95); }
nav#menuW #menu { width: 980px; height: 70px; margin: 0 auto; }
nav#menuW ul { display: block; height: 70px; margin: 0; padding: 0; list-style: none; border-left: 1px solid #dfdfdf; }
nav#menuW ul li { display: inline; float: left; margin: 0; padding: 0; list-style: none; }	
nav#menuW ul li a { display: block; height: 70px; line-height: 70px; padding: 0 30px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 16px; color: #444444; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; text-decoration: none; border-right: 1px solid #dfdfdf; }
nav#menuW ul li a:hover, nav#menuW ul li a.active, nav#menuW ul li a.active:hover { color: #ffffff; text-decoration: none; background: #7A797E; }
nav#menuW ul li:first-child a { display: block; width: 70px; height: 70px; line-height: 70px; padding: 0; text-decoration: none; border-right: 1px solid #dfdfdf; background: url('../grafika/homeButton.png') no-repeat left top; }
nav#menuW ul li:first-child a:hover, nav#menuW ul li:first-child a.active, nav#menuW ul li:first-child a.active:hover { color: #ffffff; text-decoration: none; background: #7A797E url('../grafika/homeButton.png') no-repeat left bottom; }	  


/*MAINW*/	  
main#mainW { width: 100%; min-width: 980px; }
main#mainW #main { width: 100%; min-width: 980px; }


/*SUBPAGEHOME*/
#subpageHome { width: 100%; min-width: 980px; }

section#section1W { width: 100%; min-width: 980px; }
.parallax { background-position: 50% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; }
.section1Parallax { background-image: url("../grafika/section1Bg.jpg"); }
#section1 { width: 980px; margin: 0 auto; height: 100vh; min-height: 500px; position: relative; }

section#section2W { width: 100%; min-width: 980px; }
#section2 { width: 980px; margin: 0 auto; padding: 80px 0 30px 0; }
#section2 .leftCol { float: left; width: 300px; }
#section2 .centerCol { float: left; width: 300px; margin: 0 0 0 40px; }
#section2 .rightCol { float: left; width: 300px; margin: 0 0 0 40px; }

section#section3W { width: 100%; min-width: 980px; }
.parallax { /*as above*/ }
.section3Parallax { background-image: url("../grafika/section3Bg.jpg"); }
#section3 { width: 980px; margin: 0 auto; height: 100vh; min-height: 500px; position: relative; }

section#section4W { width: 100%; min-width: 980px; }
#section4Top { width: 100%; min-width: 980px; padding: 80px 0 30px 0; background: #EBDBDE; }
#section4Top .content { width: 980px; margin: 0 auto; color: #666; }
#section4Top h1, #section4Top .h1, #section4Top h2, #section4Top .h2, #section4Top h3, #section4Top .h3 { color: #666; text-align: center; } 
#section4Bottom { width: 980px; margin: 0 auto; padding: 30px 0; }
#section4Bottom .leftCol { float: left; width: 300px; }
#section4Bottom .centerCol { float: left; width: 300px; margin: 0 0 0 40px; }
#section4Bottom .rightCol { float: left; width: 300px; margin: 0 0 0 40px; }

section#section5W { width: 100%; min-width: 980px; }
.parallax { /*as above*/ }
.section5Parallax { background-image: url("../grafika/section5Bg.jpg"); }
#section5 { width: 980px; margin: 0 auto; height: 100vh; min-height: 500px; position: relative; }

section#section6W { width: 100%; min-width: 980px; }
#section6 { width: 980px; margin: 0 auto; padding: 80px 0 30px 0; position: relative; }
#section6 img { display: block; float: left; width: 186px; margin: 5px; }

section#section7W { width: 100%; min-width: 980px; }
#section7 { width: 980px; margin: 0 auto; padding: 80px 0 30px 0; position: relative; }
#section7 h2 { overflow: hidden; margin: 0; }
#section7 .newsW { display: block; clear: both; overflow: hidden; width: 1020px; margin: 0 0 0 -40px; padding: 0; list-style: none; }
#section7 article.news { display: block; float: left; width: 300px; margin: 0 0 30px 40px; padding: 0; list-style: none; }
#section7 article.news .date1 { height: 80px; line-height: 80px; font-family: "Times New Roman", Times, serif; font-weight: 400; font-size: 90px; color: #444444; text-align: center; }
#section7 article.news .date2 { margin: 0 0 20px 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 16px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
#section7 article.news h3 { overflow: hidden; line-height: 22px; margin: 0; }
#section7 article.news a.title { }	
#section7 article.news a.title:hover { }
#section7 article.news .mainPhoto { margin: 0 0 10px 0; }
#section7 article.news .mainPhoto img { display: block; max-width: 300px; }
#section7 article.news .introduction { }

section#section8W { width: 100%; min-width: 980px; }
.parallax { /*as above*/ }
.section8Parallax { background-image: url("../grafika/section8Bg.jpg"); }
#section8 { width: 980px; margin: 0 auto; height: 100vh; min-height: 500px; position: relative; }

section#section9W { width: 100%; min-width: 980px; }
#section9 { width: 980px; margin: 0 auto; padding: 80px 0 30px 0; position: relative; }
#section9 .contactData { float: left; width: 300px; }
#section9 .contactForm { float: left; width: 640px; margin: 0 0 0 40px; }
#section9 .contactForm .leftCol { float: left; width: 300px; }
#section9 .contactForm .rightCol { float: left; width: 300px; margin: 0 0 0 40px; }
#section9 .contactForm input { display: block; width: 296px; height: 36px; line-height: 36px; margin: 3px 0 5px 0; }
#section9 .contactForm textarea { display: block; width: 296px; height: 125px; margin: 3px 0 5px 0; }
#section9 .contactForm input.tokenInput { display: block; float: left; width: 50px; height: 19px; margin: 3px 0 5px 0; }
#section9 .contactForm .token { display: block; float: left; height: 22px; line-height: 22px; margin: 3px 0 5px 5px; border: 1px solid #ffffff; background: #ffffff; }
#section9 .contactForm input.sendButton, #section8 .contactForm input.sendButton:hover { }

section#section10W { width: 100%; min-width: 980px; }
#section10 { width: 100%; min-width: 980px; }


/*SUBPAGE*/
#subpage { width: 980px; margin: 0 auto; padding: 30px 0; }


/*SUBPAGECONTACT*/
/*not exist
#subpageContact { width: 980px; margin: 0 auto; padding: 30px 0; }
#subpageContact .contactData { float: left; width: 300px; }
#subpageContact .contactForm { float: left; width: 300px; margin: 0 0 0 40px; }
#subpageContact .contactMap { float: left; width: 300px; margin: 0 0 0 40px; }
*/


/*FOOTERW*/
footer#footerW { width: 100%; min-width: 980px; background: #7A797E; }
footer#footerW #footer { width: 980px; margin: 0 auto; }

footer#footerW #footer .footerMenu { width: 980px; }	
footer#footerW #footer .footerMenu .box { width: 980px; text-align: center; height: 25px; }
footer#footerW #footer .footerMenu .box ul.footerMenuUl { display: inline-block; float: none; height: 40px; margin: 0; padding: 0; list-style: none; }
footer#footerW #footer .footerMenu .box ul.footerMenuUl li { display: inline; float: left; margin: 0 15px; padding: 0; list-style: none; }	
footer#footerW #footer .footerMenu .box ul.footerMenuUl a { display: block; height: 40px; line-height: 40px; font-family: 'Open Sans', Arial, sans-serif; font-weight: 400; font-size: 12px; color: #dfdfdf; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; }
footer#footerW #footer .footerMenu .box ul.footerMenuUl a:hover { color: #ffffff; text-decoration: none; }

footer#footerW #footer .copyright { width: 980px; }
footer#footerW #footer .copyright .content { float: left; height: 40px; line-height: 40px; font-size: 11px; color: #ffffff; }
footer#footerW #footer .copyright .webdesign { float: left; height: 40px; line-height: 40px; margin: 0 0 0 30px; }
footer#footerW #footer .copyright .webdesign a { font-size: 11px; color: #ffffff; text-decoration: none; }
footer#footerW #footer .copyright .webdesign a:hover { color: #ffffff; text-decoration: none; }
footer#footerW #cookieInfo { float: right; height: 20px; line-height: 20px; margin: 10px 0 0 0; }
footer#footerW #cookieInfo #cookieInfoTxt { float: left; line-height: 20px; font-size: 11px; color: #ffffff; }
footer#footerW #cookieInfo a.cookieButton { display: block; float: left; height: 20px; line-height: 20px; margin: 0 0 0 15px; color: #ffffff; text-transform: none; 	white-space: nowrap; text-decoration: none; }
footer#footerW #cookieInfo a.cookieButton:hover { color: #bbbbbb; text-decoration: none; }

/*MODULES*/

/*newList and newsDetails*/
.newsList { }
.newsList ul.newsListUl { display: block; clear: both; width: 1020px; margin: 0 0 0 -40px; padding: 0; list-style: none; }
.newsList ul.newsListUl li { display: block; float: left; width: 300px; margin: 0 0 30px 40px; padding: 0; list-style: none; }
.newsList .newsListUl .date1 { height: 80px; line-height: 80px; font-family: "Times New Roman", Times, serif; font-weight: 400; font-size: 90px; color: #444444; text-align: center; }
.newsList .newsListUl .date2 { margin: 0 0 20px 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 16px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-align: center; }
.newsList .newsListUl a.title { }	
.newsList .newsListUl a.title:hover { }
.newsList .newsListUl .mainPhoto { margin: 0 0 10px 0; }
.newsList .newsListUl .mainPhoto img { display: block; max-width: 300px; }
.newsList .newsListUl .date { }
.newsList .newsListUl .introduction { }
.newsDetails { }
.newsDetails .date1 { height: 80px; line-height: 80px; font-family: "Times New Roman", Times, serif; font-weight: 400; font-size: 90px; color: #444444; text-align: left; }
.newsDetails .date2 { margin: 0 0 20px 0; font-family: 'Open Sans', Arial, sans-serif; font-weight: 600; font-size: 16px; color: #444444; letter-spacing: 1px; text-transform: uppercase; text-align: left; }
.newsDetails .mainPhoto { float: left; margin: 0 20px 20px 0; }
.newsDetails .mainPhoto img { display: block; max-width: 300px; }
.newsDetails .newsMoviesList { margin: 20px 0 0 0; }
.newsDetails .newsMoviesList .box { padding: 0 0 20px 0; }
.newsDetails .newsGalleryDetails { margin: 20px 0 0 0; }
.newsDetails .newsGalleryDetails .col1 { float: left; width: 230px; }
.newsDetails .newsGalleryDetails .col2 { float: left; width: 230px; margin: 0 0 0 20px; }
.newsDetails .newsGalleryDetails .col3 { float: left; width: 230px; margin: 0 0 0 20px; }
.newsDetails .newsGalleryDetails .col4 { float: left; width: 230px; margin: 0 0 0 20px; }
.newsDetails .newsGalleryDetails .photo { margin: 0 0 20px 0; }
.newsDetails .newsGalleryDetails .photo img { display: block; width: 230px; }

/*textwww*/
.textwww { margin: 0 0 20px 0; padding: 0 0 20px 0; }

/*galleriesList and galleryDetails*/
.galleriesList { width: 1020px; margin: 0 0 20px -40px; }
.galleriesList .box { float: left; width: 470px; padding: 0 0 30px 40px; }
.galleriesList .box .mainPhoto { float: left; margin: 0 20px 0 0; }
.galleriesList .box .mainPhoto img { display: block; width: 230px; }
.galleriesList .box .text { float: left; width: 220px; }
.galleriesList .box .text a.title { }
.galleriesList .box .text a.title:hover { }
.galleryDetails { margin: 0 0 20px 0; }
.galleryDetails .col1 { float: left; width: 230px; }
.galleryDetails .col2 { float: left; width: 230px; margin: 0 0 0 20px; }
.galleryDetails .col3 { float: left; width: 230px; margin: 0 0 0 20px; }
.galleryDetails .col4 { float: left; width: 230px; margin: 0 0 0 20px; }
.galleryDetails .photo { margin: 0 0 20px 0; }
.galleryDetails .photo img { display: block; width: 230px; }

/*moviesList*/
.moviesList { margin: 0 0 20px 0; }
.moviesList .box { padding: 0 0 20px 0; }

#main #prevnext { clear: both; width: 980px; text-align: center; }


/*TOTOP*/
#toTop { display: none; overflow: hidden; width: 50px; height: 50px; position: fixed; bottom: 10px; right: 10px; text-decoration: none; border: none; background: url('../grafika/toTopButton.png') no-repeat left top; }
#toTopHover { display: block; overflow: hidden; width: 50px; height: 50px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); background: url('../grafika/toTopButton.png') no-repeat left top; }
#toTop:active, #toTop:focus { outline:none; }