@charset "utf-8";

#kohana-profiler {
    top: 2200px;
    position: absolute;
}

/* CSS Document */
body {
    margin: 0;
    padding: 0;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    background-color:#4a5f69;
}
img {
    border:0; padding:0; margin:0
}
:focus {
    outline:none
}
ul {
    padding:0;
    margin:0
}
p:first-letter {
    font-size: 1.2em;
}

/* SWITCH (SEO) - przeniesienie menu na koniec kodu */
#switch-head {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background:#fff;
}
#switch-content {
    width:100%;
    position:absolute;
    top:213px;
    left:0px;
    font-size:.8em;
}
.content-no-menu {
    top:153px !important;
}
/* SWITCH - koniec */
#wrap {
    width:100%;
    margin:auto;
    background:url(/images/wrap-bg-x.gif) repeat-x top center #fff;
    overflow:hidden;
    padding: 5px 0 15px;
    border-color: #26373f;
    border-style: solid;
    border-width: 9px 0;
}
#wrap .content {
    margin: auto;
    overflow: hidden;
}

#head_all {
    width:960px;
    margin:auto
}
#top {
    /*background:url(/images/logobg.png) no-repeat 0px -90px #fff;*/
    overflow:hidden;
    padding:0;
    margin:0;
    width:960px
}

#logo {
    width:266px;
    padding:30px;
    float:left
}


#menu {
    width:625px;
    float:right;
}
#menuglowne {
    float:right;
    width:600px;
    color: #000;
    font-size: 1em;
    padding:15px 0 15px 0;
    text-align:right
}
#menuglowne ul {
    padding:0;
    margin:0;
}
#menuglowne li {
    height:20px;
    padding:0 10px 0 5px;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    text-align:center;
    border-right: 1px solid #000;
    margin-right: -1px;
}
#menuglowne a {
    color:#000;
    text-decoration:none
}
#menuglowne a:hover {
    text-decoration:underline
}
a.menuglowne-otwarta {
    font-weight: bold;
}
a.menuglowne-galeria {
    color:#f00 !important
}
#flagi {
    text-align:center;
    float:right;
    padding-right:15px
}
#translate {
    clear:both;
    text-align:center;
    float:right;
    padding-right:15px
}

#menudzialy {
    background:#4a5f69;
    height:60px;
    margin:0;
    width:100%;
    font-size:1em;
    text-align:left;
    overflow:hidden;
}
#menudzialy ul {
    width:960px;
    margin:auto
}
#menudzialy li {
    display:inline;
    float:left;
    text-align:center
}
#menudzialy li a {
    display:block;
    width:137px;
    height:50px;
    margin:0;
    text-decoration:none;
    color:#fff;
}
#menudzialy li a span{
    display:block;
    width:80px;
    height:50px;
    padding:8px 30px;
    margin-left:-5px;
    cursor:pointer
}
#menudzialy li a:hover {
    text-decoration:underline;
}

#content_box #menuboczne {
    width:252px;
    background-color:#fff;
    float:left;
}
#content_box #menuboczne ul.menu_dzialy {
    list-style-type:none;
    padding:0 0 0 30px;
    color: #333;
}
#content_box #menuboczne ul.menu_dzialy ul {
    padding-left: 15px;
}
#content_box #menuboczne ul.menu_dzialy ul li {
    list-style-type: square;
}
#content_box #menuboczne ul.menu_dzialy li ul li {
}
#content_box #menuboczne li.otwartydzial {
    color:#000;
    font-weight:bold;
    padding:0; margin:0 0 10px 0;
    font-size: 15px;
}
#content_box #menuboczne li.otwartydzial ul {
    list-style-type:square;
    /*border-left:5px dashed #e0e0e0;*/
    padding: 0 0 0 5px; margin:0 0 0 20px;
    font-weight:normal;
    color:#999;
}
#content_box #menuboczne li.otwartyprodukt {
    font-weight:bold;
    color:#c33;
}

#content_box .menu_dzialy {
    margin: 0;
    padding: 0;
}
#content_box .menu_dzialy li {
    /*list-style-type: none;*/
    padding: 2px 0;
}
#content_box .menu_dzialy li a {
    font-size: 15px;
    color: #152235;
    text-decoration: none;
    font-family: verdana, arial;
    display: block;
    text-align: left;
}
#content_box .menu_dzialy li a:hover {
    color: #fff;
    background: #4a5f69;
}
#content_box .menu_dzialy li a:first-letter {
    font-size: 1em;
}

#content_box .menu_dzialy li ul li ul li a {font-size: 11px;}

#menudetaleopen0, #menudetaleopen1 {
    font-weight:bold !important;
}
#menuboczne_form {
    width:222px;
    margin: 30px 0 15px 30px;
    overflow:hidden
}
#menuboczne_polecstrone {
    width:222px;
    margin: 0 0 15px 0;
    overflow:hidden
}
#menuboczne_polecstrone h4 {
    padding:0 !important;
    font-weight:bold
}
#menuboczne_polecstrone p {
    font-size:.8em;
    text-align:justify
}



.tekst {
    background:#fff;
    width:700px;
    float:right;
    padding:0;
}
.tekst p {
    padding:0 30px;
}
.tekst ul, .content ul {
    padding:0 60px;
    margin:0 0 30px 0;
}
.tekst ul ul, .content ul ul {
    padding:0 30px;
    margin:0 0 15px 0;
    list-style-type:square;
    font-size:0.8em
}
.tekst ol, .content ol {
    padding:0 60px;
    margin:0 0 30px 0;
}

