@import url("patch.css");


BODY {
color:#ffffff;
font-family: Verdana, Tahoma, sans-serif;
font-size:12px;
background: #000000;
margin:0px;
}

TABLE, P, DIV {color:#494c40; font-family: Verdana, Tahoma, sans-serif; font-size:12px; text-align: left;}

IMG {
border:0px;
padding:0px;
margin:0px;
/* PRZEZROCZYSTOSC PNG W IE 6 i STARSZYCH*/
behavior: url("pngbehavior.htc");
/*PNG ZALADOWANE*/
}

a {color: #048de4;text-decoration:none;}
a:hover {color: #0164a4;text-decoration:underline;}

.font11 {font-size: 11px;}

UL {
list-style-image: url(../images/shared/li_ico.gif);
padding-top: 1px;
margin-top: 4px;
margin-bottom: 10px;
padding-bottom: 1px;
}

li {
padding: 2px 0 2px 0;
line-height: 14px;
}

.pad-l {
margin-left: 50px !important;
}

hr {
height: 1px;
border: 0px;
color: #afe1f8;
background: #afe1f8;
}

/*==================================================
BACKGROUND
==================================================*/
#bg {
display:block;
width:100%;
position: absolute;
top: 50%;
margin-top: -302px;
text-align: center;
height: 605px;
background: #ffffff url(../images/index/bg_middle.gif) repeat-x;
background-position: left 529px;
}

#bg_page {
display:block;
width:100%;
text-align: center;
min-height: 505px;
overflow: auto;
clear: both;
}

.sol {
background: #ffffff url(../images/page/sol/bg_header.gif) repeat-x;
background-position: top;
}

.huta {
background: #ffffff url(../images/page/huta/bg_header.gif) repeat-x;
background-position: top;
}

.odziez {
background: #ffffff url(../images/page/odziez/bg_header.gif) repeat-x;
background-position: top;
}

.bariery {
background: #ffffff url(../images/page/bariery/bg_header.gif) repeat-x;
background-position: top;
}


.wegiel {
background: #ffffff url(../images/page/wegiel/bg_header.gif) repeat-x;
background-position: top;
}

#site {
width: 650px;
display: block;
margin: 36px auto;
text-align: center;
height: 530px;
clear: both;
position: relative;
}

#wynajem {
display: block;
position: absolute;
z-index: 100;
width: 215px;
height: 211px;
clear: both;
top: 260px;
left: 580px;
float: left;
}


#site_page {
width: 762px;
display: block;
margin: 6px auto;
text-align: center;
min-height: 430px;
overflow: visible;
}

/*==================================================
MENU
==================================================*/
#menu {
display: inline;
float: left; 
width: 650px;
height: 139px;
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
}

#menu ul {
display: inline;
float: left;
width: 650px;
height: 139px;
margin: 0;
padding: 0;
list-style-type: none;
line-height: 0;
}

#menu li {
display: inline;
float: left;
margin: 0;
padding: 0;
line-height: 0;
height: 139px;
}

/*==================================================
INDEX
==================================================*/

#flash {
display: block;
width: 650px;
height: 146px;
padding: 0;
font-size: 0;
line-height: 0;
margin: 0;
clear: both;
}

#logo {
display: block;
width: 460px;
height: 245px;
margin: 0 auto;
text-align: center;
padding: 0;
font-size: 0;
line-height: 0;
position: relative;
}

#created a {
color: #ffffff;
}

#created a:hover {
color: #ffffff;
text-decoration: underline;
}

/*==================================================
PAGE
==================================================*/

h2 {
font-size: 14px;
font-weight: bold;
margin: 4px 0 14px 0;
color: #0164a4;
font-family: Arial Narrow;
text-transform: uppercase;
}

h2.special {
font-size: 14px;
font-weight: bold;
margin: 40px 0 14px 0;
color: #0164a4;
font-family: Arial Narrow;
text-transform: uppercase;
position: relative;
margin-left: -30px;
background: url(../images/shared/bg_block_r.jpg) no-repeat;
height: 30px;
padding: 24px 0 0 30px;
display: block;
}

h2 span {
font-size: 22px;
font-weight: bold;
color: #068ee4;
font-family: Arial Narrow;
text-transform: uppercase;
}

h3 {
font-size: 13px;
font-weight: bold;
color: #000000;
margin: 32px 0 12px 0;
}

#header {
display: block;
float: left;
width: 762px;
height: 93px;
padding: 0px;
margin: 0 0 38px 0;
font-size: 0pt;
}

#header_l {
display: block;
float: left;
width: 281px;
height: 93px;
padding: 0px;
margin: 0 0 38px 0;
font-size: 0pt;
}

#header_r {
display: block;
float: left;
width: 481px;
height: 93px;
padding: 0px;
margin: 0 0 38px 0;
font-size: 0pt;
}

#block_l {
display: block;
float: left;
width: 248px;
font-size: 11px;
text-align: left;
padding:26px 0 18px 0;
background: url(../images/shared/bg_menu_top.jpg) no-repeat;
min-height: 200px;
overflow: visible;
}

