body, table, form { 
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #313131;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

body {text-align: center;}
.body-editor {text-align: left;}

input, textarea, select {border: 1px solid #6C8993; padding: 3px; font-size: 11px;}

a {text-decoration:none; color: #076b91; cursor: pointer;}
a:hover {text-decoration:underline;}
img {border:none;}

#text a {font-weight: bold;}

.logo-text {
	float: left;
	width: 270px;
	font-size: 9px;
	color: #2b0e72;
	font-weight:normal;
}

.logo-text .pad {margin: 8px 0 0 30px;}

h2 {font-size: 12px; font-weight: bold;}

h3 {
	clear: both;
	font-size:15px;
	color:#0074b2;
	padding: 10px 0 10px 0;
	margin: 0;
}

fieldset {
  border:none;
  margin:0;
  padding:0;
  width:190px;
}

#container {
  width: 737px;
  margin: auto;
  text-align: left;
}

#topbar {
	float: left;
  background: url(/picture/mask/topbar.png) no-repeat;
  width: 100%;
  padding: 4px 4px 0 2px;
  margin-bottom: 10px;
}

#form {float:left;width:185px;}
#form form {background: 0;}
#panel {width:525px;margin-top:3px;height:23px;float:left;}

  #topbar span {color:#ffffff;padding:1px 2px 1px 1px;float:left;margin:0;}
  #topbar span a{color:#ffffff;font-weight:bold;padding-left:17px;}
  #topbar span.login {background: url(/picture/mask/login.gif) no-repeat 0% 50%;margin-left:50px;}
  #topbar span.kosik {background: url(/picture/mask/kosik.gif) no-repeat 0% 50%;margin-left:20px;}
  #topbar span.uvod {background: url(/picture/mask/home.gif) no-repeat 0% 50%;margin-left:70px;}
  #topbar span.mapa {background: url(/picture/mask/mapa.gif) no-repeat 0% 50%;margin-left:20px;}
  #topbar span.kontakt {background: url(/picture/mask/kontakt.gif) no-repeat 0% 50%;margin-left:20px;}

  input.pole {
    background: url(/picture/mask/find.png) no-repeat;
    border:none;
    margin:0 0 0 5px;
    width:156px;
    height:18px;
    padding:1px 2px 1px 2px;
    float:left;
  }
  
  input.find {
    background: url(/picture/mask/submit.png) no-repeat;
    border:none;
    margin:0;
    width:25px;
    height:20px;
    float:left;
  }

#header {
	float: left;
  background: url(/picture/mask/header.jpg) no-repeat;
  width: 100%;
  height: 121px;  
  margin-bottom: 10px;
}

  #logo {
  	float: left; 
    width: 100%;
    height: 53px;
    padding: 15px 0 0 0;
  }
  #logo a {padding-left: 30px;}

#menu {
	float: left; 
  background: url(/picture/mask/menu.png) no-repeat;
  width: 100%;
  height: 37px;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom: 10px;
}

  #menu ul {
    list-style:none;
    margin:13px 0 0 0;
    padding:0;
  }
  
  #menu li {
    float:left;
  }
  
  #menu li a{
    float:left;
    margin-left:35px;
    color: #ffffff;
  }
#body {float: left; width: 100%;}

#left {
  float:left;
  width: 187px;
  background:#e5e5e5;
}

  #leftbot{
  	float: left;
    background: url(/picture/mask/leftbot.gif) no-repeat;
    width:100%;
    height:7px;
    font-size: 1px;
  }
  
  .boxkont, .boxtop {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    width:187px;
    height:37px; 
  }
  
  .imgbot span, .boxkont span, .boxtop span {
  	float: left;
    background: url(/picture/mask/top.gif) no-repeat left;
    margin:13px 0 0 10px;
    padding-left:10px;
    
  }
  
    .boxkont {
      background: url(/picture/mask/menuupsec.png) no-repeat;     
    }
  
    .boxtop {
      background: url(/picture/mask/menuup.png) no-repeat;     
    }
    
    .kont {
      background: url(/picture/mask/kontbox.png) no-repeat;     
      width:160px;
      height:192px;
      margin:13px;
      color:#2a393f;
    }
    
    .kont .pad {margin: 0 10px 10px 10px; padding-top: 14px;}
    
    .kont p.adress {margin:0;}

.box {
	float: left;
	width: 100%;
}