.tekst#grupa_ID {
}
.tekst#grupa_67 /* aktualności bez menu */ {
    float: none;
    margin: auto;
}


#content_box_top {
    background:url(/images/content_box_top.gif) no-repeat top left;
    width:960px;
    padding:10px 0 0 0;
    margin: auto;
}
#content_box_bottom {
    background:url(/images/content_box_bottom.gif) no-repeat bottom left;
    padding: 0 0 10px 0;
}
#content_box {
    background: #fff;
    border-color: transparent #d2d2d2;
    border-width: 0 1px;
    border-style: none solid;
    overflow: hidden;
}

#content_box_top h2 {
    clear:both
}
#content_box_top p {
    padding: 0 15px 10px 30px;
}
#content_box_top a {
    color:#00f;
    text-decoration:underline;
}
#content_box_top a:hover {
    color:#00f;
    text-decoration:none !important;
}
#content_box_top p a, #content_box_top h2 a {
    color:#00f;
}
#content_box_top p a:hover, #content_box_top h2 a:hover{
    color:#000;
    text-decoration:none !important;
}
#content_box_top a:first-letter {
    font-size:1.2em
}

#stopka_all {
    width:960px;
    margin:auto;
    color: #fff;
    font-size:.9em;
}
#stopka_all ul {
    float:left;
    list-style-type:none;
    margin-left:20px;
    padding-top:10px;
    width:240px;
}
#stopka_all #siedziba {
    width:200px;
}
#stopka_all #kontakt {}
#stopka_all #copyright {
    float:right;
    width:450px;
    color:#fff;
    text-align:left;
    padding:10px;
    margin:0;
    font-size: .9em
}
#stopka {
    clear:both;
    padding-bottom:15px;
    text-align:center;
    text-decoration:none;
    width:100%;
}
#stopka_all a {
    font-variant:normal;
    color:#efefef;
    text-decoration:none
}
#stopka_all a:hover
{
    color:#fff;
    text-decoration:underline
}

.clearing {clear:both}


/* ~~~~~~ typografia ~~~~~~ */
h1, h2, h3, h4, h5, h6, h7 {
    font-weight:normal; clear:both
}
h1 {
    font-size:1.5em;
    font-variant:small-caps;
    padding:15px 0 0 30px;
    margin:0;
    color:#000;
}
h1#browse_path {
    width: 940px;
    margin: auto;
    padding: 0 10px 5px;
    font-size: 16px;
}
h2 {
    font-size:1.3em;
    margin:0 30px 15px;
    padding: 0 0 5px;
    border-bottom:1px dashed #ccc;
    font-weight: bold;
}
h2 a {
    color:#00f !important;
}
h2 a:hover {
    text-decoration:underline
}
h3 {
    font-size:1.15em;
    margin:0 30px 15px 30px;
    background-color:#dedede;
}
h4 {
    font-size:1.05em;
    padding:0 30px;
    color:#555
}
h4:first-letter {
    font-weight:bold !important;
    color:#000
}
h5 {
    font-size:1em;
    padding:0 30px;
}
h5.podpis_zdjecia {
    padding:0;
    margin:0 0 0 45px;
    text-align:left;
}
h6 {
    font-size:0.9em;
    padding:0 0 0 30px;
    width:60px;
}
h7 {
    font-size:0.7em;
    padding:0 30px;
}
strong {
    /*    font-weight:normal;
        letter-spacing:0.1em*/
}

.menuico {
    float: right;
}

.body_error_msg {
    color:maroon;
    font-family:sans-serif,tahoma;
    font-weight:bold;
    font-size:15px;
}


/* strona KONTAKT */
div.kontakt ul {
    margin:0 0 0 60px;
    list-style-type:none
}
div.kontakt ul ul {
    margin:0 0 10px 30px;
}
div.kontakt strong {
    letter-spacing:normal;
    font-weight:bold
}

h4.kontakt_ulhead {
    padding:0;
    margin:15px 0 0 60px !important;
    font-weight:bold
}

.contactform {
    background:none repeat scroll 0 0 #F0F0F0;
    border:1px solid #CCCCCC;
    margin:15px auto 0;
    overflow: hidden;
    padding:7px;
    text-align: center;
    width:487px;
}
.contactform .klepirio_mail_form {
    display: block !important;
}
.contactform h2 {padding: 0 !important; margin: 0;}
.contactform p {padding: 0 !important;}
.contactform ul {list-style-type: none;}
.contactform ul li {}
.contactform ul li label {display: inline-block; width: 175px; text-align: right;}
.contactform ul li textarea {margin: 6px 0 12px; width: 352px; height: 195px;}
.contactform ul li .input-text {width: 175px; margin-top: 1px;}
.contactform ul li .input-submit {float: right; margin-top: 5px;}

.contactset {
    float: left;
    width:300px;
    margin-bottom: 30px;
}
.contactset.lang {
    width:230px;
}
.contactset.lang.map {
    width:428px;
}
.contactset.lang.map iframe {
    float: right;
}
.contactset.lang.map small {
    float: right;
    padding-top: 5px;
}
.contactset.lang.map p.airportinfo {
    background: url(/images/icoairport.png) no-repeat center left;
    padding-left: 24px;
    float: right;
    clear: both;
}

