html{ width:100%;padding:0;}
body{
	width:822px;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../image/tribal_02.jpg);
	background-repeat:repeat-x;
	background-color: #F3F4F6;
	
}
img{border:0px}

table {font-size:12px;
	line-height:12px;}

a { text-decoration:underline; color:#6666FF;}
#header {
	width:822px;
	height: 163px;
	background-color: #76848F;
}
#header img{ float:left }

.baner img { float:left }
.menu{
	height:41px;
	width: 822px;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #76848F;
}
.menu ul { margin:0; padding:0;}
.menu li {
	float:left;
	list-style:none;
	width:162px;
	height:41px;
	background:url(../../image/tribal_06.jpg);
	background-repeat:no-repeat;
	padding: 0 0 0 2px;
	text-align: center;
	
}
	

.menu li a {
	color:#FFFFFF;
	text-decoration:none;
	line-height:40px;
	font-size: 14px;
	font-weight: bold;
	
	
}
.menu li a:hover { text-decoration: underline;}

.baner {
	width:822px;
	height:140px;
	background-color: #FFFFFF;
}
	
#content {
	margin:0;
	width:822px;
	height:100%;
	float:left;
	background-color: #FFFFFF;
}
#left {
	margin:0;
	width:225px;
	height:auto;
	float:left;
	background: #FFFFFF;
	padding: 7px 0 0 10px;
}

.box {
	width:215px;
	height:312px;
	background:url(../image/tribal_22.jpg);
	background-repeat:no-repeat;
}
#kosik {
	padding:15px 20px;
	font-size:12px;
	color:#FFFFFF;
	line-height:14px;
		clear:left;
	
	
}
#vyhledavani,.rychloobjednani,#logonform {
	padding:0 0 0 20px;
	font-size:12px;
	color:#FFFFFF;
	line-height:12px;
		clear:left;
}

#vyhledavani input, .rychloobjednani input, #logonform input { font-size:12px; text-align: left; margin:0; padding:0;}
#logonform table{ width:180px;}
#logonform td{  height:20px;}
#vyhledavani form { margin:0; padding:0;}
.tl_hledej { width:60px;
}
.tl_obj { width:20px;
}
.linka {
		clear:left;
	margin:10px 10px;
	padding:0 0 0 20px;
	border-bottom:1px solid #FFFFFF;
	font-size:0;
}
.box p {
	width:180px;
	clear:left;
	padding:0 0 0 20px;
	font-size:12px;
	color:#FFFFFF;
	line-height:16px;
}
.box span{ float:right}
.box p a{
	font-size:11px;
	color:#FFFFFF;
	line-height:12px;
	text-decoration:underline;
}.box a{
	font-size:11px;
	color:#FFFFFF;
	line-height:12px;
	text-decoration:underline;
}
.clear {
	margin:3px 0;
	height: 1px;
}
.box-menu {
	width:216px;
	height:46px;
	background:url(../image/tribal_33.jpg);
	position:relative;
	float:left;
	padding:0;
	margin:0;

}
.nad {
	padding:12px 10px;color:#FFFFFF; font-size:18px;}

.list1 {
	width:214px;
	clear:left;
	position:relative;
	border-left:1px solid #AAB7BF;
	border-right:1px solid #AAB7BF;
	border-bottom:1px solid #AAB7BF;
	padding:7px 0;
}

.list1 ul { margin:0; padding:0 15px}

.list1 li {
	margin:0;
	list-style:none;
	background:url(../image/bg_list.jpg) -5px 5px no-repeat;
	height:20px;
	padding:0 10px;
}
	
.list1 li a {
	color:#808080;
	text-decoration:none;
	font-size: 14px;
}
.list1 li a:hover { text-decoration: underline;}




#main{ 
	width:578px;
	height:auto;
	float:left;
	padding:7px 0 0 0;
}

.nadpis {
	background:url(../image/tribal_33.jpg);
	position:relative;
	float:left;
	padding:0;
	margin:0;
	width:578px;
	height:46px;
	
}

.nadpis h1 {
	margin:12px 10px;
	color:#FFFFFF;
	font-size:18px;
	
}

h2, h3 { margin:0 7px;
         clear:left;
	 color:#000;
}
h2 {  	 font-size:14px;
}
h3 {     font-size:12px;
}


