* {
	padding: 0;
	margin: 0;
	outline: 0;
}

a {
	text-decoration: none;
	color: #A60000;
}

a:hover {
	text-decoration: underline;
}


ul li {
	list-style: none;
}

img {
	border: none;
}

body {
	font: 11px Tahoma, Arial, sans-serif;
	color: #3F3F3F;
}

#container {
	margin: 0 auto;
	width: 774px;
	position: relative;
}

#top {
	position: relative;
	width: 774px; height: 174px;	
}

#top .random-pic {
	position: absolute; top: 0px; left: 0px;	
}

#top .random-pic img {
	width: 515px; height: 174px;	
}

#top #menu {
	position: absolute; top: 2px; right: 20px;
	padding: 0px 0px;
}

#top #menu ul li {
	padding: 0px 0px;
}

#menu .menu1 {
	background: url(../images/menu1.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu1:hover {
	background: url(../images/menu1ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu2 {
	background: url(../images/menu2.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu2:hover {
	background: url(../images/menu2ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu3 {
	background: url(../images/menu3.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu3:hover {
	background: url(../images/menu3ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu4 {
	background: url(../images/menu4.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu4:hover {
	background: url(../images/menu4ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu5 {
	background: url(../images/menu5.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu5:hover {
	background: url(../images/menu5ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu6 {
	background: url(../images/menu6.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu6:hover {
	background: url(../images/menu6ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu7 {
	background: url(../images/menu7.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu7:hover {
	background: url(../images/menu7ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu8 {
	background: url(../images/menu8.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#menu .menu8:hover {
	background: url(../images/menu8ov.gif) no-repeat;
	width: 142px; height: 20px; display: block;
	text-indent: -9999px;
}

#top #ikonki {
	position: absolute; top: 178px; left: 80px;
	padding: 0px 0px;
}

#top #ikonki ul li {
	padding: 0px 3px;
	float: left;
}

#ikonki .ik1 {
	background: url(../images/ik1.gif) no-repeat;
	width: 15px; height: 15px; display: block;
	text-indent: -9999px;
}

#ikonki .ik2 {
	background: url(../images/ik2.gif) no-repeat;
	width: 15px; height: 15px; display: block;
	text-indent: -9999px;
}

#ikonki .ik3 {
	background: url(../images/ik3.gif) no-repeat;
	width: 15px; height: 15px; display: block;
	text-indent: -9999px;
}

#ikonki .ik4 {
	background: url(../images/ik4.gif) no-repeat;
	width: 15px; height: 15px; display: block;
	text-indent: -9999px;
}

#ikonki .ik5 {
	background: url(../images/ik5.gif) no-repeat;
	width: 15px; height: 15px; display: block;
	text-indent: -9999px;
}

#header {
	background: url(../images/header.gif) no-repeat;
	width: 774px; height: 45px; display: block;
}

#main {
	background: url(../images/bgMain.gif) repeat-y;
	width: 774px; 
}

#main #left {
	position: relative;
	float: left;
	width: 215px;
	padding: 5px 0px 10px 20px;
	color: #FFFFFF;
}

#left p {
	font: 9px Tahoma, Arial, sans-serif;
}

#banner {
	position: absolute;
	bottom: 60px;
	left: 40px;
}

#left #search {
	position: relative;
	background: url(../images/search2.gif) no-repeat;
	width: 209px; height: 45px; display: block;
	margin: 0px 0px 10px 2px;
}

#left #search p {
	position: absolute; bottom: 2px; right: 40px;
}

#search input {
	position: absolute; top: 14px; left: 12px;
	width: 112px;
	font: 11px Tahoma, Arial, sans-serif;
	border: 0px;
	padding: 2px;
	background: none;
}

#search a {
	position: absolute; top: 12px; left: 129px;
	background: url(../images/szukaj.gif) no-repeat;
	width: 73px; height: 21px;
}

#left #rand {
	position: relative;
	background: url(../images/bgRand.gif) no-repeat;
	width: 209px; height: 209px; display: block;
	margin: 20px 0px 10px 3px;
}

#left #rand img {
	position: absolute;	top: 7px; left: 7px;
	width: 195px; height: 195px; display: block;
}

#main #right {
	position: relative;
	float: right;
	width: 480px;
	padding: 0px 28px 170px 0px;
	color: #1D5AAC;
	text-align: left;
	line-height: 15px;
}

#right #info {
	margin: 0px 0px 20px 5px;
}

#right #headInfo {
	position: relative;
	background: url(../images/headInfo.gif) no-repeat;
	width: 474px; height: 23px;
}

#right #headInfo h3 {
	background: #FFFFFF;
	position: absolute; top: -6px; left: 15px;
	font: bold 11px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	padding: 3px;
}

#right #headInfo h4 {
	background: #FFFFFF;
	position: absolute; top: -6px; left: 15px;
	font: 9px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	padding: 3px;
	color: #B9B1A0;
}

#right #mainInfo {
	position: relative;
	background: url(../images/bgInfo.gif) repeat-y;
	width: 474px; 
}

#mainInfo h2 {
	font: bold 11px Tahoma, Arial, sans-serif; 
}

#mainInfo p {
	margin-top: 10px; 
}

#mainInfo .fotaGl {
	width: 100px; height: 100px;
	float: right; 
	margin: 0px 5px 10px 10px;
}

#mainInfo .fotaNews {
	width: 100px; height: 100px;
	float: left; 
	margin: 0px 20px 10px 0px;
	border: 1px solid #D9D2C4;
	padding: 1px;
}

