BODY {
color:#717171;
font-family: Tahoma;
font-size:12px;
text-align:center;
background-color: #bcbcbc;
background-repeat: repeat-x;
background-image: url(../images/shared/bg.jpg);
margin:0px;
}

TABLE, P, DIV {color:#717171; font-family: Arial; font-size:12px; text-align: left;}

UL {
padding-left:12px;
margin-left:12px;
list-style-type: square;
}

LI {
padding:0px 0px 6px 0px;
margin-bottom:6px;
}

IMG {
border:0px;
padding:0px;
margin:0px;
}

a {
color:#ecae01;
text-decoration:underline;
background-color: transparent;
padding: 0;
}


a:hover {
color:#000000;
text-decoration:underline;
background-color: transparent;
padding: 0px;
}


a.portal {
color: #717171;
text-decoration: none;
background-color: #ffffff;
background-color: transparent;
padding: 0;
}

a.portal:hover {
color: #717171;
text-decoration: none;
background-color: #ffffff;
background-color: transparent;
padding: 0;
}



#content_r a {
color: #FFCC01;
text-decoration: none;
background-color: transparent;
padding: 0;
}

#content_r a:hover {
color: #ffffff;
text-decoration: underline;
background-color: transparent;
padding: 0;
}

#portal a {
color: #e4e4e4;
text-decoration: none;
background-color: transparent;
padding: 0;
}

#portal a:hover {
color: #e4e4e4;
text-decoration: none;
background-color: transparent;
padding: 0;
}

#portal2 a {
color: #e4e4e4;
text-decoration: none;
background-color: transparent;
padding: 0;
}

#portal2 a:hover {
color: #e4e4e4;
text-decoration: none;
background-color: transparent;
padding: 0;
}

.caption {
padding-left: 10px;
margin: 10px 0 10px 0;
}


/*==================================================
BACKGROUND
==================================================*/
#bg {
display:block;
width:100%;
height:100%;
margin:0 auto;
text-align: center;
}


#site {
width:760px;
display:block;
margin:0 auto;
text-align: center;
overflow: visible;
}

/*==================================================
FLASH
==================================================*/

#flash {
display: block;
float: left;
width:760px;
height:253px;
font-size: 0px;
margin: 0px;
padding:0px;
background-color: #ffffff;
}

/*==================================================
CONTENT INDEX / PAGE
==================================================*/

#content {
display: block;
width: 760px;
overflow: auto;
padding: 0;
background-color: #ffffff;
clear: both;
height:auto;
margin: 0;
background-image: url(../images/shared/bg_blok.gif);
background-repeat: repeat-y;
background-position: right;
font-size: 0px;
}

#content_l {
display: block;
background-color: #ffffff;
float: left;
width: 560px;
font-size: 11px;
overflow: visible;
background-image: url(../images/shared/bg_flash_bt.gif);
background-repeat: no-repeat;
background-position: top right;
}

#content_r {
display: block;
float: left;
width: 190px;
height: auto;
font-size: 11px;
color: #e4e4e4;
overflow: visible;
}

.pad_index_l {
padding: 16px 20px 0px 20px;
font-size: 11px;
}

.pad_page_l {
padding: 16px 20px 0px 20px;
font-size: 12px;
}

.pad_page2_l {
padding: 0px 20px 0px 20px;
font-size: 12px;
}


.pad_r {
padding: 12px 16px 40px 16px;
font-size: 11px;
color: #e4e4e4;
text-align: justify;
}

.more1 {
text-align: right;
padding: 8px 0 8px 0;
}

.more2 {
text-align: left;
padding: 8px 0 8px 0;
}

#lastmod {
display: block;
float: right;
width: 190px;
height: 30px;
font-size: 11px;
color: #ababab;
position: absolute;
bottom: 20px;
right:10px;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_map.gif);
text-align: center;
line-height: 30px;
margin: 0;
padding:0;
}

#break {
display: block;
height: 20px;
width: 760px;
float: left;
background-color: #ffffff;
position: relative;
}

#realizacje1 a {
border: 10px solid #f2f2f2;
width: 148px;
height: 111px;
display: block;
line-height: 120px;
background-color: transparent;
padding: 0;
}

