@charset "utf-8";


/* other */

.block{
display: block;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img{
border: none;
}
div, p, h1{
margin-top: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background:url(../image/background_main.gif) #CFD8DD repeat-y 50% 0px;

}
#container {
	width: 900px;  
	margin: 0 auto; 
	text-align: left; 
	background-color: White;
}
/* hlavicka*/
#mainHeader {
	background-color: #F5C132;
	height: 250px;	
	background:url(../image/previewheader.jpg) #F5C132 50% 50% no-repeat;
    position: relative;
}
/* navigacia */
#mainNavig{
	list-style: none;
	list-style-position:inside;	
	height: 40px;
	padding: 0;
	padding-left: 10px;
/*	margin: 10px auto 10px auto;*/
	margin: 10px -10px 10px 0px;
}

#mainNavig li{
	float: left;
	margin-right: 11px;
	text-align:left ;
}
#mainNavig li.first a{
	
}
#mainNavig li a{
	background: url(../image/background_navig_button.gif) no-repeat 0px 0px;
	font: Tahoma;
	display: block;
	width: 116px;
	height: 40px;
	color: #ffffff;
	text-decoration: none;
	overflow: hidden;
	font-size: 10px;
}


#mainNavig li a b, #mainNavig li a strong{
font-weight: normal;
padding: 5px;
display: block;
}
#mainNavig li a:hover, #mainNavig li.selected a{
	background-position: 0px -40px;
	color: black;
}
#mainNavig li a:hover b, #mainNavig li.selected a b{
font-weight: bold;
}
#mainNavig li a:hover strong, #mainNavig li.selected a strong{
font-weight: bold;
}



#mainNavig li a b.smaller, #mainNavig li a strong.smaller {
    font-size: 10px !important;
    letter-spacing: -0.05em !important;
}

#mainNavig li a:hover b.smaller, #mainNavig li a:hover strong.smaller {
    font-size: 9px !important;
    letter-spacing: normal !important;
}


#breadcrumb {
background-color: #F5C132;
color: white;
font-size: 10px;
padding: 4px 5px; 
margin: 0 10px 10px 10px; 
}
#breadcrumb a{
color: white;
text-decoration: none;
}
#breadcrumb a:hover{
text-decoration: underline;
}
form{
margin: 0;
padding: 0;
}

/* navigace */
#leftNavig form.search, #leftNavig form.login, #leftNavig form.kosik{
	margin: 0;
	padding: 8px;
	padding-top: 2px;
}

form.login{
/*height: 200px;*/
}
#leftNavig form.search label, #leftNavig form.login label, #leftNavig form.kosik label{
display: block;
font-size: 12px;
font-weight: bold;
color: #666666;
line-height: 1.8em;
text-transform: uppercase;
}
#leftNavig form.search label span{
display: block;
line-height: 1.3em;
margin-top: 2px;
margin-bottom: 2px;

}
#leftNavig form.search select, #leftNavig form.login input{
width: 180px;
font-size: 11px;
}
.formsubmit{
    color: black;
    border: 1px solid white;
    background-color: #AA9E78;
    font-size: 11px;
    width: 80px;
    height: 20px;
}

.ordersubmit{
    color: black;
    border: 1px solid white;
    background-color: #AA9E78;
    font-size: 14px;
    width: 120px;
    height: 30px;
}
.orderform{
width: 100%;
text-align: center;
margin-top: 10px;

}
#leftNavig table, #leftNavig label{
text-align:left;
}
#leftNavig form.search .formsubmit{
	color: black;
	border: 1px solid white;
	background-color: #AA9E78;
	font-size: 11px;
	width: 80px;
	height: 20px;
}
#leftNavig form.search .formcomment{
margin-right: 5px;
margin-top: 2px;
}
#leftNavig table.search{
	border: 0;
	width: 100%;
}
#leftNavig table td{
padding-top: 5px;
padding-right: 3px;
width: 50%;
text-align: right;
}
#leftNavig hr{
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	color: white;
	background-color: white;
	width: 100%;
	border: none;
}
#leftNavig input.heslo{
	width: 113px !important;
	float: left;
}
 #leftNavig form.login .formsubmit{
	color: black;
	border: 1px solid white;
	background-color: #AA9E78;
	font-size: 11px;
	width: 60px;
	_width: 57px;	
	height: 20px;
	margin-left: 5px;
}
#leftNavig form.login input{
margin-bottom: 2px;
}
#leftNavig form a{
	text-decoration: none;
	color: black;
	font-size: 10px;
	line-height: 1.6em;
}
#leftNavig form a:hover{
	text-decoration: underline;
}
#leftNavig form.kosik .formsubmit{
	color: black;
	border: 1px solid white;
	background-color: #AA9E78;
	font-size: 11px;
	width: 70px;
	height: 20px;
	
}