#mainInfo .fotaNewsd {
	width: 180px; height: 180px;
	float: left; 
	margin: 0px 20px 10px 0px;
	border: 1px solid #D9D2C4;
	padding: 1px;
}

#mainInfo a {
	font: bold 9px Tahoma, Arial, sans-serif;
	color: #B9B1A0; 
}

#mainInfo blockquote {
	padding: 10px;
	width: 460px;
}

#mainInfo blockquote span {
	padding-left: 20px;
}

#right #footInfo {
	background: url(../images/footInfo.gif) no-repeat;
	width: 474px; height: 13px;
}

.clear-both {
	clear: both;
	height: 0;
}

#footer {
	position: relative;
	background: #4E8ADA url(../images/footer.gif) no-repeat;
	width: 774px; height: 38px; display: block;
}

#footer p {
	position: absolute; top: 14px; left: 20px;	
	font: 9px Tahoma, Arial, sans-serif;
	color: #FFFFFF;
}

#footer .roca {
	position: absolute; top: 11px; right: 95px;
	background: #4E8ADA url(../images/roca.gif) no-repeat;
	width: 39px; height: 20px; display: none;
	text-indent: -9999px;
}

#footer .poolspa {
	position: absolute; top: 11px; right: 20px;
	background: #4E8ADA url(../images/poolspa.gif) no-repeat;
	width: 62px; height: 20px; display: none;
	text-indent: -9999px;
}

#footer .infolinia {
	background: url(../images/infolinia_madalena.gif) no-repeat; 
	width: 135px; 
	height: 16px; 
	position: absolute; 
	top: 12px; 
	right: 15px;
}














.navback {
	float: left;
	margin-bottom: 10px;
}

.navback a {
	font: 9px Tahoma, Arial, sans-serif;
	color: #1D5AAC;
}

.nav {
	float: right;
	margin-bottom: 10px;
}

.nav a {
	font: 9px Tahoma, Arial, sans-serif;
	color: #1D5AAC;
}

#right #prod {
	margin-bottom: 5px;
}

#right #headProd1 {
	position: relative;
	background: url(../images/headProd.gif) no-repeat;
	width: 480px; height: 12px;
}

#right #mainProd1 {
	border-left: 1px solid #F2EEE5;
	width: 480px; 	
}

#mainProd1 blockquote {
	padding: 0px 0px 0px 10px; 	
}

#mainProd1 h1 {
	font: bold 9px Tahoma, Arial, sans-serif;
}


#mainInfo h4 {
	font: 9px Tahoma, Arial, sans-serif;
}

