@import '/templates/sitcom/css/reset.css';
@import '/css/shared.css';
@import '/templates/sitcom/css/fancy.css';
@import '/templates/sitcom/css/slide-box.css';

textarea,input,select {font-family:Arial,Helvetica,sans-serif;}

html {font-size:100.01%}
html,body {height:100%}

body {background:#E0E0E0 url(/templates/sitcom/i/body.png) 50% 0 repeat-y;text-align:center;font:12px/1.3 Arial,Helvetica,sans-serif;color:#504D47;}
a {color:#00819E}
a:hover {color:#20A1BE}
a, a span {cursor:pointer}
img {vertical-align:bottom}
hr {display:none}
.buk {font:13px/1.3 Arial,Helvetica,sans-serif;color:#00819E;font-weight:bold;text-transform: uppercase;}
.buk1 {font:19px/1.3 Arial,Helvetica,sans-serif;color:#00819E;text-transform: uppercase;}
/* Page
------------------------------------ */
#page {position:relative;margin:0 auto;padding:433px 0 12px;width:100%;min-width:1000px;max-width:1600px;background:#F1E8D4 url(/templates/sitcom/i/page.png) 0 100% repeat-x;text-align:left;z-index:0;}

/* Header
------------------------------------ */

.header-extra {position:absolute;top:0;left:0;width:100%;height:392px;background:transparent url(/templates/sitcom/i/header-inner.jpg) 0 0px no-repeat;
    z-index:0;}
.home .header-extra {height:450px;background:transparent url(/templates/sitcom/i/header-main.jpg) 0 0 no-repeat;}
.header {position:absolute;top:0;left:0;width:100%;height:370px;z-index:1; /* background:transparent url(/templates/sitcom/i/header-inner.jpg) 0 0px no-repeat; */}
.home .header {height:430px;/* background:transparent url(/templates/sitcom/i/header.jpg) 0 0 no-repeat; */}

/* Header Phone */
.header .phone {position:absolute;top:5px;left:814px;font:33px/1 'PlumbBold',Arial,Helvetica,sans-serif;color:#00819E;}
.header .phone1 {position:absolute;top:72px;left:814px;font:33px/1 'PlumbBold',Arial,Helvetica,sans-serif;color:#00819E;}
.header .phone strong, .header .phone1 strong {display:block;font:11px/1.3 Arial,Helvetica,sans-serif;color:#555;}
.header .phone span, .header .phone1 span {display:block;font-size:21px;line-height:21px;color:#837F7B;}

/* Header Menu */
.header .menu {position:absolute;z-index:2;top:284px;left:0;width:100%;background:url(/templates/sitcom/i/header-menu.png);}
.home .header .menu {top:360px}
.header .menu .menu-level0-item a,
.header .menu span {display:block;padding:7px 18px;min-height:24px;/* height:auto !important; */ height:36px;width:9em;background:url(/templates/sitcom/i/header-menu-active.png) repeat-x;text-decoration:none;color:#FFF;}
.header .menu .menu-level1-item a.light {color: #00647b;font-weight: bold;}
.header .menu .menu-level1-item a.light2 {color: #ff0057;font-weight: bold;}
.header .menu .menu-level0-item a.light1 {color: #ff7900;font-weight: bold;}
.header .menu .menu-level1-item a {background: none;padding:0 10px 0 20px;height:28px;width:230px;color:#333333;}
.header .menu a:hover {background-position:0 -70px}
.header .menu .menu-level1-item a:hover {text-decoration: underline;}
.header .menu ul {position:absolute;z-index:2;left:-1000em;width:260px;background:url(/templates/sitcom/i/header-menu-submenu.png);}
.header .menu p {position:absolute;z-index:2;top:-64px;left:-1000em;padding:0 30px;width:9em;text-align:center;}
.header .menu ul a {width:230px;min-height:0;height:auto;}
.header .menu li {display:inline;position:relative;float:left;background:url(/templates/sitcom/i/header-menu-item.png) 100% 50% no-repeat;
text-align:center;text-transform:uppercase;font:13px 'Trebuchet MS',Helvetica,sans-serif;color:#FFF;}
.header .menu li:hover ul,
.header .menu li:hover p {left:0}
.header .menu li li {display:block;position:relative;float:none;background: url(/templates/sitcom/i/arrow1.png) no-repeat;text-align:left;height: 24px;
line-height: 24px;font-size: 12px;}

/* Header Menu Active */
.header .menu .active a,
.header .menu .active span {background-position:0 -70px}
.header .menu .active ul a {background-position:0 0}
.header .menu .active ul a:hover,
.header .menu .active ul span {background-position:0 -70px}

/* Main
------------------------------------ */
.main {position:relative;overflow:hidden;z-index:1;margin-top:-80px;width:100%;}
.home .main {margin-top:-18px}

/* Main Wrapper */
.main .wrapper {float:left;margin-right:-1600px;width:100%;}

/* Content
------------------------------------ */
.content {padding:18px 41px 0 308px}

/* Content News */
.content .news {position:relative;margin-bottom:1em;padding-left:43px;background:#F5EFE1 url(/templates/sitcom/i/content-news.png) no-repeat;}
.content .news h2 {margin:0 0 1em;font:21px/1 'Trebuchet MS',Helvetica,sans-serif;color:#060;}
.content .news ul {position:relative;overflow:hidden;margin-bottom:2em;width:100%;}
.content .news li {display:inline;position:relative;float:left;margin-left:-19px;width:50%;background:url(/templates/sitcom/i/content-news-item.png) 0 50% no-repeat;}
.content .news li p {padding:0 40px 0 99px}
.content .news h3 {position:absolute;top:0;left:18px;padding:4px 0 0 34px;width:42px;font:11px Arial,Helvetica,sans-serif;color:#060;}
.content .news h3 span {position:absolute;top:0;left:0;font:31px Arial,Helvetica,sans-serif;color:#27666A;}

/* Content News Wrap */
.content .news .wrap {position:relative;overflow:hidden;width:100%;margin-right:-41px;padding:10px 41px 0 0;height:160px;background:#F5EFE1 url(/templates/sitcom/i/content-news-wrap.png) 100% 0 no-repeat;}

/* Content News More */
.content .news .more {position:absolute;bottom:16px;left:0;}

/* Aside
------------------------------------ */
.aside {
    float:left;
    padding:18px 0 0 49px;
    width:224px;
    }

    /* Aside Articles */
    .aside .articles {
        position:relative;
        margin:-18px 0 1em -49px;
        padding:18px 0 0 49px;
        width:100%;
        background:url(/templates/sitcom/i/aside-articles.png) no-repeat;
        }
        .aside .articles h3 {
            margin:0 0 1.3em;
            padding-left:120px;
            font:21px/1 'Trebuchet MS',Helvetica,sans-serif;
            color:#060;
            }
        .aside .articles ul {
			position:relative;
			overflow:hidden;
			margin:-16px 0 0 -9px;
			padding-left:9px;
			width:100%;
			font:1em/1.1 Arial,Helvetica,sans-serif;
            }
        .aside .articles li {
	margin:-5px 0 4px -9px;
	padding:17px 9px 12px;
	background:url(/templates/sitcom/i/aside-articles-item.png) no-repeat;
            }

    /* Aside Search */
    .aside .search {margin-bottom:49px}
        .aside .search fieldset {
            position:relative;
            overflow:hidden;
            margin:0 0 0 -49px;
            width:234px;
            height:71px;
            background:url(/templates/sitcom/i/aside-search.png) no-repeat;
            }

        /* Aside Search Text */
        .aside .search .text {
            position:absolute;
            top:24px;
            left:59px;
            background:none;
            margin:0;
            padding:2px 3px 2px 60px;
            width:109px;
            border:0;
            outline:0;
            font-size:11px;
            color:#555;
            }

        /* Aside Search Submit */
        .aside .search .submit {
            position:absolute;
            top:47px;
            left:168px;
            margin:0;
            padding:0;
            outline:0;
            border:0;
            width:66px;
            height:20px;
            background:#47A4B9;
            text-align:center;
            color:#FFF;
            cursor:pointer;
            }

    /* Aside Auth */
    .aside .auth {
            position:relative;
            margin:0 0 49px -49px;
            padding:55px 0 0 65px;
            width:207px;
            height:88px;
            background:url(/templates/sitcom/i/aside-auth.png) no-repeat;
            }
        .aside .auth legend span {
            position:absolute;
            top:33px;
            left:120px;
            text-transform:uppercase;
            font:17px/1 'Trebuchet MS',Helvetica,sans-serif;
            color:#00647B;
            }
        .aside .auth p {padding:2px 2px 6px}
        .aside .auth ul {
            position:absolute;
            top:104px;
            left:65px;
            font-size:11px;
            }
        .aside .auth li {
            position:relative;
            padding-left:8px;
            background:url(/templates/sitcom/i/aside-auth-links.png) 0 5px no-repeat;
            }

        /* Aside Auth Text */
        .aside .auth .text {
            background:none;
            margin:0;
            padding:2px 3px;
            width:160px;
            border:0;
            outline:0;
            font-size:11px;
            color:#555;
            }

        /* Aside Auth Submit */
        .aside .auth .submit {
            position:absolute;
            top:107px;
            left:169px;
            margin:0;
            padding:0;
            outline:0;
            border:0;
            width:66px;
            height:20px;
            background:#47A4B9;
            text-align:center;
            color:#FFF;
            cursor:pointer;
            }

    /* Aside Adv */
    .aside .adv {margin-bottom:1em}
    .aside .actions {position:relative;margin:-18px 0 1em -49px;padding:14px 0 0 42px;width:100%;}
/* Footer
------------------------------------ */
.footer {
    padding-left:82px;
    width:751px;
    height:62px;
    background:#86B826 url(/templates/sitcom/i/footer.png) 100% no-repeat;
    font-size:11px;
    color:#FFF;
    }
    .footer p {
	display:inline;
	float:left;
	padding:16px 60px 0 22px;
	height:42px;
	background:url(/templates/sitcom/i/footer-items.png) no-repeat;
        }
	.footer span a {
	color:#fff;
}
    .footer p:first-child,
    .footer p.first-child {background:none}

    /* Footer Phone */
    .footer .phone {
        position:relative;
        z-index:1;
        margin:-26px 0 0 -50px;
        padding:36px 0 0 156px;
        height:64px;
        background:url(/templates/sitcom/i/footer-phone.png) no-repeat;
        white-space:nowrap;
        font:26px 'PlumbBold',Arial,Helvetica,sans-serif;
        }
        .footer .phone strong {
            display:block;
            position:relative;
            overflow:hidden;
            width:79px;
            height:15px;
            background:#FFF url(/templates/sitcom/i/footer-phone-title.png) no-repeat;
            text-align:center;
            font:11px/15px Arial,Helvetica,sans-serif;
            color:#86B826;
            }
        .footer .phone span {
            display:inline;
            float:left;
            margin-left:-11px;
            padding:4px 4px 0 11px;
            background:url(/templates/sitcom/i/footer-phone-prefix.png) 0 11px no-repeat;
            font-size:17px;
            color:#D2E5AE;
            }

    /* Footer Counters */
	    .footer .logo {
		right:48px;
		bottom:44px;
        position: absolute;
        width:116px;
		}
    .footer .counters {
        position:absolute;
        right:0;
        bottom:14px;
        width:200px;
        text-align:center;
        }
        .footer .counters p {
            display:inline;
            float:none;
            padding:0;
            height:auto;
            background:none;
            }

	/* Elements */
.recovery {
    position:relative;
    margin:0 -41px 2em 0;
    padding:0 41px 5px 28px;
    background:url(/templates/sitcom/i/recovery.png) 0 100% no-repeat;
    }
	.recovery h1, .recovery .h1 {
		margin:0 0 1.3em;
		font:21px/1 'Trebuchet MS',Helvetica,sans-serif;
        color:#060;
		}
	.recovery  h2, .recovery  .h2 {
		margin:0 0 1.3em;
		font:19px/1 'Trebuchet MS',Helvetica,sans-serif;
        color:#060;
		}
	.recovery h3, .recovery .h3 {
		margin:0 0 1.3em;
		font:17px/1 'Trebuchet MS',Helvetica,sans-serif;
        color:#060;
		}
	.recovery h4, .recovery .h4 {
		margin:0 0 1.3em;
		font:15px/1 'Trebuchet MS',Helvetica,sans-serif;
        color:#060;
		}
	.recovery .box_h .head, .recovery .head h2 {
	font:21px/1 'Trebuchet MS',Helvetica,sans-serif;
	color:#00819E;
	margin-bottom: -4px;
		}
	.recovery span.head {font:21px/1 'Trebuchet MS',Helvetica,sans-serif; 	color:#00819E;}
	.recovery   .box_h {
	text-align: left;
	margin-bottom: 4px;
		}		
	.recovery  .box_h i {
	color: #060; 
		}
	.recovery img {margin-right: 10px;}
	.recovery table img {margin-right: 0px;}
	.recovery table.oborud {border: 1px solid #c1baab;}
	.recovery table.oborud p {margin:0}
	.oborud tr.odd {background-color: #f7eeda;border: 1px dotted #c1baab}
	.oborud td.org {background-color:#FF7900; color:#FFF;font-weight:bold}
	.recovery table.gar {border: 1px solid rgb(136, 136, 136);width:100%;background:url(/vn/garanty.png) center no-repeat;}
	.recovery td {vertical-align: middle;padding: 5px 5px;}
	.recovery tr.head, .recovery td.head {background-color: #00819E;color: #FFFFFF;}
	.recovery tr.head1, .recovery td.head1 {background-color: #cbb89e;}
	.recovery .rek, .recovery .rek a {font-style:italic;color:#060;}
	.recovery .rek a:hover {color:#009F00;}
	#mark, #mark_r {background-color: #cbb89e;}
	.recovery p {margin:0 0 1.1em}
	.recovery dl {margin:0 0 1.3em}
	.recovery dt {font-weight:bold}
	.recovery ul  {margin:0 0 1.3em}
	.recovery ol {margin:0 0 1.3em 1.3em}
	.recovery ol {list-style:decimal}
	.recovery ul dl,
	.recovery ol dl {margin:0}
	.recovery ul li,
	.recovery ol li {margin:0 0 .3em}
	.recovery ul li {
		padding-left:20px;
		background:url(/templates/sitcom/i/bullet.gif) 0 .2em no-repeat;
		}
	.recovery ol li {
	padding:0 0 0 20px;
	background:none;
		}
	.recovery ul ul,
	.recovery ul ol,
	.recovery ol ol,
	.recovery ol ul {margin:.4em 0 .5em 2em}
	.recovery  blockquote,
	.recovery  .block, .recovery .block1 {
	margin:0 0 1em;
	padding:17px;
	background:#F5EFE2;
	border:1px dashed #C0BAAB;
	font-style:italic;
	font-size:14px;
	 -moz-box-shadow: 0 0 15px #4C4C4C;
	 -moz-border-radius: 5px 5px 5px 5px;
        }
	.recovery  .block1{
	margin:0 0 1em;
	padding:10px 17px 0px 17px;
	}
	.recovery blockquote p {margin:0}
	.recovery .allo {background:url(/tv/img/allo.png) no-repeat 0 30px;padding:0 0 10px 210px;line-height: 18px;}

/* More */
a.more {
    display:block;
    position:relative;
    overflow:hidden;
    width:80px;
    height:16px;
    background:url(/templates/sitcom/i/more.png) no-repeat;
    text-align:center;
    text-decoration:none;
    text-transform:lowercase;
    font:11px/16px Arial,Helvetica,sans-serif;
    color:#FFF;
    }
a.more:hover {color:#DFDFDF}

/* Details */
a.details {
    display:inline-block;
    position:relative;
    overflow:hidden;
    width:7px;
    height:6px;
    background:url(/templates/sitcom/i/details.gif) no-repeat;
    text-indent:-1000em;
    }

/* Extra */
.extra {
    position:absolute;
    z-index:1;
    bottom:0;
    left:0;
    width:86px;
    height:197px;
    background:url(/templates/sitcom/i/extra.png) no-repeat;
    }
.tab-extra, .tab-extra-i {
	position: fixed;
	width: 30px;
	height: 150px;
	right: 1px;
	top: 360px;
	z-index: 10000;
}
.tab-extra-i {top: 284px;}
.img-left {text-align:left;float:left;width:auto;}
.img-right {text-align:right;float:right;width:auto;}

/* IE */
.ie {display:none}

@font-face {
	font-family: 'PlumbBold';
	src: url('/templates/sitcom/css/plumbbold.eot');
	src: local('Plumb Bold'), local('Plumb-Bold'), url('/templates/sitcom/css/plumbbold.woff') format('woff'), url('/templates/sitcom/css/plumbbold.ttf') format('truetype');
    }

/* News */

.box-art {
    margin-bottom:1em;
}

.box-art .h3 {
    margin-bottom:4px;
}

.box-art .dop {
    margin-bottom:2px;
}

.time {
    background-color: #86B826;
    color: #fff;
    padding:1px 3px;
}

/* Captcha */

.captcha .csessimg {
    border:1px solid #00819E;
}

.captcha .clettrs {
    font-size:2em;
    color:#00819E;
    top:7px;
}

.captcha .textarea_counter {
    display:none;
}
.captcha .csess-helper p {
    margin-bottom:3px;
    font-size:1.1em;
}


/* Userpanel */

.userpanel {
    position:absolute;
    right:40px;
    top:105px;
    background:url(/templates/sitcom/i/admin-bg.png);
    padding:10px;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    overflow:hidden;
    z-index:20;
}
    .userpanel .panel {
        float:left;
        padding:0px 10px;
    }
        .userpanel .panel .info {
            color:#F1E8D4;
        }
            .userpanel .panel .info td {
                padding:1px 3px;
            }
            .userpanel .panel .info .counter {
                text-align:right;
            }
/* Slider */
#slider {width: 650px;padding: 10px 20px 20px 20px;background: #f5efe2;border: 1px solid #CCC;}
ul#tabs span.zag, ul#tabs1 span.zag, ul#tabs2 span.zag {margin: 0;padding: 0 0 5px 0;font:14px/1 'Trebuchet MS',Helvetica,sans-serif;text-transform: uppercase;color:#fff;font-weight:bold;}
div#feature_list {width: 650px;height: 300px;overflow: hidden;position: relative;}
div#catalog_list {width: 650px;height: 400px;overflow: hidden;position: relative;}
div#feature_list ul, div#catalog_list ul {background: #237789;position: absolute;top: 0;list-style: none;padding: 0;margin: 0;}
ul#tabs,ul#tabs1 {left: 0;z-index: 2;width: 320px;}
ul#tabs li, ul#tabs1 li, ul#tabs2 li {font-size: 12px;background:none;padding-left:0px;}
ul#tabs li img, ul#tabs1 li img, ul#tabs2 li img {padding: 5px;border:1px solid #C5C5C5;float: left;}
ul#tabs li a, ul#tabs1 li a, ul#tabs2 li a {color: #FFF;text-decoration: none;display: block;padding: 10px;height: 80px;outline: none;}
ul#tabs li a:hover, ul#tabs1 li a:hover, ul#tabs2 li a:hover {text-decoration: underline;}
ul#tabs li a.current {color: #FFF;background: #5f8050;}
ul#tabs li a.current:hover {text-decoration: none;cursor: default;}
ul#output {right: 0;width: 300px;height: 300px;position: relative;}
ul#output li {position: absolute;width: 300px;height: 300px;text-align: justify;background:none;padding-left:0px;}
ul#output li a {position: absolute;bottom: 0px;padding: 12px 12px;text-decoration: none;color: #FFF;background: url('/udom/transparent_bg.png');-moz-border-radius: 5px;display: block;}
ul#output li a:hover {background: url('/udom/transparent_bg1.png');}
ul#tabs .bold {font-weight:bold;font-size:15px;}
ul#tabs2 {right: 0;width: 320px;height: 400px;position: relative;}
ul#tabs1 li a:hover, ul#tabs2 li a:hover {color: #FFF;background: #5f8050;}
.spec {font:19px/1 'Trebuchet MS',Helvetica,sans-serif;font-weight:bold;color:#00819E;text-transform:uppercase;text-align:center;width:610px;margin-bottom:10px;}

/* Catalog */
.product-item {margin-bottom:10px;}
.product-item .product, .product-item .product1 {float:left;margin-right:10px;}
.name {font-weight: bold;}
.product1 img {border:1px solid #C5C5C5;}

.bn, .bn1 {position:relative;z-index:100000;height:210px;}
.bn a, .bn1 a {position:relative;width:150px; height:200px;display:block;float:left;margin: 0 20px 0 0;*margin: 0 19px 0 0;}
.bn a img {position:absolute;bottom:0;left:0;display:block;border: 1px solid #000;/*margin-top:20px;*//*border: 1px solid #4d4d4d;*/}
.bn1 {height:20px;top: -10px;text-transform: uppercase;text-align: center;font:14px/1 'Trebuchet MS',Helvetica,sans-serif;text-transform: uppercase;font-weight:bold;}
.bn1 a {height:20px;}
a.gallery1 {cursor:url("/templates/sitcom/i/zoomin.cur"),auto;}

.cont1 {width: 100%;height: 60px;}
.cont1 p{padding-top:10px;}
.cont2 img, .cont1 img {width: 100px;height: 50px;padding-right: 10px;}
.cont2 {float: left;padding-right: 20px;width: 250px;height: 50px;}


.feedback-form {position:absolute;top:0;left:0;width:360px;height:480px;background: url(/templates/sitcom/i/header-menu.png) repeat 0 0 transparent;
color:#fff;text-align:left;padding:20px;display:none;-moz-border-radius: 5px 5px 5px 5px;}
.feedback-form .feedback-form-in {position:relative;}
.feedback-form .feedback-close {position: absolute;top: -23px; right: -23px;height: 30px;width: 30px;background: transparent url(/templates/sitcom/i/fancy/fancy_closebox.png);cursor: pointer;z-index: 100;}
.feedback-form h3 {font: 21px/30px 'Trebuchet MS',Helvetica,sans-serif;padding-bottom:10px;}
.feedback-form textarea {width:350px;height: 170px;}