.contactset h2 {
    background: #4b5f69;
    color: #fff;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 10px 15px 10px 35px;
}
.contactset strong {
    font-weight: bold;
}
.contactset ul {
    list-style-type: none;
    padding: 0;
}
.contactset ul li {
    padding-left: 30px;
}
.contactset ul li button {
    background-image: url(/images/icorozwin.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: transparent;
    border: none;
    margin-bottom: 4px;
    width: 100%;
    padding: 4px;
    cursor: pointer;
    text-align: left;
}
.contactset ul li.zwin button {
    background-image: url(/images/icozwin.jpg);
    background-color: #eaebec;
}

.contactset ul button:hover {
    background-color: #eaebec;
}
.contactset ul li ul {
    /*list-style-type: square;*/
    padding: 0;
    margin: 0 0 15px 30px;
}
.contactset ul li ul li {
    margin-bottom: 10px;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left:0;
}
.contactset ul li ul li.tel {
    background-image: url(/images/icotel.png);
    padding-left:34px;
}
.contactset ul li ul li.mob {
    background-image: url(/images/icomob.png);
    padding-left:34px;
}
.contactset ul li ul li.mail {
    background-image: url(/images/icomail.png);
    padding-left:34px;
}
.contactset .salesman {
    border-bottom: 1px solid #999999;
    font-weight: bold;
    margin: 0 15px 10px;
    padding: 0 0 5px;
}


/* ~~~~~~ grupy ~~~~~~ */
#content_box_top .grupanaliscie {
    display: inline-block;
    margin: 30px 41px;
    vertical-align: top;
    width: 230px;
}
#content_box_top .grupanaliscie a.image {
    display: block;
    position: relative;
    width: 230px;
    height: 230px;
    overflow: hidden;
    margin: auto;
}
#content_box_top .grupanaliscie a.image span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/grouplist-item-image-overlay.png) no-repeat top left transparent;
}
#content_box_top .grupanaliscie a img {
    display: block;
    margin: 0 auto 15px;    
}
#content_box_top .grupanaliscie p {
    clear: both;
    text-align: center;
    padding: 0;
    margin: 10px 0;
}
#content_box_top .grupanaliscie p a:hover {
    text-decoration:underline !important;
}
#content_box_top .grupanaliscie h2 {
    border: medium none;
    font-family: Arial, sans-serif;
    font-size: 14px;
    margin: 0 0 15px;
    padding: 0;
    text-align: center;
    text-decoration: underline;
}

/* KONIE */
/* styl katalogowy */
h2.katalog {
    text-align:center
}
img.katalog-glowny {
    margin: 25px 0 0 249px
}
img.katalog-glowny-duzy {
    margin: 25px 0 0 165px
}
div.katalog-male-wrap {
    width:704px;
    margin:auto;
    overflow:auto
}
div.katalog-male-wrap ul, div.katalog-male-wrap ol {
    text-align:left;
}
div.katalog-male-2 {
    width:350px;
    text-align:center;
    float:left
}
div.katalog-male-2 ul {
    text-align:left;
    margin-left:50px !important;
}
div.katalog-male-3 {
    width:234px;
    text-align:center;
    float:left
}
hr.katalog {
    margin: 30px 0
}

/* kolory impregnacji drewna */
#konie-kolory-impregnacji {
    width:380px;
    height:385px;
    margin:auto;
    position:relative;
}
#konie-kolory-impregnacji h5 {
    display:block;
    width:137px;
    text-align:center;
    padding:0;
    margin:0;
    font-variant:small-caps;
    font-size:16px;
    position:absolute;
}
#konie-kolory-impregnacji h5.l {left:25px}
#konie-kolory-impregnacji h5.r {right:25px}
#konie-kolory-impregnacji h5.row1 {top:0}
#konie-kolory-impregnacji h5.row2 {top:78px}
#konie-kolory-impregnacji h5.row3 {top:156px}
#konie-kolory-impregnacji h5.row4 {top:236px}
#konie-kolory-impregnacji h5.row5 {top:315px}

/* BYDŁO */
/* styl katalogowy */
.box-wiekszy {
    float:left;
    width:448px;
    padding:0;
    margin:0
}
.box-wiekszy img {
    padding:0 0 15px 30px; /* w ie nie wiadomo skąd 3px przerwy między img a borderem. przesuwam w dół */
}
.prezentacyjny {
    padding:0 0 0 30px;
}
.prezentacyjny .rys-duzy {
    width:420px;
    float:left;
    padding:0; margin:0;
    border-bottom: 12px solid;
}
.rys-duzy img {padding:0; margin:0}

.box-mniejszy {
    float:right;
    width:220px;
    margin:0px 30px 30px 0;
    background-color:#eee;
}
.box-mniejszy ul {
    padding: 0 0 10px 40px !important;
    margin: 0 !important;
    font-size:11px;
}



/* teraz tresc . css  */

