/* MAIN ATTRIBUTES */

* { margin: 0 }

html { font: normal 62.5% Arial; }



body { background: #0f4857 url(../images/graphics/tlo.jpg) 50% 0 no-repeat fixed; color: #666666; padding: 0; margin:0; font-size: 1.1em; overflow-y: scroll;}



#popup { background: #E3E3E3 url(../images/graphics/popupBG.jpg) top left repeat-x; }

#popup h1 { padding: 5px 0 0 5px; }



h1 { font-size: 12px; display: inline; color: #005B89;}



h3 { padding: 0 0 3px 0; margin: 0; font-weight: bold; font-size: 14px; border-bottom: 1px solid; }

h4 { padding-bottom: 5px; }

h5 { padding-top: 3px; }

a { text-decoration: none; color: #FF0033; outline: none; }

#popup h1 { color: #FFF; font-size: 20px; }

.boatDetails h5 { font-size: 14px; color: #FFF; }



a {color: #006699; font-weight: bolder; text-decoration: none;}

a:hover {color:#FF9900; text-decoration:none;}



.links {

	font-size:10px;

	padding-bottom:10px;

}

.links a {

	color:#999999;

	text-decoration:none;

	font-weight:normal;

}





p { margin: 10px 0; }



img { padding: 0; margin: 0; border: none; }



a img { border: none; }



ul, ol { padding-left: 30px; }

ul.normal { padding-left: 0px; list-style: inside }



.left { float: left; }

.right { float: right; }

.center {text-align: center;}



p.right {display: block;}

p.center {display: block;}



#copyright { color: #D2D2D2;}

.red { color: #ED1C24; }

.blue { color: #216A7D; }



label { float: left; width: 75px; font-size: 10px; color: #216A7D; margin-right: 10px; text-align: right; }



/* CONTENT AREAS */

#wrap { width: 776px; display: block; margin: 0 auto; padding: 0 3px; }

#wrap1 { background: #FFFFFF; width: 776px; margin: 0; }

#top { background: url(../images/graphics/top.jpg) no-repeat; height: 320px; width: 776px; margin: 0; padding: 0;}

#top h2 {

	display: inherit;

}



.partnerzy {float: left; height: 70px; width: 776px; text-align: center; clear: both; vertical-align:middle; display:none;}

.partnerzy a {padding: 10px;}



#topNav { list-style: none; float: right; width: 431px; margin-right: 7px; font-weight: bold; font-family:Verdana, Arial, Helvetica, sans-serif }

#topNav li { list-style: none; float: right; display: inline; margin: 3px 3px 0 0; width: auto; }

#topNav a {

	color: #D2D2D2;

	font-weight: bold;

	font-size: 11px;

}

#topNav a:hover { color: #FFFFFF; }



.container { padding: 10px; }

.container1 { margin: 10px 0;}



#home1 { float: left; width: 390px; position: relative; height: 200px; top:18px;}

#home2 { width: 330px; position: relative; height: 230px; position:absolute;bottom:4px;right:0; }



.homeSm, .homeBg { float: left; border: 1px solid #B6B6B6; background: #CCCCCC; padding: 5px 5px 0 5px; position: relative; bottom: 5px; }

.homeSm { height: 113px; width: 179px; }

.homeBg { height: 215px; width: 308px; }

#homeFeatured { background: url(../images/graphics/homeFeatured.gif) no-repeat; width:295px; height: 185px; padding: 10px 0 0 18px; position: relative; bottom: 5px; margin-top: 5px; }

#homeNews, #homeEvents { float: left; width: 366px; margin: 10px 0 0 15px; padding-bottom: 15px; }

#homeNews p, #homeEvents p { float: left; width: 200px; }

.imagehome { float: left; margin: 0 10px 10px 0; }



#boatBoxes { width:100%;height:100%; overflow:hidden;float:left;}

#boatBoxes .boatBox { float:left;width:48%;height:200px;overflow:hidden; margin: 0 0 30px 10px; }

#boatBoxes .imgBox { z-index:2000;margin-left:195px;position:relative;}

#boatBoxes h3 { color:#fff; border-bottom: none; padding: 4px 0 0 0; font-size: 12px; text-transform:uppercase;  }

#boatBoxes .boatDetails { background: url(../images/graphics/boatboxBG.png) no-repeat; margin-top:-155px;height:150px;width:200px; padding: 0 0 0 5px; }

#kayaks{overflow:hidden;float:left;width:650px;}

#pagination{width:98%;padding:5px;font-size:18px;font-weight:bold;}

#pagination #prev{float:left; position: fixed; bottom: 10px; left: 10px;}

#pagination #next{float:right; bottom: 10px; right: 10px;}

#boatName { background: url(../images/graphics/boatNameBG.gif) no-repeat top left; height: 176px; width: 292px; padding:10px 0 0 20px; float: left; margin-right: 30px;}

#boatSpecs.paddle { background: url(../images/graphics/paddleSpecsBG.gif) no-repeat top left; }

#boatSpecs {background: url(../images/graphics/boatSpecsBG.gif) no-repeat top left; height: 136px; width: 292px; float: left; padding: 50px 0 0 20px; margin-left: 10px;}

#boatSpecs strong {color: #ED1C24; }

#boatInfo {margin: 15px 0 0 10px; float: left;}

#boatInfoBot {background: url(../images/graphics/boatInfoBot.gif) no-repeat bottom left; margin: 0 0 0 10px; float: left; height: 198px; padding: 10px 15px 0; width: 624px; font-size: 12px;}



.boatDetails p { width: 170px; height: 84px; }

.moreLink { font-weight: bold; padding-top: 4px; }

a:hover.moreLink { color: #000000; }

#boatNav { font-weight: bold; font-size: 12px; margin: 5px 0 10px 10px; }

#outfitRight, #outfitLeft, #outfitRight1 { float: left; width: 300px; overflow: auto; height: 100px;}

#outfitLeft { height: 180px; }



#box1 { float: left; width: 776px; background: #216A7D url(../images/graphics/box-1.jpg) no-repeat bottom right; color: #FFFFFF; padding: 10px 0 30px 0; }

#box2 { 
	
	clear:both; 
	float: left;
	width: 726px;
	background: #FCFBF9 url(../images/graphics/box-2BG.gif) repeat-y;
	color: #000000;
	padding: 0 10px;
	margin: 20px 15px -3px 15px;
	}



.paddleCat { float: left; width: 650px; margin-bottom: 20px; }

.paddleCat img { float: left; margin: 10px 20px 0 0; }



#contact1, #contact2 { float: left; height: 359px; padding: 20px 10px; }

#contact1 { margin: 10px 0; width: 327px; background: url(../images/graphics/contact1.gif) no-repeat bottom right; padding-right: 20px; }

#contact2 { margin: 10px 25px; width: 317px; background: url(../images/graphics/contact2.gif) no-repeat bottom right; }



.catBox { width: 720px; height: 151px; background: #333333; float: left; padding: 2px; }

.catBox1 { width: 718px; height: 149px; border: 1px solid #E2E3D5; float: left; color: #FFFFFF; }

.catBox1 p { padding: 0 5px 0 5px; width: 465px;   }

#catBoxOdd { background: #216A7D; margin: 10px 0; }

.catImg { float: right; border-left: 1px solid #E2E3D5; }

.rangeBut { margin: 5px 0 0 5px; }

#leftImg { float: left; width: 200px; }

#rightTxt { float: left; width: 500px; padding: 0 0 0 30px; }

.accessories { float: left; margin: 0 25px 30px 0; width: 330px; min-height: 250px; color: #333333; text-align:	justify; }

.accessories h3 { color: #216A7D; }

.accessories img { margin: 10px 0 5px 10px; float: right; }

.accesIMG { text-align: right; float: right; }

#footer { background: url(../images/graphics/stopka_bg.png) no-repeat bottom right; color: #152d3e; float: left; height: 65px; width: 776px; text-align: center; clear: both;}

#footer a {font-size: 12px; font-weight: bold; color: #152d3e;}

#footer a:hover { color: #FFFFFF; }

#footer img { text-align: left;}



.mapboat { padding: 0 0 0 35px; }

a.mapboat  { color: #216A7D; }

.mapstrong { font-weight: bold; padding-left: 20px; }



.imgright { float: right; padding: 0 0 5px 15px; }

.imgleft { float: left; padding: 0 15px 5px 0; }

.map1 { position: absolute; top: 0px; left: 0px; }

.map2 { position: absolute; top: 290px; left: 0px; }

.map3 { position: absolute; top: 0px; left: 200px; }

.img1 { margin: 0 0 8px 35px; }



.wallpaper { float: left; width: 200px; text-align: center; padding: 0 20px 10px 20px; }





/* NAVIGATION */

#nav {

float: left;

position: relative;

top: 17px;

height: 41px;

width: 776px;

background: url(../images/graphics/navBG.jpg) no-repeat top left;

padding-left: 154px;

}



#nav ul, #nav li { list-style: none; float: left; padding-left: 0px; }



#nav a { height:41px; text-indent: -9000px; display: block; float: left; margin: 0; }



#nav #n1 a{background: transparent url(../images/graphics/nav.png) 0 0 no-repeat; width: 102px; }

#nav #n1 a:hover {background: transparent url(../images/graphics/nav.png) 0 -41px no-repeat; }

#nav #n1 a.active{background: transparent url(../images/graphics/nav.png) 0 -82px no-repeat; }



#nav #n2 a{background: transparent url(../images/graphics/nav.png) -102px 0 no-repeat; width: 46px; }

#nav #n2 a:hover {background: transparent url(../images/graphics/nav.png) -102px -41px no-repeat; }

#nav #n2 a.active{background: transparent url(../images/graphics/nav.png) -102px -82px no-repeat; }



#nav #n3 a{background: transparent url(../images/graphics/nav.png) -148px -0 no-repeat; width: 52px; }

#nav #n3 a:hover {background: transparent url(../images/graphics/nav.png) -148px -41px no-repeat; }

#nav #n3 a.active{background: transparent url(../images/graphics/nav.png) -148px -82px no-repeat; }



#nav #n4 a{background: transparent url(../images/graphics/nav.png) -200px 0 no-repeat; width: 58px }

#nav #n4 a:hover {background: transparent url(../images/graphics/nav.png) -200px -41px no-repeat; }

#nav #n4 a.active{background: transparent url(../images/graphics/nav.png) -200px -82px no-repeat; }



#nav #n5 a{background: transparent url(../images/graphics/nav.png) -258px 0 no-repeat; width: 91px; }

#nav #n5 a:hover {background: transparent url(../images/graphics/nav.png) -258px -41px no-repeat; }

#nav #n5 a.active{background: transparent url(../images/graphics/nav.png) -258px -82px no-repeat; }



#nav #n6 a{background: transparent url(../images/graphics/nav.png) -349px 0 no-repeat; width: 66px; }

#nav #n6 a:hover {background: transparent url(../images/graphics/nav.png) -349px -41px no-repeat; }

#nav #n6 a.active{background: transparent url(../images/graphics/nav.png) -349px -82px no-repeat; }



#nav #n7 a{background: transparent url(../images/graphics/nav.png) -415px 0 no-repeat; width: 59px; }

#nav #n7 a:hover {background: transparent url(../images/graphics/nav.png) -415px -41px no-repeat; }

#nav #n7 a.active{background: transparent url(../images/graphics/nav.png) -415px -82px no-repeat; }



#nav #n8 a{background: transparent url(../images/graphics/nav.png) -578px 0 no-repeat; width: 0px; }

#nav #n8 a:hover {background: transparent url(../images/graphics/nav.png) -578px -41px no-repeat; }

#nav #n8 a.active{background: transparent url(../images/graphics/nav.png) -578px -82px no-repeat; }



/* TABLES */

/*

Theme: inphecthyuz

Author: Infected-FX

URL: www.infectedfx.net

Country: Mexico

*/



table1.tekst{

	border-spacing:1px;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:10px;

	background-color:#E7E7E7;

	color: #333333;

	width: 98%;

}



caption {

	font-weight: bold;

	background: #0099CC url(../images/corner.gif) no-repeat right top;

	border-bottom:2px solid #1975d7;

	color: #FFF;

	text-transform:uppercase;

	padding:10px;

}



td, th {

	padding: 4px;

}



thead th {
	text-align: center;
	background: #F5F5F5;
	color: #666;
	border: 1px solid #FFF;
}



tbody.opis_rzek td {background: #fcfbf9; border: 0;}


tbody th {

	font-weight: bold;

}



tbody tr		{

	background-color:#FFF; 

	text-align:left;

	}

tbody tr.odd 	{

	background: #f9f9f9;

	border-top:1px solid #FFF;

}



tbody th a:link, tbody th a:visited{

	color:#FF0066;

	padding:3px 0px 0px 0px;

	}

tbody th a:hover{

	color:#0099CC;

	}



tbody tr td { 

	height:50px;

	background: #FFF;

	border: 1px solid #FFF;

	}



tbody tr.odd td{ 

	background: #f9f9f9;

	border-top:1px solid #FFF;

	}



table td a:link, table td a:visited {

	color: #0099CC;

	text-decoration: none;

}



table td a:hover {

	color: #0099CC;

	text-decoration: none ;

}



tfoot th, tfoot td {

	background-color:#E7E7E7; padding:10px;

	text-align:center; 

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:22px; font-weight:bold; font-style:italic;

	border-bottom:3px solid #CCC;

	border-top:1px solid #DFDFDF;

}



table.oferta { 
	clear:both;
	margin-top: 5px;}

table.oferta th {
	background-color: #1f5f7f;
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	border: 2px;

}

table.oferta td {
	background-color: #D7E3EC;
	padding:3px;
	text-align:center; 
	font-weight:bold;
	border: 2px;
}

table td.nazwa {
	text-align: left;
	padding-left: 10px;
}


#boatInfoBot .tab{display:none;}

#boatInfoBot .tab.current{display:block;}



#boats{text-align:center;}

#boats .hide{display:none;}

#boat_image_nav ul{margin:0;padding:0;}

#boat_image_nav li{list-style-type:none;display:inline;margin:10px 5px 0 5px;padding:2px;}

#boat_image_nav li a{border:1px solid #ccc;padding:20px 0 0 0; }

#boat_thumbs_container{text-align:center;padding-top:10px;}

.newsimg { margin-left: 10px; }



#paragraf { font-size: 12px; float: left; width: 700px; position: relative; margin-left: 10px; line-height: 20px; text-align: justify; word-spacing: 2px; vertical-align: top; text-indent: 20px; color: #005B89}



#paragraf h2 { display:none;}



#paragraf p:first-letter {

    font-size: 1.3em;

    font-weight: bold;

}

#paragraf h4 { font-size: 15px; margin-top: 10px; margin-bottom: -8px;}



em.opis {

	display:inline-block;

	margin-top: 5px;

	margin-bottom: 5px;

	font-size: 11px;

	font-style:normal;

	line-height: 12px;

}





#kontakt { 

	font: 120% 62.5% Arial, Helvetica, sans-serif;

 	font-size: 12px;

	line-height: 18px;

	text-align: center;

	word-spacing: 2px;

	vertical-align: top;

	font-weight: bolder;

	color: #005B89;

}





img.left,img.center,img.right { padding:4px; border:solid 1px #9bdcdc; }

img.left {float:left; margin:0 12px 5px 0;}

img.center {display:block; margin:0 auto 15px auto;}

img.right {float:right; margin:0 0 5px 12px;}



img#email {margin: 283px 0 0 50px;}



#podmenu a.active {color:#c61f34; font-weight: bold; text-decoration: none;}

#podmenu a:hover.active {color:#c61f34; text-decoration:none;}



#podmenu a.inactive {color: #069; text-decoration: none;}

#podmenu a:hover.inactive {color:#FF9900; text-decoration: none;}