@import '/templates/sitcom/css/reset.css';
@import '/css/shared.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;}


/* 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;text-transform:lowercase;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 30px;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: #176877;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}

/* 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;
            text-transform:lowercase;
            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 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.5em}
	.recovery dl {margin:0 0 1.5em}
	.recovery dt {font-weight:bold}
	.recovery ul,
	.recovery ol {margin:0 0 1.4em}
	.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;
        }
	.recovery  .block1{
	margin:0 0 1em;
	padding:10px 17px 0px 17px;
	}
	.recovery blockquote p {margin:0}

/* 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;
            }