img.zdjecie {
    padding:5px;
    border:1px solid #b8b8b8;
    margin-bottom:15px
}
.duze /* aktualnie - grafika 600px w divie tekst 700px */ {
    margin-left:45px;
    padding:0
}
.prezentacyjne /* aktualnie - grafika 640px w divie tekst 700px */ {
    margin:0 0 -13px -2px;
}
img.katalogowo {
    float:left;
    padding: 0 25px 55px 55px !important
}
img.zdjecia_ogolne {
    padding: 0 58px 15px !important
}
img.rysunki_tech {
    text-align: center;
    padding: 10px 0 10px 164px !important;
}

.embedding-youtube {
    width:480px;
    margin: 0 auto 15px auto
}

/* TABELE */
td.indeksy_nazwa
{
    text-align:left;
    padding-left:25px;
}
th {
    background-color: #cfcfcf;
    border: 1px solid #bebebe;
    border-bottom: 2px solid #bebebe;
}
.typy_konstrukcji {
    border: 2px solid #bebebe;
    border-collapse: collapse;
    width:640px;
    margin:auto;
    margin-bottom:24px;
}
.typy_konstrukcji tr.usuwanie_obornika {
    background-color: #efefef;
    border-bottom: 2px solid #bebebe;
}
.typy_konstrukcji tr.usuwanie_obornika td {
    text-align: left;
}
.typy_konstrukcji th.kol_1 {width:220px}
.typy_konstrukcji th.kol_2 {width:30px}
.typy_konstrukcji th.kol_3 {width:30px}
.typy_konstrukcji th.kol_4 {width:180px}
.typy_konstrukcji th.kol_5 {width:30px}

.typy_konstrukcji td {
    text-align: center;
    border: 1px solid #bebebe;
}

table.rodzaje_swietlikow {
    border: 2px solid #bebebe;
    border-collapse: collapse;
    margin-bottom: 15px !important;
    clear:both;
    width:560px;
    margin:auto;
    text-align: center;

}
.rodzaje_swietlikow th{
    width:25%;
}
.rodzaje_swietlikow td {
    text-align: center;
    border: 1px solid #bebebe;
}


/*zmienic wielkosc fontu przy poszerzeniu calego layoutu */
#kraiburg {
    border: 2px solid #bebebe;
    border-collapse: collapse;
    margin-bottom: 15px !important;
    margin:auto;
    font-size:0.8em;
}
#kraiburg tr.naglowek {
    background-color: #cfcfcf;
}

#kraiburg td.produkty {
    width:16%;
}
#kraiburg td.zastosowanie_kk {
    width:10%;
}
#kraiburg td.komfort {
    width:13%;
}
#kraiburg td.gwarancja {
    width:21%;
}
#kraiburg td {
    text-align: center;
    border: 1px solid #bebebe;
}

.duza_tabela {width:100%; padding:0 30px 30px;}
.duza_tabela td { text-align:center}
.gotowe_projekty td { text-align:center}

/* bydło: maty legowiskowe */
.mata {border-bottom:1px dashed #c9c9c9; margin:0 30px 15px; padding-bottom:15px; overflow:hidden;}
.mata h4 {clear: none;}
.mata img {float:right; margin:0 30px;}

/* koniec TABEL */

div.tech_elementy {width:350px; float:left}
ol.tech_elementy, ul.tech_elementy {margin: -10px 0 25px 350px; clear:none !important;}

.noclearing {
    clear: none;
}



/* ABS - modul IMGGALLERY */
.listagalerii {
    padding-left:13px !important
}
.listagalerii li {
    list-style-type:square;
}
.listagalerii a {
    color:#000;
    text-decoration:none;
}
.listagalerii a:hover {
    color:#000;
    text-decoration:underline;
}
.listagalerii ul ul {
    margin-bottom:15px !important;
    font-size:0.95em
}	
.listagalerii ul ul li{
    list-style-type:circle !important;
}
.listagalerii ul ul ul li{
    font-size:1em;
    list-style-type:disc !important;
}
li#menudetaleopen2 {
    font-weight:bold;
}