#mainProd1 h6 {
	font: 9px Tahoma, Arial, sans-serif; 
}

#mainProd1 span {
	color: #777777;
	font: 9px Tahoma, Arial, sans-serif;
}

#mainProd1 strong {
	font: bold 9px Tahoma, Arial, sans-serif;
	color: #3B3B3B;
}

#right #footProd1 {
	position: relative;
	background: url(../images/footProd.gif) no-repeat;
	width: 480px; height: 12px;
}

#powieksz {
	background: url(../images/powieksz.gif) no-repeat;
	width: 84px; height: 19px; display: block;
	text-indent: -9999px;
}

#powieksz:hover {
	background: url(../images/powieksz-ov.gif) no-repeat;
	width: 84px; height: 19px; display: block;
	text-indent: -9999px;
}


#mainProd1 .fotaR {
	float: left; 
	margin: 0px 20px 10px 0px;
	border: 1px solid #D9D2C4;
	padding: 1px;
}

#ikPr {	
	margin: 10px 0px 10px 70px;	
	width: 360px; height: 40px
}

#ikPr ul li {
	padding: 0px 1px;
	float: left; height: 40px
}

#ikPr a {
	font: 9px Tahoma, Arial, sans-serif;
	color: #B0ABA0;
}

#ikPr a:hover {
	font: 9px Tahoma, Arial, sans-serif;
	color: #1D5AAC;
	text-decoration: none;
}

#ikPr .ikPr1 {
	position: relative;
	background: url(../images/ikPr1.gif) no-repeat;
	width: 107px; height: 40px; display: block;	
}

#ikPr .ikPr1 div {
	position: absolute; bottom: 4px; left: 47px;
	cursor: hand;
}

#ikPr .ikPr2 {
	position: relative;
	background: url(../images/ikPr2.gif) no-repeat;
	width: 107px; height: 40px; display: block;	
}

#ikPr .ikPr2 div {
	position: absolute; bottom: 4px; left: 47px;
	cursor: hand;
}

#ikPr .ikPr3 {
	position: relative;
	background: url(../images/ikPr3.gif) no-repeat;
	width: 107px; height: 40px; display: block;	
}

#ikPr .ikPr3 div {
	position: absolute; bottom: 4px; left: 47px;
	cursor: hand;
}

#right #headProd2 {
	position: relative;
	background: url(../images/headProd2.gif) no-repeat;
	width: 480px; height: 12px;
}

#mainProd2 blockquote {
	padding: 0px 10px 0px 0px; 	
}

#mainProd2 #param {
	width: 330px; 	
}

#mainProd2 #param td {	
	padding: 5px;
	text-align: center; 	
	color: #3B3B3B;	
}

#mainProd2 .param1 {
	background: #E8E5DF;
	border-right: 1px solid #B7B09F;
	font: bold 9px Tahoma, Arial, sans-serif;
}

#mainProd2 .param2 {
	background: #E8E5DF;
	font: bold 9px Tahoma, Arial, sans-serif;
}

#mainProd2 .param3 {
	border-top: 1px solid #B7B09F;
	border-right: 1px solid #B7B09F;
	font: 9px Tahoma, Arial, sans-serif;
}

#mainProd2 .param4 {
	border-top: 1px solid #B7B09F;
	font: 9px Tahoma, Arial, sans-serif;
}

#right #mainProd2 {
	border-right: 1px solid #F2EEE5;
	width: 479px; 	
}

#right #footProd2 {
	position: relative;
	background: url(../images/footProd2.gif) no-repeat;
	width: 480px; height: 12px;
}

#inne {
	color: #777777;
	margin: 20px 0px 10px 0px;
	font: 9px Tahoma, Arial, sans-serif;
	margin: 0px;
}

#inne h4 a {
	color: #4E8ADA;	
	font: 9px Tahoma, Arial, sans-serif;
	margin: 0px;
}

#inne h4 {
	border-bottom: 1px dashed #D6E5F9;
	padding: 2px;
	width: 470px;
}

