body { padding: 0; margin: 0; background: #17375E url('../img/back_gr.png') top repeat-x; font-family: verdana, tahoma, arial, sans-serif; }

.header {text-align: center; }
.header img {border: none; margin: 0px 10px; }

#banner{	margin: -2px 0 0 0; padding: 0; 	text-align: center; 	height: 180px; }
 
.footer { background-color: transparent; text-align: center; font-size: 11px; margin: auto; color: #fff; clear: both; padding-bottom: 10px;}
.footer a { color: #ccf; font-weight: bold; }
.footer a:hover { text-decoration: underline;}

a {text-decoration: none;}
a.link { color: #006;}
a.link:hover { text-decoration: underline; }

h1 { font-size: 19px; color: #009; margin: 10px;}
h2 { font-size: 18px; color: #009; margin: 5px 0;}
h3 { font-size: 15px; color: #009; margin: 5px 0;}
h4 { font-size: 13px; color: #009; margin: 30px 0 5px 0;}
h5 { font-size: 11px; color: #000; margin: 0 0 5px 0;}
.small {font-size: 10px;}
.gray {color: #666;}
.red {color: #e00 !important;}
.bold {font-weight: bold;}
.akapit { text-align: justify; line-height: 150%; }

.wrapper { 
	width: 990px; 
	margin: 0 auto; 
	padding: 0;
	font-size: 12px;
	font-family: verdana, tahoma, arial, sans-serif;
}
.midd  { 	background: url('../img/page_bg_midd.png') repeat-y bottom center; }
.top { background: url('../img/page_bg_top.png') no-repeat center 2px; height: 18px; }
.bottom { background: url('../img/page_bg_bottom.png') no-repeat top center; height: 19px;  }

.wrapper td { vertical-align: top; padding: 10px 5px; }
.wrapper .leftbar { width: 170px;  border-right: 1px solid #E3EAF2; text-align: center; padding-left: 25px;}
.wrapper .content { padding: 10px 40px 0 5px;}


.wrapper .leftbar .bannery a img { border: 0; }

/* MENU ***************************************************************************************************************/
.menu { width: 996px; margin: -8px auto -10px auto; position: relative; text-align: center; table-layout: fixed; background-color: transparent; }
.menu td {background: url('../img/mn_bg_bar_m.png') repeat-x; height: 40px; vertical-align: top; padding: 0;}
.menu .left { background: url('../img/mn_bg_bar_l.png') no-repeat top right; width: 30px; }
.menu .right { background: url('../img/mn_bg_bar_r.png') no-repeat top left; width: 30px; }
.menu a:hover { background: #777 url('../img/mn_bg2.png') repeat-x 0 -9px; color: #000; }
.menu a, .buton {
	font-weight: bold;
	font-size: 14px;
	color: #fff; 
	text-align: center;
	padding: 12px 0;
	margin: 10px 0 0px 0;
	display: block;
	border-right: 1px solid #999; 
}
.buton:hover  { background: url('../img/mn_bg2.png') repeat-x 0 -9px; color: #000; }
.buton {	width: 110px; text-align: left; display: block;
	background: url('../img/mn_bg.png') repeat-x; 
	padding: 6px 20px; 
	height: 18px;
	color: #00356A;
	margin: 5px auto;
}
/**********************************************************************************************************************/



.left_box { background: #fff url('../img/left_frame_m.png') repeat-y; }
.left_box h6 { background: #fff url('../img/left_frame_top.png'); color: #000; font-size: 12px;	height: 25px; padding: 15px 0 0 0; margin: 5px 0;}
.left_box span.foot { background: #fff url('../img/left_frame_bottom.png'); height: 16px; display: block;}
.left_box p { margin: 0 15px; text-align: left;}
.left_box form { margin: 0; text-align: center; }
.left_box ul { list-style: none; margin: 5px 15px; padding: 0; text-align: left;}
.left_box ul li { margin: 2px 0;}
.left_box input[type="submit"] { width: 128px; margin: 5px auto;}
.left_box input[type="text"] { width: 120px; margin: 6px auto; display: block;}
.left_box a { color: #006; }
.left_box a:hover { text-decoration: underline; }


.l_buton { width: 165px; height: 39px; 	font-size: 11px; color: #000; display: block; text-align: center; margin-left:-10px;}
.l_buton:hover { color: #333; font-weight: bold;}
.l_ranking{ background: url('../img/ranking.png') no-repeat left; padding: 20px 0 0 10px; }
.l_porownanie{ background: url('../img/porownanie.png') no-repeat left; padding: 25px 0 0 10px; }
.l_partnerski{ background: url('../img/partnerski.png') no-repeat left; padding: 22px 0 0 10px; }

.ankieta { margin: 30px auto; }
.ankieta .bar { background: url('../img/bar.png');  height: 14px; border-left: 1px solid black; border-right: 1px solid gray; }

.search_box { padding: 15px 15px 15px 17px; width: 135px; height: 91px; background: url('../img/search.png') no-repeat center; }
.search_box h3{ color: #000; margin: 0px 0px 5px 40px; font: bold 13px; padding: 3px 0; }
.search_box form { margin: 0px; padding: 0px;}
.search_box form input[type="text"] { width: 120px; margin: 3px 1px; padding: 2px; border: 1px solid #aaa; background-color:#DEE5F3;}
.search_box form input[type="submit"] { width: 126px; margin-top: 5px;}




/* DOWNLOAD ***********************************************************************************************************/
.download { padding: 5px; }
.download legend { font-size: 13px; font-weight: bold; color: #000; float: left;}
.download fieldset { margin: 0 3px 30px 3px; padding: 5px; display: block;}
.download fieldset div { padding: 7px; border: 1px solid white; font-size: 12px; cursor: default; }
.download fieldset div h6 { margin: 0px 0px 5px 0px; padding: 0px; font-size: 12px;}
.download fieldset div a { color: #009; padding: 4px; }
.download fieldset div a:hover { color: #fff; background: #00F url('../img/small_bg.png') repeat-x; }
.download a img { border: 0px; position: relative; float: right; clear: both;}

.down_slide { 
	margin: 5px; 
	font-size: 14px; 
	font-weight: bold; 
	max-width: 200px; 
	background-image: url('../img/down_arrow1.png'); 
	background-repeat: no-repeat; 
	background-position: left 8px; 
	padding: 3px 20px; 
	color: #000;
}
.down_slide:hover { background-image: url('../img/down_arrow.png'); }
.down_slide2 { margin: 0 5px; font-size: 14px; font-weight: bold; background-image: url('../img/up_arrow1.png');  background-repeat: no-repeat; background-position: left 4px; padding: 0 0 0 20px; color: #000; }
.down_slide2:hover { background-image: url('../img/up_arrow.png');}
/**********************************************************************************************************************/




/* NEWS ***************************************************************************************************************/
.news { width: 48%; float: left; }
.produkt { width: 99%; margin: 3px; }
.news2{ margin-left: 20px; }
.news div { padding: 5px 0; }

.news2 h2 { margin-bottom: 15px; }
.news2>div { margin: 10px 0; }
.news2 div fieldset { padding-top:15px; }

.news h3 { font-size: 12px; margin: 10px 0;}
.news .akapit { font-size: 11px; margin: 10px 0; text-align: left;}
.news .readmore { margin: 0; font-size: 10px; font-weight: bold; text-align: right;}
.news a { color: #006; }
.news a:hover { text-decoration: underline;}
/*.news img { float: right; margin-left: 10px; }*/
.news img { margin-left: 5px; margin-right: 5px; margin-top: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; }
.news embed, .news object { float: right; margin-left: 10px; }
/**********************************************************************************************************************/




/*** N A V * B A R ****************************************************************************************************/
.navbar{ border: 1px solid black; margin: 0 0 20px 5px; width: 740px; background: url('../img/mn_bg.png') repeat-x;	z-index: 0; }
.navbar td {padding: 0 0 0 5px; vertical-align: middle; height: 30px; }
.navbar div { padding: 8px 3px; float: left;}
.navbar .lista>a { 
	font-weight: bold; 
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: transparent; 
	margin-top: 5px; 
	padding: 5px 15px 5px 3px;
	color: #000; 
	background-image: url('../img/down_arrow.png'); 
	background-position: right 10px;
	background-repeat: no-repeat;
	position: relative;
	z-index: 100;
}
.navbar .link>a { color: #000;}
.navbar .link>a:hover { text-decoration: underline;}
.navbar ul { 
	margin: 4px 0 0 0; 
	display: block; 
	position: absolute; 
	padding: 3px; 
	background: #fff; 
	border: 1px solid black; 
	list-style: none; 
/* półprzezroczystość rozwijanego menu produktów
	filter:alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;  */ 
}
.navbar .lista ul li { margin: 0; }
.navbar .lista ul li a { padding: 3px 5px; display: block; color: #000; }
.navbar .lista ul li a.selected { background-color: #ccc;}
.navbar .lista ul li a:hover { background-color: #666; color: #fff; } 
.navbar .lista ul li a { padding-right: 12px;}

.navbar .lista ul { overflow: hidden; overflow-y: auto; max-height: 350px; }
.navbar .lista ul li a { margin-right: 0px; }
/* MiSIEk hacks */
*:first-child+html .navbar .lista ul li a.iehack {margin-right: 16px; }
* html .navbar .lista ul li a.iehack { margin-right: 16px; }
/* opera hacks */
html:first-child .navbar .lista ul { overflow: scroll; padding-right: 10px; }
html:first-child .navbar .lista ul li a { padding-right: 20px; }

.navbar .wstecz { width: 24px; }
.navbar .wstecz a { background: url('../img/back1.png') no-repeat left 2px; width: 25px; height: 26px; display: block;}
.navbar .wstecz a:hover { background: url('../img/back.png') no-repeat left 2px;}

.navbar .view {padding: 0; width: 112px; text-align: right;}
.navbar .view img { padding: 0; margin: 0px 3px -2px 3px; border: 0;}
.navbar .view a { padding: 0; float: left; margin: 1px; border: 1px solid transparent; }
.navbar .view a.selected { background-color: #E3EAF2; border: 1px solid gray; }
.navbar .view a.print { margin: 1px 0 0 0;  }
/**********************************************************************************************************************/




/*** ICON VIEW ********************************************************************************************************/
.produkty div { float: left;  cursor: pointer; padding: 10px 0px;  }
.produkty div * { cursor: pointer; }
.produkty h3 { font-size: 12px; margin: 0; font-weight: normal; padding: 0;}
.produkty p { margin: 0px; }
.produkty a { color: #006; }
.produkty a:hover { text-decoration: underline;}
.produkty img {float: none; margin: auto;}
/**********************************************************************************************************************/



/*** LIST VIEW ********************************************************************************************************/
.listing_form { margin: 0; padding: 0;}
.listing input[type="checkbox"] { margin: 0 5px 0 0; padding: 0; width: 16px; height: 16px;}
.listing { font: 9pt verdana; width: 99%; margin-left: 10px;}
.listing a { color: #006;}
.listing a:hover { text-decoration: underline;}
.listing td { padding: 4px; border: 1px solid white; }
.listing .head td{ font: bold 11pt tahoma; padding: 5px;  border-bottom: 1px solid gray;}
.listing .head .cena {font-size: 11px; text-align: center;}
.listing .head td a:hover { }
.listing .head td a img { border: 0;}
.listing .cena{ text-align: right; width: 80px; }
.listing .promocja {  cursor:default; margin-left: 10px; font-weight: bold; color: red; }
.listing .ico { margin: 0 3px; border: 0;}

.cennik_data,.cennik_info  {font-size: 11px; color: #666; text-align: center; width: 100%; display: block;  }
.cennik_info {margin-bottom: 20px; }
/**********************************************************************************************************************/




/*** WIDOK PRODUKTU ***************************************************************************************************/
.powieksz { float: right; clear: both; display: block; width: 128px; text-align: center; cursor: pointer; }
 
.divakapit { text-align: justify; line-height: 150%; font-size: 11px;}
.divakapit ul { margin: 0 0 20px 25px;}
.divakapit ul li { line-height: 150%; text-align: left;}
.divakapit h3 { font-size: 15px !important; color: #009; margin: 30px 0 10px 0 !important;}
.divakapit h4 { font-size: 13px; color: #000; margin: 20px 0 0 0; text-align: left;}

h3.cena { margin: 5px 0; color: #666; }
h3.katalog {margin: 5px 0 10px 0; font-weight: normal; }

.block_right { float:right; }
.block_right td {vertical-align: bottom; padding: 3px; text-align: center;}
.block_right a img { margin: auto; float: none; border: 0;}
.block_right a:hover { text-decoration: none; font-weight: bold;}
.uloty a { width: 64px; display: block; margin: 20px auto 0 auto;  }

.parametry {width: 90%; margin: 30px auto; border: 1px solid #ccc; font-size: 11px;}
.parametry td:first-child { width: 280px; text-align: right; }
.parametry td { vertical-align: top; padding: 5px; cursor: default;}
.parametry input[type="text"],.parametry textarea  {width: 550px;}
.parametry select {width: 557px; }
.parametry textarea { height: 100px;}
.parametry input[type="submit"],.parametry input[type="button"] {width: 100px;}

.porownanie { margin: 20px auto; border-collapse: collapse; font-size: 13px;}
.porownanie td { padding: 5px; vertical-align: top; }
.porownanie td.buty { border: 0;}
.porownanie td.tytul { width: 250px; text-align: right; border-right: 1px solid #17375E; }
.porownanie td.nazwa { width: 150px; text-align: center; border-left: 1px solid #17375E; }
.porownanie_print td { border-bottom: 1px solid gray; }
.porownanie_print td.nazwa { text-align: left; }
/**********************************************************************************************************************/


.faq_search { margin-left: 120px; }
.faq_search td { padding: 5px 10px; vertical-align: middle;}
.faq_search input { height: 14px; width: 150px; padding: 2px 3px 4px 3px;
	border-style:solid; border-color: #009; border-width: 2px 0 2px 2px;
	float:left; font-size: 14px; color: #009;
}
.faq_search .search_button { background: url('../img/searchbtn.png') no-repeat; float:left; height: 24px; width: 27px; }
.faq_search .search_button:hover { background: url('../img/searchbtn1.png') no-repeat;}
.faq_search select { border-style: 2px solid #009; font-size: 14px; color: #009; width: 180px; }

.combobox{margin: 0; padding: 0;}
.combobox>a{
	padding: 4px 0 0 8px; 
	display: block;
	height: 23px;
	width: 192px;
	background-image: url('../img/combo.png'); 
	background-position: right 0;
	background-repeat: no-repeat;
	z-index: 100;
	font-size: 13px;
	color: #009;
}
.combobox>a:hover{color: #000; background-image: url('../img/combo_h.png'); }
.combobox ul {  margin: 0 !important; position: absolute;  z-index: 50;	padding: 3px !important; background: #fff; border: 1px solid black; list-style: none;  }

.combobox ul li { margin: 0;}
.combobox ul li a { padding: 3px 5px; display: block; color: #000; padding-right: 12px; }
.combobox ul li a.selected { background-color: #ccc;}
.combobox ul li a:hover { background-color: #666; color: #fff; }





.pytanie, .odpowiedz { width: 95%; font-size: 13px;  }
.pytanie { margin: 10px 0 0 20px; }
.pytanie a{ color: #006; }
.pytanie a:hover { text-decoration: underline;}
.odpowiedz { margin: 5px 0 30px 10px;}





/* adminformy */
.form {width: 100%;}
.form td:first-child { width: 200px; text-align: right; }
.form td { vertical-align: middle; padding: 1px; }
.form input[type="text"],.form textarea  {width: 550px;}
.form select {width: 557px; }
.form textarea { height: 100px;}
.form input[type="submit"],.form input[type="button"] {width: 100px;}

.logowanie { width: 200px; margin: auto; margin-top: 20px; border-width: 1px 2px 2px 1px; border-style: solid; border-color: #ccc #666 #666 #ccc; background-color: ButtonFace; }
.logowanie td { padding: 5px 20px; font-size: 14px; vertical-align: middle;}
.logowanie .head{ color: #FFFFFF; font-weight: bold; 	background: url('../img/mn_bg.png') repeat-x; padding: 5px 10px; }
.logowanie .foot{ text-align: center;}
.logowanie .foot input { width: 100px;}
.logowanie .odstep{ font-size: 2px;}
.logowanie .l_name{ width: 45px; text-align: right; font-weight: normal;}
.logowanie .l_input{ width: 155px;}
.logowanie .l_input input { width: 95%; font: 11pt courier new; }
.logowanie input[type="password"],.logowanie input[type="text"] { border: 1px solid #ccc;}
.logowanie .linki a { font-size: 11px; color: #006; display: block; padding: 5px 0;}
.logowanie .linki a:hover { text-decoration: underline; }


.reg_form {width: 95%;}
.reg_form td { vertical-align: top; padding: 1px; text-align: left;}
.reg_form td:first-child { width: 300px; text-align: right; padding-top: 6px; padding-right: 5px;}
.reg_form input,.reg_form textarea  {width: 250px;}
.reg_form select {width: 256px; }
.reg_form textarea { height: 100px;}
.reg_form input[type="submit"],.reg_form input[type="button"] {width: 100px;}
.reg_form input[type="checkbox"] { width: 16px; }
.reg_form td label { text-align: left; padding: 0; margin: 0;}
.reg_form .error { color: #e00; font-weight: bold; font-size: 11px;}


.ankietab { margin: 10px;}
.ankietab td:first-child { text-align: right; padding-top: 13px;}
.ankietab input[type="submit"] { width: 100px;}
.ankietab label { margin-right: 20px;}
.ankietab textarea { width: 300px; height: 60px; overflow: auto;}



.partners { margin: 20px auto; border-collapse: collapse; font-size: 11px; width: 100%;}
.partners td { padding: 8px 5px; cursor: default;}
.partners .head td { font-weight: bold; background-color: #9DB8E4; color: #000; border: 1px solid black;}
.partners a { color: #006; }
.partners a:hover { text-decoration: underline; }




.uslugi_tab {margin: 20px auto; width: 99%;}
.uslugi_tab td { text-align: center; padding: 7px 5px;}
.uslugi_tab .head td { background: url('../img/mn_bg.png') repeat-x; color: #00356A; font-weight: bold; border: 1px solid gray; font-size: 12px;}
.uslugi_tab td:first-child { text-align: left;}
.uslugi_tab .row1 { }
.uslugi_tab .row2 { background: #E3EAF2; }
.podstrona p { line-height: 150%; }
.podstrona h3 {  }

.podstrona a { color: #006; }
.podstrona a:hover { text-decoration: underline; }


.transpa img { filter: alpha(opacity=50); -moz-opacity: .5; opacity: .5; }
.transpa:hover img { filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.0; }




/* ROUND CORNERS */
b.rtop, b.rbottom { display:block; background: #FFF; }
b.rtop b, b.rbottom b {display:block;height: 1px; overflow: hidden;  }
b.r1 { margin: 0 5px 0 5px }
b.r2 { margin: 0 3px 0 3px }
b.r3 { margin: 0 2px 0 2px }
b.rtop b.r4, b.rbottom b.r4 {margin: 0 1px 0 1px; height: 2px; }

div.ramdiv { padding: 0; margin: 15px 10px; cursor: default;} 
div.ramdiv>span {	text-align: center; padding: 5px 5px 10px 5px; display: block;	border-style: solid; border-width: 1px; }