body, table, form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #FFF;}
body { background: #121631;}
.body-editor {background: 0; background-color: #101431;}
img {border: 0;}

input, textarea, select {border: 1px solid #41485a; background-color: #101c31; color: #A4A5B4; padding: 3px; font-size: 11px;}
.adp {margin-top: 10px; background-color: #182441; color: #FFF;}
.adb, .user-login-ic, .ic {margin-top: 10px; background-color: #182441; color: #B4D600; font-weight: bold;}

h1 {padding: 5px 0 5px 15px; color: #d0d0d6; text-transform: uppercase; margin: 0 0 15px 10px; border-bottom: 1px solid #4A4C62; font-size: 12px; font-weight: bold; height: 15px; width: 100%; background: url(/picture/mask/h_3.jpg) no-repeat 2px center;}
h2 {clear: both; color: #d0d0d6; padding: 5px 0 5px 15px; text-transform: uppercase; margin: 0 0 20px 0; border-bottom: 1px solid #4A4C62; font-size: 12px; font-weight: bold; height: 15px; width: 100%;}
#pmain .text h2 {padding-top: 30px; background-position: 0 25px;}
h2.log {width: 255px; margin-top: 7px;}
h3 {padding: 0; margin: 0; font-size: 11px; font-weight: bold; color: #B4D600;}

a {color: #A4D200; text-decoration: none; font-weight: normal; cursor: pointer;}
a:hover {color: #FF8D08; text-decoration: underline;}

.nobr {border: 0;}

.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: #FF6654; font-weight: bold; padding: 2px 0 2px 0;}
.text, .user-login {float: right; width: 665px;}
.text {line-height: 1.7em;}
.hright .text {float: none; width: 300px; line-height: 1em;}
#page {float: left; width: 100%; background: url(/picture/mask/til_3.jpg) no-repeat 766px bottom;}
	#main {float: left; width: 966px; background: url(/picture/mask/back_1.jpg) no-repeat 0 bottom;}	
	#pleft {float: left; width: 278px;}
		.pleftmain {float: left; width: 100%; border-right: 1px solid #4A4C62;}
		#logo {float: left; width: 100%; height: 113px;}
		    #logo img {margin: 22px 0 0 15px;}
		#ulbg {float: left; width: 100%; height: 373px;}
	#pright {float: left; width: 687px;}
		#tmenu {float: left; width: 100%; height: 70px; background: url(/picture/mask/back_3.jpg) no-repeat 0 bottom;}
			#tmenu .normal, #tmenu .active, #tmenu .hidden {float: left; width: 136px; border-left: 1px solid #4A4C62; color: #FFF; _width: 106px;}
			#tmenu .pad {padding: 44px 3px 0 1px;}
				#tmenu a {color: #FFF; text-transform: uppercase; font-weight: bold; text-decoration: none;}
				#tmenu a:hover, #tmenu .active a {text-decoration: none;}
				#tmenu .desc {padding-left: 11px; color: #CCC; font-size: 10px;}
				.h1 {background: url(/picture/mask/h_1.jpg) no-repeat 2px center;}
					#tmenu .h1 a:hover, #tmenu .active .h1 a {color: #FF8D08;}
				.h2 {background: url(/picture/mask/h_2.jpg) no-repeat 2px center;}
					#tmenu .h2 a:hover, #tmenu .active .h2 a {color: #C54CE6;}
				.h3 {background: url(/picture/mask/h_3.jpg) no-repeat 2px center;}
					#tmenu .h3 a:hover, #tmenu .active .h3 a {color: #B4D600;}
				.h4 {background: url(/picture/mask/h_4.jpg) no-repeat 2px center;}
					#tmenu .h4 a:hover, #tmenu .active .h4 a {color: #00AADE;}
				.h5 {background: url(/picture/mask/h_5.jpg) no-repeat 2px center;}
					#tmenu .h5 a:hover, #tmenu .active .h5 a {color: #f15924;}
		#basket {float: right; width: 380px; margin-top: 20px; height: 30px; text-align: right;}
		.holiday {float: left; width: 300px; margin-top: 20px; height: 30px;}
		#pmain {float: left; width: 100%; border-left: 1px solid #4A4C62;}
			#pmain .pad {margin: 0 0;}
#footer {float: left; width: 100%; height: 285px; background: url(/picture/mask/til_1.jpg) no-repeat 766px 0;}
	#footer .lbg {float: left; width: 966px; height: 285px; background: url(/picture/mask/bottom.jpg) no-repeat 0 0;}
		#footer .lbg .cms {margin: 25px 0 0 290px;}
			#footer .lbg .cms a {color: #AAA; text-decoration: none;}
			#footer .lbg .cms a:hover {color: #FFF;}
	
	.home {float: left; width: 100%; background: url(/picture/mask/home-bg.gif) repeat-y 0 0;}
	.hleft {float: left; width: 340px;}
	.hleft .pad10 {margin: 0 10px 10px 10px;}
	.hright {float: left; width: 346px;}
	.home .pad {margin: 10px;}
	.home h2 {width: 300px; margin-left: 10px;}
	.news-main {float: left; width: 310px; margin-left: 10px;}
	.news-image {float: left; width: 84px; margin: 0 5px 5px 0; text-align: center;}
	.news-image img, .cat-img img, .prod-img img, .ba-product .ba-img img {border: 2px solid #FFF;}
	.news-title {margin-bottom: 5px;}
	.news-title, .right a {background: url(/picture/mask/arr-white.gif) no-repeat 0 center; padding-left: 8px;}
	.news-item {clear: both; margin-bottom: 10px;}
	
.more-all {float: right; margin-top: 10px;}
	.more-all a, .cat-title a, .ba-product a {background: url(/picture/mask/arr-blue.gif) no-repeat 0 center; padding-left: 8px;}
	
.pages {float: right; margin-top: 10px;}
.gallery {float: left; width: 665px; text-align: center;}
.home .gallery {width: 300px; padding-left: 35px;}
.gallery img, .photo-group img {border: 1px solid #FFF;}
.gallery img.double, .photo-group img {border-width: 2px;}
.gallery .item {float: left; padding: 0; margin: 6px 7px 0 0;}
.home .gallery .item {margin: 6px 0 0 11px;}

.photo-group {float: left; width: 140px;}
	.photo-group .title {margin-bottom: 3px;}
	.photo-group .desc {margin-bottom: 10px;}
	.photo-group .img {margin-bottom: 10px;}
	
#lmenu {float: left; width: 100%; margin-bottom: 30px;}
	#lmenu .normal, #lmenu .active, #lmenu .hidden {float: left; width: 270px; color: #FFF; background: url(/picture/mask/hor-line.gif) repeat-x 0 bottom; padding-bottom: 10px;}
	#lmenu .pad {margin: 10px 3px 0 10px;}
		#lmenu a {color: #FFF; text-transform: uppercase; font-weight: bold; text-decoration: none; background: url(/picture/mask/arr-blue.gif) no-repeat 0 center;}
		#lmenu a:hover, #lmenu .active a {text-decoration: none; color: #B4D600;}
		#lmenu .title a, #lmenu .desc {padding-left: 11px;}
		#lmenu .desc {color: #CCC; font-size: 10px;}
		
.cat-item {float: left; width: 665px; background: url(/picture/mask/hor-line.gif) repeat-x 0 bottom; padding: 10px 0 10px 0;}
.cat-img {float: left; width: 130px;}
.cat-title, .cat-desc, .cat-prices {margin-bottom: 5px;}
.cat-os {float: left; width: 50px; text-align: center; margin: 5px 0 5px 0;}
.cat-ti {float: left; width: 270px; margin: 5px 0 5px 0;}
.cat-psm {float: left; width: 100px; margin: 5px 0 5px 0; text-align: center;}
.cat-but .adb {margin: 0;}

.prod-img {float: left; margin: 0 10px 10px 0;}
.prod-text {clear: both; padding: 20px 0 10px 0;}
.prod-gallery {float: left; width: 100%; background: url(/picture/mask/hor-line.gif) repeat-x 0 top; padding: 10px 0 10px 0;}
.prodp-title {float: left; width: 460px; font-size: 15px; font-weight: bold; margin: 0 0 10px 0;}
.prodp, .prodp-discount, .prodp-but {float: left; width: 340px; margin-bottom: 5px;}
.prodp-l {float: left; width: 180px; font-weight: bold;}
.prodp-r {float: left; width: 160px;}
.prodp-discount {color: #999; font-size: 10px;}
.prodp-but {margin-top: 10px;}

/*basket*/
.basket {float: left; width: 100%;}
.ba-item {float: left; width: 100%; margin: 10px 0 0 0;}
.ba-product {float: left; width: 420px; margin: 5px 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: 5px;}
.ba-pc input {width: 15px;}
.ba-price {float: left; font-weight: bold; font-size: 11px; width: 74px; text-align: right; margin: 5px;}
.ba-top-title {float: left; width: 100%; background-color: #18284A;}
.ba-top-title div {font-weight: bold; color: #FFF; font-size: 11px;}
.ba-line {margin-left: 4px;}
.ba-subtotal {float: left; width: 100%; padding: 10px 0 10px 0; color: #FF8D08; font-weight: bold; font-size:13px; text-align: right;}
.ba-sazba {float: left; width: 355px; margin: 5px;}
.ba-vat-o {float: left; width: 90px; margin: 5px; text-align: right;}
.ba-vat {float: left; width: 80px; margin: 5px; text-align: right;}
.ba-total {float: left; width: 90px; margin: 5px; text-align: right;}
.ba-description {color: #898989;}
/*basket end*/

/*order*/
.order-h {float:left; width: 100%;}
.order-l {float: left; width: 125px; text-align: right;}
.order-h .order-l {margin-top: 3x;}
.order-r, .order-rl, .order-rt, .order-rf {float: left; width: 205px; margin-top: 2px;}
.order-rl, .order-rt {text-align: right; width: 646px;}
.order-rt {color: #d52d00; font-weight: bold; font-size:13px;}
.order-rf {width: 540px;}
.order-r input, .order-rf input, .order-rl input, .order-rf select {margin-left: 5px;}
/*order end*/

.user-login-l {float: left; width: 120px; margin-bottom: 5px;}
.user-login-r {float: left; width: 500px; margin-bottom: 5px;}
.user-login-ic, .ic {clear: both; margin-top: 17px;}

/*register*/
.register-l {float: left; width: 125px; text-align: right; margin: 3px 5px 0 0;}
.register-r {float: left; width: 530px; margin-top: 3px;}
.register-h {float: left; width: 200px; margin-top: 3px;}
.register-ls {float: left; width: 125px; text-align: right; margin: 3px 5px 0 0;}
.register-rs {float: left; width: 530px; margin-top: 3px;}
.register-hs {float: left; width: 200px; margin-top: 3px;}
/*register end*/

.cat-all {float: left; width: 665px; margin-bottom: 15px;}

.le {float: left; width: 100%; margin-top: 10px;}
.lel {float: left; width: 100px; margin-top: 2px;}
.ler {float: left; width: 200px;}
.lea {float: left; width: 500px;}
.lea textarea {width: 500px; height: 100px;}

.nut {clear: both; padding-top: 30px; font-weight: bold;}

.letbot {float: left; margin-top: 20px;}
.logb {float: left; background: #121631; width: 278px; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); border-bottom: 1px solid #4A4C62;}
.login {float: left; width: 250px; padding-left: 10px; margin-bottom: 10px;}
.logl {float: left; width: 80px; margin-top: 5px;}
.logr {float: left; width: 160px; margin-top: 5px;}
.logs {float: left; width: 200px; margin-top: 10px;}
.login a {padding-left: 10px; background: url(/picture/mask/arr-blue.gif) no-repeat 0 3px;}

.imgt {border: 2px solid #FFF; float: left; margin: 0 10px 5px 0;}

#note {width: 300px; height: 115px; margin-right: 20px;}
.video {float: left; width: 100%; margin-top: 30px; text-align: center;}

table.odkazy {width: 100%;}
table.odkazy td {width: 50%; vertical-align: top;}
table.odkazy td img {border: 1px solid #4A4C62;}
table.odkazy td.tdc {text-align: center; vertical-align: middle;}

.right {text-align: right;}
.mt10 {margin-top: 10px;}
.trb {background-color: #18284A;}
.trb td {padding: 3px; font-weight: bold; color: #FFF;}

.center {text-align: center;}
.la {width: 100%;}
.ld {width: 120px;}
.la td {vertical-align: top;}
.ldd td, .ldt td, .ldp td {opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
.ldd td {background: #181c38; border-top: 1px solid #393d5e;}
.ldt td, .ldp td {background: #1e223f;}
.ldt td {padding-top: 10px;}
.ldp td {padding-bottom: 10px;}

.star {color: red;}