.menub {
	position: relative;
	background: url(../images/menub.gif) repeat-x;
	width: 238px; height: 25px; display: block;
	margin-left: -11px;
	color: #FFFFFF;
	font-weight: bold;
}

.menub div {
	position: absolute; top: 5px; left: 7px;
	cursor: hand;
}

#menub ul {
	padding-left: 5px;
	color: #646569;
}

#menub a{
	color: #646569;
}

#menub li.sep {
	color: #646569;
	margin-top: -5px;
}

span.submenu {
	margin-left: 5px;
	margin-bottom: 10px;
}

span.submenu ul li{
	list-style-image: url(../images/arrow3.gif);
	margin-left: 10px;
	
}

span.submenu li ul {
	margin: 5px 0px 5px 0px
}

span.submenu li ul li{
	width:200px	
}

span.submenu li ul li a{
	color: #C3DAF0	
}

span.submenu ul li a{
	color: #FFFFFF;
	padding-left: 1px;
	font: 11px Tahoma, sans-serif;
}

#l {
	border-bottom: 1px solid #F2EEE5;
	height: 1px;
	margin: 5px 0px 5px 0px;
	width: 455px;
}

#l2 {
	border-bottom: 1px solid #F2EEE5;
	height: 1px;
	margin: 5px 0px 5px 0px;
	width: 300px;
}

#pliki {
	width: 455px;
}

.pliki1 {
	width: 400px;
}

.pliki2 {
	width: 55px;
}

#serwis {
	width: 455px; 	
}

#serwis td {
	padding: 5px;
	text-align: center; 	
	color: #3B3B3B;	
}

.serwis1 {
	background: #E8E5DF;
	border-right: 1px solid #B7B09F;
	font-weight: bold;
}

.serwis2 {
	background: #E8E5DF;
	font-weight: bold;
}

.serwis3 {
	border-top: 1px solid #B7B09F;
	border-right: 1px solid #B7B09F;
}

.serwis4 {
	border-top: 1px solid #B7B09F;
}

select {
	background: #E8E5DF;
	font: bold 9px Tahoma, sans-serif;
	width: 250px;
}

#menu-pr {
	margin: -5px 0px 10px 0px
}

a.black {
	color: #000000;
}

#topbar{
position:absolute;
left: 18px;
padding: 2px;
z-index: 100;
}





ul.aqtree3clickable li { list-style-image: url(../images/arrow5.gif);  margin-left: 10px; }

ul.aqtree3clickable, ul.aqtree3clickable ul, ul.aqtree3clickable li { margin: 0px; padding: 1px 0px 1px 0px; }

ul.aqtree3clickable ul { padding: 0px 0px 4px 10px; }
ul.aqtree3clickable li a { padding-left: 0px; color:#FFFFFF; outline:none; }
	 
ul.aqtree3clickable li.aq3open a {color:#B5D2EB;}
ul.aqtree3clickable ul li.aq3closed  { }
ul.aqtree3clickable ul li.aq3closed  a { color:#FFFFFF; }
ul.aqtree3clickable li.aq3bullet  { }

ul.aqtree3clickable a { color:#000000; }

/* Actually show and hide sublists */
ul.aqtree3clickable li.aq3open ul { display: block; }
ul.aqtree3clickable li.aq3closed ul { display: none; }


#marka {position:relative; width:453px; height:251px}
#marka .lista {position:absolute; bottom:20px; right:0px}


/* ============================= instrukcje ============================= */
.instrukcje h4 {margin:20px 0px 5px 1px; color:#1D5AAC;}
.instrukcje .instrukcje-kategoria {padding:2px; border-top:1px solid #e8e8e8;font: bold 11px Tahoma, sans-serif;}
.instrukcje .switchgroup1 { margin: 10px 0px 5px 15px;}
.instrukcje #tab3 p {background:url(images/arr2.gif) 0 3px no-repeat; padding:2px 2px 2px 12px; font-size: 9px; font-weight: bold;}
.instrukcje #tab3 img {margin:0px 0px 0px 3px;}
.instrukcje-kategoria a {text-decoration:none;}
.instrukcje-kategoria a:hover {color:#1D5AAC;}









