html,body{
	background-color:#fff;
	margin:0px;
	padding:0px;
	font:normal 12px Tahoma,Arial,serif;
	color:#4A7492;}

input, textarea {
	font:normal 12px/12px Tahoma,Arial,serif;
	color:#4A7492;}

form { display: inline; }
input { vertical-align: middle; padding:2px; }
img{border:0px;}

a{
	color:#555555;
	text-decoration:none;}
a:hover{color:#cc0000;}
acronym{
	border-bottom:1px solid #ddd;
	cursor:help;}

h1{
	color:#c00;
	font:bold 14px Tahoma;
	line-height:22px;
	margin:5px 0 11px 0;
	padding:0;
	border-bottom:1px solid #ddd;}
h2,h3,h4,h5,h6{
	font:bold 12px Tahoma;
	margin:5px 0 11px 5px;}

#logo{
	 text-align:center;}
.userbar{
	width:811px;
	margin:0 auto 0 auto;}
.main{
	width:811px;
	margin:0 auto 0 auto;
	background:url(http://www.armel.pl/images/ett_bgmenuleft.gif) repeat-x 0 1px;
	border-top:1px solid #ddd;}

.bar{
	width:811px;
	clear:both;
	height:7px;
	background:url(http://www.armel.pl/images/ett_pasek.gif) repeat-x;
	margin:1px auto 1px auto;}

.topmenu{
	color:#4A7492;
	text-decoration:none;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding-bottom:3px;}
.topmenu li{
	display:inline;
	list-style:none;
	list-style-type:none;
	padding:0 20px 0 20px;
	border-right:1px solid #4a7492;
	margin:0 11px 0 11px}
.topmenu li a{
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#4A7492;
	font-weight:bold;}
.topmenu li a:hover { color: #cc0000; }

.menu{
	float:left;
	width:177px;}
.podpis{
	float:right;
	margin:11px 11px 0 0;
	font-weight:bold;
	color:#c00;}

.leftmenutop{
	margin:5px 0 15px 0;}
.leftmenutop a{
	display:block;
	width:158px;
	color:#4A7492;
	padding:2px 0 1px 15px;
	margin:0 0px 0 5px;
	line-height:20px;
	background:url(http://www.armel.pl/images/ett_bgmenutoptext.gif) no-repeat 5px 9px;
	border-bottom:1px dotted #ccc;}
.leftmenutop a:hover{
	color:#cc0000;}

.leftmenutop2{
	margin-bottom:11px;}
.leftmenutop2 a{
	display:block;
	width:158px;
	color:#666;
	padding:2px 0 1px 15px;
	margin:0 0px 0 5px;
	line-height:20px;
	background:url(http://www.armel.pl/images/ett_bgmenulefttext.gif) no-repeat 5px 9px;
	border-bottom:1px dotted #ccc;}
.leftmenutop2 a:hover{
	color:#cc0000;}
.leftmenutop2 a.submenu,
.leftmenutop2 a.submenua{
	display:block;
	width:158px;
	color:#666;
	padding:2px 0 2px 5px;
	margin:0 11px 0 15px;
	line-height:20px;
	font:normal 11px Tahoma,Arial,sans;
	background-image:none;
	border-bottom:1px dotted #ddd;}
.leftmenutop2 a.submenua{
	font-weight:bold;}
.leftmenutop2 a.submenu:hover,
.leftmenutop2 a.submenua:hover{
	color:#cc0000;
	font-weight:bold;}


div#logowanie,
div#koszyk{
	width:811px;
	margin:0 auto 0 auto;
	padding:2px;}
div#logowanie form a,
div#koszyk a{
	color:#c00;}
div#logowanie input,
div#koszyk input,
.zawartosc #dodaj,
.zawartosc #reset,
.zawartosc textarea,
table input{
	font:normal 11px Tahoma,Arial,sans;
	padding:3px;
	margin:0;
	border:1px solid #ccc;}
input.ilosc{
	width:15px;
	text-align:center;}

div#logowanie input#zaloguj,
div#koszyk input#wyloguj{
	padding:1px;
	margin-right:5px;}
div#logowanie input#user{
	padding-left:18px;
	background:url(http://www.armel.pl/images/login.gif) no-repeat 1px 1px;}
div#logowanie input#pass{
	padding-left:18px;
	background:url(http://www.armel.pl/images/pass.gif) no-repeat 1px 1px;}

.zawartosc{
	float:right;
	width:595px;
	vertical-align:top;
	padding:0 5px 5px 0;
	line-height:15px;}
.zawartosc a{
	color:#cc0000;}
.zawartosc img.o,
#gal img{
	padding:3px;
	margin:1px;
	border:1px solid #ccc;
	background:url(http://www.armel.pl/images/ett_bgmenuleft.gif) repeat-x 0 1px;}
#gal img{
	width:240px;
	height:180px;
	margin:4px;}
#gal{
	text-align:center;}

form#reg label{
	display:block;
	width:150px;
	float:left;
	text-align:right;
	padding-right:3px;
	padding-top:4px;}
form#reg input{
	width:250px;
	margin:1px;}
form#reg div{
	margin-left:150px;}
form#reg div input{
	width:20px;}
form#reg input#dalej{
	float:right;
	margin-right:120px;}
form#reg del{
	text-decoration:none;
	font-size:9px;
	color:#999;
	margin:0 0 0 3px;
	border-bottom:1px solid #ddd;}

.box_date { color: #F57D12; width: 100%; margin-bottom: 4px; }

.footer { font-size: 12px; color: #888888; padding-left: 20px; padding-right: 20px; }
.footer a { text-decoration: none; }
.footer a:hover { color: #0E7CB4; }

.copyright{
	clear:both;
	width:800px;
	font:normal 11px Tahoma,Arial,sans;
	color:#888888;
	height:35px;
	background:url(http://www.armel.pl/images/ett_bgmenuleft.gif) repeat-x 0 1px;
	border-top:1px solid #ddd;
	padding:2px 5px 11px 5px;
	margin:0 auto 0 auto;}

div.error{
	border:1px solid #c00;
	border-width:1px 0 1px 0;
	background-color:#ffefef;
	font:bolder 9px Tahoma;
	padding:3px 3px 3px 6px;
	margin:2px;
	color:#c00;}
span.error{
	color:#c00;}
input.error{
	border:1px solid #4A7492;
	color:#4A7492;
	padding:3px;
	background:transparent url("http://www.armel.pl/images/error.png") 99% 1px no-repeat;
	background-color:#ffefef;/**/}
#zmienne{
	font:normal 9px Tahoma;}

.towar{
	width:100%;}
.koszyk th,
.koszyk td,
.towar th,
.towar td{
	border-bottom:1px solid #ccc;}
.towar th{
	text-align:left;}
.koszyk .n td{
	border:0;}
.brutto{
	color:#cc0000;
	font-weight:bold;
	font-size:12px;}
.netto{
	font-size:11px;}
.produkt{
	padding-left:11px;
	font-weight:bold;}
.produkt span{
	font-size:11px;
	font-weight:normal;}
.towar .produkt span{
	font-size:11px;
	font-weight:normal;
	padding:0 0 0 11px;}
.produkt a{
	float:right;}
.cena{
	text-align:right;
	padding-right:30px;}
.suma{
	border:1px solid #ccc !important;
	border-width:0 0 1px 1px !important;
	background-color:#FFFFCA;
	padding:5px 11px 2px 5px;}

/* hack dla koszyka */
.koszyk td del{
	display:hidden;
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;}
.koszyk td del input{
	color:#fff;
	border:0;
	background-color:transparent;}
/* koniec hacka dla koszyka */

div.kind{
	float:left;
	width:188px;
	margin:11px 3px 3px 3px;
	padding:1px;
	text-align:center;
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
	}
div.kind img{
	margin:2px;
	padding:2px;
	width:100px;
	height:100px;}
div.kind h2{
	color:#c00;
	font:bold 12px Tahoma;
	display:block;
	margin:2px;
	line-height:13px;
	padding:0 0 4px 1px;
	text-align:left;
	border-bottom:1px solid #ddd;}
div.kind h2 a{
	display:block;
	width:100%;}
div.kind p,
.menu p{
	margin:0;
	padding:0 3px 0 3px;
	text-align:left;}
h2.subh{
	font-weight:bold;
	padding:0 0 2px 15px;
	margin:5px 0 11px 5px;
	color:#c00;
	background:#fff url(http://www.armel.pl/images/hback.gif) repeat-x 0% 50%}
h2.subh span{
	background-color:#fff;
	padding:0 6px 0 6px;
	text-transform:uppercase;}

.half td{
	border:1px solid #ddd;
	text-align:center;
	padding:0;
	vertical-align:top;
	background:#fff url(http://www.armel.pl/images/ett_bgmenuleft.gif) repeat-x 0% 0%}
.half img{
	width:220px;
	margin:0px 2px 2px 2px;
	padding-top:5px;
	padding-bottom:5px;}
.half div{
	border-bottom:1px solid #ddd;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:2px;}
.half a{
	padding:2px;}

div.cytat{
	color:#999;
	float:left;
	width:auto;
	margin-bottom:8px;}
#druk{
	float:right;}
.normal{
	color:#4A7492;
	font:normal 12px Tahoma,Arial,serif;
	border:0;}

form#kontakt label{
	display:block;
	width:220px;
	text-align:left;
	padding-right:3px;
	padding-top:4px;}
form#kontakt input{
	width:220px;
	margin:1px;
	font:normal 12px Tahoma,Arial,serif;}
form#kontakt textarea{
	width:580px;
	height:100px;
	margin:1px;
	font:normal 12px Tahoma,Arial,serif;}
form#kontakt div{
	margin-left:150px;}
form#kontakt div input{
	width:20px;}
form#kontakt input#dalej{
	margin-right:19px;}
form#kontakt del{
	text-decoration:none;
	font-size:9px;
	color:#999;
	margin:0 0 0 3px;
	border-bottom:1px solid #ddd;}