/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 20px;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


#top_head_left {
	float: left;
	width: 126px;
	height: 80px;
}

@media (min-width: 980px) {
	div.banner_jssor {
		top: 0px;
	}
	#top_head {
		float: left;
		width: 100%;
		height: 80px;
		top: 0px;
		position: fixed;
		background-image: url(images/tlo_top.png);
		background-repeat: repeat-x;
		z-index: 100;
	}
	#top_head_content {
		margin: 0 auto;
		width: 980px;
	}
	#top_head_right {
		float: left;
		width: 854px;
		height: 80px;
	}
	#top_head_label {
		height: 30px;
		float: left;
	}
	#top_head_flag {
		height: 30px;
		float: right;
		margin-top: 8px;
	}
	#top_head_menu {
		width: 854px;
		height: 50px;
		float: left;
	}
	#top_banners_48 {
		float: left;
		width: 100%;
		height: 80px;
		top: 80px;
		position: fixed;
		z-index: 50;
	}
	#top_banners_48_content {
		width: 980px;
		margin: 0 auto;
	}
	#top_banners_48_content_2 {
		float: right;
	}
    #page {
	   width: 980px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
    }
	#page1 {
	   width: 980px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
    }
	#page2 {
	   width: 980px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
	   padding-top:90px;
    }
	#footer_content {
		margin: 0 auto;
		width: 980px;
	}
	#footer_content_1 {
		margin-right: 30px;
		width: 100px;
		float: left;
	}
	#footer_content_2 {
		float: left;
		width: 850px;
		background-image: url(images/tlo_footer.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-top: 30px;
		padding-bottom: 30px;
	}
    #content_start_left {
	   width: 480px;
	   float: left;
    }
    #content_start_right {
	   width: 480px;
	   padding-left: 20px;
	   float: left;
	   
    }
	#content_contact_left {
	   width:480px;
	   float:left;
    }
    #content_contact_right {
	   width:480px;
	   float:left;
	   padding-left: 20px;
    }
	#content_left {
	   width:480px;
	   float:left;
    }
    
    #content_right {
	   width:480px;
	   padding-left:20px;
	   float:left;
    }
	#content_bottom {
		float: left;
		width: 100%;
		display: block;
	}
	#content_bottom_1 {
		float: left;
		width: 310px;
	}
	#content_bottom_2 {
		float: left;
		width: 320px;
		margin-left: 20px;
		margin-right: 20px;
	}
	#content_bottom_3 {
		float: left;
		width: 310px;
	}
	#div_menu_a {
		display: none;
	}
	div.content_strona_fotka {
		width: 880px; 
		margin: 0 auto;
	}
    
}
@media (max-width: 979px) and (min-width: 600px) {
	div.banner_jssor {
		top: 80px;
	}
	#top_head {
		float: left;
		width: 100%;
		height: 80px;
		background-image: url(images/tlo_top.png);
		background-repeat: repeat-x;
		z-index: 100;
	}
	#top_head_content {
		margin: 0 auto;
		width: 600px;
	}
	#top_head_right {
		float: left;
		width: 474px;
		height: 80px;
	}
	#top_head_label {
		display: none;
	}
	#top_head_flag {
		height: 30px;
		float: right;
		margin-top: 8px;
	}
	#top_head_menu {
		display: none;
	}
	#top_banners_48 {
		display: none;
	}
	#top_banners_48_content {
		display: none;
	}
	#top_banners_48_content_2 {
		display: none;
	}
    #page {
	   width:600px;
	   height:auto;
	   margin:0 auto;
	   float:inherit;
    }
	#page1 {
	   width: 600px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
    }
	#page2 {
	   width: 600px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
	   padding-top:90px;
    }
	#footer_content {
		margin: 0 auto;
		width: 600px;
	}
	#footer_content_1 {
		display: none
	}
	#footer_content_2 {
		float: left;
		width: 600px;
		background-image: url(images/tlo_footer.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
		font-size: 10px;
	}
	#content_start_left {
	   width:600px;
	   float:left;
    }
    
    #content_start_right {
	   width:600px;
	   float:left;
    }
    #content_contact_left {
	   width:600px;
	   float:left;
    }
    #content_contact_right {
	   width:600px;
	   float:left;
    }
    #content_left {
	   width:600px;
	   float:left;
    }
    
    #content_right {
	   width:600px;
	   float:left;
	   background-color:#FFFFFF;
    }
	#content_bottom {
		display: none;
	}
	#div_menu_a {
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	div.menu_a {
		width: 600px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #009400;
		color: #FFFFFF;
		margin-top: 1px;
		cursor: pointer;
	}
	div.content_strona_fotka {
		width: 440px; 
		margin: 0 auto;
	}
    
}

