<!--

BODY {
color:#00203c;
font-family: Arial;
font-size:12px;
text-align:center;
background-color: #0077da;
background-repeat: repeat-x;
background-image: url(../images/shared/bg.jpg);
margin:0px;
}

TABLE, P, DIV {color:#00203c; font-family: Arial; font-size:12px; text-align: left;}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {color:#0379da;text-decoration:none;padding: 0px;margin: 0px;cursor:pointer;}
a:hover {color:#ff0000;text-decoration:none;padding: 0px;margin: 0px;cursor:pointer;}

.special1 {color: #00206d; font-weight: bold;}
.special2 {color: #0379da; font-size: 14px; font-weight: bold;padding-bottom: 6px;}
.special3 {color: #0379da; font-weight: bold;}
.special4 {color: #0379da; font-size: 12px; font-weight: bold;}

h2 {color: #00206d; font-size: 14px; font-weight: bold; word-spacing: 2px;padding-bottom:16px;margin:0;}

/*==================================================
BACKGROUND
==================================================*/

#site {
width:876px;
display:block;
margin:0 auto;
text-align: center;
overflow: visible;
min-height: 600px;
}

#site_page {
width:804px;
display:block;
margin:0 auto;
text-align: center;
overflow: visible;
min-height: 600px;
}



/*==================================================
LOGO
==================================================*/

h1 {
display: block;
float: left;
height: 130px;
margin: 0;
}

/*==================================================
MENU
==================================================*/
#menu {
display: block;
float: left; 
width: 594px;
height: 50px;
padding: 0px;
margin: 80px 0 0 0;
font-size: 0px;
line-height: 45px;
}

#menu_ul {
line-height: 45px;
float: left;
height: 45px;
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}

#menu_ul li {
line-height: 45px;
float: left;
height: 45px;
display: inline;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}


/*==================================================
CONTENT_INDEX
==================================================*/

#content {
display: block;
float: left;
position: relative;
width: 804px;
margin: 10px 0 0 36px;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_content.jpg);
background-color: #ffffff;
overflow: visible;
clear: both;
}

#content_l {
display: block;
float: left;
width: 348px;
height:236px;
overflow: visible;
padding: 20px 16px 0 20px;
background-repeat: no-repeat;
background-image: url(../images/index/bg_windsurfing.jpg);
background-position: center 0px;
position: relative;
}

#content_r {
display: block;
float: left;
width: 408px;
overflow: visible;
padding: 20px 0 0 0;
background-repeat: no-repeat;
background-image: url(../images/index/bg_rozgwiazda.jpg);
background-position: 178px 109px;
position: relative;
}

#content_r IMG {
margin: 0 9px 17px 0;
}

#flash {
display: block;
float: left;
width: 230px;
height: 139px;
margin: 0;
padding: 0;
font-size: 0;
}

#flash_r {
display: block;
float: left;
width: 608px;
height: 10px;
margin: 0;
padding: 0;
font-size: 0;
text-align: left;
}

#kontakt {
display: block;
float: left;
position: relative;
width: 610px;
height: 110px;
margin: 0;
padding: 0;
font-size: 0;
text-align: left;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_content.jpg);
background-color: #ffffff;
}

#kontakt_l {
display: block;
float: left;
position: relative;
width: 204px;
padding: 18px 0 0 16px;
line-height: 21px;
text-align: left;
color: #00206d;
}

#kontakt_c {
display: block;
float: left;
position: relative;
width: 120px;
padding: 39px 0 0 0;
line-height: 21px;
text-align: left;
color: #00206d;
}

#kontakt_r {
display: block;
float: left;
position: relative;
width: 186px;
padding: 1px 0 0 0;
text-align: left;
}

.left {
display: inline;
float: left;
padding: 0 0 20px 0;
}

.right {
float: right;
}

.margin_r {
display: inline;
padding: 0 20px 20px 0;
float: left;
}

.margin_l {
padding: 0 0 20px 20px;
float: right;
}

.font11 {font-size: 11px;}

.just {
text-align: justify;
}

.center {
text-align: center;
}

.br {
padding-top:10px;
}

.crn_top_l {
padding: 0px;
margin:0;
display: block;
width:4px;
float: left;
overflow: visible;
}

.crn_top_r {
padding: 0px;
margin:0;
display: block;
width:4px;
float: right;
overflow: visible;
}

.crns_bt {
display: inline;
height: 4px;
width: 804px;
float:left;
margin-left: 36px;
background-color: #ffffff;
}

.crns_kontakt_bt {
display: inline;
height: 4px;
width: 610px;
float: left;
background-color: #ffffff;
}

.crns_page_bt {
display: inline;
height: 4px;
width: 804px;
float:left;
background-color: #ffffff;
}

.crn_bt_l {
display: block;
width: 4px;
height: 4px;
float: left;
}

.crn_bt_r {
display: block;
width: 4px;
height: 4px;
float: right;
}