#leftNavig form.kosik table{
	border: 0;
	width: 100%;	
	font-size: 10px;
	margin-bottom: 8px;

}
#leftNavig form.kosik table td{
width: 50%;
text-align: right;
font-weight: bold;
background-color: #9C8E63;
padding: 4px;
}
#leftNavig form.kosik table td.left{
text-align: left;
}
#leftNavig form.kosik table th{
padding: 4px;
width: 50%;
text-align: right;
color: white;
text-transform: uppercase;
background-color: #9C8E63;
border-bottom: 2px solid #C3B99F;
}

#leftNavig form.kosik table th.left{
text-align: left;
}

#footer {
background-color: #F5C132;
color: white;
font-size: 10px;
padding: 4px 5px; 
text-align: center;
margin: 0px 10px 10px 10px; 
}
#mainContent {
	clear: both;
	padding: 0 10px; 
	text-align:justify;
}
/* left navig*/ 

#leftNavig{
background-color: #C3B99F;	
width: 200px;
margin-bottom: 10px;
}

#leftNavig h3{
height: 45px;
background: url(../image/navig_left_first.gif) no-repeat 0px 0px;
border-bottom: 1px solid white;
margin-bottom: 0;
margin-top: 0;
}
#leftNavig h3 b{
display: block;
padding-left: 35px;
padding-top: 16px;
font-size: 16px;
color: white;
font-weight: normal;
}


/* right content */
#rightContent{
	width: 670px;
	float: right;
}
/* sub navig*/
#subNavig ul{
	margin: 0;
	padding: 0px;
	list-style: none;
	list-style-position: outside;	
	height: 41px;	

	background-color: #DAD3C2;	
;
}




#subNavig li{
	padding: 0px ;
	margin: 0px ;
	text-align:left ;
	float: left;
	width: 150px;
	height: 41px;	
	height: 39px;	
	border-top: 2px solid #AA9E78;
	margin-right: 23px;
}
#subNavig li.last{
	margin-right: 0;
}
#subNavig li a{
display: block;
	font-size: 10px;
	text-decoration: none;
	color: #333333;
	width: 150px;
	height: 41px;	
	font-size: 9px;
}
#subNavig li a b{
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

#subNavig li a:hover, #subNavig li.selected a{
background-color: #C3B99F;
}
#subNavig li a b{
font-weight: normal;
}
#subNavig li a:hover b, #subNavig li.selected a b{
font-weight: bold;
}


#Content{
	border: 9px solid #C3B99F;
	background-color: white;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 10px;
}

#Content table td, #Content table th{
vertical-align: top;
}
#Content ul li{
list-style: square;
}
* html .visualIEFloatFix { height: 0.01%; }


h1,h2,h3,h4,h5,h6{
color: #666666;	
margin-bottom: 1em;
margin-top: 0em;

}
h1{
font-size: 18px;
}
h2{
font-size: 16px;
}
h3{
font-size: 14px;
}
h4{
font-size: 12px;
}
h5{
font-size: 10px;
}
h6{
font-size: 8px;
}


#Content.krb h1{
margin-bottom: 0;
font-weight: normal;
}
#Content.krb h2{
margin-top: 0;
font-size: 0.9em;
font-weight: normal;
}

