/* CSS Document */

body{
  margin: 0;
  padding: 0;
  background: #357EEA; /*wczesniej bylo #0249B3 url(../_img/container.png) repeat-x top;*/
}

form{
	display: block;
}

strong{
  color: #ffffff;
  font-weight: bold;
}

ul{
  list-style: inside;
}

div.h1{
  width: 100%;
  background: url(../_img/h1div.png) no-repeat top;
  margin-top: 20px;
  float: left;
  clear: left;
}

div.h1,
div.h2{
  float: left;
  clear: left;
  padding: 15px 0 0 0;
  margin-bottom: 20px;
  margin-left: 0;
  margin: right: 0;
}

div.h2{
  width: 100%;
  background: url(../_img/h2div.png) no-repeat top;
  margin-top: 35px; 
}

h1{
  width: 500px;
  font-size: 1.1em;
  padding: 5px 0 5px 30px;
}

h1,
h2{
  background: #ffffff url(../_img/h1.png) no-repeat left;
  margin: 0 15px 0 15px;
}

h1,
h2,
h3,
h4{
  display: block;
  color: #0249B3;
  font-family: Verdana, Heveltica, Arial, sans-serif;
}

h3,
h4{
  background: #ffffff;
}

h2{
  font-size: 0.9em;
  padding: 7px 0 7px 30px;
}


h3{
  width: 750px;
  font-size: 1.5em;
  margin: 15px;
  padding: 7px 0 7px 0;
}

h4{
  margin: 0;
  padding: 0;
  font-size: 1.2em;
}

h5{
  margin: 0 0 0 15px;
  color: #ffffff;
  font-size: 1.2em;
}

p{
  margin: 0;
  padding: 0;
}

#header{
  width: 100%;
  background: #357eea url(../_img/niebo.png) repeat-x top;
}

/*------------------------------ header --------------------------------------*/
div.header_inside{
  width: 990px;
  height: 302px;
  background: url(../_img/header_inside2.png) no-repeat top;
  margin: 0 auto;
}


#header a.logo img.logo{
  border: 0;
  margin: 40px 0 0 220px;
}



/*------------------------------ container -----------------------------------*/

div.container{
  width: 100%;
  margin: 0 auto;
}

/*------------------------------ main ----------------------------------------*/

div.main{
  width: 990px;
  margin: 0 auto;
  padding: 0;
}

