body 

{ 
margin: 0px;
padding:0px; 
font-family: Verdana, Arial, sans-serif;
font-size: small;
background: #363838; 
color: #fff;

}


#top { background: url('./images/cudenka/tlo_top.jpg') repeat-x; }
#logo 
{ width: 750px; 
height:150px;
display: block; 
margin: 0 auto; 
background-image: url('./images/cudenka/top2.jpg');
background-repeat: no-repeat;
background-position: top;
position:relative;
}

#linklogo {  position:absolute; top: 0; left:0; width: 400px; height:100px;  }
#linkdomena {   position: absolute; bottom:20px; right:0; width: 200px; height:30px; }

#gkontener 
{ 
width: 753px; 
margin: 0px auto; 
position: relative; 
background: #595959 url('./images/cudenka/tlokont.gif') repeat-y;  
border: 0px solid #c0c0c0;
}


#menu { width: 170px; float:left; display: inline; }
#tresc { width: 570px; float:right;  }
#stopka { width: 750px; margin: 0px auto; padding: 10px 0; text-align: center; }



.clearb { clear:both; }
.paddingbox1 { margin:0px; }
.paddingbox2 { margin: 0px 10px 10px 10px; }
.paddingbox3 { margin: 0px 20px 10px 10px; }
.lewo { float: left; }
.miniimg { width: 60px; }
ul.bp li { list-style: none; }
.strony { font-weight: bold; text-align: center; margin: 16px 0; }
.strony a { padding: 4px 6px; background: #3a3a3a}


a:link { color: #6fb7ff; }
a:visited { color: #9bb4d2; }
a:hover { color: #0080ff; }

img { border: 0; }
h1 { font-size: 20pt;
margin: 4px 0;
font-weight:normal;
text-align:center; 
}

h1, h2, h3, h4, h5, h6 
{ color: #ffffc4; }

h2 { font-size: 12.5pt; }
h3 { font-size: 11pt; }

ul li { list-style: square; }

form { padding: 0; margin:0; }
textarea { width:98%; }

/* menu */

#menu { text-align:right; padding-left:4px; }
#menu h3 { margin: 8px 8px 2px 0px; font-size: 8pt;}
#menu ul { margin: 0px; padding:0px; }
#menu ul li { margin: 0px; padding: 0px; list-style: none; }


#menu ul li a 
{ display: block; 
margin: 0px; 
border-bottom: 1px solid #6e6e6e;
padding:2px 8px; 
text-decoration: none; 
font-size:8pt;
text-align:right;
}

#menu .podmenu a:link { color: #c0c0c0 }
#menu .podmenu a:visited { color: #c0c0c0 }
#menu .podmenu a:hover { color: #fff }


/* tresc */

#tresc { color: #fff; }


.boxpolecane { background: #939393;
border: 1px solid #000; }

#polecamy { border: 1px solid #fff; }

.pol 
{ width: 166px; 
float:left; 
border: 1px solid #e1e1e1; 
margin: 4px;
background: #aeaeae; 
display: inline;
color: #000;
text-align: center;
}

.pol img.miniatura { display: block; width: 150px; margin: 8px auto 2px auto; border: 1px solid #000; }
.pol img { display:block; margin: 2px auto; }
.pol h3 { text-align:center; font-size: 8pt; margin: 0; }
.pol a:link { color: #00008c;}
.pol a:visited { color: #00008c;}
.pol a:hover { color: #00002b;}

h2.polec 
{ margin: 4px 0; 
font-size:14pt;
font-weight:normal; }

.foto {
border: 1px solid black;
margin-top: 10px;
}



/* karta towaru */

.boxfoto 
{ width: 176px; 
float:right; 
border: 1px solid #e1e1e1; 
margin: 8px;
background: #aeaeae; 
display: inline;
color: #000;
text-align: center;
 }
.boxfoto img.miniatura { display: block; width: 150px; margin: 8px auto; 
border: 1px solid #000; }

.cena2 { font-size: 1.3em; color: #ffff80; }
.dokoszyka { margin-left:24px; }
ul.dtow li { margin-top: 4px; }

/* formularze */

#szukanie { padding: 0;
position:absolute; 
bottom: 8px; left: 0; }
.pszukaj { float:left; margin-left: 6px; }

#koszyk {
position: absolute; 
left: 310px;
bottom: 8px;
border-left: 1px solid #c0c0c0; 
border-right: 1px solid #c0c0c0; 
padding: 0 12px; 
}

#koszyk img { float:left; }
#koszyk span { float:left; padding-top:6px; margin-left:6px;  }


#logowanie 
{ text-align: right; margin: 10px 0; padding-right: 8px; }
#logowanie .pole { background: #c0c0c0; }
#logowanie ul { margin: 4px 0;}
#logowanie ul li { margin-bottom:2px;}
.pole { background: #c0c0c0; }

table.trl_add2cart td { border: 0px; }

.trl_add2cart input { padding-left: 10px;   }

table.tableform { width: 98%;  margin: 10px; position: relative; table-layout: auto; }
table.trl_table { width: 98%;  margin: 10px; position: relative; table-layout: auto; }

.tableform td { border: 1px solid #808080; width: auto; text-align:center; padding: 3px; }
.trl_table td { border: 1px solid #808080; width: auto; text-align:center; padding: 3px; }

.opisform { float: left; width: 30%; text-align: right; padding: 0 4px; clear: both; margin: 2px;  }
.przycisk1 { display: block; margin: 0 auto;}
.przycisk2 { display: block; margin: 8px auto;}

/*	     *
 * FORMULARZ *
 *	     */


label {
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 150px;
        padding: 0;
        margin: 2px 3px 0; /* set top margin same as form input - textarea etc. elements */
        text-align: right;
        font: bold 11px verdana, arial, sans-serif;
        color: #fff;
        font-variant: small-caps;
        text-align: left;
}

label#antispam { width: 270px; }

/*
input {
        border: 1px solid #000;
        padding: 4px;
        font-family: verdana, arial, sans-serif; color: #000;
        font-size: 11px;
        font-weight: bold;
}
*/
input#email {
        width: 200px;
}

input#odkogo {
        width: 200px;
}
/*
textarea {
        border: 1px solid #1d323d;
        padding: 2px;
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
}
*/
input#antispam {
        font: 10px verdana, arial, sans-serif;
        width: 25px;
}
.submit input {
        border: 1px outset #FFF;
        background-color:  grey;
        font: bold 10px verdana, arial, sans-serif;
        color: white;
        font-variant: small-caps;
        padding: 0.5px;
        width: 250px;
}

p#wyslij {
        margin-left: 0px;
        margin-top: 10px;
}

p#kontakt { line-height: 150%; }

span#red { color: red; }

.trl_button { padding: 3px; }


div.whiteboard {
        margin: 3px;
        padding: 3px;
        background: #404040;
	text-align: left;
}

#menu div.wb1 h3 {
	margin: 0px;
	padding: 1px;
}

div.wb2 h3 {
	margin: 0px;
	padding: 1px;
}