<!--

BODY {
color:#ffffff;
font-family: Arial;
font-size: 12px;
background-color: #162141;
background-repeat: repeat-x;
background-image: url(../images/shared/bg.jpg);
text-align: left;
margin: 0px;
}

TABLE, P, DIV {color:#ffffff; font-family: Arial; text-align: left;}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {color:#c1ccee;text-decoration:none;padding: 0px;margin: 0px;}
a:hover {color:#ffffff;text-decoration:underline;padding: 0px;margin: 0px;}

h1 {
font-family: Arial;
font-size: 19px;
font-weight: bold;
color: #ffffff;
padding: 24px 0px 20px 0px;
margin: 0px;
}

h2 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #c1ccee;
padding: 0px 0px 10px 0px;
margin: 0px;
}

h3 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
color: #c1ccee;
padding: 0px 0px 20px 0px;
margin: 0px;
}

.special {color: #c1ccee; font-weight: bold;}

.more {
display: block;
height: 26px;
width: 410px;
background-image: url(../images/shared/more_bg.gif);
background-repeat: repeat-x;
text-align: right;
clear:both;
}

.form_tr {
height: 44px;
}

.caption {
color:#162141;
font-size:11px;
font-family: Arial;
text-align: center;
}


UL {
padding-left:12px;
margin-left:12px;
}

LI {
list-style-type: square;
padding-bottom:4px;
}

/*==================================================
BACKGROUND
==================================================*/

#site {
width:914px;
display:block;
margin:0px;
text-align: left;
margin:12px 0px 0px 42px;
}

#site_page {
width:956px;
display:block;
margin:0px;
text-align: left;
margin:12px 0px 0px 0px;
}


/*==================================================
LOGO
==================================================*/

#logo_l {
display: block;
float: left;
width: 458px;
height: 87px;
}

#logo_r {
display: block;
float: right;
width: 456px;
height: 116px;
}

.lastmod {
padding:60px 4px 0px 0px;
text-align: right;
color: #9b9ca5;
font-size:11px;
}

#logo_l_page {
display: block;
float: left;
width: 410px;
height: 87px;
margin: 0px 0px 0px 0px;
padding-left: 20px;
}

.margin_l {
margin: 0px 0px 0px 42px;
}


/*==================================================
MENU
==================================================*/
#menu_l {
display: block;
float: left; 
height: 57px;
padding: 0px 0px 0px 28px;
margin: 0px;
}

#menu_l_page {
display: block;
float: left; 
height: 57px;
padding: 0px 0px 0px 28px;
margin: 0px 0px 0px 0px;
}

#menu_ul {
margin: 0;
padding: 0;
line-height: 57px;
font-size: 0px;
float: left;
list-style-type: none;
list-style-image: none;
}

#menu_ul li {
margin: 0;
padding: 0;
display: inline;
line-height: 57px;
font-size: 0px;
float: left;
list-style-type: none;
list-style-image: none;
}

/*==================================================
CONTENT
==================================================*/

#content_index {
position: relative;
height:450px;
width:956px;
display: block;
float: left;
}

#index_firma {
display: block;
float: right;
width: 456px;
height: 264px;
background-color: #344068;
padding:0px;
position: absolute;
z-index: 3;
top:-20px;
left:500px;
}

.firma {
font-family: Arial;
font-size: 11px;
padding: 0px 24px 0px 24px
}

#index_oferta {
display: block;
float: left;
width: 956px;
height: 351px;
padding:0px;
margin:0px;
position: absolute;
z-index:2;
top:0px;
left:0px;
}

.oferta {
display:block;
width: 400px;
margin:0px 0px 0px 42px;
font-family: Arial;
font-size: 11px;
padding: 0px 24px 0px 26px
}

#index_bottom {
display: block;
float: left;
height: 304px;
width:100%;
margin: 0px;
z-index: 1;
position: absolute;
top:400px;
left: 0px;
background-image: url(../images/shared/bg_bt.jpg);
background-repeat: repeat-x;
background-position: bottom;
}

#photo {
display: block;
float: left;
height: 304px;
width:500px;
}


#content {
display: block;
float:left;
width:956px;
overflow: visible;
}

#content_l {
display: block;
float:left;
width:520px;
overflow: visible;
}

#content_r {
display: block;
float:right;
width:436px;
overflow: visible;
}

#content_image_index {
display: block;
float:left;
width:520px;
height:200px;
margin:0px;
padding:0px;
font-size: 0px;
position: absolute;
bottom:0px;
}

#content_image {
display: block;
float:left;
width:520px;
height:200px;
margin:0px;
padding:0px;
font-size: 0px;
}

#pad_l {
padding:0px 30px 10px 70px;}

#pad_r {
padding:0px 0px 10px 20px;}


.gallery_line1 {
display: block;
height:110px;
margin:0px 0px 40px 0px
}

.gallery_line2 {
display: block;
height:110px;
margin:0px 0px 16px 0px
}


a.gallery1 {
border: 4px solid #4c5e91;
margin:0px 50px 0px 0px;
display: block;
float: left;
width:175px;
height: 100px;
}

a:hover.gallery1 {
border: 4px solid #ffffff;
margin:0px 50px 0px 0px;
display: block;
float: left;
width:175px;
height: 100px;
}

a.gallery2 {
border: 4px solid #4c5e91;
margin:0px 0px 0px 0px;
display: block;
float: left;
width:175px;
height: 100px;
}

a:hover.gallery2 {
border: 4px solid #ffffff;
margin:0px 0px 0px 0px;
display: block;
float: left;
width:175px;
height: 100px;
}


