@charset "utf-8";
body  {	
	scrollbar-track-color: #E5E8EF;	
	scrollbar-face-color: #93AE1F;
	scrollbar-highlight-color: #93AE1F;
	scrollbar-3dlight-color: #E5E8EF;
	scrollbar-darkshadow-color: #E5E8EF;
	scrollbar-shadow-color:#E5E8EF;
	scrollbar-arrow-color: #E5E8EF;	
	scrollbar-base-color: #93AE1F;
	color: #063E3D;
	text-align: center;
	margin: 0px auto;
	padding: 0px 0px 15px;
	background: #FFFFFF;
	font-family: arial, tahoma, verdana; 
	font-size: 11px; 

}

div {
	text-align: left;
	margin: 0px;
	padding: 0px;
	position: static;
}
.smallimg{
	border:#D0D4DD 1px solid;
}
img {
	border-style: none;
}


p {
	line-height: 130%;
	margin: 0px;
	padding: 10px 0px 0px;
	text-align: justify;
}
ul {
	margin: 0px;
	padding: 10px 0px 0px 25px;
}
li {
	line-height: 130%;
	list-style: disc;
}
table {
	font-size: 11px;
	margin: 10px 0px 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
	display: inline;
}

.buttoncol{
	background: #93AE1F;
	width: 73px;
	height: 20px;
	font-weight: bold;
	color: #3F4F06;
	text-align: center;
	border:#565E0B 1px solid;
	padding:2px;	
	cursor:pointer;
	
	
}

.buttoncol:hover{
	color: #3F4F06;
}

.long{
	width:200px;
}

input  { 
	font-size: 11px; 	
	padding:2px;
	font-weight:normal;
	width:130px;		 
}

input.border{
	border:black 1px solid;
	padding:2px;	
	
}

input.input_button_jv{
	border:black 1px solid;
	font-size: 15px;
         text-valign:top; 
         font-weight:bold;	
         background-color: gray;
         height:17px;
         width:17px;
         margin-left:5px;
         margin-right:5px; 
         padding-bottom:2px;
         cursor:pointer;
}

.detailBack {
	font-weight: bold;
	color: #6C3F0F;
	border-style: none;
	margin: 0px;
	padding: 5px 0px 0px;
	background: #FFFFFF;
	width: 83px;
	text-align: center;
	padding: 5px 0px;
}

#rdonly  { 
	background-color: #D0D4DE;      		 
}

checkbox,  radio  { 
	font-size: 11px; 		
	font-weight:normal;	
	
}

.shortInputs{
	width:20px !important;	 
	
}

select {

	font-size: 10px; 		
	font-weight:normal;	
	width:140px;
	color:#1B7AB1;
}

h1 {

	color: #2A73CF; 	
	font-size: 11px; 
	display:inline;
	margin:0px;
	padding:0px;	
}


h2, h2 a, h2 a:hover {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px;
	color:#0B4269;
}
h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 0px;
	color:#FFFFFF;
}

h4{
	font-size: 10px;
	margin: 0px;
	padding: 10px 0px 0px;
	color:#FFFFFF;
}
a {
	font-weight: normal;
	color: #293D48;
	text-decoration: none;
}
a:Hover {
	color: #A0BF23;
}


#top{
	width: 982px;
	height: 190px;
	margin: 0px auto;
	background: url(./images/layout/header.jpg) no-repeat 0px 20px;
}


#motto {
	padding: 0px 0px 0px 105px;
	font-weight:bold;
	
}
#contact {
	text-align: right;
	color: #FFFFFF;
	padding: 9px 8px 0px 0px;
}

#contact a{
	color: #FFFFFF;
		font-weight:bold;
}
#logo {
	position: absolute;
	display: block;
	height: 52px;
	width: 325px;
	margin: 72px 0px 0px 235px;
}
#top ul {
	padding: 113px 0px 0px;
	float: right;
	
}
#top ul li {
	list-style: none;
	line-height: normal;
	display: block;
	float: left;
	
}
#top ul li a, #top ul li a:Hover {
	display: block;
	float: left;
	color: #FFFFFF;
	background: url(./images/layout/menu-separator.png) no-repeat right center;
	padding: 5px 15px 5px 8px;
	text-decoration: none;
	font-weight:bold;
}
#top ul li a:Hover {
	color: #000000;
}
#top ul li .last, #top ul li .last:Hover {
	background: url(none);
	padding: 5px 8px;
}
.green {
	color: #A7CB10;
}

