/* 
    Document   : ekran
    Created on : 2009-09-13, 07:36:06
    Author     : piotr
    Description:
        Purpose of the stylesheet follows.
*/
/* generated by csscreator.com */
html, body{
    margin:0;
    padding:0;
    font-family: "Trebuchet MS",Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #333333;
}
body {
    /*background-image:url(images/tlo345.jpg);
    background-repeat:repeat-x;*/
}

#pagewidth{
    width:994px;
    margin-top:10px;
    height:100%;
    padding-right:3px;
    background-color:white;
}

#header{
    position:relative;
    height:110px;
    background-color:white;
    width:100%;
}

#header2{
    position:relative;
    width:100%;
}

#jeden,#dwa,#trzy,#cztery,#piec{
    width:186px;
    position: relative;  
    float:left;
    left:0px;
    margin:8px 0px 0px 12px;
}
#jeden {
    margin-left:16px;
}

#leftcol{
    width:30%;
    float:left;
    position:relative;
}

#twocols{
    width:70%;
    float:right;
    position:relative;
}

#rightcol{
    width:38%;
    float:right;
    position:relative;
}

#maincol{
    background-color: #ddd;
    display:inline;
    position: relative;
    width:100%;
}

#footer{
    clear:both;
    padding-left:16px;
}
/* ogolne ----------------------------------------------------------------- */
img {
    border:0px;
}
h1,h2,h3 {
    /*color: #cc0000;*/
    color: black;
    font-size:25px;
    font-weight:bold;
    text-transform:uppercase;
}
h2 {
    font-size:18px;
    margin:0px 0px 10px 0px;
}
h3 {
    font-size:15px;
}
h4 {
    font-size:12px;
    margin:0px;
}
p {
    margin:0px 0px;
    padding:0px;
}

/* header ----------------------------------------------------------------- */
#logo {
    margin:20px 0px 0px 45px;
}
#header #navi {
    float:right;
    width:700px;
    position:relative;
    /*height:91px;*/
}
#navi {
    height: 77px;
}
#pasek_navi {
    position:absolute;
    bottom:7px;
    right:0px;
}

.navi1,.navi2 {
    position:relative;
    display:inline;
}

#header {
    color:gray;
}
#header ul {
    list-style-type: none;
    margin:0px;
    padding:0px;
    display:inline;
}
#header .navi1 ul li {
    font-size:9px;
}
#header ul li {
    display:inline;
    border-left: 1px solid gray;
    padding: 0px 7px;
    font-size:12px;
    height:10px;
}
#header ul li.active {
    color: black;
    font-weight:bold;
}

#header ul li.bez_kreski {
    /*padding-left:0px;*/
    border-left: 0px;
}
#header ul li.kreska_prawa {
    border-right: 1px solid gray;
}
#header ul li.last {
    border-right: 0px;
}
#header ul li a {
    text-decoration:none;
    color:gray;
}
#header .navi2 ul li {
    border-left:0px;
}
#header .navi2 ul li a {
    font-weight:bold;
    font-size:12px;
}
#header ul li a:hover {
    color: black;
}
#szukaczka {
    /*position:relative;
top:9px;*/
    float:right;
margin-top:19px;
    
}
#szukaczka p,#szukaczka input,#szukaczka form {
    margin:0px;
    padding:0px;
    text-align:right;
    font-size:9px;
}
#szukaczka input {
    width:140px;
    text-align:left;
    font-size:11px;
    background-image:url(images/lupa.gif);
    background-position:left;
    background-repeat:no-repeat;    
    padding:2px 0px 2px 20px;
}

.mod_navigation {
    display:inline;
}
/* tresc ----------------------------------------------------------------- */

.bold {
    font-weight:bold;
}

.odstep_pod {
    padding-bottom:4px;
}

.odstep_nad {
    padding-top:7px;
}

.odstep0 {
    padding-bottom:0px;
}

.odstep {
    padding:0px;
}


#maincol ul {
    margin:0px 0px 0px 16px;
    padding:0px;
}

#maincol li {
    list-style-image:url(images/wyliczenia.gif);
    list-style-position:outside;
    padding:4px 0px;
    height:11px;
}
#maincol li a {
    color: black;
    text-decoration:none;
}
#maincol li a:hover {
    font-weight:bold;
}
#maincol li.przeczytaj_wiecej {
    padding:0px;
}
#maincol li.przeczytaj_wiecej a {
    color: #3366cc;
}