.references_line1 {
display: block;
height:225px;
margin:0px 0px 40px 0px
}

.references_line2 {
display: block;
height:225px;
margin:0px 0px 16px 0px
}

a.references1 {
border: 4px solid #4c5e91;
margin:0px 80px 34px 0px;
display: block;
float: left;
width:150px;
height: 215px;
}

a:hover.references1 {
border: 4px solid #ffffff;
margin:0px 80px 34px 0px;
display: block;
float: left;
width:150px;
height: 215px;
}

a.references2 {
border: 4px solid #4c5e91;
margin:0px 0px 34px 0px;
display: block;
float: left;
width:150px;
height: 215px;
}

a:hover.references2 {
border: 4px solid #ffffff;
margin:0px 0px 34px 0px;
display: block;
float: left;
width:150px;
height: 215px;
}


/*==================================================
FOOTER
==================================================*/
#footer_index {
display: block;
float: left;
width: 456px;
height: 143px;
background-repeat: no-repeat;
background-image: url(../images/shared/bg_footer.gif);
position: absolute;
bottom: 0px;
left:500px;
}

#contact {
float: right;
position:absolute;
bottom:140px;
left:524px;
z-index: 5;
}

#mapa {
float: left;
}

#mapa_dsc1 {
display: block;
float: left;
font-size: 11px;
margin: 72px 0px 0px 28px;
}

#mapa_dsc2 {
display: block;
width:148px;
float: right;
font-size: 11px;
margin: 57px 0px 0px 0px;
}

#created {
display: block;
float: left;
margin: 0px 0px 0px 812px;
font-family: Tahoma;
font-size: 11px;
width: 120px;
height:20px;
background-image: url(../images/shared/bg_created.gif);
background-repeat: repeat-x;
padding: 14px 0px 0px 24px;
color:#6170a3;
}

#created a {
color:#6170a3;
text-decoration: none;
}

#created a:hover {
color:#ffffff;
text-decoration: none;
}


#created_main {
display: block;
float: left;
margin: 0px 0px 0px 0px;
font-family: Tahoma;
font-size: 11px;
width: 956px;
height:20px;
padding:0px;
}

#created1 {
display: block;
float: left;
margin: 0px 0px 0px 0px;
font-family: Tahoma;
font-size: 11px;
width: 340px;
height:20px;
padding: 10px 0px 0px 0px;
font-family: Tahoma;
color:#6170a3;
text-align: right;
}

#created2 {
display: block;
float: right;
margin: 0px 0px 0px 0px;
font-family: Tahoma;
font-size: 11px;
width: 120px;
height:20px;
background-image: url(../images/shared/bg_created.gif);
background-repeat: repeat-x;
padding: 10px 0px 0px 0px;
color:#6170a3;
text-align: center;
}

#created2 a {
color:#c1ccee;
text-decoration: none;
}

#created2 a:hover {
color:#ffffff;
text-decoration: underline;
}

#footer_page {
display: block;
float: left;
width: 956px;
height: 109px;
clear: both;
}

#footer_page_bg {
display: block;
float: left;
width: 100%;
height: 109px;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_bt.jpg);
background-position: right bottom;
clear: both;
}

#footer_page_l {
display: block;
float: left;
width: 520;
height: 109px;
}

#footer_page_r {
display: block;
float: left;
width: 436px;
height: 109px;
background-repeat: no-repeat;
background-image: url(../images/shared/bg_page_footer.gif);
background-position: right top;
}


#footer_content {
display: block;
float: right;
height:48px;
width:280px;
font-size: 11px;
color: #6170a3;
}

#footer_content1 {
display: block;
float: left;
height:48px;
line-height: 48px;
width:99px;
text-align: center;
padding:0px 0px 0px 0px;
}

#footer_content2 {
display: block;
float: left;
height:48px;
line-height: 48px;
width:105px;
text-align: center;
padding:0px 0px 0px 0px;
}

#footer_content3 {
display: block;
float: right;
height:48px;
line-height: 48px;
width:76px;
text-align: center;
padding:0px 0px 0px 0px;
}

#footer_content a {
color:#6170a3;
text-decoration: none;
}

#footer_content a:hover {
color:#ffffff;
text-decoration: none;
background-image: url(../images/shared/footer_onmouse.gif);
background-position:center top;
background-repeat: no-repeat;
display: block;
height:48px;
line-height: 48px;
margin-top: 0px;
padding-top:0px;
}


.form {border:solid 1px #4c5e91; font-size:12px; color:#16203f; font-family: Arial; background:#f1f1f1}
.form2 {border:solid 0px #f1f1f1; font-size:12px;}
SELECT.form {font-size:12px;background:#f1f1f1}
TEXTAREA.form {border:solid 1px #4c5e91; font-size:12px; font-family: Arial; color:#16203f; background:#f1f1f1}
.submit {border:solid 0px; font-size:12px; font-family: Arial;}
.submit_search {border:solid 0px; font-size:12px; font-family: Arial;}

/*==================================================
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: #c1ccee}

/*==================================================
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_picture{}
.news_content{}
.news_more{padding-right:15px;}
.news_sort{}
.news_table_sort{}
.news_author{}
.news_back{padding-right:15px;}

/*==================================================
klasy zwiazane z ksiega gosci
==================================================*/
.guestbook_author{}
.guestbook_date{}
.guestbook_content{}

/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {color: #ffffff;}
.sitemap_li {color: #ffffff;}
// -->