
/* Basic ///////////////////////////////////////////////////////////////////////////////////  */
body { background: #1b2025 url('../gfx/bg.jpg') 50% 0 no-repeat; } 
body.mceContentBody { background: #FFF; } 
body#splash .all { padding-top: 145px; background: #1b2025 url('../gfx/bg-splash.jpg') 50% 0 no-repeat;   }

body,form,input,textarea,select,option { color: #b2b2b2; font: 13px Tahoma, Calibri, Arial, Helvetica,Verdana; line-height: 18px; padding: 0; margin: 0;}
h1,h2,h3,h4,h5,p,ul,ol,dl { margin: 0; padding: 0; }

a { text-decoration: none; color: #6699ff; outline: none; }
a img {border: none;}
a:link, a:visited { text-decoration: none;}
html body a:hover {text-decoration: underline; }

p { padding:  5px 0 10px 0;  }
h1 { 	color: #FFF; padding: 20px 0 0 0; font: normal 18px Tahoma, Arial, Verdana, Helvetica;}
h2 {  color: #d8d8d8; padding: 20px 0 0 0;   font: bold 13px  Arial, Verdana, Tahoma, Helvetica; }
h3 { 	color: #b2b2b2; padding: 20px 0 0 0; font-size: 11px; }
h4 { 	color: #b2b2b2; padding: 20px 0 0 0; font-size: 15px; }

/* List  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 10px 0 10px 0px;  }
ol { margin: 10px 0 10px 20px; }
ul li { padding: 0 0 6px 20px; list-style-type: none; background: url('../gfx/li.png') 0px 8px no-repeat; line-height: 16px;}

/* Forms  /////////////////////////////////////////////////////////////////////////////////// */
input,textarea,select { vertical-align: middle; width: 160px; }
textarea, input.text, select { border: 1px solid #CCC; background-color: #FFF; width: 150px;  padding: 1px 4px; }
textarea {  height: 70px; }
input.text { background-color: #829ca6; border: none; color: #000; }
input:focus { background-color: #a4bac2; border: none; }
input.button { border: 1px solid #000; background-color:#666; font-weight: bold; padding: 2px 5px; color: #FFF; cursor: pointer; width: auto; overflow: visible; }
input.light { background-color:#ccc; }

/* General  ///////////////////////////////////////////////////////////////////////////////////  */

/* for the benefit if IE */
#main em { font-style:normal; }
/* for everyone else */
#main p>em { font-style:italic; }

.more a { background: url('../gfx/more.gif') 0 3px no-repeat; padding: 0 0 0 15px; margin: 0; }
.fl { float: left }
.fr { float: right }
.l_img { float: left; margin: 0 15px 10px 0; }
.r_img { float: right; margin: 0 0 10px 15px; }
.c_img { text-align: center; margin: 0 15px 10px 15px; }
.separate { background: url('../gfx/dots.gif') 0 7px repeat-x;  height: 14px; }
.clearing { clear: both; line-height: 0.1%; font-size: 0.1%; }
.pdf li { text-align: left; background: url(../gfx/ik_pdf.gif) left center no-repeat; padding-left: 25px; }
.google_maps { margin: 15px 0; }
/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; }
#flash_anim { width: 940px; height: 220px; }

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
.wrapper { overflow: hidden; }
.container { width: 960px; margin: 0 auto; }
#header { height: 120px; padding-top: 20px; }
#splah #header { height: 120px;  padding-top: 0; }
.content { width: 960px; overflow: hidden;  }

#fitness .content {background: url('../gfx/cont-bg-1.jpg') 0 0 no-repeat; height: 520px; margin-top:  5px; }

#sklep-lato .content {background: url('../gfx/cont-bg-2.jpg') 0 0 no-repeat; height: 520px; margin-top:  5px; }
#sklep-zima .content {background: url('../gfx/cont-bg-4.jpg') 0 0 no-repeat; height: 520px; margin-top:  5px; }
#surf .content {background: url('../gfx/cont-bg-3.jpg') 0 0 no-repeat; height: 520px; margin-top:  5px; }
.sub #page { float: right; width: 565px; padding: 0px 0px; background-image: url('../gfx/cont.png'); height: 500px; overflow: auto; }
.sub #main { padding: 20px;  }
#footer { background: url('../gfx/foot.gif') 0 0 repeat-x; height: 150px; color:#515459; padding-top: 20px; font-size: 12px; }
#footer .mod { float: left; width: 230px; }
#footer th, #footer td { padding: 0; border-collapse: collapse; } 
#footer th { font-weight: normal; text-align: right; padding-right: 10px; } 
#flash-logos { float: right; }
#footer #madeby,#footer #madeby a { color: #424447; }

#sideBar { width:280px; float: left; padding-left: 40px;  padding-top: 130px;  }
.mainPage #sideBar { float: none;}


/* LOGO ///////////////////////////////////////////////////////////////*/
a#logo { width: 100%; height: 100px;  display: block; background: url(../gfx/logo.png) center top no-repeat; text-indent: -5000px; }

/* MENUTOP - gif ///////////////////////////////////////////////////////////////////////////////////  */
#menuTop { background: url('../gfx/mt.png') 0 0 no-repeat; height: 40px; }
#menuTop ul { padding: 0 2px 0 0; margin: 0 15px 0 15px; background: url(../gfx/sep.gif) right top no-repeat; overflow: hidden;  width: 928px; }
#menuTop ul li { list-style-type:none; float: left; margin: 0; padding: 0 0 0 2px; background: url(../gfx/sep.gif) 0 0 no-repeat; }
#menuTop ul li a { display:block; height: 40px; background-position: 0 0; background-repeat: no-repeat;  text-indent: -5000px; }
#menuTop ul li a span { display: none; }
#menuTop #link-1 > a { background-image: url('../gfx/b_1.gif'); width: 148px; }
#menuTop #link-2 > a { background-image: url('../gfx/b_2.gif'); width: 148px; }
#menuTop #link-3 > a { background-image: url('../gfx/b_3.gif'); width: 162px; }
#menuTop #link-4 > a { background-image: url('../gfx/b_4.gif'); width: 230px; }
#menuTop #link-5 > a { background-image: url('../gfx/b_5.gif'); width: 132px;  }
#fitness #menuTop #link-5 > a { background-image: url('../gfx/b_5-fitness.gif'); width: 179px;  }

#menuTop #link-5 { float: right; }



#menuTop ul a:hover { background-position: 0 -40px; }
#menuTop ul a.selected { background-position: 0 -80px; }

#menuTop ul li ul { z-index:45; margin: 0 ; padding: 0px 20px 0px 20px; display: none; position: absolute; width: 195px; background: url('../gfx/bg-menu.png') left bottom no-repeat; }

#menuTop ul li ul li {  background:url("../gfx/arr2.gif") no-repeat scroll 0 12px transparent; border-bottom:1px solid #42444A; float:left; list-style:none outside none; margin:0 20px 0 0; padding:0 0 0 15px; width:200px;  }
#menuTop ul li ul li a {  text-indent: 0px; color:#FFFFFF; display:block; font-size:11px; padding:6px 5px 6px 0; height: auto; text-decoration:none; } 

#news {  background: url('../gfx/news.png') 0 0 no-repeat; width: 920px; margin: 30px 0 0 40px; overflow: hidden;}
#news .mod { float: left; padding: 20px 10px 20px 20px;  }
#news #mod1 { width: 251px;   }
#news #mod2 { width: 289px; }
#news #mod3 { width: 290px; }

#mod1 ul { margin: 10px 0 0 0; padding: 0; }
#mod1 li { padding: 0 0 0 15px; background: url(../gfx/arr.gif) 0 5px no-repeat; } 
#mod1 a { color: #b2b2b2; } 

#mod2 p { color: #778e98; padding: 10px 0 15px 0; }
#mod2 .text { height: 20px; margin-right: 10px; } 
#mod2 .button { background: url('../gfx/ok.png') 0 0 no-repeat; width: 34px; height: 25px; border: 0; }
/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser { font-size: 9px; line-height: 16px;  margin: 15px 0 15px 0; color:#888888; }
#localiser a { font-weight: normal; color: #b9c1c7; padding: 0 6px; background: url('../gfx/arr.gif') right center no-repeat;  }
#localiser a#home { padding-left: 0; }
.mod_kontakt {float: left; margin-right: 160px;}
.tel_kontakt table {border: none; margin: 5px;}
.tel_kontakt th, .tel_kontakt td {text-align: right; border-collapse: collapse; padding: 0; background: none; border: none;}
.tel_kontakt th {padding-right: 5px;}
/* SUBMENU /////////////////////////////////////////////////////////////////////////////////// */

.menu ul { margin: 0; padding: 0 0 4px 0; list-style-image: none; overflow: hidden; } 
.menu ul li { list-style:none; margin: 0 20px 0 0; padding: 0 0 0 15px; background: url(../gfx/arr2.gif) 0 12px no-repeat; border-bottom: 1px solid #42444a; width: 200px; float: left; }
.menu ul li a { display:block; font-size: 12px; padding: 6px 5px 6px 0; text-decoration:none; color:#FFF;}
.menu ul li a:hover { text-decoration: underline }
.menu ul li.selected a { font-weight: bold; color: #e35a54; }

 
/* Bottom nav /////////////////////////////////////////////////////////////////////////////////// */
#nav_bot { font-size: 9px; text-align: right; width: 100%; padding: 20px 0 0 0; }	
#nav_bot a { padding: 0 20px; color: #9ba2a5; display: block; float: right; }
.recommend { background: url(../gfx/recommend.gif) 0 3px no-repeat; }
.print { background: url(../gfx/print.gif) 0 3px no-repeat; }

/* TABLE  ///////////////////////////////////////////////////////////////////////////////////  */
.info,table  { margin: 10px auto 20px auto; border-collapse: collapse; border: 1px solid #1b2025; }
.info td, table td  { padding: 5px 8px; border: 1px solid #1b2025; border-collapse: collapse; vertical-align: middle; text-align: left; background-color: #28313a; font-size: 11px; }
.info th { background-color: #28313a;	padding: 2px 8px 2px 8px; text-align: center; border: 1px solid #1b2025; }
table td { line-height: 12px; }

/*locales */
.links { background-color: #13171c; width: 960px; height: 160px; padding-top: 10px; overflow: hidden; margin-bottom: 90px;  }
.links .modul { float: left; width: 227px; background-position: 0 0; background-repeat: no-repeat; height: 140px; margin-left: 10px; }
.links #m1 { background-image: 	url(../gfx/sp-1.jpg); }
.links #m2 { background-image: 	url(../gfx/sp-2.jpg); }
.links #m3 { background-image: 	url(../gfx/sp-3.jpg); }
.links #m4 { background-image: 	url(../gfx/sp-4.jpg); }
.links .modul a {  background-position: 6px 108px; background-repeat: no-repeat; display: block; width: 220px; height: 30px; text-indent: -5000px; padding: 108px 0 0 0; }
.links .modul a:hover { background-position: 6px -122px; } 
.links #m1 a { background-image: 	url(../gfx/s-1.gif); }
.links #m2 a { background-image: 	url(../gfx/s-2.gif); }
.links #m3 a { background-image: 	url(../gfx/s-3.gif); }
.links #m4 a { background-image: 	url(../gfx/s-4.gif); }

ul.head_tab_menu, ul.head_tab_menu li { padding:0; margin: 0; background-image: none; }
ul.head_tab_menu li { margin-right: 5px; }
.head_tab_menu a { cursor: pointer; background-color: #e8e8e8; padding: 2px 8px 3px 8px; color: #000;  }
.head_tab_menu a:hover,.head_tab_menu .active a { color: #FFF; background-color: #6699ff; }
.head_menu_tab { list-style: none;  }


#mod3 li { list-style: none; display: inline; background: none; } 
#mod3 p { padding: 0px; margin: 0px; }
#mod3 li a .active { color: #FFF; }
#article_1, #article_2, #article_3 { height: 65px; }

#footer table td { background: transparent; }
.galleryCategory { background: #28313a; float: left; width: 110px; height: 175px; padding: 10px; margin: 6px; width:130px; }
.galleryCategory .l_img { float: left; } 
.galleryCategory .catTitle { text-align: center; display: block; }
.galleryCategory .catImg { height: 100px;}
.galleryCategory p.catImg  { text-align: center;}
.imageDetails .imgDet { height: 85px;}
.galleryCategory p { padding: 3px;}
.imageDetails { float: left; background: #28313a; width: 110px; height: 130px; padding: 10px; margin: 6px; text-align: center; }
.imageDetails  img, .galleryCategory img { max-width: 110px; max-height: 100px; margin: 0 auto; }
.clearing { clear: both; }

.facebook { position: absolute; top: 70px; left: -306px; width: 306px; height: 590px; padding-right: 39px; background: url(/gfx/facebook_icon.png) top right no-repeat; }
.f_content { background: #FFF; border: 3px solid #004080; }
/* ff 3.6 hack  */
#fb a { float: none; background: none; }