#Content.krb p{
	font-size: 0.9em;
}
#Content.krb hr{
	padding: 0;
	margin: 0;
	line-height: 1px;
	height: 1px;
	color: #9C8E63;
	background-color: #9C8E63;
	width: 100%;
	border: none;	
    margin-top: 3px;
}
.news{
width: 200px;
height: 180px;
overflow: hidden;
float: left;
text-align:left;
margin-bottom: 20px;
margin-right: 26px;
/*
border: 10px solid #CFD8DD;
width: 180px;
*/
}
.news b,.news strong, .news span{
display: block;
font-size: 10px;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
}
.news b{
	/*background-color: #CFD8DD;*/
}
.news span{
	display: block;
	
	
}

.nrm {
margin-right: 0;
}
.news a{
display: block;
text-decoration: none;
color: #333333;
background-color: white;
height: 180px;
}
.news a:hover{
background-color: #DAD3C2;
}
.news a:hover b, .news a:hover strong{
background-color: black;
color: white;
}

/* ke stazeni */

table.download {
width: 100%;
}
table.download td{
    border-bottom: 1px solid #9C8E63;
    vertical-align: center;
    text-align: left;
    padding: 7px;
}
table.download td.icon{
    width: 45px;
}

/* prislusentvi */

table.access, table.cart {
width: 100%;
}
table.access td,table.cart td{
    border-bottom: 1px solid #9C8E63;
    vertical-align: center;
    text-align: left;
    padding: 7px;
    font-size: 10px; 
}
.access td.icon{
    width: 25px;
}
.access td.cart{
    width: 55px;
}
.access td.price{
    width: 25px;
    font-weight: bold;
}
.access td.heading{
    font-size: 10px;
}

.cart td.price{
    width: 100px;
    font-weight: bold;
    text-align: right;
}
.cart td.heading{
    font-size: 10px;
}
.cart td.heading a{
color: #333333; 
text-decoration: underline;
}
.cart td.heading a:hover{
color: #9C8E63; 
text-decoration:none;

}

#Content a{
 color: #333333; 
}
#Content a:hover{
 color: #788D9C; 
}

.produkt {
width: 130px;
height: 150px;
float: left;
margin-right: 13px;
margin-left: 13px;
font-size: 10px;
text-align: left;

height: 280px;
display: table; 
position: relative;
vertical-align: super;
}

.produkt img{
display: block;
margin-bottom: 3px;

}
.produkt b{
display: block;

}
.produkt span{
display: block;
}

.listing{
border: 0;
}
.listing td{
font-size: 10px;
text-align: left;
vertical-align: middle;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 20px;
}
.listing img{
display: block;
margin-bottom: 3px;

}
.listing b{
display: block;

}
.listing span{
display: block;
}


.producttable, .producttable_spec{
font-size: 11px;
}
.producttable th{
color:   #B4AA8A;
padding-top: 5px;
padding-bottom: 5px;
}

.producttable td{
padding-top: 5px;
padding-bottom: 5px;
color: #8C8C8C;
}
.producttable td.cena{
font-weight: bold;
color: black;
text-align: right;
}
.producttable td.submit{
text-align: right;
width: 100px;
}


.producttable_spec th{
color:   #B4AA8A;
padding-top: 5px;
padding-bottom: 5px;
width: 140px;
}

.producttable_spec td{
padding-top: 5px;
padding-bottom: 5px;
color: #333;
}

/* fotogaleria v produkte*/
#b4{
text-align: left;
}
#b4 img{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
}

/* customers */

table.user th{
color: #9C8E63;
width: 180px;
}

.err_msg, .ok_msg{
    background-color: #E56B3D;
    padding: 8px 20px;
	 margin-bottom: 10px;
    color: white;
    font-size: 12px; 
    font-weight: bold;
}
.ok_msg{
    background-color: #9CD12C;
}

#b1{
position: relative;

}

.dph{
text-align: right;
font-size: 9px;
background-color: transparent !important;

}

   .ank{
display: block;
height: 10px;
background-color: #F5C132;
margin-top: 3px;
margin-bottom: 3px;
font-size: 8px;
color: white;
padding-left: 3px;

}

 #h1_title{
  margin: 0; padding: 0;
  position: absolute;
  overflow: hidden;
  font-size: 160%;  
  top: 0px;
  left: 10px; 
}