a.group_title {padding-left:30px}
div.group_wrap {padding: 5px; border: 1px solid #D0D0D0; background-color: #FAFAFA; margin: 5px 25px 5px 25px; overflow:auto}
.group_facephoto {float: left;}
.group_content_wrap {width:420px; background:#e6e6e6; margin-right:4px; height:150px; float:right}
.group_content_gallery1 {width:133px; height:100px; float:left; margin: 15px 0 0 5px; background:#f0f0f0}
.group_content_gallery2 {width:132px; height:100px; float:left; margin: 15px 0 0 5px; background:#e6e6e6}
.group_content_gallery3 {width:132px; height:100px; float:left; margin: 15px 0 0 5px; background:#e0e0e0}

.group_content_wrap img {margin-top:5px}
.group_content_wrap span {margin-left:10px}

div.list_galleries_wrap {margin: 10px 25px; padding: 0 15px 0 15px; overflow:auto}
.list_gallery {padding: 0; border: 1px solid #D0D0D0; background-color: #FAFAFA; float:left; margin:0 12px 0 12px; width:180px}
.list_gallery_title {padding-left:10px}
.list_gallery img {width: 180px; height: 135px}

tr.ttl {margin-left:35px;}

table#gallerylist {width:670px}
tr.ggroupname {background:#fff}
table#gallerylist tr.ttl td {
    font-size: 17px;
    font-variant: small-caps;
    padding-bottom: 15px;
    text-align: center;
    width: 230px;
}
table#gallerylist tr.ttl td a {
    color:#333;
    text-decoration: none;
}
table#gallerylist tr.ttl td a:hover {
    text-decoration: underline !important;
}
table#gallerylist tr.img td a img {
    display: block;
    height: 150px;
    margin: auto;
    padding: 5px 15px;
    width: auto;}
table#gallerylist tr.img div div a img {width:auto; height:72px;}
.imggallery_ico {width:16px !important; height:16px !important}
table#gallerylist tr.img .ggroupfaceimage {
    float: left;
    padding: 10px;
    width: 220px;
}

/* koniec: ABS - modul IMGGALLERY */


/* formatowanie obrazków */
img.konstrukcje_przyklady {
    padding:4px;
    border:1px solid #b0b0b0;
    margin: 0 3px 0;
}
img.duzyobrazek {
    display:block;
    margin:auto;
}
img.malyfloat {
    float:left;
    margin:0 15px 15px 0;
}



/* wielowartswowe grafiki */
.przekroj {
    border:1px dotted #ccc;
    width:600px;
    margin-left:45px;
    margin-bottom:25px;
}	
.zero {
    width:inherit !important;	/* w ie oczywiście nie ma inherit... na sztywno ustawiam przybliżone wartości dla .przekroj, .prezentacyjny itd. */
    height:inherit !important;	/* jw. */
    position:absolute;
    z-index:1000;
}
.zero img {
    position:relative;
    left:-10%;
    top:-10%;
    width:110%;		/* jako że nie istnieje inherit - wysokości pobranej z .przekroj na przykład, to ie sobie ją bierze z kosmosu. a potem daje 120% kosmosu. ścierwo */
    height:110%;	/* jw. */
}


/* grupa OGRODZENIA */
table.typy_bram {width:700px;}
table.typy_bram th {width:230px}
table.typy_bram td {width:230px; padding-bottom:10px; text-align:center}

.ogrodzenia-bramy-pozostale-box-foto, .ogrodzenia-bramy-pozostale-box-dane, .obpb {
    /*width:300px;
	height:285px;*/
    margin:0 25px 10px;
    border:1px solid #ccc;
}
.ogrodzenia-bramy-pozostale-box-foto {
    float:left;
    position:relative;
}
.ogrodzenia-bramy-pozostale-box-dane {
    border-bottom:2px dashed #333;
    float:right;
    margin-right: 30px;
}

.ogrodzenia-bramy-pozostale-box-foto h5 {
    position:absolute;
    background:#fad300;
    font-weight:bold;
    top:0;
    left:0;
    padding:3px;
    margin:0;
}
h6.obpbfh {
    width:300px;
    text-align:right;
    font-size:11px;
    clear:both;
    margin:0;
    padding:0;
}

.obpb img {
    width:640px;
}


/* KONSTRUKCJE STALOWE */
.table_kolory {
    color:#9C9C9C;
    font-size:9px;
    margin-left:22px
}
.table_kolory h3 {
    color:#000;
    font-size:12px;
    margin:5px 0 15px 8px;
    background:none
}
.table_kolory td {
    vertical-align:top;
    width:94px;
}
.table_kolory div.podpis {
    margin:0 auto;
    width:80px;
}
.table_kolory div.kolor {
    background-image:url(/images/content/kolory_border.gif);
    height:80px;
    margin:0 auto;
    width:80px;
}

.lista_certyfikatow {
    background:#E9E9E9 none repeat scroll 0 0;
    margin:20px auto;
    text-align:center;
    width:96%;
}
.lista_certyfikatow .head td, .lista_certyfikatow td.head {
    background:#D8D8D8 none repeat scroll 0 0;
    font-weight:bold;
}
.lista_certyfikatow td {
    background:#F9F9F9 none repeat scroll 0 0;
    padding:4px;
    vertical-align:top;
}
ul.balex, ol.balex {
    line-height:20px;
    margin:0 !important;
    padding:5px 0 25px !important;
}
ul.balex li {
    list-style-type:square;
    padding:0 !important;
    margin: 0 0 0 15px !important;
}

/* tabele - blachy Pruszyński */		
th.labels {width:19%; background-color:transparent; border:none }
td.labels {background-color:#eee; font-size:.8em; padding:6px 0;}
td.values {border:1px solid #ccc; border-left:0; border-top:0; text-align:center}


/* IDENTYFIKACJA KOLORAMI

5 konstrukcje			#5793ff;	ciemny	#4c80da
2 bydło 				#73a604;	ciemny	#649004
4 trzoda 				#ff87b2;	ciemny	#db7698
3 konie 				#5b3900;	ciemny	#503301
6 ogrodzenia			#fad300;	ciemny	#d7b701
7 wyroby hutnicze		#ae1e21;	ciemny	#961d1d
8 serwis stalowy		#ffa500;	ciemny	#db9913

neutral				#999;

*/

h3.rozdzielacz  { /*h3, bo w ie hr ma niemal nieusuwalny border.*/
                  height:25px;
                  width:100%;
                  border-top:5px dotted #fff;
                  /*	co chrzani ie? -> rozwiązanie w ie7-hacks.css
	1. wywala biały border 'poza tag', na białe tło, więc go nie widać. -> .grupa .rozdzielacz border-color jw.-ciemny.
	2. dotted 5px to jakieś romby. ustawiam dashed, żeby jakoś wyglądało.
                  */
                  padding:0;
                  margin:0 0 30px 0;
}

/*konstrukcje*/
div.grupa_5, #switch-content.grupa_5 h3.rozdzielacz, .grupa_5 .menu_dzialy li a:hover, #body_5  {
    background-color:#4c80da;
}

.grupa_5 .prezentacyjny .rys-duzy {
    border-color: #4c80da;
}

#menudzialy li#otwarta5 {
    border-top: 10px solid #4c80da;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa5 {
    border-top: 4px solid #4c80da;
}

/*bydło*/
div.grupa_2, #switch-content.grupa_2 h3.rozdzielacz, .grupa_2 .menu_dzialy li a:hover, #body_2  {
    background-color:#649004;
}

.grupa_2 .prezentacyjny .rys-duzy {
    border-color: #649004;
}

#menudzialy li#otwarta2 {
    border-top: 10px solid #649004;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa2 {
    border-top: 4px solid #649004;
}

