/* default */

body {
	font-family: Arial, "Trebuchet MS", "MS Sans Serif", Geneva, sans-serif;
	margin: 0 0 0 1px;
  background: url(../images/bc.jpg) repeat-x;
}

a:link, a:visited {
  text-decoration: underline;
}

a:hover {
  color: #FFCC00;
  text-decoration: none;
}

ol li {
  margin-bottom: 10px;
}

h1 {
  color: #797979;
  margin: 0 0 0px 0px;
  font-size: 22px;
}

hr {
  height: 1px;
  border: none;
  border-bottom: 1px solid #9A9A9A;
}

fieldset {
	background-color: #FFCE9F;
}

fieldset legend {
	background-color: #F67C01;
	color: #000000;
}

/* main */

#main {
  width: 1000px;
  margin: 0 auto 0 auto;
  text-align: center;
  background: #FFFFFF url(../images/img_20.jpg) repeat-y;
  min-height: 800px;
  overflow: visible;
}

#main-inner {
	text-align: left;
	position: relative;
	width: 100%;
}

#contact {
  float: left;
  width: 230px;
  height: 196px;
}
#contact p {
  padding: 100px 0 0 22px;
  font-size: 12px;
}
#contact a {
  color: #000000;
}

#contact-bar {
  margin-right: 8px;
  height: 196px;
}

.popis-top a {
  color: #000000;
}
.popis-top {
  margin: 0;
  padding: 0;
  text-align: right;
  color: #DDDDDD;
  font-size: 16px;
  margin-right: 5px;
  margin-top: 5px;
  font-family: arial, sans-serif;
}

.sekce-popis {
	margin: 5px 0px 0px 10px;
	font-size: 110%;
    color: #3F72A1;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}
ul.sekce-popis {
	margin: 5px 0px 0px 30px;
}
.sekce-popis li {
  list-style-type: square;
}

/* nav */
#nav {
  margin: 0;
  padding: 0px 0px 0px 0px;
  z-index: 2000;
  position: absolute;
  top: 187px;
  left: 250px;
}

#nav ul.level1 ul {
   border: 1px solid #FFFFFF;
}

#nav ul.level2 {
 position: absolute;
 width: 150px;
 left: 0px;
 top: 3.3em;
 visibility: hidden;
}

#nav ul.level3 {
 position: absolute;
 width: 150px;
 left: 150px;
 top: 0em;
 visibility: hidden;
}


#nav li {
  margin: 0;
  list-style-type: none;
  float: left;
  behavior: url(style/hovermenu.htc);
  position: relative;
}
#nav li.level1 {
  padding: 0;
}

#nav a {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  display: block;
	background: url(../images/menu-cara.gif) no-repeat top left;
  text-align: left;
  padding: 20px 3px 20px 5px;
}

#nav a:hover {
  color: #57C10C;

}

#nav .end a {
  border: 0;
}

#nav li.level1 a {
  font-size: 90%;
}
#nav li.level2, #nav li.level3
{
  width: 100%;
  border-bottom: solid 1px #FFFFFF;
  margin-right: -1px;
  background: #C0C0C0;
  behavior: url(style/hovermenu.htc); 
}

#nav li.level2 a {
  font-size: 85%;
}

#nav ul.level1 ul li a {
  padding: 0.3ex 0.3ex 0.3ex 0.8ex;
  border-right: 2px solid #fff;
}

#nav li.level2 a:hover {
  border-right: 2px solid #F67C01;
  background: #808080;
}

#nav ul.level1 li.level1Hover ul.level2,
#nav ul.level1 li.level1:hover ul.level2,
#nav ul.level2 li.level2Hover ul.level3,
#nav ul.level2 li.level2:hover ul.level3
{
visibility: visible;
}

#nav .second li.level2 {

  width: 150px;

}

#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a {
  text-align: center;
}

#menu1 {
	width:112px;
	height:40px;
}
#menu2 {
	width:105px;
	height:40px;
}
#menu3 {
	width:124px;
	height:40px;
}
#menu4 {
	width:124px;
	height:40px;
}
#menu5 {
	width:125px;
	height:40px;
}
#menu6 {
	width:137px;
	height:40px;
}