/*------------------------------ navigation ----------------------------------*/
ul.bottom_nav,
ul.up_nav{
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

div.bottom_nav,
ul.up_nav{
  width: 100%;
}

ul.bottom_nav{
  width: 800px;
}


ul.bottom_nav a,
ul.up_nav li a{
  display: block;
}

ul.up_nav li{
  float: right;
  border: #0A5C9B solid;
  border-width: 0 1px 0 0;
  padding: 10px 7px 0 7px;
  font: 1em Verdana, Heveltica, Arial, sans-serif;
  font-weight: bold;
}

ul.up_nav li a{
  text-decoration: none;
}

ul.up_nav li a:link,
ul.up_nav li a:visited{
  color: #0A5C9B;
}

ul.up_nav li a:hover,
ul.up_nav li a:active{
  color: #a9c6f1;
}

div.bottom_nav{
  float: left;
}

ul.bottom_nav{
  margin: 0 auto;
  margin-top: -35px;
}

ul.bottom_nav li{
  float: left;
  font: 1.3em Verdana, Heveltica, Arial, sans-serif;
  text-align: center;
  float: left;
}

ul.bottom_nav li a{
  text-decoration: none;
  padding: 0 23px 10px 23px;
  background: url(../_img/bottom_nav_li.png) repeat-x bottom;
  border: solid #5c97f1;
  border-width: 0 1px 0 1px;
}

ul.bottom_nav li a:link,
ul.bottom_nav li a:visited{
  color: #ffffff;
}

ul.bottom_nav li a:hover,
ul.bottom_nav li a:active{
  color: #a9c6f1;
}

img.mapa{
  width: 530px;
}

/*------------------------------ lewe foty -----------------------------------*/

div.left{
  width: 170px;
  float: left;
  clear: left;
  margin: 0;
  padding: 0;
}

div.left a img{
  border: 0;
}

div.left div.h2 h2{
  margin: 0;
  padding: 7px 0 7px 30px;
}

div.left div.h2{
  margin-top: 20px;
}


/*------------------------------ right ---------------------------------------*/

div.right{
  width: 200px;
  float: right;
  margin: -15px 0 0 0;
  padding: 0 10px 0 10px;
  text-align: left;
}

p.data-rejsu{
  text-align: right;
  font-size: 0.8em;
  border: dashed #ffffff;
  border-width: 0 0 1px 0;
  margin: 0 15px;
}

/*------------------------------ footer --------------------------------------*/
div.footer{
  /*background: #0249b3 url(../_img/ryby.png) repeat-x top;*/
  width: 100%;
  float: left;
  clear: left;
  height: 54px;
  margin: 0;
}

div.footer_inside{
  text-align: center;
  font-weight: bold;
  width: 990px;
  height: 44px;
  padding: 10px 0 0 0;
  font-size: 0.9em;
  margin: 0 auto;
  color: #ffffff;
}

div.footer a{
  text-decoration: none;
}

div.footer a:link,
div.footer a:visited{
  color: #ffffff;
}

div.footer a:hover,
div.footer a:active{
  color: #a9c6f1;
}

/*------------------------------ content -------------------------------------*/
div.content{
  width: 560px;
  float: left;
  margin: 0 0 0 10px;
  padding: 0 15px 0 15px;
  text-align: justify;
}

div.table_half div,
table.places,
table.places2,
table.small,
div.table_half_p,
div.content div.p,
table.table,
div.content ul,
div.content form,
div.content p,
div.right p{
  color: #a8d1f4;
  font: 0.9em "Trebuchet MS", Trebuchet, Heveltica, sans-serif;
}

div.table_half_p,
div.content div.p,
table.table,
div.content form,
div.content p,
div.right p{
  padding: 0 15px 0 15px;
}

div.content div.p,
form.form,
table.table,
div.content form,
div.content p{
   width: 530px;
}

div.content div.p,
div.content p{
  margin: 0;
}

div.content div.p{
  float: left;
  clear: left;
}

div.content a:link,
div.content a:visited,
div.right a:link,
div.right a:visited{
  color: #ffffff;
  text-decoration: none;
}

div.content a:hover,
div.content a:active,
div.right a:hover,
div.right a:active{
  color: #a9c6f1;
  text-decoration: underline;
}

div.table{
  width: 530px;
  float: left;
  padding: 30px 15px 0 15px;
  clear: left;
  display: block;
}

div.table_half_p,
div.table_half{
  float: left;
  width: 255px;
  margin: 0;
  padding: 0;
}

div.table_half{
  text-align: center;
}

div.table_half_p{
  padding: 0 10px 0 0;
}

div.table_half p.justify,
div.table_half p{
  width: 100%;
  padding: 0;
  margin: 0;
}

div.table_half p{
  text-align: left;
}

div.table_half p.short_justify{
  width: 225px;
  margin-left: 40px;
}

div.table_half div,
div.table_half p.short_justify,
div.table_half p.justify{
  text-align: justify;
}
  
div.content p.big,
div.content p.bigger{
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
}

table.table td{
  width: 50%;
}

table.table td.center{
  text-align: center;
}

table.table a img{
  border: 0;
}

div.content table.table p{
  width: 100%;
  font-size: 1.1em;
}

div.content table.table p.italic{
  font-style: italic;
}

div.content p.right{
  display: block;
  clear: left;
  text-align: right;
  margin-top: 20px;
  font-style: italic;
}

table.rejs{
  width: 100%;
  margin: 15px 0;
}

td.right{
  text-align: right;
}

table.places{
  font-size: 0.6em;
}

td.paided{
  background-color: #ed4b4b;
  width: 7px;
  height: 11px;
  border: solid 1px #000000;
}

td.reserved{
  background-color: #356ad8;
  width: 7px;
  height: 11px;
  border: solid 1px #000000;
}

td.free{
  background-color: #0d9e66;
  width: 7px;
  height: 11px;
  border: solid 1px #000000;
}

table.places2{
  font-size: 0.7em;
}

table.galery{
  text-align: center;
  width: 100%; 
}

div.content div.p fieldset.textarea ul.select li a{
	font-size: 1.3em;
}

div.content div.p fieldset.textarea div.select_photo{
  width: 200px;
}


div.content div.p fieldset.textarea ul.select_mniejszy li a{
	font-size: 0.9em;
}

div.zapisz{
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  margin: 15px 0 15px 0;
  clear: left; 
}


/*------------------------------ forms -------------------------------------*/

/* kontakt */

fieldset.textarea_center,
fieldset.textarea,
fieldset.input_dwa,
fieldset.input{
  border: 0;
}

fieldset.input{
  background: url(../_img/fieldset_input.png) no-repeat top;
}

fieldset.input_dwa{
  background: url(../_img/fieldset_input2.png) no-repeat top;
}

fieldset.textarea_center,
fieldset.textarea{
  background: url(../_img/fieldset_textarea.png) no-repeat top;
}

select,
input.name,
textarea{
  width: 450px;
  margin: 7px 30px;
}

legend{
  color: #ffffff;
  font-weight: bold;
}

div.content a.send:link,
div.content a.send:visited,
input.send{
  float: right;
  display: block;
  margin: 10px 35px 0 0;
  padding: 3px 7px;
  border: 1px #ffffff solid;
  color: #0249b3;
  background-color: #ffffff;
  text-decoration: none;
}

div.content a.send:hover,
div.content a.send:active,
input.send:hover{
  border-color: #ffffff;
  color: #ffffff;
}

input.send:hover{
  color: #ffffff;
  background-color: #0249b3;
}

/* jachty */

form.form{
  clear: left;
  float: left;
}

ul.select_mniejszy,
ul.select{
  display: block;
  float: left;
  width: 180px;
  list-style: none;
}

ul.select_mniejszy li a,
ul.select li a{
  display: block;
  font-size: 1.4em;
  padding: 4px;
  width: 170px;
}

div.select_photo{
  float: left;
  width: 200px;
  height: 180px;
  margin: 0;
}

div.select_photo img{
  border: solid 4px #ffffff;
}

input.none{
  display: none;
}

fieldset.textarea_center{
  text-align: center;
}

table.small{
  width: 80%;
  margin: 0 70px;
  text-align: left;
  font-size: 1em;
}

div.clear_both{
	clear: both;
	display: block;
	margin: 20px 0;
}


/*------------------------------ admin -------------------------------------*/

ul.admin{
  list-style: none;
  margin: 30px 0 0 -25px;
}

ul.admin li a{
  text-decoration: none;
  padding: 5px 0 5px 0;
  display: block;
  width: 100%;
}

ul.admin li a:link,
ul.admin li a:visited{
  color: #ffffff;
}

ul.admin li a:hover,
ul.admin li a:active{
  color: #0249b3;
  background-color: #ffffff;
}

div.admin{
  display: block;
  float: left;
  width: 780px;
}

div.edit{
  padding: 15px;
}

div.admin textarea{
  width: 750px;
  height: 600px;
}

input.chceckbox,
input.akwen_weight{
  margin: 0 30px;
}

div.right table{
  font-size: 12px;
  color: #a9c6f1;
  margin: 0 10px;
}