@font-face {
    font-family: 'TrajanProBold';
    src: url('fonts/trajanpro-bold-webfont.eot');
    src: url('fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-bold-webfont.woff') format('woff'),
         url('fonts/trajanpro-bold-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-bold-webfont.svg#TrajanProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TrajanProRegular';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
  margin: 0;
  padding: 0; 
}

html body div#wrapper div#topwrapper div#topwrap2 div#topwrap3 div#top a.yt {
    background: none repeat scroll 0 0 transparent;
    display: block;
    float: right;
    text-align: right;
    margin: 20px 0 0 0;
    width: 70px;
    height:20px;
}

html body div#wrapper div#topwrapper div#topwrap2 div#topwrap3 div#top a.yt img {
    border: 0;
}

a.glofot {
    background: url(images/baner.png);
    width: 500px;
    height: 327px;
    display: block;
    margin: -10px 0 0 23px;
}

body{
  background-color: #000;
  font-family: Arial;
  font-size: 12px;
  color: #fff;
  margin: 0px;
  padding: 0px;
}

a {
  font-family: Arial;
  font-size: 12px;  
  text-decoration: none;
  color: #fff;
}

h1{
  font-size: 16px;
  margin: 5px 0 5px 0;
}

h2{
  font-size: 14px;
  margin: 5px 0 5px 0;
}

h3{
  font-size: 13px;
  margin: 5px 0 5px 0;
  display: block;
  clear: both;
  padding: 5px 0 5px 0;
}

h4{
  font-size: 11px;
}

img{
  border: 2px solid #fff;
  margin: 4px;
}

li{
  list-style-type: square;
  margin: 2px;
}

#wrapper{
  margin-left: auto;
  margin-right:auto;
}

#topwrapper{
  background-image: url(images/topBg2.png);
  background-repeat: repeat;
  background-position: left top;
  background-color: transparent;
  height: 112px;
  position: fixed;
  width: 100%;
  z-index: 5;
}

#topwrap2{
  background-image: url(images/topBg.png);
  background-repeat: repeat;
  background-position: left top;
  background-color: transparent;
  height: 112px;
  width: 940px;
  margin-left: auto;
  margin-right:auto;
  position: relative;
  z-index: 5;
}

#topwrap3{
  background-image: url(images/kompas.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  height: 112px;
  width: 940px;
  margin-left: auto;
  margin-right:auto;
  position: relative;
  z-index: 5;
}

#top{
    float: left;
    width: 100%;
}

#top a{
  display: block;
  background:  url(images/logo.png) no-repeat scroll left top transparent;
  height: 65px;
  width: 341px;
}

#menu{
  width: 940px;
}

#menu a{
  font-family: 'TrajanProBold';
  font-size: 11px;
  text-transform:uppercase;
  display: block;
  float: left;
  padding: 10px 8px 10px 8px;
}

#menu a:hover{
  color: #000;
  background-color: #fff;
}

div.hov{
  position: relative;
  float: left;
}

ul.men2{
  background: url(images/menuitem.png) repeat scroll 0 0 transparent;
  display: none; 
  position: absolute; 
  top:  34px; 
  left: 0px;
  margin: 0;
  padding: 0;
}

ul.men2 li {
  list-style-type: none;
}

#menu ul.men2 li a{
  display: block;
  width: 160px;
}

#menu ul.men2 li a:hover{
  background: url(images/menuitem2.png) no-repeat scroll 0 center #282727;
  color: #fff;
}

div.hov:hover ul{
  display: block;
}


#contentmain{
  background: url("images/tlomain.jpg") no-repeat fixed 0 110px;
  min-height: 684px; height: auto;
  width: 100%;
  position: relative;
  top: 110px;
  left: 0;
  z-index: 1;
}

#content{
  background: url("images/tlonowe.jpg") no-repeat fixed 0 110px;
  min-height: 684px; height: auto;
  width: 100%;
  position: relative;
  top: 110px;
  left: 0;
  z-index: 1;
  /*margin: 0 auto;*/
}

#cont2{
  width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 0 5px 0;
  z-index: 2;
}


#main{
  background: url("images/boxBg.png") repeat scroll 0 0 transparent; 
  width: 500px;
  padding: 5px 20px 25px 20px;
  position: relative;
  left: 400px;
  top: 50px;
}

#main2{
  background: url("images/boxBg.png") repeat scroll 0 0;
  width: 890px;
  padding: 10px 25px 10px 25px;
  min-height: 480px;
  margin-top: 20px;
  margin-bottom: 25px;
  overflow:hidden;
  position: relative;
}