/* layout */
/* prvni radek */
#img-01_ {
	width:313px;
	height:186px;
  float: left;
}

#img-03_ {
  background: url(../images/img_03.jpg) no-repeat;
  float: left;
	width:88px;
	height:186px;
}

#img-04_ {
  background: url(../images/img_04.jpg) no-repeat;
  float: left;
	width:119px;
	height:186px;
}

#img-05_ {
  background: url(../images/img_05.jpg) no-repeat;
  float: left;
	width:118px;
	height:186px;
}

#img-06_ {
  background: url(../images/img_06.jpg) no-repeat;
  float: left;
	width:118px;
	height:186px;
}
#img-06_ .popis-top {
}

#img-07_ {
  background: url(../images/img_07.jpg) no-repeat;
  float: left;
	width:115px;
	height:186px;
}

#img-08_ {
  background: url(../images/img_08.jpg) no-repeat;
  float: left;
	width:129px;
	height:186px;
}
#img-08_ .popis-top {
  margin-right: 20px;
}

#img-09_ {
  background: url(../images/img_09.jpg) no-repeat;
  float: left;
	width:235px;
	height:64px;
}

#img-10_ {
  background: url(../images/img_10.jpg) no-repeat;
  float: left;
	width:127px;
	height:64px;
}
#img-10_ a {
  padding-left: 55px;
}

/* navigace */

#img-11_ {
  background: url(../images/img_11.jpg) no-repeat;
  float: left;
}
#img-11_ {
	width:106px;
	height:64px;
}
#img-12_ {
  background: url(../images/img_12.jpg) no-repeat;
  float: left;
}
#img-12_ {
	width:122px;
	height:64px;
}
#img-13_ {
  background: url(../images/img_13.jpg) no-repeat;
  float: left;
}
#img-13_ {
	width:124px;
	height:64px;
}
#img-14_ {
  background: url(../images/img_14.jpg) no-repeat;
  float: left;
}
#img-14_ {
	width:122px;
	height:64px;
}
#img-15_ {
  background: url(../images/img_15.jpg) no-repeat;
  float: left;
}
#img-15_ {
	width:164px;
	height:64px;
}
#img-16_ {
  background: url(../images/img_16.jpg) no-repeat;
}
#img-16_ {
	width:235px;
	height:136px;
}

#img-18_ {
  background: url(../images/img_18.jpg) no-repeat;
  float: left;
	width:118px;
	height:36px;
}

#img-19_ {
  background: url(../images/img_19.jpg) no-repeat;
  float: left;
	width:117px;
	height:36px;
}

#img-20_ {
  background: url(../images/img_20.jpg) no-repeat;
  float: left;
	width:145px;
	height:36px;
}

#img-21_ {
  background: url(../images/img_21.jpg) no-repeat;
	width:235px;
	min-height: 250px;
}

#img-22_ {
  background: url(../images/img_22.jpg) no-repeat;
	width:235px;
	min-height: 150px;
}

#img-24_ {
  background: url(../images/img_24.jpg) no-repeat;
	width:235px;
	min-height: 150px;
}
#img-26_ {
  float:left;
  background: #394594 url(../images/img_26.jpg) right top no-repeat;
	width:46px;
	height:27px;
}

#img-29_ {
  background: url(../images/img_29.jpg);
	width:244px;
	height:110px;
}

#img-31_ {
  background: url(../images/img_31.jpg) no-repeat;
	width:216px;
	height:28px;
}

#img-32_ {
  background: url(../images/img_32.jpg) no-repeat;
	width:216px;
	min-height:240px;
}

#img-34_ {
  background: url(../images/img_34.jpg) 0px 59px no-repeat;
	width:216px;
	min-height:240px;
}

#img-35_ {
  background: url(../images/img_35.jpg) no-repeat;
	width:244px;
	min-height:328px;
}

#img-36_ {
  background: url(../images/img_36.jpg) no-repeat;
	width:216px;
	height:57px;
}

