body, table, form {margin: 0px; font-size: 11px; font-family: Tahoma, Arial, Helvetica, Sans-serif; color: #6c6c6c;}
body {text-align: center; background: url(/picture/mask/body-bg.jpg) top center no-repeat;}
.body-editor {text-align: left; background: 0;}
img {border: 0;}
input {border: 1px solid #d1d1d1;}
.adp {margin-top: 10px; background-color: #EAEAEA; color: #666; padding: 1px 10px 1px 10px;}
.adb, .user-login-ic, .ic {margin-top: 10px; background-color: #70b8f3; color: #FFF; border: 0; padding: 2px 10px 2px 10px;}

h1, h2 {clear: both; color: #6c6c6c; font-weight: bold; padding: 5px 0 5px 20px; margin: 10px 0 10px 0; font-size: 13px;}
h1 {font-size: 16px; color: #FFF; font-weight: bold; padding: 5px 0 5px 10px; background: #615d5c; border-left: 7px solid #d8251a; text-transform: uppercase;}
h2 {margin: 10px 0 10px 0; color: #991113; font-weight: bold; font-size: 12px;}
h2.d, h2.f, h2.c {margin: 0 0 10px 0; font-size: 16px; color: #FFF; font-weight: bold; padding: 5px 0 5px 10px; background: #969593; border-left: 7px solid #d8251a; text-transform: uppercase;}
h2.f {background: #615d5c; margin: 0;}
h2.c {background: #838280;}
h2 {margin-left: 0; padding-left: 0;}

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

.nobr {border: 0;}

.hl-form-ok, .warning-ok {float: left; width: 100%; color: #79c500; 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;}

.pad1 {margin: 0 10px 0 10px;}
.ppad {margin: 0 40px 0 40px;}
#top {float: left; height: 134px;}
#page {width: 1010px; margin: auto; text-align: left; padding-top: 20px;}
	#main {float: left; width: 100%; background: url(/picture/mask/page-bg-s.png) repeat-y 0 0;}
	.p-bg-t {float: left; width: 100%; height: 41px; background: url(/picture/mask/page-bg-top.png) repeat-y 0 0;}
	.p-bg-b {float: left; width: 100%; height: 41px; background: url(/picture/mask/page-bg-bottom.png) repeat-y 0 0;}
		#main-l {float: left; width: 200px;}
			#menu-l {float: left; width: 180px;}
		#main-r {float: left; width: 730px;}
			#banner {float: left; height: 269px; width: 100%;}
				#banner1 {float: left; width: 688px;}
				#banner2 {float: left; width: 242px;}
					#banner2 img {float: left;}
			#menu-t {float: left; height: 35px; width: 100%; background: url(/picture/mask/left-menu-t.gif) no-repeat right center; margin-bottom: 20px;}
			.home-l {float: left; width: 270px;}
			.home-r {float: right; width: 276px;}
	#foot {float: left; width: 100%; height: 171px; padding-top: 10px; background: url(/picture/mask/footer.gif) repeat-x right center;}
		#footer {width: 1010px; margin: auto; text-align: left;}
	#logo {float: left; width: 688px; height: 130px; background: url(/picture/mask/header-bg.jpg) no-repeat right bottom;}
	#plavec {float: left; width: 242px;}

#menu-t {float: left; width: 100%; height: 33px; background: #991113;}
.mtpa {margin: 0 10px 0 10px;}
#menu-t a {color: #FFF; text-transform: uppercase; font-size: 14px; font-weight: bold;}
.but-t {float: left; height: 22px; margin-top: 6px;}
.but-t-l {float: left; width: 7px; height: 22px; background: url(/picture/mask/menu-t-l.jpg) 0 0 no-repeat;}
.but-t-c {float: left; height: 22px; background: url(/picture/mask/menu-t-c.jpg) 0 0 repeat-x; padding-top: 3px;}
.but-t-r {float: left; width: 7px; height: 22px; background: url(/picture/mask/menu-t-r.jpg) 0 0 no-repeat;}
.but-t-c a {margin: 0 7px 0 7px;}

.active .but-t-l {background: url(/picture/mask/menu-t-l-a.jpg) 0 0 no-repeat;}
.active .but-t-c {background: url(/picture/mask/menu-t-c-a.jpg) 0 0 repeat-x;}
.active .but-t-r {background: url(/picture/mask/menu-t-r-a.jpg) 0 0 no-repeat;}
#menu-t .active a {color: #000;}

#menu-l .active, #menu-l .hidden, #menu-l .normal {float: left; width: 100%; padding: 5px 0 8px 0; border-bottom: 1px dotted #d0d0d0;}
#menu-l a {font-weight: bold;}
#menu-l .active a {color: #6CB7F1;}
#menu-l a:hover {text-decoration: underline;}

#menu-b {float: left; width: 500px; margin-top: 5px;}
#menu-b a {color: #6c6c6c; text-decoration: none;}
#menu-b a:hover, #menu-b a.active, #menu-b a.active:hover {color: #3c3c3c; text-decoration: underline;}
#menu-b a.active {text-decoration: none;}
#cms {float: right; text-align: right; margin-top: 18px; width: 250px;}

.pages {float: right; margin-top: 10px;}
.gallery {float: left; width: 100%; text-align: center;}
.gallery img, .photo-group img, .ba-img img, .news-image img {border: 1px solid #6c6c6c;}
.gallery .item {float: left; padding: 0; width: 80px; height: 80px; margin: 5px;}

.photo-group {float: left; width: 140px;}
	.photo-group .title {margin-bottom: 3px;}
	.photo-group .desc {margin-bottom: 10px;}
	.photo-group .img {margin-bottom: 10px;}
	
.video {float: left; width: 100%; margin-top: 30px; text-align: center;}

.cat-item {float: left; width: 260px; margin: 10px; border: 1px solid #b8b8b8;}
.cat-all {float: left; width: 100%; margin-bottom: 20px;}
.cat-img {float: left; width: 140px; text-align: center;}
.cat-text a {font-weight: bold;}
.cat-title {float: left; width: 240px; margin-bottom: 15px; min-height: 32px;}
.cat-os {float: left; width: 240px;}
.cat-psm {float: left; width: 240px;}
.cat-psmo {font-size: 10px; color: #999;}
.cat-but {float: right; margin: 10px;}
.cat-but .adb {margin: 0;}
.cpad {margin: 10px;}

.prod-img {float: left; margin: 0 10px 10px 0;}
.prod-prices {float: right; width: 380px;}
.prod-text {clear: both; padding: 20px 0 10px 0;}
.prod-gallery {float: left; width: 100%; padding: 10px 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: 20px;}

/*basket*/
.basket {float: left; width: 100%;}
.ba-item {float: left; width: 100%; margin: 10px 0 0 0;}
.ba-product {float: left; width: 480px; 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: #E0E0E0;}
.ba-top-title div {font-weight: bold; color: #555; font-size: 11px;}
.ba-line {margin-left: 4px;}
.ba-subtotal {float: left; width: 100%; padding: 10px 0 10px 0; color: #d52d00; font-weight: bold; font-size:13px; text-align: right;}
.ba-sazba {float: left; width: 265px; 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*/

.user-login-l {float: left; width: 120px; margin-bottom: 5px;}
.user-login-r {float: left; width: 400px; 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: 600px; margin-top: 3px;}
.register-h {float: left; width: 235px; margin-top: 3px;}
.register-ls {float: left; width: 125px; text-align: right; margin: 3px 5px 0 0;}
.register-rs {float: left; width: 600px; margin-top: 3px;}
.register-hs {float: left; width: 235px; margin-top: 3px;}
/*register end*/

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

.maxt {width: 430px; height: 120px;}
.maxta {width: 230px; height: 120px;}

.menuh {float: left; width: 180px; color: #FFF; font-weight: bold; font-size: 11px; margin: 10px 0 10px 0; background: #991113; border-left: 7px solid #615d5c; text-transform: uppercase;}
.menuh .pad {margin: 5px;}

.news-item {float: left; width: 100%; margin-bottom: 15px;}
.news-image {float: left; min-width: 80px; margin-right: 10px;}
.more-all, .more-buy {float: left; width: 100%; margin-top: 10px; text-align: right;}
.more-all a, .more-buy a {background: url(/picture/mask/arr.gif) right center no-repeat; padding-right: 14px; font-weight: bold; color: #767676;}
.more-buy a {background: url(/picture/mask/buy.gif) right center no-repeat; padding-right: 25px;}

.login {float: left; width: 190px; padding-left: 10px; margin-top: 20px;}
.logl {float: left; width: 60px; margin-top: 5px;}
.logr {float: left; width: 120px; margin-top: 5px;}
.logs {float: left; width: 190px; margin-top: 10px;}

.trb td {background: #E0E0E0;}
.hll {padding-left: 15px; border-left: 2px solid #d1d1d1;}
.hll h2 {background: 0; padding-left: 0; font-size: 14px; text-transform: uppercase;}

.pll {float: left; width: 100%; background: #E4E4E4 url(/picture/mask/hbgl.jpg) 0 0 repeat-y;}
.pll h2 {background: 0; padding: 0; font-size: 14px; text-transform: uppercase;}
.pll .pad {margin: 10px;}
.mt10 {margin-top: 10px;}
.mt30 {margin-top: 30px;}
.pad10 {margin: 10px;}
.pllb {float: left; font-size: 1px; width: 100%; height: 5px; background: #E4E4E4 url(/picture/mask/hbglb.jpg) 0 0 no-repeat; margin-bottom: 10px;}
.pllt {float: left; font-size: 1px; width: 100%; height: 5px; background: #E4E4E4 url(/picture/mask/hbglt.jpg) 0 0 no-repeat;}

.ldd td, .trd td {border-bottom: 1px solid #F0F0F0;}
.ldt, .ldp {background: #F0F0F0;}

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

.la {width: 100%;}
.fw {clear: both;}
.partners {
	clear: both;
	margin-bottom: 20px;
}

.star {color: red;}
.but {background: #007fc1; padding: 4px 13px 5px 13px; float: right; margin: 10px 10px 0 0;}
a.buta {color: #FFF; font-size: 12px;}
.user-login-reg {margin-top: 20px;}
.login .adb {float: left;}

#box1 {
	position:absolute;
}
.fmask {
	position: relative;
	width: 270px;
	height: 202px;
	overflow: hidden;
	border: 2px solid #d1d1d1;
}
.fmask img{
	position: absolute;
	display: block;
}
.fl {float: left; margin-right: 10px;}

.drit {float: left; width: 100%;}
	.drit1 {float: left; width: 300px; text-align: center;}
	.drit2 {float: left; width: 380px; text-align: center;}
	.drit3 {float: left; width: 250px; text-align: center;}
	.tal {text-align: left;}
	.mt30 {margin-top: 30px;}
	
.mma{margin: 5px;}
.dpad {margin: 0 10px 0 10px;}
.hnbg {float: left; width: 100%; background: url(/picture/mask/home-news-bg.jpg) 0 0 repeat-x; padding-top: 20px;}
.news-title {margin-bottom: 10px;}
.news-title a {font-size: 12px; text-transform: uppercase; font-weight: bold;}

.let {float: left; width: 100%; margin-bottom: 10px; background: url(/picture/mask/new-bg.jpg) 0 0 no-repeat;}
.letp {margin: 10px 10px 0 10px;}
.lettit a {color: #282445; font-size: 12px; font-weight: bold;}
.let-img {float : left; margin-right: 5px;}

.cat-image {float: left; width: 280px;}
.cat-description {float: left; width: 430px;}
.ice {border: 0;}
.pricelist .title {font-weight: bold;}
.td2 {width: 100px; text-align: right;}
.td3 {width: 160px;}
.nut {font-weight: bold; padding-top: 20px; clear: both;}

.banner-text {position: absolute; margin: 222px 0 0 280px;}
.banner-text a {color: #FFF; font-weight: bold; font-size: 1.4em;}

.holiday {
	margin-top: 20px;
}

.et {
	float: left;
	width: 364px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.et .ett {
	font-size: 2em;
	width: 130px;
	margin: 0 0 0 58px;
	padding: 7px 0 0 0;
	color: #000;
}
.et .pad {
	margin: 0 41px 10px 42px;
}
.ett1 {
	width: 281px;
	height: 68px;
	background: url(/picture/mask/eshop-jednotlive.jpg) 0 0 no-repeat;
}

.ett2 {
	width: 281px;
	height: 68px;
	background: url(/picture/mask/eshop-privatni.jpg) 0 0 no-repeat;
}

.facebook {
	float: left;
	width: 100%;
	margin-top: 20px;
}