@charset "UTF-8";
/**{margin: 0; padding: 0;} */
html{margin: 0; padding: 0; font-size: 62.5%;}

body {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.1em; margin: 0; padding: 0; text-align: center; line-height: 1.4em; background: #E6E6E6;}

.clear {clear:both; font-size:1%; line-height:1%; visibility: hidden}
.clearForm {height: 1px; font-size: 1px; clear: both; overflow:hidden; visibility: hidden; display:block; margin:0 !important; padding:0 !important; width:100% !important;} /* #e6efb6 */

#all{width: 1004px; min-height: 1070px; margin: 0 auto 0 auto; text-align: left; background: #FFFFFF url('../img/web_bottom.jpg') no-repeat center bottom; }  /* #F5F9EA #e6efb6 */
#page{width: 1004px; margin: 0 auto 0 auto; text-align: left; }     /* background: url('../img/web_top.jpg') no-repeat; url('../img/zari-top.jpg') no-repeat */
#header{height: 130px;}
.flags{float: right; padding: 62px 35px 0 0;}
.flags1{float: right; padding: 38px 35px 0 0;}
.loginbox{float: right; width: 200px; border: #93a6b4 1px solid; padding: 3px 7px 3px 7px; background: url(../img/submenu_1.png) left bottom}
.loginbox1{float: right; width: 105px; border: #93a6b4 1px solid; padding: 3px 7px 3px 7px; background: url(../img/submenu_1.png) left bottom}
#menu{height: 26px; background: url('../img/submenu_1.png') repeat-x left; margin-left: 16px; padding-top: 6px; padding-left: 10px; padding-right: 10px; width: 952px; border-bottom: 2px solid #6d004f; }
#searchbox{height: 30px; width: 952px; margin-bottom: 3px; margin-left: 16px; padding-left: 10px; padding-right: 10px; background: url(../img/submenu_1.png) repeat-x left;}
#mainContainer{}
#leftColum{float: left; width: 191px; padding: 8px 8px 0px 0px;}
#mainColum{float: right; width:805px;}
#pageContent{float: left; padding: 8px 8px 0px 8px; width:590px;}
#breadcrumbs {color: #941438;} /* color: #93A6B4; #72706F */
#breadcrumbs a{font-weight: bold;}   /* color: #93A6B4; */
#breadcrumbs a:hover{}   /* f58220 */
#rightColum{float: right; width: 175px; padding: 8px 16px 0 8px;}
#footerContainer{height: 50px;}         /* url('../img/zari-bottom.jpg') no-repeat */
#footerLeft{float: left; width: 175px; padding: 8px 8px 0px 16px;}
#footerMain{float: right; width:805px;}
#footerContent{float: left; padding: 14px 8px 0px 8px; width:590px; text-align: center;}
#footerContent img{margin: 8px 0 8px 0;}
#footerContent p{font-weight: bold; padding-top: 10px;} 
#footerRight{float: right; width: 175px; padding: 8px 16px 0 8px;}
#links{width: 1004px; margin: 0 auto 0 auto; text-align: left; height: 55px; padding-top: 15px; overflow: hidden; position: relative; }  /* background: #f9fab9; bfde40 */

a {color: #941438; text-decoration: none;}
a:hover {text-decoration: underline;} /* color: #A65D43; */
p {padding-bottom: 5px; padding-top: 5px; margin: 0;}

h1 {margin: 15px 0 5px 0; font-size: 1.55em;}
h1.goods {margin: 0 0 0 0; text-transform: uppercase; }
h2 {margin: 15px 0 5px 0; font-size: 1.18em; font-weight: bold; }
h3 {margin: 10px 0 5px 0; font-size: 1.09em;}
.small {font-size: 0.87em;}
.xsmall {font-size: 0.8em;}

img {border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px; }

table {border-collapse: collapse; margin: 10px 0 10px 0;}
th {background: #DCEDCB; color: #333333; font-weight: bold; text-align:left; border: 1px solid #DFE7ED; padding: 4px}  /* #DEDEDE */
td {padding: 4px; border-bottom: 1px solid #DFE7ED; border-top: 1px solid #DFE7ED; border-left: 1px solid #DFE7ED; border-right: 1px solid #DFE7ED;}
td img {vertical-align: middle;}
.noborder {border: none;}

#pageContent ul {font-weight: normal; padding: 0 0 0 10px; list-style: none; margin: 0 0 5px; 0;}
#pageContent ul li {background: url('../img/bp-list2.png') 0 7px no-repeat; vertical-align: middle; padding: 0 0 0 13px; line-height: 1.7em; } 

.right{float: right;}
.left{float: left;}

.textright {text-align: right;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textjustify {text-align: justify;}

form {margin: 0;}
form p {padding-bottom: 10px;}
input {font-family: tahoma, arial, sand-serif; padding-left: 3px; }
input.text {vertical-align: middle; border: 1px #93A6B4 solid; background: #DFE7ED; height: 15px; font-size: 0.92em; line-height: 1.4em;}   /* rgb(130,130,130) rgb(222,222,221)  */
input.radio {margin: 5px 8px 0 20px; padding: 0 0 0 0; vertical-align: text-bottom;}
select {vertical-align: middle; font-family: tahoma, arial, sand-serif; font-size: 0.92em; border: 1px #93A6B4 solid; height: 20px; line-height: 1.2em;} /* background: #DFE7ED; */
textarea {vertical-align: middle; font-family: tahoma, arial, sand-serif; font-size: 0.92em; border: 1px #93A6B4 solid; padding-left: 3px;}    /* background: #DFE7ED; */
/* label {vertical-align: middle;} */
.fullWidth {width: 96%;}
.fullWidth1 {width: 165px;}
.fullWidth2 {width: 98%;}
.fullWidth3 {width: 99%;}
.uniWidth {width: 65%;}
.halfWidth {width: 48.5%;}
.quarterWidth {width: 24%;}
.dateWidth {width: 12%;}
.reg-form2 {padding: 10px 0 0 0}
.reg-form2 .in {background: #eef2f6; padding: 5px 20px 10px 20px; line-height: 1.6em;}
.radioPad {margin-left: 10px;} 

h5 {text-align: center; padding: 2px 4px 0 0; margin: 0px; font: bold 1.0em tahoma, arial, helvetica, sans-serif; background: #93a6b4; height: 16px; color: white;}
div.h5frame {border: #93a6b4 1px solid; clear: both; width: 173px;}
div.h5frameleft {border: #93a6b4 1px solid; clear: both; width: 173px; margin-left: 16px;}
#search {width: 157px; height: 100px; background: url(../img/submenu_6.png) repeat-x left bottom; margin-left: 16px;}
#login {width: 157px; margin-left: 16px; background: url(../img/submenu_13.png) repeat-x left bottom;}
/* .background{width: 157px; height: 68px; margin-left: 16px; background: #eef2f6;} */
#basket1 {width: 157px; height: 110px; background: url(../img/submenu_12.png) repeat-x left bottom;}
#basket2 {width: 157px; height: 40px; background: url(../img/submenu_12.png) repeat-x left bottom;}
#newsletter {width: 157px; height: 70px; background: #ffffff;}
#images1 {width: 157px; height: 75px; background: url(../img/submenu_12.png) repeat-x left bottom;}
#images2 {width: 157px; height: 40px; background: url(../img/submenu_12.png) repeat-x left bottom;}
#tip {width: 157px; height: 172px; background: url(../img/submenu_12.png) repeat-x left bottom;}
#tipImage {height: 114px; text-align: center; line-height: 114px; margin-bottom: 8px;}
#tipImage img {vertical-align: middle;}
#tipImage a {text-decoration: none; height: 114px; background: #ffffff; display: block; font-size: 0.76em;}
#tipText {line-height: 1.1em; width: 175px; margin-left: -8px;}
#catalog {width: 157px; text-align: center; line-height: 1.6em; background: url(../img/submenu_13.png) repeat-x left bottom; padding-bottom: 10px;}
#catalog img {vertical-align: middle; margin-top: 3px;}
#comments {width: 157px; height: 75px; text-align: center; background: url(../img/submenu_12.png) repeat-x left bottom;}
#comments p {padding-top: 3px; padding-bottom: 5px}
.infbox {padding: 8px 9px 8px 9px; margin-bottom: 20px; color: black; overflow: hidden;}
.infbox a {font-weight: bold; text-decoration: underline;}
.infbox a.grey {color: #93a6b4;}
.infbox a.black {color: #000000;}

.line {width: 190px; line-height: 2px; height: 2px; overflow: hidden; background: url(../img/leftmenu-line.jpg); }
.submenu {width: 190px; height: 38px; background: url(../img/leftmenu-background.png) no-repeat right top; }
.submenu2 {width: 190px; height: 38px; background: url(../img/leftmenu-background.png) no-repeat right top; }
.submenu3 {width: 190px; height: 38px; background: url(../img/leftmenu-background.png) no-repeat right top; }
.submenu a, .submenu2 a, .submenu3 a {height: auto; display: block; color: #000000; cursor: pointer; }
.submenu a:hover, .submenu2 a:hover, .submenu3 a:hover {text-decoration: none;}
.submenuColor {width: 50px; height: 38px; float: left; margin-right: 5px;}
.submenuText {height: 17px; width: 135px; float: left; font-size: 0.8em; font-weight: bold; padding-top: 5px; text-transform: uppercase;}
/* hr {margin: 2px 0 0 0; padding: 0; color: #93A6B4; background-color: #93A6B4; height: 3px; width: 38px; float: left; border: none;} */
hr {margin: 0 0 8px 0; padding: 0; color: #93A6B4; background-color: #93A6B4; height: 2px; width: 99%; float: left; border: none;}

.subitems ul {list-style: none; margin-top: 1px; padding-bottom: 0;}
.subitems ul li {padding: 1px 3px 2px 20px; margin: 0; background: none; line-height: 1.4em; font-size: 0.9em;}
.subitems ul li.active {background: #DFE7ED;}
.subitems ul li.active a {color: #941438; font-weight: bold;}
.subitems ul a {color: #000000; height: auto; display: block;}
.subitems ul a:hover {}

.newsBox{padding: 5px 0 5px 0;}
.newsDate { }
.newsTitle {padding-left: 15px; }

.infobox1 {padding: 0; margin: 10px 0 10px 0; border: #93a6b4 1px solid;}
.reklama2 {padding: 0; margin: 20px 0 18px 16px; border: #93a6b4 1px solid;}
.reklama3 {padding: 0; margin: 20px 0 18px 0px; border: #93a6b4 1px solid;}
.reklama1 p {padding: 0; margin: 0;}
.reklama2 p {padding: 0; margin: 0;}
.reklama3 p {padding: 0; margin: 0;}
.goodsBoxLeft{padding: 5px 0 5px 0; width: 290px; margin: 0; float: left;}
.goodsBoxRight{padding: 5px 0 5px 0; width: 290px; margin: 0; float: right;}
.goodsTop{background: url(../img/goods-top.png) no-repeat; height: 34px; margin: 0; padding: 5px 0 0 0; }
.goodsTitle{font-size: 1.18em; font-weight: bold; text-transform: uppercase; color: #000000; padding: 0 0 0 10px; }
.goodsTitle a{color: #ffffff; white-space: nowrap;}
.goodsCode {color: #ffffff; padding: 0 0 0 10px; white-space: nowrap;}
.goodsCodeOld {font-size: 0.90em; font-style: italic;}
.goodsStatus {padding: 0px 10px 0 0; }
.new{background-color: #5bb94a; padding: 4px; color: #ffffff; font-weight: bold; } 
.sale{background-color: #e21935; padding: 4px; color: #ffffff; font-weight: bold; }
.goodsBox {width: 270px; height: 218px; padding: 13px 10px 0px 10px; background: #eef2f6;} /* eef2f6 */
.goodsBox1 {width: 270px; height: 218px; padding: 13px 10px 0px 10px; background: #c4e4a5;} /* eef2f6 */
.goodsBox2 {width: 270px; height: 218px; padding: 13px 10px 0px 10px; background: #e8a6a5;} /* eef2f6 */
.goodsPhoto{height: 205px; text-align: center; margin: 0; line-height: 205px; background: #ffffff; }
.goodsPhoto img{vertical-align: middle;}
.goodsPhoto a{text-decoration: none; height: auto; display: block;}
.goodsPromo {position: absolute; text-align: right; width: 260px; margin-top: -25px; color: red; font-size: 14px; font-weight: bold;}
.goodsBottom{height: 35px; margin: 0; background: url(../img/submenu_13.png) repeat-x left bottom;}
.goodsBottom1{height: 35px; margin: 0; background: url(../img/submenu_15.png) repeat-x left bottom;}
.goodsBottom2{height: 35px; margin: 0; background: url(../img/submenu_16.png) repeat-x left bottom;}
.goodsPrice1 {color: #941438; padding: 0 10px 0 0;}
.goodsPrice2 {color: #93A6B4; padding: 0 10px 0 0;}
.leftCol {float: left; display: inline; width: 48.5%; padding: 0;}
.leftCol1 {float: left; display: inline; width: 37.5%; padding: 6px 0 0 10px;}
.leftCol2 {float: left; display: inline; width: 24.5%; padding: 0;} /* objednávka */
.leftCol3 {float: left; display: inline; width: 65.5%; padding: 0;} /* objednávka */
.leftCol4 {float: left; display: inline; width: 31,5%; padding: 0;}
.rightCol {float: right; display: inline; width: 48.5%; padding: 0;}
.rightCol1 {float: right; display: inline; width: 58.5%; padding: 6px 0 0 0; text-align: right;}
.rightCol2 {float: right; display: inline; width: 72.5%; padding: 0;} /* objednávka */
.rightCol3 {float: right; display: inline; width: 31.5%; padding: 0;} /* objednávka */
.rightCol4 {float: right; display: inline; width: 65.5%; padding: 0;}
.leftCol p {padding-bottom: 5px;} 
.rightCol p {padding-bottom: 5px;}

.goodsDetail {width: 100%;}
.goodsDetail td, .goodsName td {border: none;}
.goodsDetailPhoto {border: #93A6B4 solid 1px; width: 588px; text-align: center; padding: 10px 0 10px 0; background: #ffffff;}
.goodsDetailPhoto img {vertical-align: middle;}
.goodsDetailPhoto a {text-decoration: none; height: auto; display: block;}
/*.goodsDetailPromo {position: absolute; clear: both; text-align: right; width: 287px; margin-top: -10px; color: red; font-size: 14px; font-weight: bold;} */
.goodsDetailPromo {text-align: right; margin-top: -5px; margin-right: 6px; float: right; color: red; font-size: 14px; font-weight: bold;}
.goodsDetailPrice1 {color: #941438; }
.goodsDetailPrice2 {color: #93A6B4; }
.goodsDetailContent {padding-left: 4px; padding-right: 4px; }
.goodsDetailContent p {line-height: 1.5em; }
.color {width: 21px; height: 21px; float: left; margin-right: 5px;}

.galleryPhoto {border-top: #93a6b4 1px solid; border-bottom: #93a6b4 1px solid; border-left: #93a6b4 1px solid; width: 142px; float: left; padding: 0; margin: 5px 0 5px 0; color: black; overflow: hidden; border-right: #93a6b4 1px solid;}
.galleryImage {height: 114px; text-align: center; line-height: 114px; background: #ffffff;}
.galleryImage img {vertical-align: middle;}
.galleryImage a {text-decoration: none; height: auto; display: block;}
.galleryTitle {background: #93a6b4; height: 18px; color: #ffffff; padding-left: 4px; overflow: hidden;}

.categoryMenu {height: 195px; width: 184px; float: left; margin-top: 10px; }
.categoryMenu a {color: #000000; font-size: 12px; font-weight: bold; height: auto; display: block; text-align: right; padding-top: 5px; padding-bottom: 175px; padding-right: 7px; text-transform: uppercase; text-decoration: none; }
.categorySubmenu {height: auto; width: 188px; float: left; margin-top: 10px; background: #e1eca7; border: 1px solid #93a6b4; }  /* #C4E4A5 #3f9939 B1C800 #DCEDCB #DFE7ED */
.categorySubmenu a {color: #000000; font-weight: bold; height: auto; display: block; text-align: center; padding-top: 3px; padding-bottom: 3px; text-transform: uppercase; text-decoration: none; }

.textContent p {line-height: 1.5em; }
/* .intextImage {padding: 4px; } */
.textContent img {padding: 4px; }
.newsHeader {padding-top: 0px; color: #941438; }

.sort {float: left; padding-left: 3px; padding-bottom: 5px; padding-top: 10px;}
.sort div {float: left; padding-right: 15px; vertical-align: middle}
.sort img {vertical-align: middle;}
.view {float: right; padding-right: 3px; padding-bottom: 5px; padding-top: 10px;}
.view div {float: left; padding-left: 15px; vertical-align: middle}
.filtr {float: left; padding-bottom: 0px; padding-top: 3px;}
.filtr div {float: left; padding-right: 25px; vertical-align: middle}
.filtr1 {height: 20px; width: 100%; padding-bottom: 0px; padding-top: 10px;}
/* .filtr1 div {padding-right: 90px; vertical-align: middle} */
/* .paging {padding-top: 10px; float: right; vertical-align: middle} */
/* .paging div {float: left; padding-left: 15px; font-weight: bold; vertical-align: middle}   */
.pagingtop {padding-bottom: 3px; padding-right: 3px; float: right; vertical-align: middle}
.pagingtop div {float: left; padding-left: 15px; vertical-align: middle}
.pagingbottom {padding-right: 3px; float: right; vertical-align: middle}
.pagingbottom div {float: left; padding-left: 15px; vertical-align: middle}

.buttons{
  padding-top: 5px;
  padding-bottom: 10px;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:Tahoma, "Lucida Grande", Arial, Verdana, sans-serif;
    font-size:1.0em;
    /* line-height:130%; */
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:2px 7px 2px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:1px 7px 0px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 7px 2px 7px; /* Firefox */
    /* line-height:17px; */ /* Safari */
}
*:first-child+html button[type]{
    padding:1px 7px 0px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px 3px 5px !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
    vertical-align: middle;
}

/* MAIN */

.buttons button.main, .buttons a.main{
    background-color:#93A6B4;
    border:1px solid #DFE7ED;
    color:#ffffff;
}
.buttons a.main:hover, .buttons button.main:hover{
    background-color: #93A6B4;/* #DFE7ED; */
    border:1px solid #DFE7ED;  /* #93A6B4; */
    color:#ffffff; /* #4A4A4C; */
}
.buttons a.main:active{
    background-color:#93A6B4;
    border:1px solid #DFE7ED;
    color:#ffffff;
}

/* STANDARD */

.buttons button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

.buttons button.positive, .buttons a.positive{
    /* color:#529214; */
    background-color:#DCEDCB;
    border:1px solid #DFE7ED;
    color:#333333;
    font-size: 12px;
    padding: 6px 10px 6px 10px;
}
.buttons a.positive:hover, .buttons button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, .buttons button.negative{
    /* color:#941438; */    /* #d12f19 */
    background-color:#941438;
    border:1px solid #941438;
    color:#fff;
}
.buttons a.negative:hover, .buttons button.negative:hover{
    /* background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#941438; */
    background-color:#941438;
    border:1px solid #941438;
    color:#fff;
}
.buttons a.negative:active{
    background-color:#941438;
    border:1px solid #941438;
    color:#fff;
}

/* REGULAR */

.buttons button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, .buttons button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}


/* TOOLTIP */

.tooltip {
	display:none;
	background:url(../scripts/tooltip/white_big.png);
	height:183px;
	padding:0px 30px 10px 30px;
	width:310px;
	font-size:11px;
	text-align: left;
	/* color:#fff; */
}
.tooltip .label {
	color:#333333;
	font-weight: bold;
	width:110px;
}
.green {
	color: green;
	font-weight:bold;
}

.red {
	color: red;
	font-weight:bold;
}

.tooltip .blue {
	color: blue;
	font-weight:bold;
}

.tooltip td {
  border: none;
	/* color:#ad4;
	font-size:11px;
	font-weight:bold; */
}

.tooltip h3 {
	margin: 25px 0 5px 0; font-size: 1.09em;
  /* color:#ad4;
	font-size:11px;
	font-weight:bold; */
}

.stock1 {
	cursor: pointer;
	text-decoration: underline;
  /* color:#ad4;
	font-size:11px;
	font-weight:bold; */
}

.tooltip a {
	/* color:#ad4;
	font-size:11px;
	font-weight:bold; */
}


/* AUTOCOMPLETE */

.ui-autocomplete {
          		max-height: 110px;
          		overflow-y: auto;
          		/* prevent horizontal scrollbar */
          		overflow-x: hidden;
          		/* add padding to account for vertical scrollbar */
          		/* padding-right: 20px; */
          		text-align: left;
          	}
          	/* IE 6 doesn't support max-height
          	 * we use height instead, but this forces the menu to always be this tall
          	 */
          	* html .ui-autocomplete {
          		height: 110px;
          	}