/* CSS Document */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}



#div_fotki {
    display: block;
}
#div_fotki_print {
    display: none; 
}
#div_fotki2 {
	float: left;
	margin-bottom:20px;
}

@media (min-width: 1200px) {
	.tresc_strony {
	
	background-position: top;
	background-attachment: fixed;
}
	#head_mobi
	{
		display: none;
	}
	#body_top { 
		float: left;
		width: 50%;
		height: 7px;
		background-image: url(images/tlo_linia_top.jpg);
		background-repeat: repeat-x;
		z-index: -10;
		position: absolute;
	}
	#banner {
		width:100%; 
		height: 690px;
		float:left; 
		margin-top:154px;
		cursor: pointer;
	}
	div.banner_top {
		width: 100%;
		height: 690px;
		float: left;
		background-position: center;
		background-repeat: no-repeat;
	}
	div.banner_top2 {
		width: 100%;
		height: 50px;
		float: left;
		background-position: top;
		margin-top:154px;
	}
	#head {
		height:189px;
		float:left;
		z-index: 10;
		position: absolute;
		display: block;
	}
	#head_content {
		width:1160px;
		height:189px;
		margin: 0 auto;
		background-image: url(images/tlo_linia_top.jpg);
		background-repeat: repeat-x;
		background-position: top;
	}
	#head_content_top {
		float: left;
		width: 100%;
		height: 102px;
		margin-top: 7px;
	}
	#head_content_menu {
		float: left;
		height: 80px;
	}
	#head_content_top_1 {
		float: left;
		width: 280px;
		height: 102px;
	}
	#head_content_top_2 {
		float: left;
		width: 569px;
		height: 62px;
		padding-top: 40px;
		margin-left: 10px;
	}
	#head_content_top_3 {
		float: right;
		width: 269px;
		height: 102px;
	}
	#head_content_menu1 {
		float: left;
		height: 80px;
	}
	#head_content_menu1_top {
		float: left;
		height: 45px;
	}
	#head_content_menu1_bottom {
		float: left;
		width: 100%;
		height: 35px;
	}
	div.menu_top_button_a {
		height: 45px;
		background-color: #074079;
		color: #FFFFFF;
		font-size: 14px;
		float: left;
		cursor: pointer;
	}
	div.menu_top_button_a_d {
		height: 45px;
		background-color: #e52413;
		color: #FFFFFF;
		font-size: 14px;
		float: left;
		cursor: pointer;
	}
	div.menu_top_button_text {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 12px;
	}
	#menu_top_jezyk {
		height: 35px;
		background-color: #FFFFFF;
		opacity: 0.70; 
		filter: alpha(opacity=70);
		float: right;
		color: #000000;
		font-size: 16px;
		padding-top: 6px;
		padding-right: 20px;
		padding-left: 20px;
		text-transform: uppercase;
	}
	#head_menu_redline1 {
		width: 6px;
		height: 80px;
		float: left;
		background-image: url(images/tlo_red.png);
	}
	#page {
		float: left;
		width: 100%;
	}
	#page2 {
		float: left;
		width: 100%;
	}
    
    #content_left {
	   width:200px;
	   float:left;
    }
    
    #content_right {
	   width:680px;
	   padding-left:20px;
	   float:left;
    }
    #banner_show {
		display: block;
		width: 100%;
		float: left;
	}
}

@media (max-width: 1199px) and (min-width: 650px) {
	.tresc_strony {
	background-color: #f5f5f5;
	background-position: top;
	background-attachment: fixed;
}
	#head_mobi
	{
		display: block;
		width: 100%;
		float: left;
	}
	#head {
		display: none;
	}
	#banner {
		display: none;
	}
	#banner_top {
		width: 100%;
		height: 690px;
		float: left;
	}
	#body_top {
		display: none;
	}
    #page {
	   width:600px;
	   height:auto;
	   margin:0 auto;
	   float:inherit;
    }
    
    #content_left {
	   width:600px;
	   float:left;
    }
    
    #content_right {
	   width:600px;
	   float:left;
    }
    #banner_show {
		display: block;
		width: 100%;
		float: left;
	}
}

@media (max-width: 649px) {
	.tresc_strony {
	
}
	#head_mobi
	{
		display: block;
		width: 100%;
		float: left;
	}
	#head {
		display: none;
	}
	#body_top {
		display: none;
	}
	#banner {
		display: none;
	}
	#banner_top {
		width: 100%;
		height: 690px;
		float: left;
	}
    #page {
	   width:300px;
	   height:auto;
	   margin:0 auto;
	   float:inherit;
    }
    
    #content_left {
	   width:300px;
	   float:left;
    }
    
    #content_right {
	   width:300px;
	   float:left;
    }
    #banner_show {
		display: block;
		width: 100%;
		float: left;
	}
}

#headup {
	width:100%;
	height:20px;
	float:left;
}
#content {
	width:100%;
	float:left;
	margin-top: 20px;
}
#footer_top {
	width:100%;
	background-color: #666666;
	padding-top: 10px;
	padding-bottom: 11px;
	float:left;
	text-align:center;
	color: #999;
	font-size: 10px;
	line-height: 14px;
}
#footer {
	width:100%;
	background-color: #252525;
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	text-align:center;
	color: #999;
	font-size: 11px;
	line-height: 18px;
}
span.naglowek_footer {
	font-weight: bold;
	font-size: 14px;
	line-height: 34px;
}
a:link {
	color:#0066CC;
	text-decoration:none;
}
a:visited {
	color:#0066CC;
	text-decoration:none;
}
a:hover {
	color:#000000;
	text-decoration:none;
}

a.link_menu_footer:link {
	color:#999;
	text-decoration:none;
}
a.link_menu_footer:visited {
	color:#999;
	text-decoration:none;
}
a.link_menu_footer:hover {
	color:#fff400;
	text-decoration:none;
}

a.link_sciezka:link {
	color:#999999;
	text-decoration:none;
}
a.link_sciezka:visited {
	color:#999999;
	text-decoration:none;
}
a.link_sciezka:hover {
	color:#999999;
	text-decoration:underline;
}
a.link_footer:link {
	color:#eee;
	text-decoration:none;
}
a.link_footer:visited {
	color:#eee;
	text-decoration:none;
}
a.link_footer:hover {
	color:#fff400;
	text-decoration:none;
}
a.link_jezyk:link {
	color: #000000;
	text-decoration: none;
}
a.link_jezyk:visited {
	color: #000000;
	text-decoration: none;
}
a.link_jezyk:hover {
	color: #000000;
	text-decoration: underline;
}
a.link_menu_top:link {
	color: #4d4d4d;
	text-decoration: none;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}
a.link_menu_top:visited {
	color: #4d4d4d;
	text-decoration: none;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}
a.link_menu_top:hover {
	color: #4d4d4d;
	text-decoration: underline;
	font-size: 14px;
	margin-left: 5px;
	margin-right: 5px;
}
a.link_menu_kat_top:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	padding: 10px;
}
a.link_menu_kat_top:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	padding: 10px;
}
a.link_menu_kat_top:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	padding: 10px;
}
h1 {
	font-size:24px;
	color: #003870;
}
img.fotka {
	border:0px;
	margin:10px;
}

div.produkt_mini_nag {
	width:100%; 
	float:left; 
	padding-top:5px; 
	padding-bottom:5px; 
	background-color:#074079; 
	color:#FFFFFF;
}
span.span_nazwa_produktu {
	margin-left:10px;
}

.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; }