@media (max-width: 599px) {
	div.banner_jssor {
		top: 80px;
	}
	#top_head {
		float: left;
		width: 100%;
		height: 80px;
		background-image: url(images/tlo_top.png);
		background-repeat: repeat-x;
		top: 0;
		z-index: 100;
	}
	#top_head_content {
		margin: 0 auto;
		width: 300px;
	}
	#top_head_right {
		float: left;
		width: 174px;
		height: 80px;
	}
	#top_head_label {
		display: none;
	}
	#top_head_flag {
		height: 30px;
		float: right;
		margin-top: 8px;
	}
	#top_head_menu {
		display: none;
	}
	#top_banners_48 {
		display: none;
	}
	#top_banners_48_content {
		display: none;
	}
	#top_banners_48_content_2 {
		display: none;
	}
    #page {
	   width:300px;
	   height:auto;
	   margin:0 auto;
	   float:inherit;
    }
	#page1 {
	   width: 300px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
    }
	#page2 {
	   width: 300px;
	   height: auto;
	   margin: 0 auto;
	   float: inherit;
	   padding-top:90px;
    }
	#footer_content {
		margin: 0 auto;
		width: 300px;
	}
	#footer_content_1 {
		display: none
	}
	#footer_content_2 {
		float: left;
		width: 300px;
		background-image: url(images/tlo_footer.png);
		background-repeat: no-repeat;
		background-position: right;
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
		font-size: 10px;
	}
    #content_start_left {
	   width:300px;
	   float:left;
    }
    #content_start_right {
	   width:300px;
	   float:left;
    }
	#content_contact_left {
	   width:300px;
	   float:left;
    }
    #content_contact_right {
	   width:300px;
	   float:left;
    }
    #content_left {
	   width:300px;
	   float:left;
    }
    
    #content_right {
	   width:300px;
	   float:left;
	   background-color:#FFFFFF;
    }
	#content_bottom {
		display: none;
	}
	#div_menu_a {
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	div.menu_a {
		width: 300px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		font-weight: bold;
		text-transform: uppercase;
		background-color: #009400;
		color: #FFFFFF;
		margin-top: 1px;
		cursor: pointer;
	}
	div.content_strona_fotka {
		width: 220px; 
		margin: 0 auto;
	}
    
}

#headup {
	width:100%;
	height:20px;
	float:left;
	background-color:#FFFFFF;
}
#head {
	width:100%;
	height:100px;
	float:left;
	background-color:#666666;
}
#content {
	width:100%;
	float:left;
	background-color:#FFFFFF;
}
#footer {
	width:100%;
	float:left;
	background-color:#28292B;
	color: #CCCCCC;
	text-align: left;
	line-height: 30px;
}
a:link {
	color:#0066CC;
	text-decoration:none;
}
a:visited {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
a.link_footer:link {
	color:#CCCCCC;
	text-decoration:none;
}
a.link_footer:visited {
	color:#CCCCCC;
	text-decoration:none;
}
a.link_footer:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
a.link_menu:link {
	color:#FFFFFF;
	text-decoration:none;
	padding: 10px;
}
a.link_menu:visited {
	color:#FFFFFF;
	text-decoration:none;
	padding: 10px;
}
a.link_menu:hover {
	color:#FFFFFF;
	text-decoration:none;
	padding: 10px;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #148f07;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #148f07;
}
img.fotka {
	border:0px;
	margin:10px;
}
div.fotka_strona {
	float: left;
	border:0px;
	margin:10px;
	width: 200px;
	height: 140px;
	background-position: center;
	background-repeat: no-repeat;
}

.jssorb21 {
   position: absolute;
   bottom: 26px;
   left: 6px;
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	position: absolute;
	width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    color: white;
    font-size: 12px;
    background: url(images/b21.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r {
	display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(images/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; top: 123px; left: 8px; }
.jssora21r { background-position: -63px -33px; top: 123px; right: 8px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21l.jssora21ldn { background-position: -243px -33px; }
.jssora21r.jssora21rdn { background-position: -303px -33px; }