/*trzoda*/
div.grupa_4, #switch-content.grupa_4 h3.rozdzielacz, .grupa_4 .menu_dzialy li a:hover, #body_4  {
    background-color:#db7698;
}

.grupa_4 .prezentacyjny .rys-duzy {
    border-color: #db7698;
}	

#menudzialy li#otwarta4 {
    border-top: 10px solid #db7698;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa4 {
    border-top: 4px solid #db7698;
}
/*konie*/
div.grupa_3, #switch-content.grupa_3 h3.rozdzielacz, .grupa_3 .menu_dzialy li a:hover, #body_3  {
    background-color:#503301;
}

.grupa_3 .prezentacyjny .rys-duzy {
    border-color: #503301;
}	

#menudzialy li#otwarta3 {
    border-top: 10px solid #503301;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa3 {
    border-top: 4px solid #503301;
}

/*ogrodzenia*/
div.grupa_6, #switch-content.grupa_6 h3.rozdzielacz, .grupa_6 .menu_dzialy li a:hover, #body_6  {
    background-color:#d7b701;
}

.grupa_6 .prezentacyjny .rys-duzy {
    border-color: #d7b701;
}

#menudzialy li#otwarta6 {
    border-top: 10px solid #d7b701;
    font-weight:bold;
    padding-bottom:5px;
}

#menudzialy li.grupa6 {
    border-top: 4px solid #d7b701;
}

/*wyroby hutnicze*/
div.grupa_7, #switch-content.grupa_7 h3.rozdzielacz, .grupa_7 .menu_dzialy li a:hover, #body_7  {
    background-color:#961d1d;
}

.grupa_7 .prezentacyjny .rys-duzy {
    border-color: #961d1d;
}

#menudzialy li#otwarta7 {
    border-top: 10px solid #961d1d;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa7 {
    border-top: 4px solid #961d1d;
}

/*serwis stalowy*/
div.grupa_8, #switch-content.grupa_8 h3.rozdzielacz, .grupa_8 .menu_dzialy li a:hover, #body_8  {
    background-color:#db9913;
}

.grupa_8 .prezentacyjny .rys-duzy {
    border-color: #db9913;
}

#menudzialy li#otwarta8 {
    border-top: 10px solid #db9913;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa8 {
    border-top: 4px solid #db9913;
}

/*neutral*/
div.grupa_, #switch-content.grupa_ h3.rozdzielacz, .grupa_ .menu_dzialy li a:hover, #body_  {
    background-color:#4a5f69;
}

grupa_ .prezentacyjny .rys-duzy {
    border-color: #ccc;
}

#menudzialy li#otwarta {
    border-top: 10px solid #ccc;
    font-weight:bold;
    padding-bottom:5px
}

#menudzialy li.grupa {
    border-top: 4px solid #ccc;
}


/* formularz */
#contactform  {width:700px; float:left; padding-left:30px}
#contacttable {width:400px; float:left;}
#contacttable th {width:50%;}
#contacttable ul {list-style-type:none}
#contacttable td {padding:10px 0}
#contacttable h2, #contactform h2 {padding:0; margin:0 0 0 30px}
#ajaxinfo {visibility: hidden;margin-left: auto; background: #5555FF; padding: 0px; color: #FFFFFF; font-weight: bold;}
#ajaxbox {border: 1px solid black; visibility:hidden; margin:0; padding:0}
.ajaxboxok {background-color: #A0FFA0;}
.ajaxboxerror {background-color: #FFA0A0;}
table.zapytanie, table.zapytanie td {border:0}
table.zapytanie td {text-align:left}
td.form_pole_tytul {width:300px; padding-left:30px}
td.form_pole_input {width:110px}
.recommend_error_msg {
    border-bottom:2px solid red;
}
/* /formularz */

/* strona główna */
.dzial {
    width:449px;
    position:relative;
    margin: auto;
}
.dzial img {
    padding:0 !important;
}
.dzial h2 {
    margin:0;
    padding:3px 0 0 0;
    border:0;
    text-align:center;
    display:block;
    width:100%;
    height:100%
}
.dzial h2 a {
    color:#fff !important;
    display:block;
    width:100%;
    height:100%
}
.poddzialy h2 {
    font-size:1em;
    font-weight:bold
}

/* zakładki - o firmie */
ul.tabNavigation {
    margin:10px 0;
    padding:10px 30px;
    width:920px;
    background:#777;
}
ul.tabNavigation li {
    display:inline;
    margin-right:15px;
}
ul.tabNavigation a {
    color:#fff !important;
    text-decoration:none !important
}
ul.tabNavigation a.selected {
    font-weight:bold;
    text-transform:uppercase
}
#referencje img, #uprawnienia img {
    width:150px;
    padding:0 23px !important;
}
.gallery_img {
    padding:0 20px !important;
    margin-bottom:15px;
}
.gallery_referencje_item {
    width: 162px;
    overflow:hidden;
    float:left;
    margin: 0 5px 15px;
}
.gallery_referencje_item a {
    display: block;
    width: 142px;
    padding: 9px;
    background: #e0e0e0;
    border: 1px solid #c3c3c3;
}
.gallery_referencje_item a:hover {
    background: #c8c8c8;
    border: 1px solid #a1a1a1;
}
.gallery_referencje_item img {
    height:160px;
    display: block;
    margin: auto;
}


/* tymczasowe - constproj extra */
body#body_61 {
    background:#567;
}
.typ_box {
    border-bottom:3px solid #ccc;
    margin-bottom:15px;
    padding:0 0 5px 10px;
}
.intro_katalog_box {
    width:349px;
    height:270px;
    float:left;
    margin:0;
}
.intro_katalog_box h3 {
    text-align:center
}
.intro_katalog_box img {
    width:295px;
    display:block;
    margin:auto;
}
.podobne_ramy_box {
    width:270px; float:left
}

