/* CSS Document */
body{
margin:0;
padding:0;
line-height: 1.5em;
background: #d0d0d0;
}

b{font-size: 110%;}
em{color: red;}

li.kategoria
{
background-color: #f0f0f0; font-size: small; font-family: Helvetica, Tahoma, Verdana, serif;
color: #606060; text-indent:5px; margin-bottom: 3px; 
}

#contentcolumn_p td.koszykowo
{
border-bottom-color:#764E2B; border-bottom-style:dotted; border-bottom-width:thin; border-right-color:#764E2B; border-right-style:dotted; border-right-width:thin; text-align: center; vertical-align: middle; 
}

#contentcolumn_p a.lista_produktow
{
color: #666; font-family: Helvetica, Tahoma, Verdana, serif; font-size: small;
}


#contentcolumn_p p.cena_rabat
{
background-image: url('gfx/cena_tlo.jpg');
background-repeat: no-repeat; 
width: 200px; height: 40px; color: #666; font-family: Helvetica, Tahoma, Verdana, serif; font-size: small; line-height: 40px; margin: 0; padding: 0;
text-align: center;
}

#contentcolumn_p input.koszyk
{
width: 45px; font-size: x-small; font-family: Tahoma,Helvetica,  Arial; 
}

#contentcolumn_p input.koszyk_cena
{
width: 30px; font-size: small; font-family: Tahoma, Helvetica, Arial; 
}

#maincontainer{
width: 960px;
margin: 0 auto;
background: #FCFDFF;

}

#topsection{
background: #FCFDFF;
background-image: url('gfx/top_bg.jpg');
background-position: top right;
background-repeat: no-repeat;
height: 150px; /*Height of top section*/
overflow: hidden; position: relative;
margin-top: 10px;
}
#topsection img
{
display: inline; float: left; border: none;
}
#topsection h1{
margin-left: 340px; margin-bottom: 0;
padding: 0px;
font-size: small; font-family: verdana, tahoma, arial, serif;
color: #666;
}

#topsection ul.lista_spec
{
list-style: none; margin-left: 340px; margin-top: 0; padding: 0;
width: 300px; height: 100px;
}

#topsection ul.lista_spec li
{
font-size: 11px; font-family: Tahoma, Verdana, Arial, serif;
color: #666; margin: 0; padding-left: 20px;
width: 300px; height: 20px;
background-image: url('gfx/li_bg.jpg');
background-position: center left;
background-repeat: no-repeat;
}

#topsection address
{
font-size: 11px; font-family: Tahoma, Verdana, Arial, serif; font-style: normal; 	line-height: normal;
color: #fff; margin: 0; padding: 0;
position: absolute;
right: 100px; top: 88px;
}

#topsection address a
{
text-decoration: none; color:#fff;
}

#nawigacja_pozioma
{
background: #F28020;
height: 35px; overflow: hidden;
background-image: url('gfx/nawigacyjny_bg.jpg');
background-position: center left;
background-repeat: repeat-x;
}

#nawigacja_pozioma ul
{
list-style: none;
height: 35px; margin: 0; padding: 0; overflow: hidden;
}

#nawigacja_pozioma ul li
{
width: 106px; height: 35px; margin: 0; padding: 0;
float: left;
}

#nawigacja_pozioma ul li a
{
display: block; width: 106px; padding: 0px; text-indent: 25px;
font-size: 12px; font-family: Tahoma, Verdana, Arial, serif; font-style: normal;
font-weight: bold; line-height: 35px; text-decoration: none; color: #fff;
background-image: url('gfx/nawigacja_bg.jpg');
background-position: center left;
background-repeat: no-repeat; zoom: 1;
}

#nawigacja_pozioma ul li a:hover
{
background-image: url('gfx/nawigacja_hover_bg.jpg');
background-position: center left;
background-repeat: no-repeat;
} 


#contentwrapper{
float: left;
width: 100%;
background: #FCFDFF;
overflow: hidden;
}

#contentcolumn_p{
margin: 0 300px 0 200px;
background: #FCFDFF; padding-top: 1em;

}

#contentcolumn_p  p.rejestracja {display:table-row color: #900;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal; width: 410px;}
#contentcolumn_p  label {width:150px}
#contentcolumn_p  label,span {display: table-cell; display: inline-block;} /* span jest niezbędny, bo inputy szaleją
z table-cell */
#contentcolumn_p  input,textarea {box-sizing:border-box; width:250px;} 
#contentcolumn_p legend {color: #F28020;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;}
#contentcolumn_p form {width: 400px; border: solid 1 px red;}
#contentcolumn_p fieldset{width: 400px; border: solid 1 px red;}