.mhl, .mhp, .mdl, .mdp, .mdl1, .mdp1, .mdl2, .mdp2 { position:absolute; background-color:transparent; width:9px;height:9px;font-size:0px;}
.mhl, .mhp {	top:0;}
.mdl, .mdp, .mdl1, .mdp1,.mdl2, .mdp2 {bottom:-1px;}
.mhl {	left:-1px;	background: url(../image/tribal_32.jpg) left top no-repeat #fff;}
.mhp {	right:-1px;	background: url(../image/tribal_35.jpg) right top no-repeat #fff;background-color:transparent;}
.mdl {	bottom:0;left:-1px;	background: url(../image/tribal_25.jpg) left bottom no-repeat #fff;background-color:transparent;}
.mdp {	bottom:0;right:-1px;	background: url(../image/tribal_27.jpg) right bottom no-repeat #fff;background-color:transparent;}

.mdl1 {	left:-1px;	background: url(../image/tribal_42.jpg) left bottom no-repeat #fff;background-color:transparent;}
.mdp1 {	right:-1px;	background: url(../image/tribal_44.jpg) right bottom no-repeat #fff;background-color:transparent;}

.mdl2 {	bottom:-1px;left:0;	background: url(../image/tribal_40.jpg) left bottom no-repeat #fff;background-color:transparent;}
.mdp2 {	bottom:-1px;right:0;	background: url(../image/tribal_39.jpg) right bottom no-repeat #fff;background-color:transparent;}



.strana {  height:100%; padding:0; text-align:left;}
.strana p{ clear:both; padding:7px 7px 0 7px; text-align:justify;  font-size:12px;}



.filtr         {
	height:20px;
	display:inline;
	clear:left;
	text-align:left;
	margin: 3px 0;
float:left;
}
.filtr-pocet   { float:left; width:240px; padding: 0 0 0 20px; font-size:11px; color:#414141; text-align:left;}
.filtr-raz     { float:left; width:40px; font-size:11px; color:#414141;text-align:center; }
.filtr-strana  {  float:right; width:240px; padding: 0 20px 0 0; font-size:11px; color:#414141; text-align:right;}
.filtr-strana a { text-decoration:none;color:#414141;font-size:11px;}



.produkty {
	clear:left;
	padding:0 0 7px 0;
	}
.produkt {
	float:left;
	width:150px;
	padding:0 5px;
	margin:5px 10px;
	text-align:center;
	font-size:10px;
	color:#808080;
	}
.produkt img{ 
	width:125px;
	
	}
	
.pro-obr {	position:relative;	float: left; width:150px;	height:150px;	}
.tl-akce, .tl-new { 
	position:absolute; 
	top:0px; 
	left:12px;	
	background: url(http://www.sperky-velkoobchod.cz/image/akce.gif) left top no-repeat #fff;
 	width:35px;	
	height:35px;	
	font-size:0px;
	background-color:transparent;
       }	
.tl-new { 
	background: url(http://www.sperky-velkoobchod.cz/image/new.gif) left top no-repeat #fff;
 	background-color:transparent;
       }		
.produkt p{ 
		margin:0;
		font-size:10px;
		text-align:center;
		font-weight:bold;
		padding:0 5px 0 5px;	
	}
.pcena {font-size:12px;
	clear:left;
	font-weight:bold;
	color:#336699;
	margin:5px
	}	
.pro-tl { 
	text-align:center;
	margin:3px 0;
	}	
.pro-tl a{ 
    float:left;
    display:block;
    width:auto;
	height:15px;
    background:#336699;
    border:1px solid #000000; 
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 4px;
	margin-left:7px;
	}	
	
.sv-link{ float:left; margin:1px 1px; font-size:0; border-left:1px dashed #808080; width:1px; height:200px; }
.vr-link{ clear:left;
	margin:0 20px;
	border-bottom:1px dashed #808080;
	font-size:0; }
	
.styl1 {color: #0066FF}



.center {text-align:center;}
.left {text-align:left;}
.right{text-align:right;}

#footer { padding:7px 0 0 10px; clear:both; height:67px; background:url(../image/tribal_48.jpg) 10px 0 no-repeat;
	background-color:#FFFFFF }
#footer a{ color:#FFF; }
.foo{width:45%; float:left; font-size:10px; color:#FFFFFF;padding-top: 10px;}
.foo p{ padding: 3px 25px; text-align:left;}
.foo-right{ width:55%; float:left; font-size:10px; color:#FFFFFF;padding-top: 10px;}
.foo-right p{ padding: 3px 25px; text-align:right;}




.detail { margin:10px 0 0 0; }
.l-det{ float:left; width:260px; height:auto; text-align:center;}
.l-det img{ width:250px; }

.p-det{
	float:left;
	width:318px;
	height:auto;
	text-align:left;
}
.p-det table{ 
	width:100%; 
	font-size:12px; 
}
.p-det table td{ 
	line-height:14px;
	padding:0 5px; 
}.p-det table td img{ 
padding:3px 0 0 0; 
}


.styl2 {color: #3366FF}
.styl3,.red {color: #FF0000}
.styl2,.styl3 {line-height:12px; font-size:10px }


 .ks{ margin:4px;text-align:left;}
.polozky { width:580px;clear:left;text-align:left;}
.polozky td{ border-bottom:#808080 1px solid;font-size:12px;padding:7px 5px 4px 5px; font-family:arial}
.linkbox{ height:29px; }
.li1,.li2,.li3,.li4 { font-size: 12px; font-weight:bold; float:left;padding: 3px 0 0 0;font-family:arial}
.li1{ margin:0 10px;   width:70px;  text-align:right;}
.li2{ margin:0 10px; ;width:200px; }
.li3{ width:130px;   text-align:right;}
.li4{ width:440px; text-align:right;}
.ks1{ text-align:right; padding:0 10px 0 10px;}

.a-zpet{  color: #808080; text-decoration: underline;}




.tl-zpet	 {  width:51px; height:17px;  background: url(http://www.sperky-velkoobchod.cz/image/tl_zpet.jpg); background-repeat:no-repeat;		border:none; background-color:transparent; cursor:pointer; }
.tl-prepocitej	 {  width:80px; height:17px;  background: url(http://www.sperky-velkoobchod.cz/image/tl_prepocitat.jpg); background-repeat:no-repeat;	border:none; background-color:transparent; cursor:pointer; }
.tl-objednat	 {  width:80px; height:17px;  background: url(http://www.sperky-velkoobchod.cz/image/tl_objednat.jpg); background-repeat:no-repeat;	border:none; background-color:transparent; cursor:pointer; }
.tl-smaz	 {  width:80px; height:17px;  background: url(http://www.sperky-velkoobchod.cz/image/tl_smazat_kosik.jpg); background-repeat:no-repeat;	border:none; background-color:transparent; cursor:pointer; }