.box .pad {margin: 5px 10px 0 10px;}

  .box a.active {color: #FE6300;}

#right {
  float:left;
  width: 544px;
  margin-left:6px; 
}

  #homebanner {
  	float: left; 
    background: url(/picture/mask/homebanner.jpg) no-repeat;
    width:544px;
    height:167px;
    margin-bottom:10px;
  }
  
  #homebanner .pad {margin: 15px;}
  
  #homebanner p.napis{
    color: #5e8ebd;
    font-size: 20px;
    margin:0;
    padding:0;
  }
  
  #homebanner p.text{
    color: #ffffff;
    font-size: 12px;
    width:300px;
    padding:0;
    margin:10px 0 15px 0;
  }
  
  .produkty, .tesneni {
    width:268px;
    height:88px;
    float:left;
  }
  
  .produkty {
    background: url(/picture/mask/buttprod.png) no-repeat;
  }
  
  .tesneni {
    background: url(/picture/mask/buttprum.png) no-repeat;
    margin-left:8px;
  }
  
  .produkty a, .tesneni a {
  	float: left;
  	color: #ffffff;
    text-transform:uppercase;
    font-weight: bold;
    padding: 30px 0 0 10px;
  }
  
  .framel, .framer {
    width:268px;
    float:left;
    margin:10px 0 0 0;
    padding-bottom:10px;
  }
  
  .framer {
    float: right;
  }
  
  .imgbot {
    background: url(/picture/mask/buttup.png) no-repeat;
    width:268px;
    height:39px;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
  }
  
  .boxer {
    width:268px;
    float:left;
    margin-top:10px;
  }
  
    .boxertop {
    	float: left;
		width: 100%;
      background: url(/picture/mask/frameltop.gif) no-repeat;
      width:268px;
      height:7px;
      font-size: 1px;
    }
    
    .boxerbody {
    	float: left;
    	width: 100%;
      background:#e5e5e5;
      color:#32434a;
    }

	.boxerbody .pad {
    	margin:13px 20px 13px 20px;
    }
    
    .boxerbottom {
    	float: left;
    	width: 100%;
      background: url(/picture/mask/framelbot.gif) no-repeat;
      width:268px;
      height:7px;
      font-size: 1px;
    }
    
    .kontbut{margin: 20px 0 0 35px;}
    
      .buttong{
        background: url(/picture/mask/buttgreen.png) no-repeat;
        width:20px;
        height:10px;
        padding:3px 37px 7px 33px;
        margin:10px 0 0 139px;
      }
      .user-login-ic, .adb, .adp {
      	margin-top: 15px;
        background: url(/picture/mask/buttgreenl.png) no-repeat;
        width:150px;
        padding-top: 2px;
        color: #FFF;
        border: 0;
      }
      .adp {
      	background: url(/picture/mask/buttbluel.png) no-repeat;
      }
      .button {
      	float: left; 
        background: url(/picture/mask/buttblue.png) no-repeat;
        width:66px;
        height:10px;
        padding:3px 27px 7px 23px;
      }
      .buttonb {
        background: url(/picture/mask/buttblueb.png) no-repeat;
        width:66px;
        height:9px;
        padding:4px 27px 11px 23px;
      }
    .button a, .buttonb a, .buttong a {
      color:#ffffff;
    }
    
    .news {
    	float: left;
    	width: 230px;
		padding-bottom:20px;
    }
    
    .title a {
      color:#076b91;
      font-size:12px;
      font-weight: bold;
    }
    
    .news p, .news-main p {
      margin:7px 0 10px 0;
      padding:0;
    }
    
    .vice {
      text-align:right;
      font-weight:bold;
      margin:0;
    }
    
    .vice a{color:#007ebb;}
    
  #nav {
    background: url(/picture/mask/nav.gif) no-repeat;
    width:544px;
    height:13px;
    margin:10px 0 10px 0;
    padding:9px;
    float:left;
  }
  
  #nav p {
    margin: 0 10px 0 10px;
    padding:0;
  }
  
  #nav a {
    font-weight:bold;
    color:#0074b2;
  }
  
  #text {
    color:#000000;
    padding:0 0 0 3px;
    line-height:17px;
  }
  
  h1 {
    font-size:16px;
    color:#0074b2;
    margin:0 0 15px 0;
  }
  
  #text a.down {
    background: url(/picture/mask/down.gif) no-repeat 0% 50%;
    padding-left:15px;
  }
  
  #text p{margin:7px 0 5px 10px;}
  
  .mapa {
    padding:10px 0 10px 0;
  }
  
  .mapa h3, .rame h3 {
    color:#000000;
    padding-left:7px;
    font-size:1.2em;
  }
  
  span.clock {
    background: url(/picture/mask/clock.gif) no-repeat 0% 50%;
    padding-left:20px;
    margin-left:25px;
  }
  
  img.pdf{
    width:16px;
    height:16px;
    margin-left:5px;
  }

  .rame, .fi, .se, .th {
    float:left;
  }
  
  .rame {margin-top:15px;}
  .fi, .se, .th {
    padding:6px;
  }
  
  a.sklad {
    background: url(/picture/mask/atlas.gif) no-repeat 0% 50%;
    padding-left:20px;
  }
  
  p.tel {
    background: url(/picture/mask/tel.gif) no-repeat 0% 50%;
    padding-left:20px;
  }
  
  p.fax {
    background: url(/picture/mask/fax.gif) no-repeat 0% 50%;
    padding-left:20px;
  }
  
  p.mob {
    background: url(/picture/mask/mob.gif) no-repeat 2% 50%;
    padding-left:20px;
  }
  
  p.mail {
    background: url(/picture/mask/mail.gif) no-repeat 0% 50%;
    padding-left:20px;
  }
  
  p.clock {
    background: url(/picture/mask/clock.gif) no-repeat 0% 50%;
    padding-left:20px;
  }