#kolo_ratunkowe {
position: absolute;
z-index: 100;
left: 526px;
bottom: 8px;
margin: 0px;
line-height: 0px;
padding: 0px;
font-size: 0px;
}


/*==================================================
FOOTER_INDEX
==================================================*/

#footer {
display: block;
float: right;
width: 610px;
height: 34px;
margin-right: 36px;
}

#footer_l {
display: block;
float: left;
width: 400px;
height: 34px;
font-size: 11px;
color: #f4f9fd;
padding: 6px 0 14px 6px;
}

#footer_l a {
color: #f4f9fd;
}

#footer_l a:hover {
text-decoration: underline;
}

#created {
display: block;
float: right;
width: 172px;
height: 34px;
font-size: 11px;
color: #f4f9fd;
text-align: right;
padding: 6px 6px 0 14px;
}

#created a {
color: #f4f9fd;
}

#created a:hover {
text-decoration: underline;
}

/*==================================================
CONTENT_PAGE
==================================================*/

#content_page {
display: block;
float: left;
position: relative;
width: 804px;
min-height: 400px;
margin: 10px 0 0 0;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_content.jpg);
background-color: #ffffff;
overflow: visible;
}

#content_l_page {
display: block;
float: left;
width: 521px;
min-height: 345px;
overflow: visible;
padding: 20px 16px 20px 16px;
background-repeat: no-repeat;
background-image: url(../images/shared/bg_content.gif);
background-position: right top;
}

#content_r_page {
display: block;
float: left;
width: 195px;
min-height: 345px;
padding: 20px 16px 20px 20px;
overflow: visible;
}

#content_l_page IMG {
background-repeat:no-repeat;
display: block;
width: 154px;
height:94px;
background-image: url(../images/shared/img_gallery_bg.gif);
padding: 3px;
cursor: pointer;
}

#content_r_page IMG {
background-repeat:no-repeat;
display: block;
width: 154px;
height:94px;
background-image: url(../images/shared/img_gallery_bg.gif);
padding: 3px;
cursor: pointer;
}


/*==================================================
FOOTER_PAGE
==================================================*/

#footer_page {
display: block;
float: right;
width: 804px;
height: 34px;
margin:0;
}

/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/

.form {border: 1px solid #ADD1F1; font-size:12px; font-family: Arial; background:#EBF4FB}
.form2 {border:solid 0px #ADD1F1; font-size:12px;}
SELECT.form {font-size:12px;background:#FFFFFF}
TEXTAREA.form {border: 1px solid #ADD1F1; font-size:12px; font-family: Arial; background:#EBF4FB}
.submit {border: 1px solid #ADD1F1; font-size:12px; font-family: Arial;font-weight: bold;background-color: #022576;width:134px;height:30px;text-align: center;cursor: pointer;color: #FFFFFF}
.row {
padding-top: 6px;
}

/*==================================================
DOJAZD INDEX
==================================================*/

.form_route {border:solid 1px #ADD1F1; font-size:11px; font-family: Arial; color:#606969; background:#EBF4FB; margin-bottom:6px;}
.form_route2 {border:solid 1px #ADD1F1; font-size:11px; font-family: Arial; color:#606969; background:#EBF4FB; margin-bottom:6px;}
.submit_route {border:solid 1px #ADD1F1; font-size:11px; font-weight: bold; background:#022576; font-family: Arial; color:#ffffff; width: 95px; height:20px; cursor:pointer;}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {color: #FF0000}
.success {color: #0379d}

/*==================================================
search - umozliwia konfiguracje wygladu wyszukiwarki
==================================================*/
.search {border:solid 1px #0c4986; font-size:12px;background-color: #f0efda;color:#0c4986}

/*==================================================
w wyniku wyszukania na dole znadjduje si? pasek z rozmiarem oraz data ostaniej modyfikacji pliku,
wlasnie dzieki result mozna skonfigurowac jej wyglad
==================================================*/
.result {color: #CCCCCC}

/*==================================================
klasy zwiazane z systemem newsow w szablonie
==================================================*/
.news_table{}
.news_topic{}
.news_date{}
.news_news_row_1{}
.news_news_row_2{}
.news_news_row_3{}
.news_content{}
.news_picture{}
.news_galeria{}
.news_galeria_zdjecia{}
.news_back{}
.news_more{}
.news_stronicowanie{}
.news_author{}

/*==================================================
klasy zwiazane z galeria
==================================================*/
.header_galeria{}
.galeria{}
.galeria_zdjecie{}
.galeria_table_row_1{}
.galeria_back{}
.galeria_stronicowanie{}
.wrap{}
.wrap_stamp{}
.wrap_conteiner{}

/*==================================================
klasy zwiazane z ksiega gosci
==================================================*/
.gbook_stronicowanie{}
.gbook_wrap{}
.gbook_wrap_2{}
.gbook_autor{}
.gbook_data{}
.gbook_text{}


/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {color: #0379da;}
.sitemap_li {color: #0379da;}
// -->