body { 
    margin:0; 
    padding:0;
    font-family: "Arial", "Arial CE", sans-serif;
    background:#282828 url(../images/bg.gif) repeat-x left top;
    font-size:80%;
    line-height:1.5;
}

a img {border:none;}
a {color:#ff0000; }
a:hover {text-decoration:none; color:#ff2233;}

.clear {clear:both;line-height:0;}
.hidden {display:none;}
.doprava { float:right; }
.vpravo { float:right; }

#head-top {
	position:relative;
	margin:auto;
	width:922px;
	height:99px;
	background:#000 url("../images/vrsek.jpg") left top no-repeat;
	color:#fff;
	text-align:right;
}

#head-top p {
  margin:0;
  padding:0;
}

#head-top a img {
  padding-top:12px;
}

#head-top ul {
  position:relative;
  float:left;
  left:305px;
  top:20px;
  margin:0;
	list-style:none;
  color:#fff;
  text-align:left;
  font-size:0.8em;
  line-height:1.9em;  
}
#head-top ul li.item1 {
  padding-left:30px;
}
#head-top ul li.item2 {
  padding-left:20px;
}
#head-top ul li.item3 {
  padding-left:10px;
}
#head-top ul li a {
  color:#fff;
  text-decoration:none;
}

#head-top ul li a:hover {
  color:#fff;
  text-decoration:underline;
}

#head {
	position:relative;
	margin:auto;
	width:922px;
	height:287px;
	background-color:#000;
	color:#fff;
	text-align:right;
	z-index:10;
}
.content {
	position:relative;
	margin:auto;
	width:922px;
	background-color:#000;
	z-index:3;
}

#box {
  color:#fff;
  width:922px;
  background:url(../images/roh.gif) no-repeat left top;
}


.box1 {
	float:left; 
	width:660px;
	color:#fff;
	margin:0;
  padding:0;
  
}

.box1 .box1-pozadi {
  width:655px;
  height:357px;
  background:url(../images/bg-main.jpg) no-repeat left top;
  margin-top:5px;
  margin-left:5px;
  margin-bottom:5px;
  padding:0;
}

.box1 h2 {
  padding-left:20px;
  padding-right:20px;
  margin:0;
}

.box1 p {
  padding-left:20px;
  padding-right:20px;
}

.box1 p strong {
  color:#ff0000;
}

.box1 h3 {
  margin:0;
  padding:0;
}

.box1 h3 span {
	background:url(../images/akcni_nabidka_pneumatik.jpg) no-repeat left top;
	width:660px;
	height:33px;
	display:block;
	margin:0; 
	padding:0; 
}

#box .box2 h3 {
  margin:0;
  padding:0;
  margin-left:4px;
  margin-top:5px;
}

#box .box2 h3 span {
	background:url(../images/nase-nabidka.jpg) no-repeat left top;
	width:257px;
	height:33px;
	display:block;
	margin:0; 
	padding:0; 
}

#box .box2 {
	float:right; 
	width:262px;   
}



#box .box2 .boxik {
  width:254px;
  height:75px;
  background:url(../images/boxik.gif) no-repeat left top;
  padding:0;
  margin-bottom:0;
  margin-top:6px;
  margin-left:4px;
}

#box .box2 .boxik h4 {
  margin:0;
  padding-left:10px;
  font-size:1.0em;
  color:#d1020a;
  padding-top:12px;
}

#box .box2 .boxik p {
  padding-left:10px;
  font-size:0.9em;
  color:#fff;
  padding-bottom:0;
}


#box .box2 .boxik2 {
  width:254px;
  height:75px;
  background:url(../images/boxik.gif) no-repeat left top;
  padding:0;
  margin-bottom:0;
  margin-top:5px;
  margin-left:4px;
}

#box .box2 .boxik2 h4 {
  margin:0;
  padding-left:10px;
  font-size:1.0em;
  color:#d1020a;
  padding-top:12px;
}

#box .box2 .boxik2 p {
  padding-left:10px;
  font-size:0.9em;
  color:#fff;
  padding-bottom:0;
}

#box input {
  border:0;
  background:#ddd;
}

#box textarea {
  border:0;
  background:#ddd;
}
#box fieldset {
  border:0;
}

#box .znacky {
  width:922px;
  height:137px;
  background:url(../images/znacky.jpg) no-repeat left top;
}


#eleft {
	position:absolute;
	left:-151px;
	top:0px;
	width:151px;
	height:386px;
	background:url(../images/bg-top.jpg) no-repeat left top;
}

#eleft2 {
	position:absolute;
	left:-500px;
	top:0px;
	width:500px;
	height:386px;
	background:url(../images/bg2.gif) repeat-x left top;
}