#menu_l {
display: block;
float: left;
width: 248px;
font-size: 11px;
text-align: left;
padding:0 0 36px 0;
background: url(../images/shared/bg_menu_bt.jpg) no-repeat;
background-position: bottom left;
}

#menu_l ul {
display: inline;
float: left;
width: 248px;
margin: 0;
padding: 0;
list-style-type: none;
}

#menu_l li {
display: inline;
float: left;
margin: 0;
padding: 0;
line-height: 26px;
font-size: 12px !important;
width: 248px;
}

#menu_l a {
display: block;
width: 160px;
padding-left: 30px;
background: url(../images/shared/bg_menu.gif) no-repeat;
background-position: 11px bottom;
color: #0164a4;
}

.specialli {
display: block;
width: 160px;
padding-left: 30px;
background: url(../images/shared/bg_menu2.gif) no-repeat;
background-position: 11px bottom;
color: #0164a4;
}

.specialli a {
display: block;
width: 160px;
padding-left: 30px;
background: url(../images/shared/bg_menu1.gif) no-repeat;
background-position: 11px bottom;
color: #0164a4;
}

#menu_l a:hover {
display: block;
width: 160px;
padding-left: 30px;
background: url(../images/shared/bg_menu1.gif) no-repeat;
background-position: 11px bottom;
color: #048de4;
font-weight: bold;
text-decoration: none;
}


#kontakt {
display: block;
float: left;
width: 218px;
height: 126px;
font-size: 11px;
text-align: left;
padding: 24px 0 24px 30px;
background: url(../images/shared/bg_kontakt.jpg) no-repeat;
margin: 16px 0 0 0;
}

#block_r {
display: block;
float: left;
width: 464px;
text-align: left;
padding: 25px 20px 18px 30px;
min-height: 300px;
overflow: visible;
background: url(../images/shared/bg_block_r.jpg) no-repeat;
background-position: top left;
}

.oferta_odziez {
display: block;
width: 103px;
height: 130px;
float: left;
text-align: center;
margin: 0 auto;
}

.opis_odziez {
display: block;
float: left;
width: 238px;
margin: 57px 0 75px 10px;
min-height: 88px;
border: 1px solid #eaeaea;
background: #fdfdfd;
padding: 10px;
overflow: visible;
}

.opis_odziez2 {
display: block;
float: left;
width: 330px;
margin: 20px 0 30px 14px;
min-height: 38px;
line-height: 38px;
border: 1px solid #eaeaea;
background: #fdfdfd;
padding: 10px;
overflow: visible;
}

.rekawice {
display: block;
float: left;
width: 470px;
clear: both;
margin-bottom: 30px;
min-height: 10px;
overflow: visible;
}

.form_odziez {
display: block;
float: left;
width: 100%;
border-top: 1px solid #eaeaea;
padding-top: 20px;
clear: both;
}


.caption {
font-size: 10px;
color: #afafaf;
}

table {
background: #ffffff;
font-size: 11px;
margin-bottom: 6px;
}

table td {
background: #fafafa;
padding: 4px 8px 4px 8px;
text-align: center;
font-size: 11px;
width: 220px;
}

td.header {
background: #e7e7e7;
color: #488de8;
font-weight: bold;
border-bottom: 1px solid #488de8; 
}

td.header2 {
background: #e7e7e7;
color: #488de8;
font-weight: bold;
border-bottom: 1px solid #e7e7e7;
width: auto !important;
}

table.w-450 {
width: 450px !important;
}

table.w-450 td {
width: auto !important;
padding: 4px 6px 4px 6px !important;
}

table.w-150 {
width: 150px !important;
padding: 4px 6px 4px 6px !important;
float: left;
margin-right: 10px;
}

table.w-150 td {
width: auto !important;
padding: 4px 6px 4px 6px !important;
}


tr.dark td {
background: #f3f3f3;
}

.pad-top {
margin-top: 24px;
}

.fractline, .fractup, .fractdn {
    font-family: verdana, sans-serif;
    margin:0;
    padding:0;
}

.fractup, .fractdn {
    font-size: 0.70em;
    font-weight: 500;
    position:relative;
}

.fractdn {
    top:0em;
    left:0.05em;
}

.fractup {
    top:-0.4em;
    left:-0.05em;
}


/*==================================================
WYNAJEM GALERIA
==================================================*/
.wynajem {
display: block;
clear: both;
width: 100%;
float: none;
min-height: 10px;
overflow: auto;
}

.wynajem a img {
float: left;
padding: 4px;
border: 1px solid #048de4;
margin-bottom: 20px;
}

.wynajem a:hover img {
border: 1px solid #0164a4;
background: #e2f3ff;
}

.pad-r {
margin-right: 20px;
}

/*==================================================
FOOTER
==================================================*/

#footer {
display: block;
width: 100% !important;
height: 50px;
background: #000000 url(../images/shared/bg_footer.gif) repeat-x;
padding: 0;
margin: 0 auto;
text-align: center;
clear: both;
}

.footer {
display: block;
width: 762px;
height: 50px;
float: none;
margin: 0 auto;
text-align: left;
}