#img-38_ {
  background: url(../images/img_38.jpg) no-repeat;
	margin-top: 5px;
  width:216px;
	height:28px;
}

#img-40_ {
  background: url(../images/img_40.jpg) no-repeat;
	width:216px;
	min-height:97px;
}

#img-42_ {
  background: url(../images/img_42.jpg) no-repeat;
	width:216px;
	height:63px;
}

#img-46_ {
  margin-right: 8px;
  float: right;
  background: url(../images/img_46.jpg) no-repeat;
	width:27px;
	height:196px;
}

#kosik-box {
}
#kosik-box p {
  text-align: center;
  font-size: 90%;
  padding-top: 10px;
}
#kosik-box p.cart-empty {
  padding-top: 30px;
}

.inputs {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#popis-params div {
  float: left;
  width: 80px;
}

/* eshop menu */

#eshop-menu li {
  border-bottom: 1px solid #C5C5C5;
  padding: 0;
  margin: 0 5px 0 5px;
}
#eshop-menu li {
}
#eshop-menu li a {
  min-height: 20px;
}

#eshop-menu li a {
  display: block;
  text-decoration: none;
  color: #001A41;
  text-align: left;
  vertical-align: middle;
  margin: 0px;
  padding: 9px 0 6px 0;
  font-weight: bold;
}

/* barvy eshop menu */
#eshop-menu li.active {
  background-color: #FFD6AF !important;
}

#eshop-menu li.level0 a:hover {
  background-color: #EFEFEF;
}
#eshop-menu li.level1 a:hover {
  background-color: #F2F2F2;
}

#eshop-menu li.level0 a {
	color: #000000;
	font-weight: bold;
  padding-left: 20px;
	background: url(../images/dot.gif) no-repeat 5px 40%;
}
#eshop-menu li.level1 a {
	color: #404040;
  padding-left: 30px;
	background: url(../images/dot.gif) no-repeat 15px 50%;
}
#eshop-menu li.level2 a {
	color: #707070;
	background: url(../images/dot.gif) no-repeat 0% 4px;
}
#eshop-menu li.level3 a {
	background: url(../images/dot.gif) no-repeat 0% 4px;
}
#eshop-menu li.level4 a {
}

#eshop-menu ul.level1 li {
  margin-left: 5px;
}

#eshop-menu ul.level2 li {
  margin-left: 10px;
}

/* konec specifickych stylu */

#poptavka p.form {
  font-size: 85%;
  text-align: right;
}

#poptavka table {
  margin: 10px 10px 0 10px;
}

#poptavka .but_wide {
  width: 100px;
}

#poptavka th, #poptavka td {
	empty-cells: show;
	border: 1px solid #ddd;
	padding: 2px;
	background-color: #F4F4F4;
	vertical-align: middle;
}

.sekce {
  color: #000000;
}

.box-title h2 {
  color: #FFFFFF;
  padding: 5px 0 0 40px;
  margin: 0px 15px 10px 0px;  
  text-align: left !important;
}

#bestsell .box-title h2 {
  padding: 5px 0 0 40px;
} 

#right {
  float: left;
  width: 220px;
  margin: 20px 0 0 0px;
}

#left {
  width: 235px;
  z-index: 1000;
  float: left;
  background: url(../images/img_20.jpg);
}
#left-inner {
  width: 100%;
}

#left h2 {
  font-size: 100% !important;
  font-weight: bold;
}
#left .b1 {
  background: url(../images/left-menu-bg.gif) repeat-y top left;
  margin-left: 7px;
}
#left .b2 {
	background: url(../images/bottom-bottom.gif) no-repeat bottom left;
}

#left-akce {
	background: url(../images/top-top.gif) no-repeat top left;
  padding: 30px 5px 20px 0px;
}

#left-akce .box {
  margin: 10px 15px 10px 0px;
}

#img-34_ div.news {
  font-size: 10pt;
  padding: 5px;
}

#news-bg {
  background: url(../images/news_bg.gif) repeat-y;
}
#bestsell {
  background: url(../images/bestsell_bg.gif) repeat-y;
}

