@charset "UTF-8";
/* CSS Document */

body {width:100%; height:auto; margin:0 auto; font-family: 'Roboto', sans-serif; color:#000; size:14px; line-height:24px;}
.crl{clear:both;}
h1{  font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:24px; color:#000; font-weight:normal;}
h2{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; size:24px; font-weight:normal; padding:0; margin:0;}
h3{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; size:18px; font-weight:normal; padding:0; margin:0;}

#slide{width:100%; height:700px; z-index:1; position:relative;}
#slide-podstrona{width:100%; height:350px; z-index:1; position:relative; background:#ccc url(img/bg-zakladka.jpg) top center no-repeat;}
#slide img{ width:100%; height:700px;}

#site{width:100%; height:auto; z-index:2; top:0; position:absolute;}
#strona{width:990px; height:auto; margin:0 auto;}
#sidebar{width:270px; margin-right:30px; height:auto; float:left; margin-top:25px;}
#sidebar img{ width:148px; height:133px; margin-left:61px;}
.sidebar1{width:240px; height:270px; padding:15px; background:#fcb040; margin-top:30px;}
.sidebar2a{width:240px; height:30px; padding:15px; background:#333; margin-top:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-weight:normal; line-height:30px;}
.menu{width:270px; padding:0px; background:#f7941e; margin-top:0px; position:relative;}
.sidebar2-podstrona{width:270px; padding:0px; background:#f7941e; margin-top:0px; margin-bottom:30px;}
.sidebar3{width:255px; height:43px; padding-right:15px; padding-top:257px; background:url(img/sidebar-button.jpg) top center no-repeat; margin-top:30px; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:22px; color:#f1592a; line-height:34px; text-align:right; margin-bottom:30px;}
.sidebar3 a{font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:22px; color:#f1592a; line-height:34px; text-decoration:none;}
#content{width:690px; height:auto; margin-top:600px; float:left;}
#content-podstrona{width:690px; height:auto; margin-top:250px; float:left;}
#naglowek{width:690px; height:80px; font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif; font-size:36px; color:#fff; line-height:34px; margin-left:0px; text-align:right;}
#tresc-www{width:630px; height:auto; background:#FFFFFF; min-height:500px; padding:30px;}

#footer{width:100%; height:300px; background:#373737 url(img/footer-bg.png) top right no-repeat;}
#footer-tresc{width:990px; margin:0 auto; height:300px; color:#fff;}
.footer1{ width:50%; height:270px; margin-top:30px; float:left;}
.footer1 a{ color:#fff; text-decoration:none;}
.footer1-1{ width:50%; height:270px; float:left;}
.footer1-2{ width:50%; height:270px; float:left;}
.footer2{ width:25%; height:270px; margin-top:30px; float:left;}
.footer3{ width:25%; height:270px; margin-top:30px; float:left;}
#footer2{width:100%; height:50px; background:#333333;}
#footer2-tresc{width:990px; margin:0 auto; height:50px; font-weight:200;}
#footer2-tresc a{ color:#fff; text-decoration:none; size:12px;}
.footer-lewa{float:left; font-size:12px; color:#fff; line-height:50px; text-align:left;}
.footer-prawa{float:right; font-size:12px; color:#fff; line-height:50px; text-align:right;}




#slider {
    width: 100%; /* szerokosc slidera */
    height: 700px; /* wysokosc slidera */
    position: relative;
    overflow: hidden;
    padding:0;
}

#sliderContent {
    width: 100%; /* wartosc taka sama jak szerokosc slidera */
    position: absolute;
    top: 0;
    padding:0;
    margin: 0;
}

.sliderImage {
    float: left;
    position: relative;
    display: none;
}

.sliderImage span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 934px;
    background-color: #000;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    color: #fff;
    display: none;
}

.clear {
    clear: both;
}

.sliderImage span strong {
    font-size: 14px;
}

.top {
    top: 0;
    left: 0;
}

.bottom {
    bottom: 0;
    left: 0;
}

ul { list-style-type: none;} 




#sidebar li {
	
	list-style: none;
	margin: 0;
	padding: 0;
	display:block;
	width:240px;
}
#sidebar li a{ color:#000; background:#f7941e; display: block; width:255px;padding-left:15px; height:50px; line-height:50px; text-decoration:none;}
#sidebar li a:hover{ color:#fff; background:#333; display: block; width:255px;padding-left:15px; height:50px; line-height:50px; text-decoration:none;}
#sidebar .active a{ color:#fff; background:#D45F33; display: block; width:255px;padding-left:15px; height:50px; line-height:50px; text-decoration:none;}





.menu li li a {
     width: 250px;
}
 
.menu li li:hover {
     background: white;
}
 
.menu li ul {
     overflow: hidden;
     display: none;
}
 
.menu li:hover ul {
     position: absolute;
     background: #aaa;
     padding: 0;
     display: block;
     width: 250px;
     left:270px;
     top:85px;
}


.thumb{text-align:center; margin-bottom:15px;}


/* Shoutbox */
.sb_box {
	background: #efefef;
	border: 2xp solid #bdbdbd;
	color: #4a4a4a;
	border-radius: 10px;
	padding: 10px;
}

.sb_post {
    background: #f5f5f5;
	box-shadow: 0 0 5px #aaa;
	margin: 5px 0;
	color: #888;
	padding: 5px 10px;
}

.sb_box form #sb_cont, .sb_box form #sb_nick{
    background: #fff;
	box-shadow: 0 0 5px #aaa;
	margin: 5px 0;
	color: #888;
	border: none !important;
	float: none !important;
	outline: 0;
	font-size: 15px;
	font-family: Arial, sens-serif;
	margin: 0 !important;
	display: block !important;
	width: 600px !important;
	height: 25px;
	padding: 5px;
}

.sb_box form button#sb_send,.sb_box form button#sb_login {
	background: #8a8a8a;
	height: 25px;
	line-height: 25px;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: block;
	clear: none !important;
	margin: 0 !important;
	width: 25px !important;
	height: 25px !important;
	line-height: 25px !important;
	position: relative;
	float: right;
	right: 5px;
	top: -30px;
	opacity: 0.2;
}

.sb_box #sb_form:hover #sb_send,.sb_box #sb_form:hover #sb_login  {
	opacity: 0.5;
}

.sb_box #sb_form:hover #sb_send:hover,.sb_box #sb_form:hover #sb_login:hover  {
	opacity: 1;
}

#sb_bbcode {
	margin: 10px 0 0 0;
}

#sb_bbcode a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	background: #f9f9f9;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	box-shadow: inset 0 0 5px #aaa;
	cursor: pointer;
	color: #888;
	font-weight: bold;
	font-family: Times New Roman, sans-serif;
}

#sb_bbcode a:active {
	box-shadow: inset 0 0 5px #888;
}

#sb_form {
	margin: 0 0 35px 0;
}

.sb_post_nick {
	font-weight: bold;
	color: #333;
}

.sb_post_date {
	float: right;
	font-style: italic;
	color: #afafaf;
}

#sb_bbcode {
display: none;
}

.covid {
position: fixed;
z-index: 99;
display: block;
width: 150px;
padding-top:20px;
padding-bottom:20px;
top: 300px;
left: 0;
background: #f7941e;
text-align: center;
}
.covid a {
color: white;
text-decoration: none;
text-align: center;
}

.bon {
position: fixed;
z-index: 99;
display: block;
width: 150px;
height: 70px;
top: 400px;
left: 0;
background: #f7941e;
}
.bon svg {
margin-left: 15%;
width: 70%;
height: 60%;
margin-top: 9%;
fill:white;
}