#realizacje1 a:hover {
border: 10px solid #FFCB01;
width: 148px;
height: 111px;
display: block;
line-height: 120px;
background-color: transparent;
padding: 0;
}

#realizacje2 a {
border: 10px solid #f2f2f2;
width: 148px;
height: 111px;
display: block;
line-height: 120px;
background-color: transparent;
padding: 0;
}

#realizacje2 a:hover {
border: 10px solid #FFCB01;
width: 148px;
height: 111px;
display: block;
line-height: 120px;
background-color: transparent;
padding: 0;
}

#realizacje3 a {
border: 10px solid #f2f2f2;
width: 148px;
height: 111px;
display: block;
line-height: 120px;
background-color: transparent;
padding: 0;
}

#realizacje3 a:hover {
border: 10px solid #FFCB01;
width: 148px;
height: 111px;
display: block;
line-height: 120px;
background-color: transparent;
padding: 0;
}


#realizacje1 {
float: left;
padding: 0 0 8px 0;
}

#realizacje2 {
float: left;
padding: 0 8px 8px 8px;
}

#realizacje3 {
float: left;
padding: 0 0 8px 0;
}

.special1 {
font-size: 12px;
text-decoration: underline;
}

.special2 {
font-size: 12px;
text-decoration: none;
font-weight: bold;
background-color: #F2F2F2;
padding: 4px;
}

.center {
text-align: center;
font-weight: bold;
font-size: 14px;
}

.img_block {
border: 3px solid #616161;
padding:0px;
margin:0px;
}

a.img_block {
border: 3px solid #616161;
padding:0px;
margin:0px;
}

a:hover.img_block {
border: 3px solid #FFCB01;
padding:0px;
margin:0px;
}

.caption {
width: 162px;
padding: 0px 4px 12px 4px;
font-size: 11px;
color: #616161;
text-align: center;
}


/*==================================================
FOOTER
==================================================*/
#footer {
display: block;
float: left;
width: 760px;
height: 67px;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_footer.gif);
}

#footer a {
color: #F7F7F7;
background-color: transparent;
padding: 0;
text-decoration: none;
}

#footer a:hover {
color: #ffffff;
text-decoration: underline;
background-color: transparent;
padding: 0;
}

.footer_l {
display: block;
float: left;
width: 374px;
font-size: 11px;
color: #f5f4f4;
text-align: left;
padding: 23px 0px 0px 20px;
line-height: 16px;
}

.footer_r {
display: block;
float: right;
width: 130px;
font-size: 11px;
color: #f5f4f4;
text-align: left;
padding: 32px 20px 0px 0px;
text-align: right;
}

.footer_bg {
display: block;
float: right;
width: 216px;
height:67px;
font-size: 11px;
color: #f5f4f4;
text-align: left;
background-image: url(../images/shared/bg_footer_center.gif);
background-repeat: no-repeat;
}


#footer_r {
display: block;
float: left;
width: 175px;
height: 61px;
background-repeat: repeat-x;
background-image: url(../images/shared/bg_footer.gif);
font-size: 11px;
color: #9fa987;
text-align: right;
padding: 18px 0px 0px 0px;
}

.map {
float: left;
}

/*==================================================
FORMULARZ
==================================================*/

.form {border:solid 1px #DEDEDE; font-size:12px; font-family: Arial; background:#F2F2F2}
.form2 {border:solid 0px #DEDEDE; font-size:12px;}
SELECT.form {font-size:12px;background:#FFFFFF}
TEXTAREA.form {border:solid 1px #DEDEDE; font-size:12px; font-family: Arial; background:#F2F2F2}
.submit {border:solid 1px #D1A802; font-size:12px; font-family: Arial;font-weight: bold;background-color: #FFCC01;color:#FFFFFF;padding:4px;}
.submit_search {border:solid 1px #0c4986; font-size:12px; font-family: Arial;background-color: #FFCC01;color:#FFFFFF;padding: 4px;}
.row {
padding-top:6px;
}

/*==================================================
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: #000000}

/*==================================================
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: #ffcb00;}
.sitemap_li {color: #ffcb00;}



/*************************************************************************
MSIE, FF BUGS
*************************************************************************/

/*Problem z t?em - FF*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html a.button {
  height:1px;
}