.fung{
padding:5px 0px 5px 0px;
}

.fung li{
	font-weight:normal;
	padding-bottom:3px;
	list-style: none;
}


#breadcrumbs {
	font-weight: bold;
	color: #2F3E75;
	padding: 0px 0px 0px 3px;
	float: left;
}



#payLinks {
	float: right;
	padding: 0px 0px 0px;
	text-align: right;
	width: 365px;
}
#payLinks a  {
	color: #2F3E75;
	text-decoration: none;
}
#payLinks a:Hover {
	color: #A0BF23;
	text-decoration: none;
}
#leftSideMain {
	float: left;
	width: 164px;
	margin: 0px 2px 0px 3px;
	display: inline;
}

.blueTitle {
	padding: 6px 5px 6px 8px;
	background: url(./images/layout/up-blue.gif);
	margin: 10px 0px 0px;
}

.blueTitle img{
  padding-right:0px;
  
}

.blueTitle span{
  padding-left:10px;
  
}
.blueBox {
	width: 164px;
	background: url(./images/layout/bg-blue.gif);
}
.blueBoxIn {
	padding: 0px 10px;	
}

.center{
	text-align:center;
}

.blueBoxIn a.label{
	font-size:12px;
	font-weight:bold;
}

.blueBottom {
	height: 10px;
	width: 164px;
	font-size: 1px;
	background: url(./images/layout/bottom-blue.gif);
	clear: both;
}
.blueBox p, .whiteBox p {
	text-align: left;
}

.blue{
  color:#293D48;
}

#category,#category_specials,#category_actions,#category_information,.nextcat  {
	padding: 10px 0px 0px;
}
#category_specials li,#category_actions li,#category_information li{
	line-height: normal;
	list-style: none;
		padding:0px;
}
#category li, .nextcat li {
	line-height: normal;
	list-style-type: square;
	list-style-position: outside;
	font-size:11px;
	padding-top:2px;
	
	
}
.nextcat li a{
  font-weight:bold;
	padding: 1px 0px;
	
}

.nextcat li{
  padding-top:3px;
}

#category li a{
	font-weight:bold;
	display: block;
	padding: 1px 0px;
}
 #category li a:Hover,#category_specials li a,#category_actions li a,#category_information li a,#category_specials li a:Hover,#category_actions li a:Hover,#category_information li a:Hover  {
	color: #293D48;
	display: block;
	padding: 1px 0px;
}
#category li a:Hover,#category_specialsli a:Hover,#category_actionsli a:Hover,#category_informationli a:Hover {
	color: #A0BF23;
}
#category li ul,#category_specials li ul,#category_actions li ul,#category_information li ul  {
	padding: 0px 0px 0px 15px;
}
#search {
	background: url(./images/layout/up-search.png);
	padding-left: 35px;
}
#middleSideMain {
	float: left;
	width: 639px;
	margin: 0px 0px 0px 3px;
	display: inline;
}

.offerTitle {
  padding: 6px 5px 6px 8px;
	margin: 0px 0px 0px;
	background: url(./images/layout/up-red.gif);
	
}
.offerBox {
	width: 639px;
	background: url(./images/layout/bg-blue.gif);
}

.offerBoxIn {
	padding: 0px 10px;
}

.redTitle {
  padding: 6px 5px 6px 8px;
	margin: 0px 0px 0px;
	
	
}
.redBox {
	width: 639px;
}
.redBoxIn {
	padding: 0px 10px;
}
.redBottom {
	height: 10px;
	width: 639px;
	font-size: 1px;
	background: url(./images/layout/bottom-red.gif);
	clear: both;
}
.universalNavigation{
	height: 10px;
	width: 639px;
	font-size: 1px;
	background: url(./images/layout/up-lightuniverzal.gif);
	margin: 10px 0px 0px;
	padding:0px;
}

.universalTitle {
	padding: 6px 5px 6px 8px;
	background: url(./images/layout/up-univerzal.gif);
	margin: 10px 0px 0px;
}
.universalBox {
	width: 639px;
	background: url(./images/layout/bg-univerzal.gif);
}
.universalBoxIn {
	padding: 0px 10px;
}
.universalBottom {
	height: 10px;
	width: 639px;
	font-size: 1px;
	background: url(./images/layout/bottom-univerzal.gif);
	clear: both;
}