#maincol p {
    margin:0px;
}

#footer p {
    color: gray;
}

#jeden h2, #dwa h2, #trzy h2, #cztery h2, #piec h2 {
    color: #cc0000;
}
/*
#header2 .mod_article p,
#header2 .mod_article ul,
#header2 .mod_article h3,
#header2 .mod_article h2,
#header2 .mod_article h1 {
    padding-left:214px;
    padding-right:198px;
}
*/


#header2 .mod_article img,
#header2 .mod_article div {
    padding:0px;
}

.mod_article {
    position:relative;
}

#obrazek_lewa {
    position:absolute;
    top:190px;
    left:0px;
    margin:0px 12px 0px 16px;
}
#kontakt p {
    font-size:10px;
}

#kontakt2, #kontakt3 {
    width:186px;
}


#header2 #kontakt * {
    padding-right:0px;
}

#header2 #kontakt2 *,#header2 #kontakt3 * {
    padding-left:0px;
    padding-right:0px;
}

#kontakt2 p, #kontakt3 p {
    margin:0px;
    padding:0px;
}

#kontakt2, #kontakt3 {
    position:absolute;
    top:220px;
    left:412px;
}

#kontakt3{
    left:610px;
}

#kontakt h2 {
    padding-top:10px;
}
.czer {
    color: #cc0000;
}
#kontakt2 p.odstep_czer,#kontakt3 p.odstep_czer {
    padding-top:18px;
    padding-bottom:2px;
}

#header2 .ramka_pojedyncza {
    position: relative;
    width: 186px;
    /*height: 40px;*/
    margin-right: 12px;
    display: inline-block;
    text-align: center;
}
#header2 #oferta .ramka_pojedyncza img {
    vertical-align: middle;
    text-align: center;
}
.ramka_pojedyncza .image_container, .ramka_pojedyncza .ce_image {
    display: inline;
}
#header2 #aktualnosci .ramka_pojedyncza, #header2 #aktualnosci22 .ramka_pojedyncza,
#header2 #rady-eksperta155 .ramka_pojedyncza, #header2 #rady-eksperta157 .ramka_pojedyncza
{
    float:left;
    text-align:left;
}
#header2 #aktualnosci h1 , #header2 #aktualnosci22 h1,
#header2 #rady-eksperta155 h1, #header2 #rady-eksperta157 h1 {
    font-size:13px;
    padding:25px 0px 5px 0px;
    margin:0px;
}

#header2 #rady-eksperta155 .layout_short , #header2 #rady-eksperta157 .layout_short {
    border-top:1px solid gray;

    padding:4px 0px;
}


#header2 #rady-eksperta155 h3, #header2 #rady-eksperta157 h3 {
    font-size:15px;
    color:red;
}

#header2 #rady-eksperta155  p.more, #header2 #aktualnosci p.more,
#header2 #rady-eksperta155  p.teaser, #header2 #aktualnosci p.teaser,
#header2 #rady-eksperta155 .layout_short h2, #header2 #rady-eksperta155 h2,
#header2 #rady-eksperta157  p.more, #header2 #rady-eksperta157  p.teaser,
#header2 #rady-eksperta157 .layout_short h2, #header2 #rady-eksperta157 h2
{
    display:inline;
}

#header2 #aktualnosci .ramka2_4 .mod_newslist .first h1,
#header2 #aktualnosci22 .ramka2_4 .mod_newsreader .first h1,
#header2 #rady-eksperta155 .ramka2_4 .mod_newslist .first h1,
#header2 #rady-eksperta157 .ramka2_4 .mod_newslist .first h1
{
    padding-top:20px;
}
#header2 #aktualnosci .ramka2_4 , #header2 #aktualnosci22 .ramka2_4,
#header2 #rady-eksperta155 .ramka2_4, #header2 #rady-eksperta157 .ramka2_4  {
    padding-top:0px;
}

table#table_46 {
    margin:30px 0px 30px 16px;
}

table#table_46 td {
    width:174px;
    padding:0px 12px;
    height:40px;
    text-align: center;
    margin-right: 12px;
}

