@font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Thin-webfont.eot'); src: url('../fonts/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Thin-webfont.woff') format('woff'), url('../fonts/Roboto-Thin-webfont.ttf') format('truetype'), url('../fonts/Roboto-Thin-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto Regular'; src: url('../fonts/Roboto-Light-webfont.eot'); src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg'); font-weight: normal; font-style: normal; }

html { height:100%; }
body { margin:0px; padding:0px; background-color:#2060a9; color:#999; font:16px 'Roboto Regular', Arial, Helvetica, sans-serif; height: 100%; }
a { text-decoration:none; }

img { border:0px; }

.center { text-align:center; }
#main { width:996px; min-height:100%; height: auto !important; height: 100%; margin: 0 auto -65px;}
#left { width:300px; background-color:#fff; height:100%; position:fixed; }
#sidebar { width:300px; float:left; position:relative; }
.logo { margin:20px 0px 15px; }
.logo-info { font:12px 'Roboto Regular', Arial, Helvetica, sans-serif; }

.footer, .push { height: 65px; clear:both; }
.footer { font:12px 'Roboto Regular', Arial, Helvetica, sans-serif; background-color:#fff; text-align:center; width:996px; position:absolute; left:50%; margin-left:-498px; }
.footerright { height:65px; float:left; width:696px; }
.copyright { width:300px; background-color:#f6f6f6; height:65px; float:left; text-align:left; }
.footer p { margin:0px; padding:15px 20px 15px 20px; }
.footer a { color:#999; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; }
.footer a:visited { color:#999; }
.footer a:hover { color:#2060a9; }

#menu-left li.active {background-color:#d3e7fd;}
#menu-left a { color:#656464; text-transform:uppercase; font:16px 'Roboto Regular', Arial, Helvetica, sans-serif; padding-left:28px; line-height:50px; width:100%; display:block; }
#menu-left a:visited { color:#000000; } 
#menu-left ul, li { list-style-type: none; margin: 0; padding: 0;}
#menu-left li { line-height:50px; clear:both; background-color:#f6f6f6; margin-bottom:2px; transition: background-color 0.15s linear; -moz-transition: background-color 0.15s linear; -webkit-transition: background-color 0.15s linear; }
#menu-left .special { background-color:#ededed; }

#menu-left li:hover { background-color:#d3e7fd; }

.social { width:140px; margin:0 auto; padding-top:20px; }
.facebook { width:42px; height:42px; background-image: url('../images/social/facebooku.png'); cursor:point; margin:0 auto; display:inline-flex;  }
.facebook:hover { background-image: url('../images/social/facebooka.png'); }
.twitter { width:42px; height:42px; background-image: url('../images/social/twitteru.png'); cursor:point; margin:0 auto; display:inline-flex; }
.twitter:hover { background-image: url('../images/social/twittera.png'); }
.google { width:42px; height:42px; background-image: url('../images/social/googleu.png'); cursor:point; margin:0 auto; display:inline-flex; }
.google:hover { background-image: url('../images/social/googlea.png'); }

#content { width:696px; margin-left:300px; }

#menu-top { background-image:url('../images/menu-bg.png'); width:350px; height:42px; position:absolute; top:0px; left:50%; margin-left:148px; z-index:100; }
#menu-top img, .menu-login img { margin-right:5px; position:relative; top:3px; }
#menu-top a, .menu-login a { color:#fff; font:15px 'Roboto Regular', Arial, Helvetica, sans-serif; }

.menu-login { background-color:#96be0e; color:#fff; width:150px; height:42px; position:absolute; top:42px; left:50%; margin-left:348px; text-align:center; z-index:100; }

#slider-text { color:#fff; font:48px 'Roboto', Arial, Helvetica, sans-serif; position:absolute; top:60px; left:50%; margin-left:-170px; z-index:100; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; }
#slider-text:hover { transform:scale(1.05); }

.padding { padding:20px; }
.widget { width:348px; background-color:#fff; float:left; }
.widget a { color:#999; }
.widget h2 { color:#000; font:30px 'Roboto', Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 15px 0px; }
.font1 { font-size:17px; color:#999; }

.moreb { color:#000; padding-top:15px; transition: padding-left 0.15s linear; -moz-transition: padding-left 0.15s linear; -webkit-transition: padding-left 0.15s linear; }
.moreb:hover { padding-left:10px; }
.moreb img { padding-right:5px; position:relative; top:2px; }
.join {margin-top:45px; margin-bottom:45px; background-color:#96be0e; color:#fff; text-align:center; text-transform:uppercase; font:28px 'Roboto', Arial, Helvetica, sans-serif; line-height:88px; transition: font-size 0.15s linear; -moz-transition: font-size 0.15s linear; -webkit-transition: font-size 0.15s linear; }
.join:hover { font-size:32px; }

.jakuczymy { background: #fff url('../images/jakuczymy.jpg') no-repeat right bottom; float:right !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear;}
.jakuczymy:hover { background-position: 150px bottom;  }
.font2 { font-size:14px; width:150px; padding-bottom:10px; color:#999; }

.motto { color:#999; background: #fff url('../images/motto.jpg') no-repeat center bottom; float:right !important; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; height:200px; width:270px; }
.motto:hover { background-position: -20px bottom;  }
.motto1 { background-image:none; height:130px; }

.kontakt { width:696px !important; }
.kontakt p { line-height:16px; padding:0px; }
.kontakt p img { margin-right:10px; position:relative; top:2px; }
.kontakt h2 { color:#000; font:24px 'Roboto', Arial, Helvetica, sans-serif; margin:0px; padding:0px 0px 0px 0px; }

.slideshow { position: relative; z-index:0; }
.slideshow > ul { margin: 0; padding: 0; }
.slideshow > ul > li { width: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; display: none; }
.slideshow > ul > li.is-before, .slideshow > ul > li.is-after { position: absolute; top: 0; left: 0; z-index: 1; display: block; opacity: 0; }
.slideshow > ul > li.is-current { position: relative; z-index: 2; display: block; opacity: 1; }
.slideshow > ul > li > img { display: block; min-width: 100%; height: auto; }