#title {
	background: url(./images/layout/up-univerzal.gif);
	margin: 10px 0px 0px;
	padding: 5px 0px;
}


.strongmenu{
	color:#93AE1F;
	font-size:12px;
	font-weight:normal;
}

.strongmenutop{
	color:#94B7BD;
	font-weight:bold;
}

.menutop{
	margin-right:15px;
	font-size:12px;
	font-style:italic;
	
}

.menutop li a:hover{
	color:#94B7BD !important;
	
}


#benefits_left {
	float: left;
}
#benefits_right {
	float: left;
}
#sorting {
	background: url(./images/layout/up-univerzal.gif) no-repeat;
	margin: 10px 0px 0px;
	padding: 5px 0px;
	
}
#sortingTable {
	margin: 0px 9px;
	width: 621px;
	color:#FFFFFF;
	font-size: 11px;
	font-weight:bold;
}

#sortingdown {
	background:url(./images/layout/down-univerzal.gif) no-repeat;
	margin: 0px 0px 0px;
	padding: 5px 0px;
}
#sortingTabledown {
	margin: 0px 9px;
	width: 621px;
	color:#FFFFFF;
	font-size: 11px;
	font-weight:bold;
}

#rightSideMain {
	margin: 0px 0px 0px 5px;
	float: left;
	width: 164px;
	display: inline;
}
#bestseller{
	color: #FFFFFF;
}

#basket {
	background: url(./images/layout/up-basket.png);
	padding-left: 35px;
}
#basketPadding, #searchPadding {
	padding: 10px 0px 0px;
}

#footer {
	text-align: center;
	padding: 10px 0px 0px;
	line-height: 140%;
	color: #3367B5;
}
.cleaner {
	font-size: 1px;
	clear: both;
	height: 1px;
}
.top {
	vertical-align: top;
}
.right {
	text-align: right;
}
.littleForm {
	width: 80px;
}

#paticka { 	
	text-align: right; 
	padding: 2px; 
} 

#container{		
	background: #F5F6FA;
}

#quicksearch{
	display: block; margin-left: 1px;margin-right:5px; width:122px; border:solid 1px;background-color:#CCCCCC;
	font-size:10px;
}

.quickfindspace{
	margin-bottom:5px; 
	width:98%;
}

.boxfooter a{
	text-align:right;
	width: 600px;
}

span#footerbuttonL{
	width:49%;
	text-align:left;
	padding-left:20px;
	padding:5px;
	
	
}

span#footerbutton{
	width:99%;
	text-align:left;
	padding-left:20px;
	padding:5px;
	
	
}



.top {
	vertical-align: top;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.brown {
	color: #7A5A38;
}
.white {
	color: #FFFFFF;
}
.brownContent {
	padding: 10px;
	background: #ECE3D9;
	font-weight: bold;
	color: #7A5A38;
	line-height: 130%;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}
.brownContent a,.brownContent a:hover {
	
	
	color: #7A5A38;
	
}
.littleForm {
	width: 80px;
}
.longBlueTitle {
	background: url(./images/layout/up-univerzal.gif) no-repeat;
	font-size: 11px;
	font-weight: normal;
	padding: 8px 0px 8px 10px;
	margin: 10px 0px 0px;
}

.longBlueTitle a {

  color:#FFFFFF;
  font-weight: normal;

}

.nextdesc{
	color:#5F6876;
  text-align:justify;
  padding: 3px;
}

.nextdesc a{
  font-weight: bold;
  text-decoration:underline;
}

.productDesc {
	margin: 0px 15px 0px 5px;
	float: left;
	width: 280px;
	display: inline;
	padding-top:5px;
	color:#5F6876;
	text-align:justify;
}
.productImage {
	float: left;
	padding-left:10px;	
}

.productImageLeft {
	float: left;
	text-align:center;	
   padding-right:10px; 
   padding-top:4px;
}

.productImageRight {
	float: left;
	
  text-align:center;	
}

.descleft {
	float: left;
  width:350px;
  text-align:left;
  padding-right:20px;
}

.descright {
	float: left;
  text-align:left;
}
#setup {
	width: 633px;
	color: #FFFFFF;
}
#setup td {
	background: #116699;
	border-top: 1px solid #FFFFFF;
	padding: 3px 3px 0px 10px;
	padding-bottom:4px;
}
#setupLast td {
	border-top: 1px solid #FFFFFF;
	background: #FFFFFF;
	padding: 10px 0px 0px;
}
#setup a {
	color: #ffffff;
	font-weight: bold;
	text-decoration:underline;
}
#setup a:Hover {
	color: #000000;
	font-weight: bold;
}
.whiteBottomLong {
	height: 10px;
	width: 639px;
	font-size: 1px;
	background: url(./images/layout/bottom-white-long.png);
	clear: both;
}
.oldPrice {
	text-decoration: line-through;
	font-weight: bold;
	color: #7A5A38;
	text-align: center;
	padding: 25px 0px 0px;
}
.newPrice {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #D81419;
	padding: 3px 0px 10px;
}
#cartAdd {
	background: url(./images/layout/bg-cart-add.gif);
	height: 35px;
	margin: 0px 0px 10px 10px;
	background-repeat:no-repeat;
	display:inline; 
	width:219px;
}