#bestsell {
}
#bestsell a {
  color: #00AA00;
}
#bestsell ol li {
  list-style-type: decimal;
  margin-left: 23px;
  margin-top: 5px;
}
#bestsell-text {
  padding: 10px 15px 0 15px;
  font-size: 90%;
}

#content {
  background: url(../images/img_17.jpg) no-repeat;
  float: left;
  font-size: 95%;
  color: #616161;
  width: 760px;
  text-align: justify;
}

#content-inner {
  margin: 0px 15px 10px 10px;
  min-height: 600px;
}
#content-inner1 {
}

#content-inner2 {
   padding: 0px 0px 0px 0px;
   float: left;
}

#content ul li {
  background: url(../images/od1.gif) no-repeat 0px 5px;
  margin: 0 0 5px 15px;
  padding: 0 0 0 15px;
  line-height: 125%;
} 
#content ul li ul {
  margin-top: 5px;
}

#content p {
   font-size: 90%;
   line-height: 130%;
}

#content a {
	color: #3F72A1;
	text-decoration: underline;
}

#content a:hover {
	color: #57C10C;
	text-decoration: none;
}

#content h1 {
  margin-top: 1ex;
  margin-bottom: 1ex;
}
#content h2 {
  margin-top: 2ex;
  margin-bottom: 1ex;
}

#content table, #content td {
  border: 1px solid #9E9E9E;
}

#content img.right, img.left {
  margin: 0 10px 0 10px;
}

#eshop-menu {
  margin: 0px 0px 10px 2px;
  font-size: 80%;
}

#eshop-menu, #eshop-menu a {
  font-weight: normal;
} 

#right .datum {
	font-weight: bold;
  color: #C6990F;
}

/* news */

.news {
  margin-left: 15px;
  margin-right: 10px;
}

.news a {
  color: #00AA00;
}
#news .datum {
  padding-top: 7px;
}
#news .datum, #news .title, #news .text {
  margin-bottom: 7px;
}

.news h2 {
  color: #F67A00;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 90% !important;
}

.cena_total {
  font-size: 120%;
}

#popis-tables {
  margin-left: 10px;
  margin-top: 5px;
  background: #eee;
  padding: 10px 10px 10px 10px;
  font-size: 90%;

}

#popis-tables td {
  border: 2px solid #FFFFFF;
}

/* search box */

#search {
  padding: 0;
  width: 235px;
  height: 31px;
  position: absolute;
  left: 0px;
  top: 187px;
  z-index: 0;
}
#search form {
  z-index: 0;
}

#search span {
  font-size: 110%;
  padding: 10px 0px 5px 0px;
}

#search .input {
	background: transparent;
  width: 110px;
  color: #000;
  padding: 0;
  margin-left: 13px;
}
#input_row {
  margin-top: 35px;
}

#button_row {
  margin-top: 5px;
}

#search label {
  margin: 3px 0 0 28px;
  padding: 3px 5px 0 15px !important;
  color: #fff;
  font-size: 100%;
  font-weight: bold;
}

#search .obrazkoveTlacitko {
	vertical-align: top;
	width: 39px;
	height: 19px;
	border: 0;
	margin-left: 185px;
}

.obrazkoveTlacitko {
	vertical-align: top;
	height: 20px;
	width: 20px;
	border: 0;
}

/* login box */

#login {
  color: #999;
  position: absolute;
  top: 10px;
  right: 5px;
  width: 260px;
  z-index: 500000;
  font-size: 90%;
  text-align:right;
}

#login input {
	background: url(../images/login-bg.gif) #E4E4E4 repeat-x 0px 0px;
  border: 1px #999 solid;
  width: 100px;
  padding: 2px 4px;
  color: #999;
}

#login a {
  color: #3F72A1;
}
#login span {
  color: #c00;
}

#login label {
  display: none;
	background: url(../images/label-form.gif) no-repeat 0px 5px;
  margin-left: 10px;
  padding-bottom: 5px;
  color: #c00;
  font-weight: bold;
  width: 111px;
  text-align: center;
}