#contentcolumn_p table
{
background-color: #fff;
width: 440px; margin: 0 auto;
padding: 0; border-collapse: collapse;
table-layout: fixed;
}


#contentcolumn_p table td.lewa
{
margin: 0; padding: 0; background-color: #c0c0c0;
color: white; font-size: small; font-family: Helvetica, Tahoma, Verdana, serif;
width: 30%;
}

#contentcolumn_p table td.prawa
{
margin: 0; padding: 0; background-color: #c0c0c0;
color: white; font-size: small; font-family: Helvetica, Tahoma, Verdana, serif;
width: 70%;
}

#contentcolumn_p table td
{
margin: 0; padding: 0; 
color: #808080; font-size: small; font-family: Helvetica, Tahoma, Verdana, serif;
}

#contentcolumn_p table td p
{
width: 90%;
margin: 0; padding: 0; 
color: #808080; font-size: small; font-family: Helvetica, Tahoma, Verdana, serif; 
}


{
color: #090;
font-size: small; font-family: helvetica, Verdana, Arial, serif;
line-height: normal;
width: 440px; margin: 1em auto;
}

#contentcolumn_p h1, h2
{
color: #090;
font-size: small; font-family: helvetica, Verdana, Arial, serif;
line-height: normal;
width: 440px; margin: 1em auto;
}

#contentcolumn_p ul
{
	list-style: none;
	margin: 0 auto; padding: 0;
}

#contentcolumn_p li
{
color: #666;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;
width: 440px; margin: 1em auto;
}

#contentcolumn_p p
{
color: #888;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;
width: 440px; margin: 1em auto;
}

#leftcolumn_p{
float: left;
width: 200px; padding-top: 1em; 
margin-left: -960px; 
background: #FCFDFF;

}

#leftcolumn_p p
{
color: #888;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal; 
}

#leftcolumn_p ul.menu
{
margin: 0; padding: 0;
width: 200px; list-style: none; 
/*background: #f0f0f0;*/
background: #FCFDFF;

}

#leftcolumn_p ul.menu li
{
margin: 0; padding-left: 0px; padding: 0;
width: 100%; text-align: left;
}

#leftcolumn_p ul.partnerzy
{
margin: 0; padding: 0;
width: 200px; list-style: none; 
}

#leftcolumn_p ul.partnerzy li
{
margin: 0; padding-left: 0px; padding-top: 10px; padding-bottom: 10px;
width: 100%; text-align: left;
}

#leftcolumn_p ul.menu li a
{
color: #606060; font-size: small; font-family: Helvetica, Tahoma, Verdana, Arial, serif;
line-height: normal; text-decoration: none; width: 170px; display: block;
margin: 0 auto;
padding-left: 15px; background-image: url('gfx/link_bg.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#leftcolumn_p ul.menu li a:hover
{
background-image: url('gfx/link_h_bg.jpg');
background-position: top left;
background-repeat: no-repeat;
}

#leftcolumn_p h4
{
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;	
margin : 0 auto; padding: 5px;
background-color: #F28020; color: #efefef; 
width: 180px;
}

#leftcolumn_p h5
{
font-size: normal; font-family: Helvetica, Verdana, Arial, serif;
line-height: normal; margin: 10px 0 0 0; padding: 0;
color: #F28020;
}

#rightcolumn_p{
float: left;
width: 300px;
margin-left: -300px; padding-top: 1em;
}

#rightcolumn_p  p.formularz {display:table-row; color: #900;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;}
#rightcolumn_p  label {width:100px}
#rightcolumn_p  label,span {display: table-cell; display: inline-block;} /* span jest niezbędny, bo inputy szaleją
z table-cell */
#rightcolumn_p  input {box-sizing:border-box; width:150px;} 

#rightcolumn_p p
{
color: #900;
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;
}

#rightcolumn_p h2
{
font-size: small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;	
margin : 0 auto; padding: 5px;
background-color: #F28020; color: #efefef; 
width: 280px;
}

#footer{
clear: left; 
width: 100%; height: 170px;
background: #FCFDFF; 
background-image: url('gfx/footer_bg.jpg');
background-position: right bottom;
background-repeat: no-repeat;
 text-align: center;
padding: 4px 0;
}

#footer p
{
color: #666;
font-size: x-small; font-family: Tahoma, Verdana, Arial, serif;
line-height: normal;
}

#footer a{
color: #666;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}