.typ_box_podtypy {
    width:230px;
    float:left;
    margin:0 1px;
}
.typ_box_podtypy h4 {
    text-align:center;
    padding-bottom:10px
}
.typ_box_podtypy img {
    width:200px;
    display:block;
    margin:auto;
}

/* ~~~~~~ o firmie && aktualności ~~~~~~ */
#content_box #menuboczne.menu_firma ul {
    list-style-type: none;
    padding-left: 32px;
}
#content_box #menuboczne.menu_firma ul.menu_dzialy ul {
    padding-left: 0;
}
#content_box #menuboczne.menu_firma ul.menu_dzialy ul li {
    list-style-type: none !important;
}
#content_box #menuboczne.menu_firma ul.menu_dzialy ul li ul {
    padding-left: 10px;
}
#content_box #menuboczne.menu_firma ul.menu_dzialy li ul li {
    border-bottom: 1px dotted #333;
    margin-bottom: 3px;
    padding-bottom: 7px;
}
#content_box #menuboczne.menu_firma ul.menu_dzialy li ul li a {
    color:#424040;
}
#content_box #menuboczne.menu_firma ul.menu_dzialy li a:hover,
#content_box #menuboczne.menu_firma ul.menu_dzialy li ul li a:hover {
    background: none;
    color: #009241;
}
#content_box #menuboczne.menu_firma li.otwartyprodukt,
#content_box #menuboczne.menu_firma li.otwartydzial a {
    color:#009241;
    font-size: 15px;
}

.pagination {display:block; margin: 10px 0; text-align: center; width: 100%; clear: both;}
.machine-intro-image {width: 400px; float: left;}
.machine-intro-image img {margin-left:30px; width: 400px;}
.machine-intro-examples {
    float:left;
    margin-left:30px;
    width:230px;
}
.machine-intro-examples img {
    width: 230px;
    margin-bottom: 30px;
}

/* ~~~~~~ aktualności ~~~~~~ */
.list.medium .object {
    overflow: hidden;
    padding-bottom: 15px;
    margin: 0 30px 15px;
    border-bottom: 1px dotted #ccc;
}
.list.medium .object h2 {
    float:right;
    margin-bottom:5px;
    margin: 0 0 10px;
    width:425px;
}
.list.medium .object.news h2 {
    width:355px;
    padding-right: 70px;
    position: relative;
}
.list.medium .object h2 .date {
    font-weight: normal;
    font-size: 12px;
    color: #aaa;
    position: absolute; top:5px; right: 0;
}
.list.medium .object .image {
    float:left;
    margin:0 15px 0 0;
}
.list.medium .object .image img {
    width:200px;
}
.list.medium .object .info {
    float: right;
    width: 425px;
}
.list.medium .object .info .button-more {
    display: block;
    float: right;
    margin: 15px 0 0;
    width: 104px;
    height: 35px;
    line-height: 35px;
    text-decoration: none !important;
    text-align: center;
    background: url(../images/button-more.png) no-repeat top left;
}

/* ~~ o firmie - oprogramowanie ~~ */
.program_logo {
    width:180px;
    vertical-align: middle;
    margin: 7px 0 14px;
}


/* ~~~~~~ podstrona Hale Stalowe czyli Rolstal-Hale.pl ~~~~~~ */
#rolstal-hale-info {padding-left:30px;}
#rolstal-hale-info ul {padding-left:30px; list-style-type:square;}
#rolstal-hale-linki {text-align:center; margin:auto; width:915px; clear:both; padding: 0;}
#rolstal-hale-linki li {display:inline-block; padding:3px; margin-bottom:3px; overflow:hidden;}
#rolstal-hale-linki li a {width:219px; display: block; overflow: hidden;}
#rolstal-hale-linki li.more a {display:block; width:211px; height:168px; overflow:hidden; background-position: -9999px -9999px; background-repeat: no-repeat;}
#rolstal-hale-linki li.more a img {width:211px;}
#rolstal-hale-linki li.more a:hover {text-decoration:none; background-position: top left;}
#rolstal-hale-linki li.more a:hover img {display:none;}
#rolstal-hale-linki li.more.projekty a {background-image:url(/images/rolstal-hale-projekty-h.jpg);}
#rolstal-hale-linki li.more.realizacje a {background-image:url(/images/rolstal-hale-realizacje-h.jpg);}
#rolstal-hale-linki li.more.proces a {background-image:url(/images/rolstal-hale-proces-h.jpg);}