#login .obrazkoveTlacitko {
  background: none;
	vertical-align: middle;
	height: 23px;
	width: 22px;
  padding: 0px 0 1px 0;
	border: 0;
}

.obrazkoveTlacitko {
	vertical-align: top;
	height: 20px;
	width: 20px;
	border: 0;
}

/* spodni menu box */

#menu-bottom {
  background: url(../images/img_47.gif) no-repeat;
	width:1000px;
	height:23px;
	color: white;
	text-align: center;
	font-size: 13px;
}

#menu-bottom a:link, #menu-bottom a:visited {
  color: #FFFFFF;
}

/* copy box */

#footer {
}

#copy {
  background: url(../images/img_28.jpg) repeat-y;
	width:100%;
  font-size: 13px;
	text-align: center;
  clear: both;
  color: #FFFFFF;
  height: 20px;
  padding-top: 3px;
  border: 1px solid;
}

#copy a {
  font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
}

#copy a:hover {
	color: yellow;
	text-decoration: none;
}

#copy .box {
	font-weight: bold;
	font-style: italic;
	background: url(../images/copy-bg.jpg) #88B7FF repeat-x top left;
	padding: 10px 10px 5px 10px;
  text-align: center;
}

ul.normal li {
  list-style-type: circle;
  margin: 10px 10px 10px 30px;
  color: Gray;
  font-size: 90%;
}

/* barvy prirazeni */
.item-detail {
  width: 99%;
}

.item {
  width: 99%;
}

.item-detail .info {
  width: 100%;
}
.item-detail .image {
  width: 49%;
  float: right;
}
.item-detail .image .box {
  padding: 0 0 0 10px;
}

.item-list .image {
  height: 120px;
}

.info-small {
  font-size: 85%; 
  color: #909090;
}

.info kod {
  float: left;
  width: 49%;
}

.info cena {
  width: 49%;
  float: right;
}

/* item-list info */

.item-list .info table {
  font-size: 80%;
  border-spacing: 0;
  margin: 5px 0 5px 5px;
  width: 100%;
}

.item-list .info td, .item-list .info th {
  padding: 0 5px 0 2px;
  border: none !important;
}

.item-list .info .info1 {
  width: 98%;
  float: none;
}
.item-list .info .info2 {
	float: none;
	width: 70%;
	margin: 0 15% 20px 15% !important;
	padding: 0 0 10px 0 !important;
}

.item-list .info .info2 img {
  float: left;
}

.item-list .info1 th {
  color: #000000 !important;
}
.item-list .info1 td {
  width: 45%;
  text-align: right !important;
}

.item-detail .info table {
  font-size: 80%;
  border: none !important;
  width: 50%;
}

.item-detail .info th {
  background: #F57B00;
  border: 2px solid #FFFFFF;
}
.item .info td, .item .info th {
  font-weight: bold;
  background: url(../images/dotted.gif) repeat-x bottom left;
}

.item-cena_dop {
  text-decoration: line-through;
}

.item-cena {
  color: inherit !important;
}
.item-cena_dph {
  color: #FF0000 !important;
  font-size: 120%;
}

.item-usetrite, .item-usetrite_rel {
  color: #5D0000 !important;
}

#content .item-list h2 {
  margin-top: 0;
}

.item .title2 {
  background: #F57B00;
}
.item .title2 h2 {
  margin: 0 3px 0 3px;
}
#content .item .title2 a {
  color: #FFFFFF;
}

.item-detail th {
/*  background: #1C6ABC; */
  width: 150px;
  color: #000000;
}
.item-detail td {
  background: #E9E9E9;
  color: #828282;
}
.usability1 .title2, .usability1 th {
  background-color: #3B5995;
}
.usability2 .title2, .usability2 th  {
  background-color: #7BB515;
}
.usability3 .title2, .usability3 th  {
  background-color: #B46312;
}
.usability4 .title2, .usability4 th  {
  background-color: #AE1E59;
}
.usability5 .title2, .usability5 th  {
  background-color: #666666;
}


#info-stranka {
  font-style: italic;
}

.select {
  font-size: 130%;
  font-weight: bold;
  color: #394994;
}