#footer {
	float:left;
  	background: url(/picture/mask/footer.png) no-repeat;
  	width:100%;
  	height:58px;
  	float:left;
  	margin-top:10px;
  	color:#ffffff;
}

#footer .pad {margin:25px;}
  
  #footer a {color: #FFF;}

.news-main {float: left; width: 541px;}
	.news-main .item {float: left; width: 100%; margin-bottom: 20px;}
	.news-main .item .image {float: left; margin-right: 10px;}

.pages {float: left; text-align: right; width: 541px; margin-top: 10px;}
.mt10 {margin-top: 10px;}

.user-login-a {float: left; width: 100%; margin-top: 3px;}
.user-login-l {float: left; width: 130px; margin-top: 3px;}
.user-login-r {float: left; width: 400px;}
.user-login-reg {float: left; width: 100%; padding-top: 20px;}

.hl-form-ok, .warning-ok {float: left; width: 100%; color: #1D9F23; font-weight: bold; padding: 2px 0 2px 0;}
.hl-form-bad, .warning-bad {float: left; width: 100%; color: #FF0000; font-weight: bold; padding: 2px 0 2px 0;}

/*register*/
.register-l {float: left; width: 125px; text-align: right; margin: 3px 5px 0 0;}
.register-r {float: left; width: 400px; margin-top: 3px;}
.register-h {float: left; width: 130px; margin-top: 3px;}
.register-ls {float: left; width: 125px; text-align: right; margin: 3px 5px 0 0;}
.register-rs {float: left; width: 400px; margin-top: 3px;}
.register-hs {float: left; width: 130px; margin-top: 3px;}
/*register end*/

.cat-item {float: left; width: 541px; margin-bottom: 15px; background: #e5edf0;}
.cat-item .pad {margin: 0 10px 0 10px;}
.cat-t, .cat-b {float: left; width: 541px; height: 7px; font-size: 1px;}
.cat-t {background: url(/picture/mask/cat-t.gif) no-repeat;}
.cat-b {background: url(/picture/mask/cat-b.gif) no-repeat;}
.cat-m {float: left; width: 541px; padding: 3px 0 3px 0;}
.cat-img {float: left; width: 160px; height: 120px;}
.cat-img img {border: 1px solid #FFF;}
.cat-title {float: left; width: 354px; height: 32px; padding-top: 8px; background: url(/picture/mask/cat-h.jpg) no-repeat;}
.cat-title a {margin: 0 0 0 13px; color: #FFF;}
.cat-desc {float: left; width: 354px;}
.cat-desc .pad {margin: 0 10px 0 10px;}
.cat-buttons {float: left; width: 354px; margin-top: 10px;}
.cat-buttons .cadp input {float: left;}
.cadb input {float: right;}
.cadp input, .cadb input {border: 0; cursor: pointer; color: #FFF; font-size: 10px; height: 24px; text-align: left; padding-left: 25px; font-weight: bold;}
.cadp .button {background: url(/picture/mask/cat-d.jpg) no-repeat; width: 100px; height: 20px; _width: 125px;}
.cadb .button {background: url(/picture/mask/cat-ts.gif) no-repeat; width: 140px; height: 20px; _width: 190px;}
.cadp a, .cadb a {color: #FFF; padding-left: 30px;}
.nobr {border: 0;}

.prod {float: left; width: 541px;}
	.prod-l {float: left; width: 205px;}
	.prod-r {float: right; width: 335px;}
		.prod-title {float: left; width: 100%; height: 30px; background: url(/picture/mask/prod-h.jpg) no-repeat; color: #FFF; font-weight: bold; font-size: 12px; margin-bottom: 15px;}
		.prod-title .pad {margin: 6px 15px;}
		.prod-text {margin-bottom: 15px;}
		.prod-img {margin-bottom: 15px;}
		.prod-params {float: left; width: 175px;}
		.prod-params .pad {margin: 3px 5px 3px 5px;}
		.prod-params-h, .prod-params-ht, .prod-params-l, .prod-params-r, .prod-params-lt, .prod-params-rt, .prod-params-q, .prod-params-qq, .prod-params-qt, .prod-params-qqt, .prod-params-qh {float: left; margin-bottom: 1px; color: #505050; background: #d9d9d9;}
		.prod-h {height: 40px;}
		.prod-params-h, .prod-params-ht {width: 87px;}
		.prod-params-l, .prod-params-lt {width: 75px;}
		.prod-params-r, .prod-params-rt {width: 100px;}
		.prod-params-ht, .prod-params-lt, .prod-params-rt, .prod-params-qt, .prod-params-qqt {background: #a0cde4; color: #29576f; font-weight: bold; height: 23px;}
		.prod-params-q, .prod-params-qt {width: 85px;}
		.prod-params-qq, .prod-params-qqt {width: 29px; text-align: center; margin-left: 1px;}
		.prod-params-qh {width: 89px; text-align: center; margin-left: 1px;}

		.prod-price {float: left; width: 100%; margin-bottom: 15px; height: 54px;}
			.prod-price .prod-price-l, .prod-price .prod-price-m, .prod-price .prod-price-r {float: left; height: 54px;}
			.prod-price .prod-price-l {width: 7px; background: url(/picture/mask/prod-c-l.jpg) 0 0 no-repeat;}
			.prod-price .prod-price-m {background: url(/picture/mask/prod-c-b.jpg) 0 0 repeat-x; color: #FFF; font-weight: bold; font-size: 12px;}
			.prod-price .prod-price-m .price {font-size: 17px;}
			.prod-price .prod-price-r {width: 7px; background: url(/picture/mask/prod-c-r.jpg) 0 0 no-repeat;}
			.prod-price .prod-price-m .pad {margin: 10px;}
			
		.prod-buy {float: left; width: 100%; font-weight: bold; color: #50504e; height: 54px; background: url(/picture/mask/prod-b.jpg) 0 0 no-repeat;}
			.prod-buy .pad {margin: 10px;}
			.prod-buy .pc {border: 1px solid #97BBD1; color: #50504e; text-align: center; padding: 3px;}
			.prod-but {margin-left: 70px; cursor: pointer; padding-left: 15px; color: #036fad; font-weight: bold; border: 0; background: url(/picture/mask/prod-b-ico.gif) 0 3px no-repeat;}

		.prod .cadb input {float: left;}
		
		.prod-version {float: left; width: 100%; margin-bottom: 15px; height: 74px;}
			.prod-version .tit {color: #505050; font-weight: bold; margin: 0 0 7px 0;}
			.prod-version .prod-version-l, .prod-version .prod-version-m, .prod-version .prod-version-r {float: left; height: 74px;}
			.prod-version .prod-version-l {width: 7px; background: url(/picture/mask/prod-v-l.jpg) 0 0 no-repeat;}
			.prod-version .prod-version-m {background: url(/picture/mask/prod-v-b.jpg) 0 0 repeat-x; color: #FFF; font-weight: bold;}
			.prod-version .prod-version-r {width: 7px; background: url(/picture/mask/prod-v-r.jpg) 0 0 no-repeat;}
			.prod-version .prod-version-m .pad {margin: 10px;}
			
/*basket*/
.basket {float: left; width: 100%; margin-bottom: 15px;}
.ba-item {float: left; width: 100%; margin: 10px 0 0 0;}
.ba-product {float: left; width: 310px; margin: 10px 5px 5px 4px;}
.ba-product .ba-img {float: left; width: 124px; margin: 0 5px 5px 0; text-align: center;}
.ba-pc {float: left; width: 45px; text-align: center; margin: 10px 5px 0 5px;}
.ba-pc input {width: 15px;}
.ba-price {float: left; font-weight: bold; font-size: 11px; width: 74px; text-align: right; margin: 10px 5px 0 5px;}
.ba-top-title {float: left; width: 100%; background: url(/picture/mask/nav.gif) no-repeat; height: 31px;}
.ba-top-title div {font-weight: bold; color: #555; font-size: 11px;}
.ba-line {margin-left: 4px;}
.ba-subtotal {float: left; width: 538px; padding: 10px 0 10px 0; color: #d52d00; font-weight: bold; font-size:13px; text-align: right;}
.ba-sazba {float: left; width: 240px; margin: 10px 5px 0 5px;}
.ba-vat-o {float: left; width: 90px; margin: 10px 5px 0 5px; text-align: right;}
.ba-vat {float: left; width: 80px; margin: 10px 5px 0 5px; text-align: right;}
.ba-total {float: left; width: 90px; margin: 10px 5px 0 5px; text-align: right;}
.ba-description {color: #898989;}
/*basket end*/

/*order*/
.order-h {float:left; width: 100%;}
.order-l {float: left; width: 100px; text-align: right;}
.order-h .order-l {margin-top: 3px; background: }
.order-r, .order-rl, .order-rt, .order-rf {float: left; width: 165px; margin-top: 3px;}
.order-rl, .order-rt {text-align: right; width: 430px;}
.order-rt {color: #d52d00; font-weight: bold; font-size:13px;}
.order-rf {width: 430px;}
.order-r input, .order-rf input, .order-rl input, .order-rf select {margin-left: 5px;}
.maxta {width: 530px; height: 60px;}
/*order end*/

.tabl {width: 100%; margin: 15px 0; clear: both;}
.tabl td {background: #D9D9D9; border-bottom: 1px solid #FFF; vertical-align: top;}
.tabl .top td {background: #A0CDE4; color: #29576F; font-weight: bold;}

#fotop {
	float: left;
	width: 100%;
	text-align: right;
}

/*menu left*/
.mf-normal, .mf-active, .mf-locked, .mf-normalch, .mf-activech, .mf-lockedch, .topproduct-r {float: left; width: 187px; background-image: url(./picture/mask/line_left.jpg); background-position: bottom left; background-repeat: no-repeat;}
.mf-normalch, .mf-activech, .mf-lockedch {background-color: #f5f5f5;}
.mfa {float: left; padding: 5px 5px 5px 1px; font-weight: bold; text-decoration: none; max-width: 130px;}
.mf-normal a:hover, .mf-normalch a:hover, .m-l-active a:hover, .mf-activech a:hover {text-decoration: none;}
.mf-normal a, .mf-normalch a {color: #4c5451;}
.mf-normal a:hover, .mf-normalch a:hover {color: #000;}
.mf-active a, .mf-activech a {color: red; font-weight: bold;}
.mf-locked, .mf-lockedch {color: #AAA;}
.mfp {float: left; width: 15px; text-align: center; margin-top: 5px;}
.mfp img {cursor: pointer;}
/*menu left end*/

.hidden {float: left; display: none;}
.block {float: left; display: block;}

#download {
	float: left;
	width: 100%;
	height: 36px;
	background: #FFF url( '/picture/mask/download.jpg' ) center bottom no-repeat;
	padding-top: 20px;
	text-align: right;
}
#download .padd {
	margin: 12px 20px;
}
#download a {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.catp {
	float: left;
	width: 163px;
	height: 206px;
	margin: 8px;
}
.catp-title {
	float: left;
	width: 163px;
	height: 39px;
}
.catp-title a {
	color: #515352;
	float: left;
	width: 163px;
	padding-top: 10px;
	text-align: center;
}
.catp-t1, .catp-t2, .catp-t3, .catp-t4, .catp-t5, .catp-t6, .catp-t7, .catp-t8, .catp-t9, .catp-t10, .catp-t11, .catp-t12, .catp-t13, .catp-t14, .catp-t15, .catp-t16, .catp-t17 {
	float: left;
	width: 163px;
	height: 39px;
}
.catp-t1, .catp-t5, .catp-t9, .catp-t13, .catp-t17 {
	background: url( '/picture/mask/kat-prod-title-1.jpg' ) 0 0 no-repeat;
}
.catp-t2, .catp-t6, .catp-t10, .catp-t14 {
	background: url( '/picture/mask/kat-prod-title-2.jpg' ) 0 0 no-repeat;
}
.catp-t3, .catp-t7, .catp-t11, .catp-t15 {
	background: url( '/picture/mask/kat-prod-title-3.jpg' ) 0 0 no-repeat;
}
.catp-t4, .catp-t8, .catp-t12, .catp-t16 {
	background: url( '/picture/mask/kat-prod-title-4.jpg' ) 0 0 no-repeat;
}

.fleft {float: left; width: 340px;}
.fright{float: left; width: 340px; text-align: right;}