#itemsInput span{
	color: #FFFFFF;
	padding-right: 8px;
	
	
}
#itemsInput {
	width: 30px;
	display: inline;
	padding: 0px 0px 0px 50px;
}
#itemsInput input {
	width: 25px;
	margin: 6px 5px 0px 0px;
}
#itemsSubmit {
	display: inline;
}
#itemsSubmit input {
	background: url(none);
	border-style: none;
	font-weight: bold;
	color: #FFFFFF;
	margin-top:7px;
	vertical-align: bottom;
	cursor:pointer; 
}
#related {
	padding: 5px 0px;
	background: #ECE3D9;
	border-top: 2px solid #FFFFFF;
	width: 633px;
}
.related, .relatedFour {
	background: url(./images/layout/bg-related.png);
	width: 158px;
	float: left;
	margin: 0px 0px 3px;
}
.relatedFour {
	background: none;
}
.relatedIn {
	padding: 0px 5px 0px 6px;
}
.relatedIn p {
	padding: 0px;
	text-align: center;
}
.relatedIn a {
	color: #7A5A38;
	font-size: 10px;
}
.relatedIn a:Hover {
	color: #000000;
	font-size: 10px;
}


span#footerRbutton{
	width:99%;
	text-align:right;
	padding-left:20px;
	padding:5px;
	
	
}

span#footerbuttonR{
	width:49%;
	text-align:right;
	padding-right:20px;
	padding:5px;
	
}

.properties{
	color: #000000;
	margin-bottom:30px;
}

.propertyname{
	font-weight: bold;
	padding-right:5px;
	white-space: nowrap; 
}

.propertyvalue{	
	padding-left:5px;
}

.propertybk{
	background: #ECE3D9; 
}




.hand{	
	cursor:pointer;
}



.strike{
	text-decoration: line-through;
}

*.productSpecialPrice {
  	font-size:12px;
  	color: #EE3939;
  	font-weight: bold;
  	padding-left:5px;
}

.akce{
	text-align:right;
	padding-right:5px;
	width:100%;
}

a.pageResults {
	color: #FFFFFF;
 	text-decoration: none;
}

a.pageResults:hover {
  	color: #000000;
  	text-decoration: none;
}

.currentpage{
	color: #AB0F10;
  	font-weight: bold;
}










#productsList, #mainContent {
	background: #FFFFFF;
	color: #000000;
	padding: 3px;
}
#productsListIn {
	background: url(./images/layout/vertical-line.png);
	width: 633px;
}
#mainContentIn {
	width: 633px;
}
.product {
	float: left;
	width: 633px;
	margin: 0px 0px 0px 0px;
	color:#0D4365;
	
}

.productPhoto h2 {
	font-size: 13px;
	font-weight: normal;
	color: #293D48 !important;
	margin: 0px 0px 5px 0px;
	display:inline;
}

#mainContentIn h2 {
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	background: #FFFFFF;
	padding:  5px 5px 8px 0px;
	
}
.productPhoto {
	margin: 3px 0px 0px;	
	height: 105px;
	margin-bottom:3px; 
	text-align:justify !important;
}
.productPhoto a.img {
	display: block;
	height: 105px;
	width: 160px;
	background: #FFFFFF;
	float: left;
	margin-top:10px;
	margin-left:15px;
}

.general_desc{
	padding:5px;	
}

.desc_label{
	padding: 10px 10px 10px 0px;
	color:#3F4F06;
	font-weight:bold;
	font-size:16px;	
}