#cnorm{
  background: url("images/boxBg.png") repeat scroll 0 0 transparent;
  width: 880px;
  padding: 10px 30px 10px 30px;
  /*min-height: 480px;  */
  margin-top: 20px;
  margin-bottom: 25px;
  float: left;
}

#main2 h1, h2, #cnorm h1, h2{
  display: block;
  color: #000;
  background-color: #fff;
  padding: 10px;
}

#left{
  float: left;
  padding: 10px 5px 10px 25px;;
  width: 325px;
  text-align: center;

}

#left img{
  border: 2px solid #fff;
  margin: 4px 3px 4px 3px;
}

a.video{
  background: url("images/videoIcon.png") no-repeat scroll left center transparent;
  text-decoration: underline;
  padding: 30px;
  margin: 10px;
}

#right{
  float: left;
  padding: 10px 15px 10px 5px;
  width: 515px;
}

#baner{
  text-align: center;
}

#baner img{
  padding: 0;
  margin: 0;
  border: 0;
}

#footwrap{
  background: url('/images/tloh.png') repeat;
  height: 50px;
  width: 100%;
  bottom: 0px;
  position: relative;
  z-index: 5;
  margin-top: 100px;
}

#footer{
  margin-left: auto;
  margin-right:auto;
  width: 940px;
  height: 30px;
  padding: 10px 0 5px 0;
  text-align: right;
  position: relative;
  z-index: 5;
}

#showhide{
  display: none;
}

.normaltab{
  border-spacing: 0;
  
}

.normaltab td{
  border: 1px solid #fff;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

div#cnorm > table table{
  width: 100%;
}

table th{
  color: #000;
  background-color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
}

/*tabelki z danymi */
table{
  border-style: none;
  padding: 5px;
}

table td{
  border-style: none;
  width: 50%;
}

table p{
  padding: 0;
  margin: 0;
}

table table{
  border-style: none;
  border-spacing: 0;
  width: 250px;
  height: 100%;
}

table tr td {
  vertical-align: top;
}

  /* tabelka obejmujaca*/
div#right > table{
  table-layout: fixed;
  width: 500px;
}


ul{
  margin: 0px;
  padding: 0 20px 0 20px;
}

table caption{
  color: #000;
  background-color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin: 5px;
  padding: 5px;
}

tr.gris{
  background-color: #696969;
}

/* galeria jcarousellite */
#galeria {
  background: url("images/strona2b2_03.png");
  width: 920px;
  height: 107px;
  margin-top: 25px;
  padding: 0 10px 0 10px;
  position: relative;
}

.carousel {
  width: 920px;
  height: 107px;
  display: block;
  float: left;
  overflow: hidden;
  margin: 0;
}

.carousel lu {
  list-style-type: none;
}

.carousel li {
  float: left;
  overflow: hidden;
  margin: 10px 7px 10px 6px;
}

.carousel img {
  margin: 0;
}

.next{
  background: url(images/right.png) no-repeat scroll center center transparent;
  display: block;
  float: left;
  height: 107px;
  text-decoration: none;
  width: 11px;
  border-style: none;
  position: relative;
  left: 0px;
}

.prev{
  background: url(images/left.png) no-repeat scroll center center transparent;
  display: block;
  float: left;
  height: 107px;
  text-decoration: none;
  width: 11px;
  border-style: none;
  position: relative;
}

#kontaktform table td{
  width: auto;
}

input.polekm, input.search{
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  height: 22px;
  width: 296px;
}

img.polekm1{
  float: left;
  border: 0;
  margin: 1px 4px 2px 1px;
}

input.polekm2{
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  height: 22px;
  width: 133px;
}

textarea.polekm{
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  resize: none;
  height: 116px;
  width: 296px;
}

.go{
  background-color: #fff;
  color: #000;
  border-style: none;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
}

.search{
  font-size: 11px;
  background-color: #fff;
  color: #000;
  border-style: none;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
}



.rezerwacja input[type="text"] {
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  height: 22px;
  width: 196px;
}

.rezerwacja input[type="submit"] {
  background-color: #fff;
  color: #000;
  border-style: none;
  font-weight: bold;
  display: inline-block;
  padding: 2px 5px;
}

#kaldiv{
width:267px;
float:left;
overflow:hidden;
margin-right: 5px;
}


table.kaltable{width:267px;}

table.kaltable th{
padding: 0px;
height:20px;
text-align:center;
color: #fff;
font-weight: bold;
background: #666666;
}

table.kaltable th.k0{
width:34px;
font-size: 9px;
background: #fff;
color: #000;
}

