*{ font-family: Arial, "Arial CE", sans-serif; }

body{ 
  background: #fff;
  margin: 0 auto;
  padding: 0px; 
  font-size: 11px;
  line-height: 160%;
  color: #4D4E4F;
  text-align: center;
  font-family: Verdana, Helvetica, Arial, "Arial CE", sans-serif;
}

div.clear { display: block; clear: both; font-size: 0px; line-height: 0px; }

/* zakladni znacky ( simply tags )*/

a { color: #000; font-weight: bold; text-decoration: none; }

a:hover {  color: #0d4180;}

#menu a {	font-weight: 100;	color: white;	}
	
#menu a:hover {	font-weight: 100;	text-decoration: underline;}

h2{  color: #0d4180;  font-size: 14px;  margin-bottom: 10px;  font-weight: bold; }

	.nadp{	font-weight: normal;	}

/* PAGE LAYOUT :)*/

.page{  background: #c6c6c6;   width: 752px;  _width: 752px; clear: both;  text-align: center;  margin: 0 auto; }

#top {  margin-top: 0px;  background: url("../images/top.gif") top left no-repeat;  width: 752px;   height: 100px;}

#top h1 { position: absolute; top: 30px; left: 510px; font-size: 13px; font-weight: normal; color: #fff; }

#flash{  height: 205px;  margin-top: -4px;  margin-left: -2px;  border-top: 1px solid white; }

#menu { background: #969696;   width: 737px;  height: 25px;  padding-left: 15px; }

#menu #menu-span{ position: relative; top: 5px; left: 6px; }
#menu #menu-span a { margin: 0px 5px 0px 5px; }

/* PLaYGROUND :)*/

#playground{  background: #c6c6c6;   width: 740px;    padding: 5px;  text-align: left; }

#footer {  background: #0d4180;   width: 740px;    height: 15px;   font-size: 9px;  color: white;  text-align: center; }

#footer #copyr { position: relative; top: -2px; left: 570px; color: #fff; }

#playground .upfoot{  background: transparent url("../images/upfoot.gif") top center no-repeat; height: 56px; }

.nastroje {  background: url("../images/default/stroje.jpg") top center no-repeat;	width: 740px;	height: 160px;	padding: 0px;	}

.foto-right {	float: right; margin: 0px 0px 10px 10px;	}
	
.foto-right img {	border: 1px solid #b8b8b8; 	}	
	
.foto-left {	float: left;	width: 200px;	margin: 20px 10px 10px 0px;	}	
	
.foto-left img {	border: 1px solid #b8b8b8;	}		
	
.foto {	float: right;	width: 230px;	}
	
.cleaner {clear: both; height: 1px;  clear: both;  height:1px;  font-size:1px; border:none; margin:0; padding:0;  }	
	
td {	padding: 6px;	}
	
table.bordered {	border: 1px solid #9c9c9c;	float: left; margin-bottom: 20px; line-height: 130%;	}
	
table.adresa {	font-size: 13px;	}	

/* definujeme pozice loga v up-foot :)*/

#playground .upfoot #loga { position: relative; top: 0px; left: 0px; }
#playground .upfoot #loga img { margin-left: 80px; }

/* definujeme telo stranky :)*/

#playground .telo{  background: #fff;  min-height: 150px;  padding: 20px;  width: 701px; }

#playground .telo-nastroje{  min-height: 150px;  padding: 10px;} 

/* definujeme telo Defaultni stranky :)*/

#playground .telo img.workers{  position : relative;  top: -15px;  left: 0px;  float: right;  border: 1px solid #aeaeae;  margin-left: 10px;  margin-bottom: 10px; }

/* definujeme obrazky techniky Defaultni stranky :)*/

#nastroje {  width: 740px; position: relative; left: -10px; top: 14px; }
#playground .telo-nastroje #nastroje #sek_part { margin-left: 40px;}
#playground .telo-nastroje #nastroje #sek_fl{ margin-left: 40px;}

#playground .telo p#uvod{ position: relative; top: -20px; left: -25px; float:right; width: 340px; text-align: justify; line-height: 160%;}


.tafel {
  width: 480px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tafel tr  {
  height: 20px;
}

.tafel tr td  {
  padding: 5px;  
}

.light {
  height: 20px;
  background: #ECF1F6;
}

.dark {
  height: 20px;
  background: #DFEAF7;
}

/* bazar  */

ul.kategorie {
	list-style: none; padding: 0px; margin: 20px 0px 20px 0px;
}

ul.kategorie li a {
	display: block; height: 22px; width: 135px; background: url("../images/kb.gif") top left no-repeat; padding: 2px 0px 0px 30px
	}

	ul.kategorie li a:hover {
		 background: url("../images/kback.gif") top left no-repeat;
	}
	
.produkt {
  min-height: 200px;	
 _height: 200px; 
  width: 110px; 
  padding: 20px 20px 20px 20px; 
  border: 1px solid #0d4180; 
  float: left; 
  margin: 0px 15px 15px 0px; 
  background: #F7F9FB;
}

.produkt a {
	color: #0d4180;
}

.produkt a:hover {
	color: #000;
}

.produkt h3{
	color: #0d4180; font-size: 12px; 
}

.produkt img {
	 border: 1px solid #0d4180; margin: 0px 0px 20px 0px;
}

.produkt .cena {
	color: Red; font-weight: bold; font-size: 11px; margin: 0px 0px 0px 5px; /* text-align: right; */
}

add input {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 90%;
}
.add input.input-text {
  border: 1px solid #000;
  width: 15px;
  position: relative;
  top: -5px;
}

.produktDetail {
	height: 180px; width: 660px; padding: 20px; border: 1px solid #0d4180; float: left; margin: 0px 0px 0px 0px; background: #F7F9FB	;
}

.produktDetail a {
	color: #0d4180;
}

.produktDetail p{
	margin: 0px 0px 20px 0px;
}

.produktDetail a:hover {
	color: #000;
}

.produktDetail h3{
	color: #0d4180; font-size: 12px; 
}

.produktDetail img {
	 border: 1px solid #0d4180; margin: 0px 0px 20px 0px;
}

.produktDetail .cena {
	color: Red; font-weight: bold; font-size: 11px; margin: 0px 0px 0px 5px; /* text-align: right; */
}




			/* eshop vypis */
			
			/*kategoorie*/
			
			div.folder{
				padding:  0px 10px 10px 10px;
				margin:  0px 0px 10px 0px;
				border-bottom: solid 1px #dedede;
				
			}

			div.folder a{
			display: block;
			padding: 0px 0px 0px 00px;
			font-size: 16px;
			}
			
			div.folder a:hover{
		 
			
			}

			/*produkty */

			div.produktTitle, div.produktTitleLast{
				width: 210px;
				height: 400px;
				float: left;
				font-size: 11px;
				padding: 0px 10px 10px 10px;
				border-right: solid 2px #f4f4f4;
				border-bottom: solid 2px #f4f4f4;
			}
			
			div.produktTitleLast { border-right: 0px }
				
				div.produktTitle p, 
				div.produktTitleLast p{ 
					margin-top: 0px !important;
					margin-bottom: 0px !important;
				}
				
				
				div.produktTitle a.more, 
				div.produktTitleLast a.more{
					font-size: 14px;
					font-weight: bold;
					color: #fff;
					background: green;
					padding: 5px;
					display: block;
				} 
				
				
				div.produktTitle h3, 
				div.produktTitleLast h3{
					height: 55px;
					
				}
				
				div.mFoto{
					height: 160px;
				}