#keywords {
  background: url(../images/img_26.jpg) no-repeat #FBFBFB;
  min-height: 50px; 
}

#shop-conditions {
  position: absolute;
  top: 328px;
  left: 0px;
  font-size: 90%;
  width: 235px;
  text-align: center;
  line-height: 125%;
}


#filter-top, #filter-bottom {
  width: 99%;
  background: #EFEFEF;
}

#filter-top ul li, #filter-bottom ul li {
  background: none !important;
  margin: 0;
}

.submitForm {
  font-size: 85%;
  background-color: #FF630F;
  color: #F0F0F0;
  padding: 0px 2px 2px 2px;
  border: 1px solid #E0E0E0;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-color: #B0B0B0;
  border-bottom-color: #B0B0B0;
  cursor: pointer;
}
.submitForm:hover {
  background-color: #3B3B3B;
}

#kosik .submitForm {
  font-size: 85%;
  color: #FFFFFF;
  margin-top: 5px;
}

/* kosik detail */

#kosik-detail th {
  background-color: #D7D7D5;
  border: 1px solid #9E9E9E;
}
#kosik-detail tr.row-odd td {
  background-color: #F3F3F3;
}
#kosik-detail tr.row-even td {
  background-color: #E0EFE2;
}

#kosik-detail .celkova th {
  width: 80%;
}
#kosik-detail .cena_total {
  background-color: #FFB66F;
}

#header a {
  text-decoration: none;
}

.menu_sep {
  display: none;
}

.reference li {
  width: 180px;
  height: 110px;
  border-color: #989898 !important;
  margin: 0px 0px 10px 10px !important;
}

/* consult */

#consult h3 {
  margin-top: 15px;
}

#consult h3.consult-title {
  margin: 0px 0 10px 0;
  color: #CD333B;
  font-size: 110%;
}
#consult table, #consult td, #consult th {
  border: none;
}

.consult-detail {
  background-color: #EFEFEF;
  padding: 10px;
  margin-top: 10px;
  font-size: 90%;
}

/* akce icons */
ul.akce-icons {
  width: 100%;
  margin-top: 5px !important;
}

.akce-icons li {
  background: none !important;
  list-style-image: none !important;
  float: left;
  width: 40px; 
  padding: 0 3px 0 3px;
  font-size: 70%;
}
.akce-icons a {
  text-decoration: none !important;
}

#popis-akce, #popis-produktu, #popis-produktu2 {
  margin-left: 10px;
  margin-top: 5px;
  padding: 10px 10px 10px 10px;
  font-size: 90%;
  line-height: 120%;
}

#prislusenstvi {
  min-height: 180px; 
}
#prislusenstvi ul li {
  list-style-type: none;
  text-align: left;
}

#inquiry fieldset, #consult fieldset {
  border: 1px solid #DF6E00;
}

/* table tech */

#content table.tech {
  border: 1px solid #C0C0C0 !important;
  font-size: 90%;
}

#content table.tech thead th {
  background-color: #F57B00 !important;
  color: #FFFFFF;
}
#content table.tech tbody th {
  background: none;
  color: #000000;
  font-weight: bold;
  border: 1px solid #C0C0C0;
}
#content table.tech tbody td {
  width: 80px !important;
  border: none;
  font-weight: bold;
  background-color: #F0F0F0;  
  border: 1px solid #C0C0C0;
}
#content table.tech td, #content table.tech th {
  background:none;
}

/* frame-box */

.frame-box {
  text-align: justify;
}

#content .column1 h2, #content .column2 h2 {
  margin-top: 0;
  text-align: left;
}
#content .column1 {
  text-align: justify;
}

/* katalog */

#katalog-sekce {
  margin-bottom: 3ex;
}

#katalog-text table {
  width: 80%;
}
#katalog-text th {
  background-color: #F67A00;
  color: #FFFFFF;
}

#katalog-text .row-odd {
  background-color: #F0F0F0;
}

.filter .active {
  font-weight: bold;
}

/* keywords */
.keywords {
  background-color: #F0F0F0;
  padding: 10px;
  border: 1px solid #B0B0B0;
}