﻿@charset "utf-8";

/* CSS Document */

body {background: url(images/bgtop.jpg) no-repeat #ffffff; background-position: 0% top ; margin:0; padding:O; color:#5c5c5c;font-size:12px;font-family:tahoma, helvetica, sans-serif;}

a img {border-width:0;}

img.downarrowclass {padding-top:7px;}

#glownyblok {position: relative; text-align:left; width: 990px; margin-right:auto; margin-left:auto;  padding: 0; border:0px solid  #cdcdcd;}



#nagloweklogo {height: 71px; width: 990px;}

#baner {background: url(images/baner.jpg) no-repeat #ffffff; height: 177px; width: 990px;}



#menugorne { background:url(images/menugornebg.jpg) repeat-x; width:990px; height:50px;  }



.jqueryslidemenu {background:url(images/menugornebg.jpg) repeat-x; margin:0;  width:990px; height:50px; font-family: tahoma; }

.jqueryslidemenu ul{margin-top: 0; margin-left:0; padding: 4px 0 8px 0;list-style-type: none; display:block;}



/*Top level list items*/

.jqueryslidemenu ul li{ position: relative; display: inline; float: left;}



/*Top level menu link items style*/

.jqueryslidemenu ul li a{ display: block; color: #eee1cb; padding: 14px 24px; background:url(images/menu_right.jpg) no-repeat center right; color: #2d2b2b; text-decoration: none;}



/*IE6 hack to get sub menu links to behave correctly*/

* html .jqueryslidemenu ul li a{display: inline-block;}



.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #eee1cb;}



/*tab link background during hover state*/

.jqueryslidemenu ul li a:hover{ background:url(images/menu_right.jpg) no-repeat center right #be282f;  color: #fff7ce; text-decoration:underline;}

	

/*1st sub level menu*/

.jqueryslidemenu ul li ul{ background: #ad0e15; position: absolute; left: 0; display: block; visibility: hidden;}



/*Sub level menu list items (undo style from Top level List Items)*/

.jqueryslidemenu ul li ul li{display: list-item; float: none;}



/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.jqueryslidemenu ul li ul li ul{top: 0;}



/* Sub level menu links style */

.jqueryslidemenu ul li ul li a{font: normal 12px tahoma; width: 170px; /*width of sub menus*/ padding-left: 18px; margin:0 18px;border-top-width: 0; border-bottom: 1px dotted #d77577; background:url(images/str_menurozwijane.jpg) no-repeat center left;}



.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/background:url(images/str_menurozwijane.jpg) no-repeat center left #be282f; color: #fff7ce;}



/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass {position: absolute;top: 12px;left: 7px;}

.rightarrowclass {position: absolute; top: 6px; left: 5px;}



/* ścieżka - gdzie jestem */

#sciezka {background:#ffffff; margin-bottom:0px; width:990px; height:35px; overflow:hidden; padding-top:15px; }

#sciezka  h2 {font-size:11px; margin-top:0;display:inline;padding-left:20px; color:#737373; font-weight: bold; }

#sciezka  ul {display:inline;padding:0;margin:0;list-style-type:none; }

#sciezka  li {background:transparent url(images/strpathway.jpg) no-repeat 0 60%;padding:0 0px 0 10px; display:inline; }

#sciezka  li a {text-decoration:none; font-size: 11px; color: #697c6c;}

#sciezka  li a:hover {text-decoration:underline; color:#ad0e16;}

#sciezka  li.selected a {font-weight:normal;text-decoration:none; color: #66941a;}



#content {width:100%;overflow:hidden;}

#lewakolumna {float:left;margin-right:0px;overflow:hidden; width:246px; background:#ffffff;}

#prawakolumna{margin-left:20px;float:right;overflow:hidden; background:#ffffff; width: 720px}


#prawakolumna ul li { list-style-type:none; padding:8px 0 10px 0; border-bottom:solid 1px #dfdfdf;}
#prawakolumna ul li a {color:#5C5C5C; text-decoration:none; background:url(images/strmenubox.jpg) no-repeat 0px 6px; padding-left:15px; font-size:13px; padding-bottom:4px; font-weight:bold;}
#prawakolumna ul li a:hover {color:#5C5C5C; text-decoration:underline;}
#prawakolumna ul li ul li { list-style-type:none; padding:6px 0 0 0; border:none;}
#prawakolumna ul li ul li a {color:#546a30; text-decoration:none; background:url(images/strmenubox.jpg) no-repeat 0px 6px; padding-left:15px; font-size:12px; font-weight:normal;}


.moduly {width:246px;}

.moduly .text {line-height: 1.8em; padding: 2px 15px;}

p.text {margin:0;}

.moduly .block1 {width:246px;}

.moduly .block_3 {width:246px; margin:0px; padding: 0px; }

.moduly .block_3 .ng  {background:url(images/box1_ng.jpg) no-repeat; width:246px; height:60px; }

.moduly .block_3 .bg  {background:url(images/box1_bg.jpg) no-repeat #e0ebdb; width:246px; margin:0;}

.moduly .block_3 .nd  {background:url(images/box1_nd.jpg) no-repeat; width:246px; height:7px;}

.moduly .menu{width:246px;}

.moduly .menu .ng  {background:url(images/box_ng.jpg) no-repeat; width:246px; height:11px; margin: 0px; padding: 0px; overflow:hidden; }

.moduly .menu .bg  {background:#e0ebdb; width:246px; }

.moduly .menu .nd  {background:url(images/box_nd.jpg) no-repeat; width:246px; height:7px; overflow:hidden;}

.block_1 {margin-bottom:7px;}


/* menuboczne */

ul.menu_main {list-style-type:none;margin:0; font-weight: bold; margin:0;width:87%; padding:9px 15px 10px 15px;}

.menu_main li {width:212px; background:url(images/hrbox.jpg) no-repeat center bottom; display:block; vertical-align:bottom; }

ul.menu_main a {padding:9px 10px 10px 12px;display:block;background:url(images/strmenubox.jpg) no-repeat 2px 50%;  font-size: 12px; color: #4b4b4b;}

.menu_main li a {text-decoration:none;  color: #4b5f29;}

.menu_main li a:hover {text-decoration:underline;  color: #9e1117;}



/* submenuboczne */

.menu_main ul ul li {border-bottom:0px solid #d1ddcb;}

.menu_main ul ul li a { font-weight: normal; text-decoration:none;  color: #4b5f29; background:#e0ebdb;}

.menu_main ul ul li a:hover {text-decoration:underline;  color: #9e1117;}





.stronaopisowa {margin-bottom:20px;}

.stronaopisowa h2 {background:transparent url(images/liniah2.jpg) repeat-x 0 100%; font-size:14px; margin-top:0; margin-bottom: 20px; padding:10px 0px 10px 0px; color:#5d7830; font-weight: bold; }

.listaproduktow h2 a {color:#5d7830; text-decoration:none; }

.listaproduktow h2 a:hover {color:#ae0f16; text-decoration:underline; }

.stronaopisowa .text {line-height: 1.8em;}

.stronaopisowa h3 {background:transparent url(images/liniah2.jpg) repeat-x 0 100%; font-size:14px; margin-top:0; margin-bottom: 20px; padding:10px 0px 10px 0px; color:#ab0e15; font-weight: bold; }

.stronaopisowa h4 {background:transparent url(images/liniah2.jpg) repeat-x 0 100%; font-size:12px; margin-top:0; margin-bottom: 20px; padding:10px 0px 10px 0px; color:#5d7830; font-weight: bold; }

.stronaopisowa a {color:#5d7830; text-decoration:none; font-weight:bold;}

.stronaopisowa a:hover {color:#ae0f16; text-decoration:underline; }

.zalacznik a {color:#5d7830; text-decoration:none; font-weight:bold;}

.zalacznik a:hover {color:#ae0f16; text-decoration:underline; }



.listaproduktow {margin-bottom:20px;}

.listaproduktow h2 {background:transparent url(images/liniah2.jpg) repeat-x 0 100%; font-size:14px; margin-top:0; margin-bottom: 20px; padding:10px 0px 10px 0px; color:#5d7830; font-weight: bold; }

.listaproduktow h2 a {color:#5d7830; text-decoration:none; }

.listaproduktow h2 a:hover {color:#ae0f16; text-decoration:underline; }

.listaproduktow .text {line-height: 1.8em;}

.listaproduktow .ramka {background: #ffffff; width: 200px;}

.listaproduktow .ramka_gora {background:transparent url(images/gora.jpg) no-repeat; width: 195px; height: 8px;}

.listaproduktow .ramka_w img { border: 1px solid #e6eae4; padding: 10px;  float:left; margin-right: 20px;}

.listaproduktow .ramka_dol {background:transparent url(images/dol.jpg) no-repeat; width: 195px; height: 8px;}

.listaproduktow .text p.przycisk {margin-top: 15px;}

.listaproduktow p.przycisk a {display:block; height:26px; background: url(images/opisproduktu.jpg) no-repeat; font-weight:normal;color:white;width:130px;line-height:24px;text-align:center; text-decoration:none; float:left;}

p.przycisk a:hover {text-decoration:underline;}



/* Stopka */


#footer_bg { background:url(images/footer_bg.jpg) no-repeat;}

#stopka {width:990px; height:57px; background:#ae0e16 url(images/menudolnebg.jpg) no-repeat right; overflow:hidden; margin:6px auto 0 auto;}

#stopka p {width:100%;text-align:left;margin:0;padding:0 12px;}

#stopka ul {list-style-type:none;padding:0px 0px 0px 5px; margin:22px auto 0 auto;}

#stopka ul li {display:inline;padding:0 12px 0 15px; color:#ffffff; font-size:12px; border-left: 1px dashed #d77577; }

#stopka ul li a {color:#eee1cb; font-size:12px; text-decoration:none;}

#stopka ul li a:hover{color:#fff7ce; font-size:12px; text-decoration:underline;}

#stopka ul li.start {border: 0px;}

/* Kontakt */

.formkontakt1 { float:left; width:150px; margin-top:20px; font-weight:bold;}
.formkontakt1 div {margin:0; padding:8px 0;}

.formkontakt2 { float:left; width:504px; margin-top:20px;}

input.kontakt1 { display:block; margin:4px 0; width:180px; height:20px; border:solid 1px #c9c9c9; background:#f9fbf8;}
textarea.kontakttresc { width:500px; height:200px; border:solid 1px #c9c9c9; background:#f9fbf8;}
input.kontaktbutton {display:block; height:26px; background: url(images/opisproduktu.jpg) no-repeat; font-weight:normal;color:white;width:130px;line-height:24px;text-align:center; text-decoration:none; margin-top:10px; float:right; border:none;}

div.pager {background: #f5f5f5; margin:20px auto; text-align:center; width:100%; border-bottom: 1px solid #E6EAE4; border-top: 1px solid #E6EAE4;}
div.pager p { margin: 15px;}
div.pager p a { text-decoration:none; color:#323232; font-size:11px; font-weight: bold;  padding:5px 10px 5px 10px; border-right: 1px solid #E6EAE4;}
div.pager p a:hover  {color:#ae0f16; text-decoration:underline; }
div.pager p a:active  {color:#ae0f16; text-decoration:underline; }