table.kaltable th.k0 a{color: #000; text-decoration:none}
  
table.kaltable td{
background: transparent;
text-align:center;
width:34px;
height:20px;
padding:0px;
}

table.kaltable td.polea{}

table.kaltable td a{color:white;text-decoration:none;text-align:center;float:left;width:36px;line-height:20px;height:20px; display:block;background:#888888}

table.kaltable td a.red{color:white;text-decoration:none; background: #4070FF}

table.kaltable td.polea a{color:white;text-decoration:none;background:#BBBBBB}

table.kaltable td.polea a.red{color:white;text-decoration:none;background:#4070FF}

table.kaltable td.poleb a.cur{color:/*#000*/#FFF;text-decoration:none;/*background:#FBF4AC;*/}
table.kaltable td.polec a.cur{color:#FFF;text-decoration:none;background:#CCCCCC;}

table.kaltable td a.dzis {
    color:#fff;
    text-decoration:none;
    background:#00CC00 !important;
}

table.kaltable td a:hover{
background: #86D3FF; color:#666666;
}

table.kaltable td span{color:white;text-decoration:none;text-align:center;float:left;width:36px;line-height:20px;height:20px; display:block;background:#888888}

table.kaltable td span.red{color:white;text-decoration:none; background: #4070FF}

table.kaltable td.polea span{color:white;text-decoration:none;background:#BBBBBB}

table.kaltable td.polea span.red{color:white;text-decoration:none;background:#4070FF}

table.kaltable td.poleb span.cur{color:#000000;text-decoration:none;background:#FBF4AC}
table.kaltable td.polec span.cur{color:#000000;text-decoration:none;background:#FBF4AC}

table.kaltable td span.dzis{color:#fff;text-decoration:none;background:#fff;color:#000000;}

table.kaltable td span:hover{
background: #86D3FF; color:#666666;
}

.obg {
    float: left;
    padding: 0;
    position: relative;
    width: 260px;
}

.obg img {
    margin: 3px;
}

#funpromo_gall {
    float: left;
    width: 100%;
}

#obg1 {
    float: left;
    height: 190px;
    overflow: hidden;
    width: 260px;
}

#obg2{
  width: 260px;
}


ul#mapa > li > a{
  font-weight: bold;

}

ul#mapa li ul li{
  list-style-type: circle;
}

.opis_lodzi {
    width: 500px;
    float: left;
}

.clear, .czyszczenie {
    clear: both;
}


.specyfikacja {
    width: 565px;
    float: left;
}

.kalendarz {
    float: left;
    width: 300px;
}

.rezerwacja {
    float: left;
    margin: 10px 57px 0 0;
    width: 500px;
}

span.zajete {
    background: #4070FF !important;
}

span.zajete:hover {
    color: #ffffff !important;
}

.rezerwacja form ul {
    list-style: none !important;
}

p.label {
    /*float:left;*/
}

.specyfikacja table {
    width: 500px;
    margin: 10px 0 0 0;
}

a.more {
    color: #abcdef !important;
    font-size: 14px !important;
}

#FreeSocialYT {
	background-image: url("/images/Active-YouTube-icon.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
}

#FreeSocialYT:hover {
	background-image: url("/images/Hover-YouTube-icon.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
}

#FreeSocialFB {
	background-image: url("/images/Active-Facebook-icon.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
}

#FreeSocialFB:hover {
	background-image: url("/images/Hover-Facebook-icon.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
}

#FreeSocialGoogle {
	background-image: url("/images/Active-Google-plus-icon.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
}

#FreeSocialGoogle:hover {
	background-image: url("/images/Hover-Google-plus-icon.png");
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
}

#funpromo_gall{ float:left; width:100%; }
#obg1{ text-align: center; position:relative;  }
#obg1 a{ position:absolute; top:0px; left:0px; width:100%; height:100%; display:none; }
#obg2 a{ outline: 0; }
#obg1 .fu_fo_0{ display:block; }

.FreeSocialMedia {
	background: none !important;
    display: block !important;
    height: 100% !important;
    width: 100% !important;
}

.FreeMainContent {
	text-align: justify;
	height: auto;
	height: 260px;
	padding-bottom: 10px;
}

.FreeDivLeft {
	float: left;
	width: 49%;
	
}

.FreeDivRight {
	float: left;
	width: 49%;
	padding-left: 2%;
}

.FreeFoot {
	width: auto;
	padding-bottom: 30px;
}

.FreeMainP {
	text-indent: 5%;
	padding-bottom: 2%;
}

.FreeDivLeft ul {
	font-weight: bold;
}


#opis_lodz {
  width: 94%;
  background: url("images/boxBg.png");
  margin-top: 20px;
  padding: 1em 3%;
}
#opis_lodz p {
  margin: 1em 0;
}

.FreeH1Lodz {
	background-color: #FFFFFF;
    color: #000000;
    display: block;
    padding: 10px;
}