/* ~~~~~~ ikony PDF ~~~~ */
#menuboczne #menu-imggallery_extra_items {padding: 0 !important; list-style-type: none;}
#menuboczne #menu-imggallery_extra_items li {width:100px; padding: 0 11px 11px; text-align: center; display: inline-block; vertical-align: top;}
#menuboczne #menu-imggallery_extra_items li a {display: block; text-decoration: none; padding: 1px;}
#menuboczne #menu-imggallery_extra_items li a:hover {padding: 0; border: 1px solid #c3c3c3; background: #f0f0f0;}
#menuboczne #menu-imggallery_extra_items li a img {margin-bottom: 7px; padding: 7px 19px 0;}
#menuboczne #menu-imggallery_extra_items .item1 {width:100%; line-height: 20px; padding: 0;}
#menuboczne #menu-imggallery_extra_items .item1 h2 {background: url(/images/icopdf.jpg) no-repeat top left; padding: 10px 0 10px 70px; text-align: left;}

/* ~~~~~~ strona główna ~~~~~~ */
#content_box_top .index p  {
    font-size: 12px;
    text-align: justify;
    padding: 0;}
#content_box_top .index h2 {
    padding: 0;
    text-decoration: underline;
    margin: 0;
    border-bottom: none;
    clear: none;
}
#content_box_top .button-more {
    background: url("/images/button-more-2.png") no-repeat scroll left top transparent;
    display: block;
    height: 38px;
    line-height: 38px;
    padding-right: 70px;
    text-align: right;
    width: 133px;
    font-weight: bold;
    text-decoration: none;
    color: #26373f;
    font-style: italic;
}
.stal {
    width: 500px;
    float: left;
    margin: 0 0 0 9px;
}
.stal #hale {
    width: 100%;
    margin-bottom: 25px;
    overflow: hidden;
}

.stal #hale .image {
    width: 210px;
    height: 209px;
    padding: 6px;
    position:relative;
    overflow: hidden;
    float: right;
    margin-left: 10px;
}
.stal #hale .image_border {
    background: url(/images/index-image-border.png) no-repeat top left;
    width: 222px;
    height: 221px;
    position: absolute;
    top:0;
    left:0;
}
.stal #hale .image_border a {
    display: block;
    height: 100%;
    width: 100%;
}
.stal #hale .opis {
    width: 268px;
    float: left;
}
.stal #hale .opis .button-more {
    margin: auto;
}

.stal .section {
    border: 1px solid #eee;
    position: relative;
    padding: 9px;
    height: 90px;
    margin-bottom: 29px;
}
.stal .section img {
    float: left;
    margin: 0 10px 0 0;
}
.stal .section .button-more {
    position: absolute;
    right: 15px;
    bottom: -19px;
}
.agro {
    width: 410px;
    float: right;
    margin: 0 9px 0 0;
    background: url(/images/agro-bg-y.gif) repeat-y top left;
}
.agro .header {
    background: url(/images/agro-bg-top.gif) no-repeat top left;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}
.agro .header .logo {
    float: left;
    padding: 0 10px;
    margin: 0 10px;
    border-right: 1px solid #c9c9c9;
}
#content_box_top .index.agro .header h2 {
    text-decoration: none;
    font-weight: normal;
    font-size: 15px;
    color: #1f6115;
    text-transform: uppercase;
    float: left;
    margin: 5px 0;
}
#content_box_top .index.agro .header h3 {
    clear: none;
    margin: 0;
    float: left;
    background: none;
    font-size: 12px;
}
.agro .section {
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
}
.agro .section img {
    float: left;
    margin: 0 10px;
}
#content_box_top .index.agro .section h2 {
    float: left;
    margin: 0 10px 10px 0;
}
.agro .section ul {
    float: left;
    margin: 0 10px 10px 0;
    padding-left: 15px;
}
.agro .section .button-more {
    float: left;
}

.agro .section.konie {
    height: 237px;
    position: relative;
    margin: -15px 0 0;
}
.agro .section.konie img {
    float: right;
    margin: 0;
}
.agro .section.konie .content {
    height: 190px;
    width: 190px;
    padding: 37px 210px 10px 10px ;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/agro-konie-maska.png) no-repeat top left;
}
.agro .section.konie .content ul {
    clear: both;
    width: 190px;
}
.agro .section.konie .content .button-more {
    clear: both;
}

/* pobierz PDF */
.getapdf {
    width: 250px; float: left; text-align: center;
}
.getapdf a img {
    display: block; height: 150px; margin: 0pt auto;
}
.gallery.getapdf {
    display: inline-block;
    margin: 0 11px 22px;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
    width: 150px;
    float: none;
}
.gallery.getapdf a img {
    height: 100px;
}