* { margin: 0; padding: 0; }
a img { border: 0; }
.panCzysciciel { width: 100%; height: 0; display: block; clear: both; }
a, input { outline: none; }

a
    {
    color: #0e3458;
    }
    
a:hover
    {
    color: #424242;
    text-decoration: none;
    }

.doLewej
    {
    float: left;
    margin: 0 12px 5px 0;
    }

.doPrawej
    {
    float: right;
    margin: 0 0px 5px 12;
    }

.doSrodka
    {
    display: block;
    margin: 0 auto;
    text-align: center;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    }

.rogi
    {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    }

.introimg {margin-top: -15px; position: relative; top: -80px;}

body
    {
    background: #DCE1E4;
    color: #5d5d5d;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    text-shadow: 1px 1px #eff3f5;
    padding: 0px 0 0px 0;
    }

html, body, div#ralston { height: 100%; width: 100%; }
embed { display: block; }

div#zawartosc
    {
    width: 960px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    }

h1 a img
    {
    display: block;
    }

h1
    {
    margin: 0 0 20px;
    }

ul#nawigacja
    {
    background: #444751;
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    }

ul#nawigacja li
    {
    list-style: none;
    float: left;
    }

ul#nawigacja a
    {
    color: #FFF;
    text-decoration: none;
    float: left;
    height: 20px;
    padding: 15px;
    line-height: 22px;
    text-shadow: 1px 1px #091e33;
    }

ul#nawigacja a.current
    {
    background: #22242b;
    }

ul#nawigacja a:hover
    {
    background: #22242b;
    }

div#okruszki
    {
    font-size: 10px;
    padding: 15px;
    color: #a9a9a9;
    border-bottom: 1px solid #d2d7db;
    margin: 0 0 30px 0;
    position: relative;
    z-index: 20;
    }

div#okruszki a
    {
    color: #a9a9a9;
    }

div#okruszki a:hover
{
color: #444751;
}

div#okruszki strong
    {
    color: #929292;
    }

div#tresc h2, div#tresc h3
    {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #424242;
    }

div#tresc div#lewa h2
    {
    font-weight: normal;
    }

div#tresc h3
    {
    font-size: 14px;
    }

div#tresc div#lewa
    {
    width: 230px;
    float: left;
    border-right: 1px solid #d2d7db;
    padding: 15px 0 15px 15px;
    margin: 0 0 30px 0;
    }

div#tresc div#lewa ul
    {
    margin: 0 0 20px 10px;
    }

div#tresc div#lewa ul li
    {
    list-style: none;
    display: block;
    }

div#tresc div#lewa ul li a
    {
    color: #0e3458;
    }

div#tresc div#lewa ul li a:hover
    {
    color: #424242;
    text-decoration: none;
    }

div#tresc div#prawa
    {
    float: right;
    padding: 15px 15px 15px 0;
    }

div#tresc div#prawa a.katalog
    {
    padding: 7px;
    }

div#tresc div#prawa p
    {
    margin-bottom: 20px;
    text-align: justify;
    }

div#tresc div#prawa ul, div#tresc div#prawa ol
    {
    margin: 0 0px 20px 0;
    position: relative;
    left: 45px;
    }

div#tresc div#prawa ul li, div#tresc div#prawa ol li
{

}

div#tresc div#prawa img
    {
    float: left;
    margin: 0 15px 15px 0;
    }
    
div#tresc div#prawa
{
float: none;
clear: both;
/*overflow: hidden;*/
}

div#tresc div#prawa h2 a.back
{
text-decoration: none;
color: black;
font-size: 120%;
font-weight: bold;
}

body.submenu div#tresc div#prawa
{
width: 680px;
float: right;
clear: none;
}

div#tresc div#prawa div.category
    {
    float: left;
    margin: 0 30px 0 0;
    clear: both;
    }

div#tresc div#prawa div.category div.product
    {
    width: 100%;
    display: inline-block;
    clear: both;
    }

div#tresc div#prawa div.product img.ikonki
    {
    background-color: white;
    padding-top: 25px;
    }

div#stopka
    {
    width: 960px;
    height: 15px;
    margin: 0 auto;
    padding: 15px 15px 30px 15px;
    font-size: 11px;
    clear: both;
    border-top: 1px solid #d2d7db;
    }

div#stopka a.link {display: block;padding: 6px 10px 0 0;}
div#stopka span {display: block;float:left;padding-top: 7px;}
div#stopka small * {display:block; float:right;}

/* komunikaty */

div.message
    {
    background: #ffeb9d;
    border: 1px solid #ffd324;
    color: #6a5500;
    padding: 15px;
    position: absolute;
    }
    
div.message a
{
color: #a4934d;
font-size: 11px;
}

/* formularz */

div#formularz
    {
    width: 100%;
    }

div#tresc div#prawa div#formularz ul
    {
    margin-bottom: 15px;
    left: 0;
    }

div#formularz ul li
    {
    list-style: none;
    padding: 15px 0;
    background: none;
    }

div#formularz ul li label
    {
    width: 130px;
    margin: 0 15px 0 0;
    float: left;
    text-align: right;
    }