table#table_46 td img {
    display: inline;
    vertical-align: middle;
}
img.strzalki {
    margin-left:15px;
}
.pierwszy {
    margin-left:16px;
    width:186px;
}

.ramka2_4 {
    /*display:inline-block;*/
    margin: 0px 200px 0px 214px;
    width:598px;
}
.ramka1_4 {
    margin-left:16px;
    margin-right:198px;
}
.ramka01_4 {
    margin-left:0px;
    margin-right:198px;
}

.pierwsza {
    margin-left:16px;
}
div#promocja {

}

div.ce_text {

}

.cena {
    color:red;
    font-size: 16px;
    font-weight: bold;
}
.tekst11 {
    font-size: 11px;
}
.wrapper .ce_image,  .wrapper .ce_text   {
    margin-left:200px;
    width:186px;
    display:inline-block;
}
 .wrapper .ce_image {
    text-align:right;
}


#dla-prasy p, #pobierz21 p {
    line-height: 22px;
    font-size:10px;
}

.mod_newslist h3 {
    font-size: 11px;
    padding:20px 0px 0px 0px;
    margin:0px;
}

.mod_newslist h2 {
    font-size: 11px;
    padding:10px 0px 0px 0px;
    margin:0px;
}

.mod_newslist a {
    color: black;
    text-decoration:none;
}
.mod_newslist p.teaser {
    padding:0px;
    margin:0px;
    display:inline-block;
}
.mod_newslist p.more {
    display:inline-block;
}
.mod_newslist p.more a {
   color:#0033ff;
}

#wyniki-wyszukiwania {
    min-height:350px;
    /*margin-left:16px;*/
}

/* ramka na promocje ************************************************/

.pojemnik {
    width: 385px;
    display:inline-block;
    margin-right:12px;
    position:relative;
    /*border:1px solid black;*/
}

.wrapper {
    /*border: 1px solid #666;*/
    display: table;
    padding: 1%;
    position:relative;
    height: 170px;
}

.wrapper .cell {
    display: table-cell;
    vertical-align: middle;
}

.cell div.ce_text p,.cell div.ce_text h3 {

}
.pojemnik .wrapper .ce_text {
}
.pojemnik .wrapper .ce_text  h3 {
    margin:0px;
}

.pojemnik .wrapper div.image_container {
    position:absolute;
    left:0px;
    top:0px; 
}


#wspolpraca {
    clear:both;
    padding-left:6px;
}

#wspolpraca p {
   margin-left:10px;
}
#wspolpraca .image_container, #wspolpraca .block {
    display:inline;
}

.mod_subscribe {
    position:absolute;
    top:-36px;
    right:100px;
    width:400px;
}
.mod_subscribe * {
    display:inline;
    text-align:right;
}
.mod_subscribe .formbody {
    text-align:right;
    float:right;
}

.mod_subscribe h4 {
    font-size:9px;
    font-weight:normal;
    display:block;
    text-align:right;
}


.mod_quickpoll .title
{
	color:Red;
	font-weight: bold;
}

.mod_quickpoll .radio_container span
{
	display: block;
}

.graph ul li {
	position: relative;
}
.graph .label
{
	padding-right: 5px;
}
.graph .results
{
	position: absolute;
	right: 10px;
	color: red;
	font-weight: bold;
}

#konkurs .ce_form, #potwierdzenie-zgloszenia-do-konkursu div.ce_text {
	margin-left:192px;
	margin-right: 150px;
}
#konkurs .formbody table
{
}

#konkurs .formbody td
{
	padding:5px 0px;
}

#konkurs .formbody td.col_0
{
	width: 150px;
	padding-right: 15px;
	text-align: right;
}

#konkurs .formbody td.col_1
{
	width: 350px;
}

#konkurs .formbody td.explanation
{
	padding-left: 170px;
}

#konkurs .formbody p.error
{
	color:red;
}
#konkurs .formbody input[type=text]
{
	width:200px;
}


.radio_container span
{
	display: block;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */



/*printer styles*/
@media print{
    /*hide the left column when printing*/
    #leftcol{display:none;}

    /*hide the right column when printing*/
    #rightcol{display:none;}
    #twocols, #maincol{width:100%; float:none;}
}