.footer_el {
display: block;
width: 214px;
height: 50px;
line-height: 50px;
font-size: 11px;
padding: 0 20px 0 20px;
float: left;
color: #9c9c9c;
}

.footer_el a {
color: #9c9c9c;
}

.footer_el a:hover {
color: #ffffff;
text-decoration: underline;
}

.footer_l {
display: block;
float: left;
width: 154px;
height: 50px;
line-height: 50px;
font-size: 11px;
padding: 0 20px 0 20px;
color: #9c9c9c;
}

.footer_m {
display: block;
float: left;
width: 340px;
height: 50px;
line-height: 50px;
font-size: 11px;
padding: 0 20px 0 20px;
color: #9c9c9c;
text-align: center;
}

.footer_m a {
color: #9c9c9c;
}

.footer_m a:hover {
color: #ffffff;
text-decoration: underline;
}

.footer_r {
display: block;
float: right;
width: 124px;
height: 50px;
line-height: 50px;
font-size: 11px;
padding: 0 20px 0 20px;
color: #9c9c9c;
text-align: right;
}

.footer_r a {
color: #9c9c9c;
}

.footer_r a:hover {
color: #ffffff;
text-decoration: underline;
}

.left {
float: left;
text-align: left;
}


.right {
float: right;
text-align: right;
}

.center {
text-align: center;
margin: 0 auto;
}

.ener_id_box {
	float:left;
	display:inline;
	width:140px;
	border-right:1px solid #8AC8EF;
	margin-right:13px;
}
.ener_title {
	font-weight:bold;
	color:#0164A4;
}
.bariery_sh {
	padding-left:16px;
	margin:0px;
}
.bariery_sh li ul {
	padding-left:16px;
	margin:0px;
}
#table_przepusty {
	border:0px;
}
#table_przepusty .przepusty_tytul, #table_przepusty .przepusty_tytul2, #table_przepusty .przepusty_tytul3, #table_przepusty .przepusty_tytul4 {
	text-align:left;
}
#table_przepusty .przepusty_tytul3 {
	font-size:14px;
	font-weight:bold;
} 
#table_przepusty .przepusty_opis, #table_przepusty .przepusty_opis2, #table_przepusty .przepusty_opis3, #table_przepusty .przepusty_opis4 {
	text-align:left;
	vertical-align:top;
}
#table_przepusty .przepusty_tresc, #table_przepusty .przepusty_tresc2, #table_przepusty .przepusty_tresc3, #table_przepusty .przepusty_tresc4 {
	text-align:left;
	vertical-align:top;
}
#table_bariery {
	width:550px;
	border:0px;
	letter-spacing:-0.5px;
}
#table_bariery {
	vertical-align:top !important;
}
#table_bariery td {
	vertical-align:top !important;
}
.bariery_tytul {
	font-size:15px;
	color:#888;
	font-weight:bold;
	border-top:1px solid #8AC8EF;
	border-bottom:1px solid #CCC;
	text-align:left;
	padding-left:7px;
	letter-spacing:0.5px !important;
}
.bariery_tytul2 {
	font-size:15px;
	color:#888;
	font-weight:bold;
	border-top:1px solid #8AC8EF;
	border-bottom:1px solid #CCC;
	text-align:left;
	padding-left:7px;
	letter-spacing:0.5px !important;
}
.bariery_komponenty {
	vertical-align:top;
	font-size:12px;
	text-align:left;
	border-right:1px solid #8AC8EF;
}
.bariery_lista_komponentow {
	margin:0px;
	padding:0px 0px 0px 15px;
}
.bariera_komponenty_info {
	font-size:11px;
	font-weight:bold;
	letter-spacing:-0.5px;
}
.bariery_przekroj_opis {
	display:block;
	padding:10px 0px;
	font-size:11px;
	font-weight:bold;
}
#table_bariery img {
	width:250px !important; 
}
.bariery_subtitle {
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding:10px 0px 0px 7px;
	text-align:left;
}
.bariery_osiagi {
	vertical-align:top;
}
.bariery_lista_osiagow {
	text-align:left;
	display:block;
	margin-left:0px;
	padding-left:15px;
}
.bariery_certyfikat {
	border-top:1px solid #CCC;
	padding-top:10px;
	text-align:left;
}


#tab {padding-top: 10px}
#tab td {padding: 5px;border: 1px dotted #EEEEEE;}
/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/

.form {border:solid 1px #c7c7c7; font-size:12px; font-family: Arial; background:#fbfbfb}
.form2 {border:solid 0px #FFFFFF; font-size:12px;}
SELECT.form {font-size:12px;background:#FFFFFF}
TEXTAREA.form {border:solid 1px #c7c7c7; font-size:12px; font-family: Arial; background:#fbfbfb}
.submit {border:solid 1px #1c80cc; font-size:12px; font-family: Arial;background-color: #3090e4;color:#FFFFFF;padding:4px;cursor: pointer;}
.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: #00FF00}

/*==================================================
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: #00722D;height:20px;width:100px;}
.sitemap_li {color: #00722D;}