div#formularz ul li input[type=text], div#formularz ul li textarea
    {
    border: 1px solid #cacaca;
    height: 19px;
    padding: 5px 7px 0 7px;
    font-size: 12px;
    width: 200px;
    color: #3b3b3b;
    }

div#formularz ul li input[type=text]:focus, div#formularz ul li textarea:focus
    {
    color: #3b3b3b;
    }

div#formularz ul li textarea
    {
    width: 300px;
    height: 150px;
    padding-top: 7px;
    }

div#formularz ul li p.error
    {
    color: #FF0000;
    font-weight: bold;
    margin: 4px 0 0 126px;
    }

div#formularz input[type=submit]
    {
    float: right;
    margin-bottom: 15px;
    background: #A8C1CF;
    color: #000;
    border: #000;
    width: 60px;
    height: 24px;
    cursor: pointer;
    margin-right: 174px;
    }

/* tabela */

table.tabela
{
width: 100%;
}

table.tabela th, table.tabela td
{
padding: 10px;
text-align: left;
border-bottom: 1px solid #cacaca;
}

table.tabela h3
{
margin: 0;
}

p.info
    {
    background: #fff4c7;
    border: 1px solid #FFD324;
    clear: both;
    color: #6A5500;
    padding: 15px;
    }

div#prawa p.error
    {
    background: #ffafaf;
    color: #790000;
    margin: 10px 0 0 0;
    padding: 5px 10px 5px 10px;
    width: 230px;
    font-size: 11px;
    border: 1px solid #ff0000;
    text-align: left;
    }
    
/* komunikaty bledow */

div#komunikatBledu
    {
    width: 600px;
    margin: 0 auto;
    margin-top: 80px;
    }

div#komunikatBledu h1
    {
    font-size: 60px;
    position: relative;
    font-family: Arial;
    color: #e57100;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: block;
    height: 60px;
    line-height: 70px;
    padding: 0 0 5px 0;
    }

div#komunikatBledu h1 small
    {
    font-weight: bold;
    color: #dddddd;
    font-size: 60px;
    position: relative;
    z-index: 2;
    display: block;
    height: 60px;
    float: left;
    }
    
div#komunikatBledu h1 span
    {
    color: #FFF;
    font-weight: bold;
    position: absolute;
    left: 1px;
    top: 1px;
    display: block;
    height: 60px;
    }
    
div#komunikatBledu h2
    {
    font-family: Arial;
    font-size: 36px;
    font-weight: normal;
    margin: 0 0 30px 0;
    line-height: 36px;
    color: #001341;
    }
    
div#komunikatBledu a 
    {
    color: #e57100;
    }

div#komunikatBledu p
    {
    margin: 0 0 20px 0;
    }

/* stronicowanie */
div.stronicowanie ul {
	margin: 0;
}

div#tresc div#prawa div.stronicowanie ul
{
left: 0;
}

div.stronicowanie ul li {
	list-style: none;
	display: inline;
}

div#tresc div#prawa ul.news
    {
    margin: 0;
    left: 0;
    }

div#tresc div#prawa ul.news h3
    {
    margin: 0 0 -5px 0;
    } 
    
div#tresc div#prawa ul.news li
{
list-style: none;
display: block;
padding: 0 0 0px 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #d2d7db;
}

div#tresc div#prawa ul.historia li, div#tresc div#prawa ul.dystrybutorzy li
    {
    float: left;
    width: 180px;
    height: 100px;
    margin-bottom: 30px;
    text-align: left;
    overflow: hidden;
    padding: 0 30px 0 0;
    }
    
div#tresc div#prawa ul.historia li p
{
text-align: left;
}
    
div#tresc div#prawa ul.news small
{
color: #A9A9A9;
display: block;
margin-bottom: 5px;
}

div#tresc div#prawa ul.dystrybutorzy li
{
height: auto;
width: 100%;
margin-bottom: 15px;
}

div.distrybutor
{
float: left;
width: 340px;
padding-bottom: 15px;
}

div#tresc div#prawa ul.dystrybutorzy li h3
{
margin-bottom: 15px;
}

div#tresc div#prawa ul.porady li
{
width: 200px;
float: left;
margin-right: 15px;
padding-bottom: 15px;
}

div#tresc div#prawa ul.porady li img
{
float: none;
display: block;
clear: both;
}

div#tresc div#prawa ul.porady li h3
{
text-align: center;
}

ul#jezyki
{
  position: relative;
  z-index: 25;
}

ul#jezyki li
    {
    float: right;
    list-style: none;
    padding-bottom: 5px;
    }

ul#jezyki li a
    {
    padding: 18px 15px 12px 15px;
    height: 20px;
    color: #6E747B;
    text-decoration: none;
    display: block;
    }

ul#jezyki li a:hover
    {
    background: #b5ff00;
    color: #3d5700;
    }

ul#jezyki li a
    {
    margin: 10px 0 0 1px;
    height: 20px;
    width: 28px;
    text-align: center;
    border: 1px solid #6E747B;
    color: #444751;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px 0 3px 0;
    }

ul#jezyki li a:hover, ul#jezyki li.zaznaczone a
    {
    color: #DCE1E4;
    border: 1px solid #FFF;
    background: #6E747B;
    }