/*logo*/
#logo {
    position:absolute;
    top:0;
    left:0;
    display:block;
    margin:0; 
    padding:0;
    width:677px; 
    height:287px;
    overflow:hidden;
    font-size:0.8em;
    z-index:8;
    color:#fff;
    text-align:center;
}
#logo a {color:#fff;}
#logo span {
    display:block;
    position:absolute; 
    margin:0; 
    padding:0;
    left:0; 
    top:0; 
    z-index:0;
    width:677px; 
    height:287px;
    cursor:pointer;
    background:url("../images/top.jpg") no-repeat left top;
}


#topmenu {
  position:absolute;
  display:block;
	left:677px;
	margin:0;
	padding:0;
	width:245px;
	height:287px;

	background:url("../images/menu.jpg") no-repeat left top;
	
}

#topmenu ul {
	list-style:none;
  text-align:left;
  padding-top:102px;
  padding-left:26px;
}
#topmenu li {
  line-height:23px;

}

#topmenu li a {
	text-decoration:none;
	color:#fff;
	  padding-left:22px;
}

#topmenu li a.selected {
	text-decoration:none;
	color:#fff;
	  padding-left:22px;
	  font-weight:bold;
	  background:url(../images/kolo.gif) no-repeat left top;
}

#topmenu li a:hover {
	text-decoration:underline;
	color:#ddd;
	background:url(../images/kolo.gif) no-repeat left top;
}


#box .box1 ul {

}

#box .box1 ul li {
  background:url(../images/arrow.gif) no-repeat left 4px;
  padding-left:20px;
  text-align:justify;
}

#box .box1 p {
	text-align:justify;
}

#box .box1 h2 {
  font-size:1.8em;
  font-weight:normal;
  background:url(../images/carka.gif) no-repeat left bottom;
}

#box .box1 h3 {
  font-size:1.2em;
  font-weight:bold;
}

#box .box1 table {
  padding-left:16px;
}

#box .box1 table tr.radek1 {
  background-color:#111;
}

#box .box1 table tr.radek2 {
  background-color:#222;
}

#box .box1 table tr td {
  font-size:0.9em;
  margin:1px;
  padding-left:5px;
  width:500px;
}


#box .box1 table tr td.cena {
  font-size:0.9em;
  margin:0;
  padding-right:5px;
  width:100px;
  text-align:right;
}







#footbox {
	background-color:#282828;
		height:50px;
}

#footbox .content {
	width:922px;
	height:30px;
	background-color:#282828;
	
}
#footbox .content p.left {
  padding-left:5px;
  margin:0;
	color:#484848;
	text-align:left;
	float:left;
	width:600px;
}

#footbox .content p.left strong {
  color:#999;
}

#footbox .content p.right {
  padding-right:5px;
  margin:0;
	color:#484848;
	text-align:right;
	float:right;
	width:200px;
}

#footbox .content p a {
  text-decoration:underline;
  color:#ff0000;
}
#footbox .content p a:hover {
  text-decoration:none;
  color:#dddddd;
}

/*shopitem*/
div.shop {
  margin-left:3px;
}
div.shopitem {
	float:left;
	margin-left:3px;
	margin-top:5px;
	width:216px;
	height:279px;
}
div.shopitem a.image {
	position:relative;
	display:block;
	overflow:hidden;
	padding:0;
	width:216px;
	height:143px;
	background:#fff url(../images/pole1.gif) no-repeat left top;
	text-align:center;
}
div.shopitem a.image img.bordered {
	padding:0;
	
}

div.shopitem p {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.75em;
	color:#000;
	text-align:center;
	line-height:20px;
}
div.shopitem h3 {
	margin:0;
	padding:0;
	width:216px;
	height:51px;
	text-align:left;
	font-size:0.6em;
	background:#fff url(../images/pole2.gif) no-repeat left top;	
}

div.shopitem h3 a { padding-left:8px;text-decoration:none;color:#d2030b;}
div.shopitem h3 a:hover {text-decoration:underline;}

div.shopitem .popisek {
	width:216px;
	height:85px;
	background:#fff url(../images/pole3.gif) no-repeat left top;
}

div.shopitem .popisek p.popis {
  float:left;
  width:140px;
  height:85px;
  line-height:85px;
  font-size:0.9em;
  margin-left:10px;
}

div.shopitem .popisek p.cena {
  float:right;
  width:60px;
  height:85px;
  line-height:85px;
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
}

.px5 {
  height:5px;
  font-size:1px;
  line-height:5px;
}

.error {
  color:#ff0000;
  font-weight:bold;
  text-align:center;
}