.desc_text{
	color:#5F6876;
}


.product p {
	text-align: left;
	padding: 8px 5px;
	max-height:60px;
	min-height:60px;
	height:60px;
	color:#0D4365;	
}

.popisvice{
	
	text-decoration: underline;

}

.compprice {
	font-weight: bold;
	width: 400px;
	float: left;
	padding: 5px 0px;
	margin: 5px 10px 0px 0px;
	text-indent: 7px;
	text-align:right;
	color:#AB0F10;
}



.discount {
	float: left;
	width: 140px;
	background: #93AE1F;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 0px;
	border-bottom: 3px solid #FFFFFF;
	margin-top:5px;
	text-align:center;
}



.productsCleaner {
	font-size: 1px;
	height: 4px;
	width: 633px;
	clear: both;
	background: url(./images/layout/bg-product-cleaner.png);
}


#lightbox{
            position: absolute;
            top: 40px;
            left: 0;
            width: 100%;
            z-index: 100;
            text-align: center;
            line-height: 0;
            }
 
#lightbox a img{ border: none; }
 
#outerImageContainer{
            position: relative;
            background-color: #fff;
            width: 250px;
            height: 250px;
            margin: 0 auto;
            }
 
#imageContainer{
            padding: 10px;
            }
 
#loading{
            position: absolute;
            top: 40%;
            left: 0%;
            height: 25%;
            width: 100%;
            text-align: center;
            line-height: 0;
            }
#hoverNav{
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 10;
            }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{
            width: 49%;
            height: 100%;
            background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
            display: block;
            }
#prevLink { left: 0; float: left; background: url(images/prevlabel.gif) left 0% no-repeat; }
#nextLink { right: 0; float: right; background: url(images/nextlabel.gif) right 0% no-repeat; }
/*
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 0% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 0% no-repeat; }
*/
 
#imageDataContainer{
            font: 10px Verdana, Helvetica, sans-serif;
            background-color: #fff;
            margin: 0 auto;
            line-height: 1.4em;
            }
 
#imageData{
            padding:0 10px;
            }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }  
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;      }                                  
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;    }          
                        
#overlay{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 90;
            width: 100%;
            height: 500px;
            background-color: #000;
            filter:alpha(opacity=60);
            -moz-opacity: 0.6;
            opacity: 0.6;
            }
            
 
.clearfix:after {
            content: "."; 
            display: block; 
            height: 0; 
            clear: both; 
            visibility: hidden;
            }
 
* html>body .clearfix {
            display: inline-block; 
            width: 100%;
            }
 
* html .clearfix {
            /* Hides from IE-mac \*/
            height: 1%;
            /* End hide from IE-mac */
            }          
.boxtext{
	padding-left:20px;
	width:98%;
	padding-bottom:20px;
}



#transparent {
	position: relative;	
	/*text-align:center;
	margin:0 auto;
	z-index:1400;*/
}
#transparent {
  /*width:100%;
  height:100%;
  display:block;*/
}
#transparent div.transparentlayer {
	
  /*text-align:left;*/
  position: absolute;	
	bottom: 10px;
	border: 1px solid #CADB2B;
	background: url('../images/header/transparent_bg.png') 0 0 repeat;
	padding: 10px;
  width:200px;
	cursor:pointer;
}
#transparent div.transparentlayer a{
  cursor:pointer;
  color:#FFFFFF !important
}
#transparent div.transparentlayercircle {
	text-align:left;
	position: absolute;
	bottom: 10px;
	border: 0px solid #CADB2B;
	padding: 10px;
}

#transparent div.transparentlayercircle p.nazev {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 22px;
	padding-top:25px;
}


#transparent div.transparentlayercircle p.cislo {
	color: #ffffff !important;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 10px;
}
.transContent {
  position:absolute;
  left:405px;
  bottom:25px;
  width:180px;
}

#transparent div.transContent p.darek {
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
}
#transparent div.transContent p.nazev {
	color: #AED32E;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}
#transparent div.transContent p.detail {
	text-align: right;
}
#transparent div.transContent p.detail a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
	cursor:pointer;
	cursor:hand;

}

#transparent img{
  border: 1px solid #095385;
}



.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span.pp{
  display:block;
  position:absolute;
  
  top:3em;
  left:5px;
  color:black;
  text-align: center;
}

.mezilink{
text-decoration:underline;
font-weight:bold;
}