/* @override http://artjoker.com.ua/templates/css/template.css */

/* @group global */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

.clearfix {clear: both;}
#soc .pageNoIndex_hilite a{background-color:transparent;}
noindex{background-color:transparent;text-decoration:none;}

@font-face {
    font-family: 'OfficinaSerifMediumCRegular';
    src: url('fonts/officinaserifmediumc-webfont.eot');
    src: url('fonts/officinaserifmediumc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/officinaserifmediumc-webfont.woff') format('woff'),
         url('fonts/officinaserifmediumc-webfont.ttf') format('truetype'),
         url('fonts/officinaserifmediumc-webfont.svg#OfficinaSerifMediumCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OfficinaSerifMediumCItalic';
    src: url('fonts/officinaserifmediumc-italic-webfont.eot');
    src: url('fonts/officinaserifmediumc-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/officinaserifmediumc-italic-webfont.woff') format('woff'),
         url('fonts/officinaserifmediumc-italic-webfont.ttf') format('truetype'),
         url('fonts/officinaserifmediumc-italic-webfont.svg#OfficinaSerifMediumCItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OfficinaSerifBookCRegular';
    src: url('fonts/officinaserifbookc-webfont.eot');
    src: url('fonts/officinaserifbookc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/officinaserifbookc-webfont.woff') format('woff'),
         url('fonts/officinaserifbookc-webfont.ttf') format('truetype'),
         url('fonts/officinaserifbookc-webfont.svg#OfficinaSerifBookCRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html,body{width:100%;height:100%;margin:0;padding:0;}
body{font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;/*font-family:trebuchet ms, arial,tahoma,sans-serif;*/font-size:13px;}
img,form,p,h1,h2,h3,h4{border:0;margin:0;padding:0;}
th,td{vertical-align:top;}
p{padding-bottom:15px;}
a{color:#000;outline:none;font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;}
a:hover,.active{color:#666;text-decoration:none;}
input{font-size:13px;height:19px;background:#fff;border:1px solid #dfdfdf;color:#424548;font-family:trebuchet ms;}
textarea{font-size:13px;background:#fff;border:1px solid #dfdfdf;color:#424548;font-family:trebuchet ms;}
.main{min-height:80%;}
/*.white{background:#EEEEEE url(../images/bg.gif) repeat-x scroll left top;}*/
.white, .crop_bg{background:#fff url(../images/ind-bg.jpg) repeat left top;}
.dark{background:none;background-color:#000;color:#fff;}

.vison{visibility:visible;}
.visoff{visibility:hidden;}

/* head */
.head{width:900px;margin:0 auto;overflow:hidden;/*NY background: url("/images/new-year/1.jpe") repeat-x scroll 0 0 transparent;*/}
.head .logotype{float:left;width:500px;margin: 5px 0 0 5px;
    padding-top: 0; font-size:18px;color:#000000;}
.head .logotype .new-year{margin:30px 0px 0 10px; vertical-align: top;}
.head .logotype A{outline: none; float:left;}
.head .logoimg{display:block;}
.head .logotype p{padding:16px 0 0 0;font-size:12px;line-height:16px;color:#424548;}
.head .switch{float:right;padding-top:17px;text-align:right;font-size:18px;color:#000;width:335px;}
.head .switch .left{float: left;width: 105px;text-align: left;padding-right: 20px;padding-top: 40px;}
.head .switch .left .ph{float:none;}
.head .switch p{color:#9d9c9d;padding-bottom:5px;}
.head .switch .ph{padding-top:5px;float:left;}
.head .switch #soc span{display: block;padding-top: 4px;text-align: right;}
.head .switch a {color:#1c0a03;font-size:14px;text-decoration:none;}
#phone{float: right;padding-top: 0px;font-size:26px;}
#soc{clear:both;}
.phones{color:#9D9C9D;font-size:14px;}
.phones .sm{font-size:12px;}
.phones a{border-bottom: 1px dashed;color:#9D9C9D!important;}  
.phones a:hover{border:none;}

#soc .rss, #soc .twi, #soc .fb, #soc .vk{margin-left: 6px;height:30px;width:33px;float:right;display:block;background: url(../images/social-icons.png) no-repeat 0 0;}
#soc .twi:hover{background-position: 0px -30px;}
#soc .fb{background-position: -59px 0;width: 17px;}
#soc .fb:hover{background-position: -59px -30px;}
#soc .rss{background-position: -33px 0;width: 26px;}
#soc .rss:hover{background-position: -33px -30px;}
#soc .vk{background-position: -75px 0;width: 28px;}
#soc .vk:hover{background-position: -75px -30px;}

.white_bg{background-color:#fff;overflow: hidden;}

/* menu */
.menu{width:900px;height:75px;margin:0 auto;font-size:14px;overflow: hidden;}
.menu .links{float:left;margin-top:20px;height:22px;width:930px;}
.menu .links a{margin-right:137px;padding:2px 2px 5px;font-size:18px;float:left;}
.menu .links a.last{margin-right:0;}
.menu .links a.active{margin-right:137px;color:#000;background-color:#fee007;padding:2px 2px 5px;text-decoration:underline;}
.menu .links a.active:hover{text-decoration:none;}
.menu .links a.orange,.menu .links SPAN.orange{color: #D34E19!important;}
.menu .radias{display:block;float:right;width:41px;margin-top:10px;text-align:center;text-decoration:none;background:url(../images/menu_cirkle.jpg) no-repeat right;color:#fcde07;}
.menu .lc_ru{height:30px;padding-top:10px;}
.menu .lc_en{height:29px;padding-top:11px;line-height:10px;}

/* shorttext */
.shorttext{width:900px;margin:0 auto;margin-top:24px;}
.shorttext .left{
	background: url(../images/blog-bg.jpg) repeat 0 0;
	float:left;
	width:580px;
	overflow:hidden;
	border-top:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	margin: 2px 0 0;
}
.shorttext .left .all{float:right;font-size:14px;margin-right:13px;}
.shorttext .left  .zag{font-size:18px;}
.shorttext .stext{border-top:1px solid #575757;border-bottom:1px solid #575757;padding: 9px 15px 9px 14px;overflow: hidden;}
.shorttext .stext img{float:left;}
.shorttext .stext .hold{width:566px;}
.shorttext .left span{font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;display:block;float:left;width:167px;margin:0 13px 14px;color:#000;font-size:11px;height:65px;}
.shorttext .left span a{font-size:13px;color:#000;font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;line-height:13px;}
.shorttext .right, .soc_block{border:1px solid #FFD800;float:right;width: 278px;font-size:13px;color:#424548;background-color: #FFFFFF;}
.soc_block{margin: 15px 0;}
.soc_hold{width:232px;margin-left:20px;overflow:hidden;height:232px;}
.soc_hold  iframe{margin:-1px 0 0 -1px;}

.shorttext .right .h2, .shorttext .right .h2 H1{padding-bottom:5px;font-family:georgia;font-style:italic;font-size:27px;color:#000;}
A.yel, STRONG.yel, .dark A.yel, .dark STRONG.yel{background-color: #fcde07;padding:0px 2px;font-weight:bold;color:#000;}
A:hover.yel, STRONG.yel, .dark A:hover.yel, .dark STRONG.yel{color:#000;}

/* frontpage */
.frontpage{width:900px;margin:0 auto;margin-top:4px;}
.pr5p{float:left;width:580px;}
.pr5p .h2{margin-left:74px;font-family:georgia;font-style:italic;font-size:26px;line-height:31px;font-weight:100;color:#000;}
.pr5p .hold{margin-left:55px;padding-top:10px;}
.pr5p .ttl{font-size:18px;color:#000;margin-bottom:8px;padding-bottom:2px;border-bottom:1px solid #575757;}
.pr5p ul li{float:left;width:280px;height:130px;list-style-type:none;padding:10px 10px 0px 0;}
.pr5p ul li img{float:left;}
.pr5p .pr5p_top_1 img, .pr5p .pr5p_top_3 img, .pr5p .pr5p_top_4 img{margin-top:5px;}
.pr5p ul li ul{padding:0 0 0 12px;list-style-type:disc;}
.pr5p ul li li{float:none;width:auto;height:auto;padding:0;list-style-type:inherit;margin-bottom:5px;}
.frontpage .ri5p .form_to{left:-11px;}

.ri5p{float:right;width:280px;font-size:13px;padding-left:8px;margin-top:-16px;color:#424548;background:url(../images/yellow-ugl.jpg) no-repeat 0 0;}
.m11{margin-top:-11px;}
.ri5p .holder{background-color:#ffd800;padding: 13px 12px 20px;}
.ri5p td{vertical-align:middle;}
.ri5p p{padding:5px 0 10px 0;}
.ri5p .h2{display:block;text-shadow: 1px 2px 1px #FFFFFF;font-size:18px;color:#000;border-bottom:1px solid #fff;padding-bottom:3px;}
.ri5p .b1ok{padding-bottom:15px;position:relative;}
.ri5p .b2ok{ padding-right: 0px;}
.ri5p .b2ok .lft{float:left;width:256px;font-size:14px;color:#000;}
.ri5p .b2ok .lft .demo{font-size:13px;margin-top:5px;float:left;}
.ri5p .b2ok .lft .b2ok_txt{width: 254px; padding-bottom: 20px; margin-top: 5px;}
.ri5p .b2ok .rght{float:right;}
.ri5p .b1ok a:hover{text-decoration:none;}
.ri5p .quet, .workright .b1ok .quet{border-right:1px solid #9d9b8f;margin-bottom:0px;margin-bottom:10px;}
.ri5p .yel, .workright .quet .yel, .workright .b1ok .yel{
	background-color:#efefef;
	text-decoration:none;
	text-align:center;
	width:255px;
	padding: 15px 0 10px;
	display:block;
	font-size: 18px;
	font-weight:normal;
	border-bottom:1px solid #646464;
	font-family:'OfficinaSerifMediumCRegular',trebuchet ms;
}
.workright .b1ok .yel{width:280px;}
.ri5p .quet .yel:hover, .workright .b1ok .yel:hover{background-color:#e2e0e0;}
.ri5p .navi{margin: 0 0 0 20px;width:210px;border-top:1px solid #575757;}
.ri5p .navi li{background: url(../images/mark.jpg) no-repeat  5px 10px;border-bottom: 1px solid #575757;padding: 5px 0 3px 14px;}
.ri5p .navi li a{text-decoration:none;}

/* mainblock */
.mainblock{width:900px;margin:0 auto;text-align:left;}
.mainblock h1,.content .h1,.content .h2,
.mainblock h2{margin-bottom:20px;line-height: 1.2;font-weight:normal;font-family:OfficinaSerifMediumCItalic;font-size:30px;color:#000;border-bottom:1px solid #575757;}

.blog h2{border:none;padding:0 0 0 0;font-family:Trebuchet MS;font-style:normal;font-size:16px;color:#272727;}
.content h3{padding:0 0 0 0;font-family:georgia;font-style:italic;font-size:16px;color:#272727;}
.content .dtime{display:block;font-style:italic;padding-bottom:4px;font-size:12px;}
.content .intro{padding:0;margin:0 0 20px 0;border-collapse:collapse;border-bottom: 1px solid #000000;}
.content .intro td{padding:0 0 9px 0;margin:0;}
.content .intro .img{padding-left:10px;}
.content .intro p{padding:0 0 4px 0;margin:0;}
.content strong{font-weight:bold;}
.tit{text-decoration:none;}

/* mainblock - content */
.content{
	color: #000000;
    float: left;
    font-family: trebuchet ms;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 20px;
    width: 610px;
}
.content_full{width:890px!important;}
.content_full .seo_menu li{float:left;padding-right:10px;width:215px;}
.seo_icons li{float:left;margin-right:30px;}
.content_full .seo_menu .last{padding:0;}
UL.content_ul{margin-bottom:20px;}
UL.content_ul li{list-style-type:disc; margin: 10px 0 0 15px;}

.content a{font-family: trebuchet ms;}
.content .news{font-size:13px;}
.content STRONG.yel{background-color:#FEE007;color:#272727;padding:1px 6px 0 6px;font-size:20px;font-weight:bold;font-family:"Trebuchet MS";}
.content SPAN.yel{
	background-color:#FEE007;
	color:#000;
	font-weight:normal!important;
	padding:5px;
	font-size:18px!important;
	font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;
	display:block;
	margin-top:2px;
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}
.title{margin-bottom:20px;}
.content .equipm A{color:#000;font-size:14px;font-family:'OfficinaSerifBookCRegular',trebuchet ms;}
.content TABLE.price TD{ padding: 5px 20px; border-bottom: 2px solid #fff;border-right: 2px solid #fff; font-size: 13px; font-family:Arial, Helvetica, sans-serif;}
.dark .content TABLE.price TD{color:#000;}
.content .equipm .clr{font-size:0;height:15px;}
.content .equipm TABLE TD A, .content .equipm TABLE TD{padding:0;color:#000;}
.title_6{background:transparent url(../images/ico-1.jpg) no-repeat scroll 0px 3px;height:65px;}
.title_7{background:transparent url(../images/ico-6.jpg) no-repeat scroll 0px 3px;height:65px;}
.right_block{width:280px;float:right;padding-top:20px;}
.rightmenu{float:right;font-size:12px;padding:10px 0 0px;margin-top:0px;width:250px;text-align:right;}
.rightmenu a{
	float: right;
    font-size: 12px;
    margin-right: 6px;
    padding: 1px 3px 0;
}
/*.rightmenu .active{background-color:#000;color:#FBF108;}*/
.deff_icon{padding-top:45px;}
.deff_icon p{float:left;width:250px;padding-bottom:5px;}

.dark .title_6{background-image:url(../images/ico-1-dark.jpg);}

.eq_content{width:900px;padding:0;}
.eq_content .equipm{border-top:1px solid #000;margin-top:20px;padding-top:20px;}
.eq_content .equipm .title{margin-bottom:5px;overflow: hidden;font-size:18px;font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;}
.eq_content .equipm .title A{display:block; margin: 5px 0 5px 55px; font-size:18px;font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;text-decoration: underline;}
.eq_content .equipm .title A:hover{text-decoration:none;}
.eq_content .equipm .ico1, .eq_content .equipm .ico2, .eq_content .equipm .ico3,
.eq_content .equipm .ico4, .eq_content .equipm .ico5, .eq_content .equipm .ico6{
	background: url(../images/icons2.jpg) no-repeat  -287px 0;
	display:block;
    height: 45px;
    width: 50px;
	text-indent: 9999px;
	float:left;
}
.eq_content .equipm .ico1{width:47px;}
.eq_content .equipm .ico2{background-position: -239px 0;}
.eq_content .equipm .ico3{background-position: -194px 0; margin-right: 10px;}
.eq_content .equipm .ico4{background-position: -342px 0;}
.eq_content .equipm .ico5{background: none;}
.eq_content .equipm .ico6{background: none;}
.yellow_navi{margin: -10px 0 0 -8px;width:920px;}
.yellow_navi li{
	background: url(../images/yellow-ugl.jpg) no-repeat 0 0;
	float: left;
    font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;
    font-size: 18px;
    padding: 0 0 0 8px;
	width:210px;
	margin-right:12px;
}
.yellow_navi li a{font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;}
.yellow_navi .bg {
	background-color: #fadb09;
    overflow: hidden;
	padding: 15px 8px 2px;
	border-bottom:1px solid #000;
	text-shadow: 1px 2px 1px #FFF;
}
.yellow_navi .ico1, .yellow_navi .ico2, .yellow_navi .ico3, .yellow_navi .ico4, .yellow_navi .ico5, .yellow_navi .ico6, .yellow_navi .ico7, .yellow_navi .ico8{
    background: url(../images/icons2.jpg) no-repeat  -141px 0;
    display:block;
    height: 57px;
    margin: 0 auto;
    width: 43px;
}
.yellow_navi .ico2{background-position: -48px 0px;}
.yellow_navi .ico3{background-position: -98px 0px;}
.yellow_navi .ico4{background-position: 0px 0px;}
.yellow_navi .ico5{background: url(/templates/images/icons/analitycs.png) no-repeat  0px 0;}
.yellow_navi .ico6{background: url(/templates/images/icons/smm.png) no-repeat  0px 0;}
.yellow_navi .ico7{background: url(/templates/images/icons/seo.png) no-repeat  0px 0;}
.yellow_navi .ico8{background: url(/templates/images/icons/serm.png) no-repeat  0px 0;}
.yellow_navi li ul{padding: 10px 0 0 13px;}
.yellow_navi li li{float:none;margin-bottom:3px;background:none;width:auto;font-size:13px;padding:0;list-style-type: disc;}
.yellow_navi li li a{font-size:13px;}

.landing li{width:145px;background-image:none;padding:0;font-size: 12px;}
.landing li a{font-size: 12px!important;}
.landing .bg{text-align:center;}

.sm_project{margin:10px 0;overflow:hidden;}
.sm_project li{float:left; text-align:center; background: url(../images/sm-works-bg.jpg) no-repeat  0 0;width:79px;height:70px;padding:7px 6px 0;margin-right:30px;}
.sm_project li img{width:80px;height:45px; display:block; margin-bottom:5px;}
.sm_project li a span{font-size:12px;}

/* mainblock - status */
.statusblock{padding:15px 0 10px 92px;font-size:13px;color:#424548;}
.statusblock .ups{padding:2px 0 15% 55px;}
.statusblock .hello{padding:2px 0 0 55px;}
.statusblock p{padding:0 0 10px 0;}
.statusblock .comments{padding:0px 0px 5px 0px;}
.statusblock .comments h4{font-size:14px;padding:5px 0 4px 0;margin:0;}
.statusblock .comments textarea{width:99%;overflow:auto;}
.statusblock .comments .buAD{height:30px;margin-top:2px;}
.statusblock .comments .buA{display:block;float:right;font-size:13px;padding:1px 12px 2px 12px;cursor:pointer;text-decoration:none;background:#000;color:#FEE007;text-align:center;}
.statusblock .comments .comments_gr{border-top:1px dotted #aaa;}
.statusblock .comments p{font-style:italic;border-bottom:1px dotted #aaa;padding:5px 2px;margin:0;}
.statusblock .comments p span{font-weight:bold;font-style:normal;}
.statustable td{padding-left:8px; padding-bottom:10px;}
.statustable th{font-family:georgia;font-size:48px;font-style:italic;text-align:right;line-height:30px;color:#bdbdbd;}
.statustable th span{font-style:normal;}
.statustable img{margin-top:9px;}
.status{padding-bottom:5px;font-size:30px;line-height:32px;font-family:georgia;font-weight:bold;font-style:italic;color:#bdbdbd;cursor:pointer; border-bottom: 1px dashed #bdbdbd;}
.stactive .status{color:#a2c24c;}
.stactive th{color:#a2c24c;}
.border_red{border:1px solid red;}
.nodisplay{display:none;}

/* mainblock - portfolio_work */
.workblock{float:left;width:570px;color:#000;font-size:13px;padding-top:20px;font-family:trebuchet ms;line-height:1.5;}
.workblock img{
	margin-bottom:5px;
}
.worksite{font-size:18px;padding:0px 0 6px 0;}
.worksite a{font-family:OfficinaSerifMediumCItalic;}
.worknav {height:24px;font-size:11px;margin-top:14px;}
.worknav .center{margin-left:33%;width:33%;text-align:center;padding-top:2px;}
.worknav .center a{color:#65686a;}
.worknav .left{float:left;width:33%;}
.worknav .left a{display:block;float:left;text-decoration:none;padding:2px 6px 3px 19px;color:#FEE007;background:#000 url(../images/portfolio_larr.gif) left center no-repeat;}
.worknav .right{float:right;width:33%;}
.worknav .right a{display:block;float:right;text-decoration:none;padding:2px 19px 3px 6px;color:#FEE007;background:#000 url(../images/portfolio_rarr.gif) right center no-repeat;}
.workright {float:right;width:288px;font-size:12px;padding-top:5px; text-align:right;font-family:trebuchet ms;}
.workright a{font-family:trebuchet ms;}
.workright .path{color:#65686a;font-weight:bold;padding:15px 0;float:right;width:280px;}
.workright .path a{color:#65686a;}
.workright .path span{color:#b4b4b4;}
.workright .editor{color:#000;}
.show_form{font-family:georgia;font-size:18px;font-style:italic;color:#FEE007;background-color:#000;float:right;padding:0 3px;}
.workright .editor .h3{font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;border-bottom:1px solid #575757;color:#000;font-size:18px;text-shadow: 1px 2px 1px #FFF;margin-bottom:20px;}
.workright .editor p, .workright .editor a{line-height:1.5;}
.dark .workright .editor .h3{color:#000;background-color:#FEE007;}
.workright .allproj {color:#95ba32;line-height: 1.5;}
.workright .allproj span{display:block;padding-bottom:5px;font-weight:bold;color:#65686a;}
.workright .b1ok{float:right;margin-top:20px;position:relative;}
.workright .b1ok  .form_to{left: -59px;top: 0px;text-align: left;}



/* mainblock - portfolio */
.bllinks{font-size:11px;width:100%;padding-top:18px;}
.bllinks .yearlinks a{margin-right:18px;}
.bllinks .nolink{color:#b4b4b4;}
.bllinks .whimg{text-align:right;}
.bllinks .whimg a{color:#d34e19;}
.portfolio{width:100%;font-size:13px;color:#424548;margin-top:34px;}
.portfolio td{width:33%;padding-right:30px;}
.portfolio h2,.mainblock .portfolio .h2{padding:0 0 20px 0;font-family:georgia;font-style:italic;font-size:23px;font-weight:normal;color:#000;}
.portfolio span{display:block;font-size:11px;}
.portfolio a{color:#d34e19;}
.portfolio p{padding-bottom:20px;}

/* mainblock - portfolio_pictures */
.bllinks2{font-size:11px;width:100%;margin-top: -10px;}
.bllinks2 td{vertical-align:bottom;}
.bllinks2 .yearlinks{width:210px;padding: 23px 0 4px;vertical-align: top;}
.bllinks2 .yearlinks a{margin-right:6px;float:left;padding: 1px 3px 0;font-size:12px;}
.bllinks2 .yearlinks .active{background-color:#000;color:#fbf108;}
.bllinks2 .nolink{color:#b4b4b4;}
.bllinks2 .whimg{text-align:right;padding-bottom:4px;}
.bllinks2 .whimg a{color:#000;}
.catlinks .yearlinks{margin:23px 0 4px;padding:0;width:40px;float:left;position: relative;text-align: center}
.year_list{background-color: #fff;display: none;position: absolute;top: 14px;z-index: 10;padding: 5px 0;}
.bllinks2 .btn_gray{position: relative;top:11px;}
.catlinks .yearlinks a{float:none;}
#yearactive{border-bottom: 1px dashed black;padding: 0;text-decoration: none;background: none;color: black;}
.catlinks{text-align:center;font-family:georgia;font-style:italic;font-size:24px;color:#000;}
.catlinks ul{margin-left:-8px;float:left;width: 585px;height:51px;overflow:hidden;}
.catlinks .ico1, .catlinks .ico2, .catlinks .ico3{
	background: url(../images/icons.png) no-repeat scroll 0 0 transparent !important;
    float: left;
    height: 36px;
    padding: 0 !important;
    width: 27px;
	margin:0 3px 0!important;
}
.catlinks .ico2{background-position: -28px 0 !important;width: 30px;}
.catlinks .ico3{background-position: -65px 0px!important;}
.catlinks .act .ico3{background-position: -65px -42px!important;}
.catlinks li{float:left;font-family: 'OfficinaSerifMediumCItalic';font-size:18px;padding: 0 0 0 8px;}
.catlinks li  a{overflow: hidden;margin:4px 3px 0 0;float:left;font-weight:normal;color:#000;font-family: 'OfficinaSerifMediumCItalic';padding:0 4px;}
.catlinks .bg{padding: 15px 20px 0;}
.catlinks .act{background: url(../images/yellow-ugl.jpg) no-repeat scroll 0 0 transparent;}
.catlinks .act .bg{background-color:#ffd800; overflow: hidden;}
.catlinks  span{float: left;margin-top: 4px;padding:0 4px;}
.catlinks .act span{background:#000 none;color:#ffd800;}
.mainblock .inbrif{margin-top:-10px;}
.catlinks .h2{font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;}
.mainblock .inbrif li a {margin:0;}


.portfolio2{width:100%;font-size:13px;color:#424548;margin-top:22px; margin-bottom:80px;}
.portfolio2 td{width:33%;}
.portfolio2 span{display:block;}
.portfolio2 a{color: #000000;
    display: block;
    float: left;
    font-size: 18px;
    margin: 0 30px 0 0;
    position: relative;
    text-decoration: none;
    width: 257px;}
.dark .portfolio2 a{color:#000;}
.portfolio2 a:hover, .dark .portfolio2 a:hover{color:#000;}
.portfolio2 img{margin-bottom:14px;}
.portfolio2 .blwork{height:250px;width:258px;overflow:hidden;color: #000000;font-size: 18px;text-decoration: none;}
.portfolio2 .bcenter .blwork{margin:0 auto 0 auto;}
.portfolio2 .bright .blwork{margin:0 0 0 auto;}
.portfolio2 .yel, .dark .yel{background-color: #fcde07;padding:0px 2px;font-weight:bold;text-decoration: none;color:#000;}
.portfolio2 span{
	background-color: #ffd100;
    padding: 2px 5px;
    text-shadow: 1px 2px 1px #FFFFFF;display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 160px;
	overflow: hidden;}
.portfolio2 small{
	background-color: #ffd100;
    font-family: OfficinaSerifMediumCItalic;
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px 2px;
	display: block;
    left: 0;
    position: absolute;
    top: 184px;}

.content ul.portf{
	color: #424548;
    font-size: 13px;
    margin: 10px 0 15px;
    overflow: hidden;
    width: 690px;
}
.content ul.portf li{float:left;width:150px;padding-right:80px;height:170px;text-align: center;}
.content ul.portf li img{border:10px solid #ffd800;display: block;margin-bottom:5px;}
.content ul.portf a{width:auto;font-size:12px;display: block;font-family: trebuchet ms;}
.content ul.portf span{display: block;}
.content ol{list-style-type: decimal;margin-bottom: 15px;padding-left: 18px;}


/* mainblock - brif_logo */
.brif{color:#424548;font-size:13px;font-family: trebuchet MS;float:left;width:100%;}
.brif th{text-align:right;padding-right:10px;font-weight:normal;line-height:16px;width:237px;}
.brif th small{font-size:11px;line-height:14px;}
.brif td span, .brif th span{color:#d34e19;}
.brif td{padding-bottom:5px;}
.brif td input{width:394px;padding:3px;font-size:14px;margin-bottom:5px;}
.brif td .hov{border:1px solid #000;}
.brif td textarea{width:394px;padding:3px;font-size:14px;height:67px;overflow:auto;margin-bottom:5px;}
.brif .h100{height:100px;}
.brif .small{text-align:left;padding-bottom:20px;font-size:11px;font-style:italic;}
.brif .checkbox td{height:15px;vertical-align:middle;padding:0;font-size:13px;}
.brif .checkbox input{width:14px;height:14px;padding:0;margin:0 5px 0 0;background:transparent;border:0;}
.brif .radio{margin-bottom:5px;}
.brif .radio td{height:16px;vertical-align:middle;padding:0;line-height:10px;}
.brif .radio input{width:14px;height:14px;padding:0;margin:0 5px 0 0;background:transparent;border:0;}
.brif .drugoe{margin-top:3px;width:272px;}
.brif .drugoe th{vertical-align:middle;padding:0 8px 0 0;font-size:13px;}
.brif .drugoe td{height:15px;vertical-align:middle;padding:0;width:96%;text-align:right;}
.brif .drugoe input{width:99%;}
.brif .butt{text-align:right;width:400px;}
.brif .buB{display:block;float:right;font-size:13px;color:#424548;padding:1px 12px 1px 12px;}
.brif .buA{display:block;float:right;font-size:13px;padding:1px 12px 2px 12px;cursor:pointer;text-decoration:none;background:#000;color:#FEE007;}
.brif .buA:hover{text-decoration:none;}
.brif .tHead{font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;font-size:24px;color:#000;}
.brif .tHead span{color:#000;}
.brif .tHead a{font-size:18px;color:#000;}
.brif .h2, .catlinks .h2{vertical-align:top;font-size:36px;font-weight:bold; padding: 48px 20px 0 216px;margin-bottom: -33px;}
.brif .links{vertical-align:bottom;padding-top:23px;font-weight:bold;}

/* clients */
.clients{width:900px;margin:15px auto 0 auto;overflow:hidden;}
.clients .clients_bgl, .clients .clients_bgr{background: url(../images/clients-dash.jpg) no-repeat 0 0px;}
.clients .clients_bgr{background-position: right -128px;padding:10px 0}
.clients span{display:block;padding-left:28px;font-size:18px;color:#000;}
.clients .brends{height:53px;margin-top:6px;padding:14px 0 14px 21px;text-align:center;background:#ffd800;}
.clients .brends a, .clients .brends span{display:block;float:left;margin:0 11px;}
*html .clients .brends{padding-left:15px;}

/* footer */
.footer{width:900px;height:120px;margin:0 auto;font-size:11px;color:#010101;padding-top:40px;overflow:hidden;}
.footer .address{float:left;margin-top:32px; width:500px;font-size: 11px;}
.footer .address P{float:left; margin-right: 30px;}
.footer .address A{font-size: 11px;cursor: pointer;text-decoration:underline;}
.footer .address TD{padding-right:103px;font-size: 11px;}
.foot_line .copyright{margin: 10px auto 0;text-align: right;width: 900px;}
.foot_line .copyright p{padding:0;}

/* 404 */
.e4{height:110px;}
.er404{height:500px;background:url('/images/404-900px.jpg') center center no-repeat;}
.erf404{margin-top:-115px;}
.e4err{width:790px;margin:0 auto;}
.e4left{float:left;width:520px;font-size:14px;color:#424548;}
.e4left table{margin-top:76px;}
.b404{padding-right:50px;font-size:100px;font-family:georgia;font-weight:bold;color:#000;}
.t404{padding:20px 10px 0 0;line-height:21px;}
.e4right{float: left;width: 400px;font-size: 14px;line-height: 21px;padding-top: 75px;}
.e4right a{float:left;margin-right:20px;}

/* ------------------------- */
.mainmenu_admin{background:#000;font-size:11px;padding:9px 10px 0 0px}
.mainmenu_admin table{border-left:1px solid #fff;margin:0 auto;}
.mainmenu_admin td{padding:0 10px 0 10px;color:#fff;border-right:1px solid #fff;width:120px;}
.mainmenu_admin A, .dark .mainmenu_admin A{color:#95BA32;font-family:trebuchet ms;}


.navigation{padding-top:5px;text-align:center;position:relative;font-size:16px;width:500px;font-style:italic;}
.navigall{text-align:center;padding-top:3px;font-style:italic;}
.navigation span, .navigation a:hover, .navigall a.act, .navigall a:hover{color:#000;}
.dark .navigation span, .dark .navigation a:hover, .dark .navigall a.act, .dark .navigall a:hover{color:#fff;}
.pad0{padding:0;margin-top:-5px;}

/* ------------------------  */
.clr{clear:both;}
.inp{font-size:12px;height:17px;margin-right:6px;}
.but{font-size:11px;height:19px;cursor:pointer;background:#d34e19;border:1px solid #d34e19;color:#fff;}

.tfLeft_on{display:block;width:18px;height:35px;cursor:pointer;background:url(../images/img_larr_on.jpg) no-repeat;}
.tfLeft_off{display:block;width:18px;height:35px;background:url(../images/img_larr_off.jpg) no-repeat;}
.tfRight_on{display:block;width:18px;height:35px;cursor:pointer;background:url(../images/img_rarr_on.jpg) no-repeat;}
.tfRight_off{display:block;width:18px;height:35px;background:url(../images/img_rarr_off.jpg) no-repeat;}

/* button */
.inwhite{height:21px;overflow:hidden;background:url(../images/inp_white_right.gif) top right no-repeat;margin-right:6px;}
.inwhite p{margin:0 2px 0 0;padding:1px 0 0 2px;height:21px;background:url(../images/inp_white.gif) top left no-repeat;}
.inwhite input{background:transparent;border:0;font-size:12px;color:#424548;height:18px;}
.ri5p .inwhite input{width:150px;}
.inred{height:21px;overflow:hidden;background-color:#000;margin-right:6px;}
.dark .inred{background-color:#fee007;}
.dark .inred input{color:#000;}
.inred p{margin:0 2px 0 0;padding:1px 0 0 2px;height:21px;}
.inred input{background:transparent;border:0;font-size:13px;color:#fee007;cursor:pointer;padding:0 4px;}
.intextcen {width:100%;background:#fff;border-right:1px solid #dfdfdf;}
.intextcen textarea{border:0;width:98%;background:transparent;padding:0 1px;}
.intexttop {width:100%;background:url(../images/inp_white_right.gif) top right no-repeat;font-size:0;overflow:hidden;height:3px;}
.intexttop p{height:3px;margin:0 2px 0 0;padding:0;background:url(../images/inp_white.gif) top left no-repeat;}
.intextbot {width:100%;background:url(../images/inp_white_right.gif) bottom right no-repeat;font-size:0;overflow:hidden;height:3px;}
.intextbot p{height:3px;margin:0 2px 0 0;padding:0;background:url(../images/inp_white.gif) bottom left no-repeat;}
.red{border:1px solid #d34e19;}
.green{border:1px solid green;}
.err{color:#D34E19;}
.brif .valid{background:url(../images/ico_check.png) 200px 0 no-repeat;}
.brif .notvalid{background:url(../images/ico_error.png) 200px -2px no-repeat;}

/* form_to */
.form_to{width:340px;min-height:220px;top:-40px;left:110px;position:absolute;z-index:2;}
.form_to .t1{background:url(../images/form1.png) left top no-repeat;padding-top:8px;}
.form_to .t2{background:url(../images/form2.png) left top no-repeat;font-size:0;height:10px;}
.form_to label{padding-left:10px;color:#fff;text-shadow: 0 0 3px #000000;}
.right_div_full{float: right;position: relative;width: 280px;}
.right_div_full .form_to, .contacts_page .form_to{float: left;position: inherit !important;width: 280px; margin-top: 5px;}
.right_div_full .form_to  .t1 , .contacts_page .form_to .t1{
	background:none #999999;
	padding-bottom:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	behavior: url(ie-css3.htc);
}
.right_div_full .form_to .t2, .contacts_page .form_to .t2 {background:none;}
.right_div_full  .inwhite input, .right_div_full  .inwhite,
.right_div_full .intextcen textarea, .right_div_full  .intextcen , .right_div_full   .textwhite, 
.contacts_page .inwhite input, .contacts_page .inwhite, .contacts_page .intextcen textarea, .contacts_page .intextcen,
.contacts_page .textwhite{width:273px!important;padding: 0 0 0 3px;}
.right_div_full .form_but .close{display:none;}
.right_div_full .form_to .form_text {color:#000;}
.right_div_full .ttl{padding:15px 0 0;}
.right_div_full .intextcen, .contacts_page .intextcen{width:269px!important;}

.form_to table{width:320px;margin:0 auto;margin-top:4px;}
.form_to table td{padding:4px 0;}
.form_to .inwhite{margin:0;width:320px;margin:0 auto 8px auto;}
.form_to .inwhite input{width:99%;}
.form_but {float:right;margin-right:3px;margin-top:2px;}
.form_to .intextcen {width:319px;}
.form_to .intextcen textarea{height:104px;overflow:hidden;}
.form_to .textwhite{width:320px;margin:0 auto 0 auto;margin:0 auto 8px auto;}
.form_to .red{margin:-1px auto 7px auto;}
*html .form_to .inred{width:100px;}
*html .form_to .inred input{width:100px;position:absolute;z-index:15;}
.form_to .form_text{height:118px;font-size:13px;color:#fff;text-align:center;padding:60px 10px 0 10px;}

.formmail{position:relative;top:0;left:0;}
.formmail .form_to{position:relative;top:0;left:0;}
.formmail .form_ie6{top:0;left:0;}

/* for ie 6 */
*html .form_ie6{width:340px;height:220px;padding-top:8px;top:-40px;left:110px;position:absolute;background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/images/form.png');z-index:1;}
*html .form_to{background:none;}
*html .form_to .t1{background:none;}
*html .form_to .t2{background:none;border:1}

*html .formmail .form_to{position:relative;}

 /* dark disign */
.dark a,.dark .shorttext .right .h2,.dark .pr5p table th,.dark .workright .allproj{color:#fff;}
.dark .main{border-top:0;padding-top:14px;background:url(../images/black_topborder.gif) repeat-x top;}
.dark .footer,.dark .head .logotype,.dark .pr5p .h2,.dark .portfolio h2,.mainblock .portfolio .h2,
.dark .bllinks2 .catlinks,.dark .brif .tHead, .dark .clients span,.dark .b404,.dark .head .logotype p,
.dark .head .switch,.dark .shorttext .left .arhiv a,.dark .shorttext .right,.dark .pr5p table td,
.dark .ri5p,.dark .content,.dark .statusblock,.dark .workblock,.dark .portfolio,.dark .portfolio2,
.dark .brif,.dark .brif .buB,.dark .e4left,.dark .mainblock h1,.dark .content .h1,.dark .content .h2,
.dark .mainblock h2,.dark .bllinks2 .catlinks span,.dark .brif .tHead span, .dark .clients .foot_txt, .dark .foot_menu P A,
.dark .shorttext .left span, .dark .shorttext .right .h2, .dark .shorttext .right .h2 h1, .dark .ri5p .h2,
.dark .shorttext .left span a, .dark .pr5p strong, .dark .content .equipm A, .dark .catlinks {color:#fff;}
.dark .head .switch span a,.dark .bllinks .whimg a,
.dark .portfolio a,.dark .bllinks2 .whimg a,.dark .bllinks2 .catlinks a,
.dark .brif th span,.dark .brif .tHead a{color:#fff;}
.dark a:hover,.dark .active,.dark .whimg a:hover,.dark .bllinks2 .catlinks a:hover {color:#fff;}
.dark .menu .radias{background:url(../images/menu_cirkle-black.jpg) no-repeat right;color:#000;}
.dark .menu .radias a:hover{color:#000}
.dark .mainmenu_admin{background:#fff;}
.dark .mainmenu_admin td{color:#000;}
.dark .mainmenu_admin td a:hover{color:#000;}
.dark .ri5p .b2ok{background-image: url(../images/door-en.jpg);}
.dark .portfolio2 img{border:1px solid #181818;}

.dark .tfLeft_on{background:url(../images/img_larr_black_on.jpg) no-repeat;}
.dark .tfLeft_off{background:url(../images/img_larr_black_off.jpg) no-repeat;}
.dark .tfRight_on{background:url(../images/img_rarr_black_on.jpg) no-repeat;}
.dark .tfRight_off{background:url(../images/img_rarr_black_off.jpg) no-repeat;}
.foot_txt
{
	margin: 15px auto 0 auto;
	padding-left: 28px;
	text-align:left;
	color:#424548;
	font-size:13px;
	float: left;
	/*width: 822px;*/
	width: 798px;
}
.foot_txt P
{
	padding-bottom: 5px;
}
.foot_txt H1{font-size: 1.5em;}
.foot_txt H2{font-size: 1.3em;}

A.vkontakte{
	background:url(../images/vk.jpg) no-repeat;
	width: 88px;
	height: 15px;
	display: block;
	float: right;
}
A.vkontakte:hover{
	background:url(../images/vk.jpg) no-repeat;
	background-position: left -25px;
}
.white .facts{
	background:url(../images/facts_white.jpg) no-repeat;
	width: 500px;
	height: 504px;
}
.dark .facts{
	background:url(../images/facts_black.jpg) no-repeat;
	width: 500px;
	height: 504px;
}
.foot_menu{
	padding-top: 10px;
	border-top: 1px solid #4A3C31;
	width: 900px;
	overflow: hidden;
}
.foot_menu .box{
	width: 214px;
	padding: 0 15px 0 0;
	float: left;
	margin: 0;
}
.foot_menu .box LI{float:left;width:147px;margin-bottom:3px; list-style-type:none;font-size:14px;font-family: 'OfficinaSerifBookCRegular';}
.foot_menu .box A{padding:0px 4px 3px;font-size:14px;font-family: 'OfficinaSerifBookCRegular';}
.foot_menu .nopad{padding-right: 0!important;}
.foot_menu P{padding-bottom: 5px;}
.foot_menu P A{color: #010101;}
.foot_menu .last{float:right;width:180px;padding-right: 0;text-align: right;}
.foot_menu .last li{width:180px;float:right;}
.foot_menu .mark{background:url(../images/foot-li-last.jpg) no-repeat 118px 0;padding-left:20px;}

.foot_bg{/*background:url(../images/footer-bg.png) repeat-x center 0;*/height:400px;}
.foot_bg .girl{/*background:url(../images/girl.png) no-repeat 0 0;*/width:435px;height:365px;margin-left:50%;}
.img_1{background: #fff url(../images/img-1.jpg) no-repeat center 0;}
.img_2{background: #fff url(../images/img-2.jpg) no-repeat center 0;}
.img_3{background: #fff url(../images/img-3.jpg) no-repeat center 0;}
.img_4{background: #fff url(../images/img-4.jpg) no-repeat center 0;}
.img_5{background: #fff url(../images/img-5.jpg) no-repeat center 0;}

/* portf3im */
#slideCorrect{position:relative;width:980px;margin:0 auto 50px;height:226px;}
#sliderContainer{width:901px;height:246px;overflow:hidden;position:relative;left:41px;}
#sliderContainer #slider{width:90000px;position:relative;}
#sliderContainer .im3m{padding:0 0 13px 0px; /*NY background: url("/images/new-year/1.jpe") repeat-x scroll 0 bottom transparent;*/  border: 1px solid #fff;display:block;width:255px;float:left;margin:0 65px 0 0;position:relative;color:#000;text-decoration:none;font-size:18px;text-align:center;}
#sliderContainer .im3m:hover{color:#000;}
#sliderContainer .im3m img{border: 1px solid #fff;}
#sliderContainer .im3m img:hover{border: 1px solid #FFD100;}
#sliderContainer .arr{float:left;width:60px;padding-top:80px;text-align:center;}
#sliderContainer .im3m span{display:block;position:absolute;top:172px;left:0;height:20px;}
#sliderContainer .im3m span{padding:2px 5px;background-color:#ffd100;text-shadow: 1px 2px 1px #FFFFFF;}
#sliderContainer .im3m small{display:block;position:absolute;top:196px;left:0;}
#sliderContainer .im3m small{padding:0px 5px 2px 5px;font-size:12px;font-family:OfficinaSerifMediumCItalic;font-weight:normal;background-color:#ffd100;}
#btnLeft{position:absolute;left:3px;top:82px;}
#btnRight{position:absolute;right:5px;top:82px;}

*html #sliderContainer .im3m{margin-right:8px;}
*html #sliderContainer .im3m small{background:none;background-color:#6a881c;filter:alpha(opacity=85, enabled=1);}
*html #sliderContainer .im3m span{background:none;background-color:#6a881c;filter:alpha(opacity=85, enabled=1);}

/* portf3im */
.portf3im{width:930px;margin:0 auto;height:226px;}
.portf3im .tf3im{float:left;width:810px;height:226px;overflow:hidden;}
.portf3im .tf3im IMG{border:2px solid #dddddd;}
.portf3im .im3m{display:block;width:257px;float:left;margin:0 5px;position:relative;color:#fff;text-decoration:none;font-family:georgia;font-style:italic;font-size:16px;}
.portf3im .im3m:hover{color:#fff;}
.portf3im .arr{float:left;width:60px;padding-top:80px;text-align:center;}
.portf3im .im3m span{display:block;position:absolute;top:172px;left:0;height:20px;}
.portf3im .im3m span{padding:2px 5px;font-weight:bold;background:url(../images/proz.png) repeat;}
.portf3im .im3m small{display:block;position:absolute;top:196px;left:0;}
.portf3im .im3m small{padding:0px 5px 2px 5px;font-size:11px;font-weight:normal;background:url(../images/proz.png) repeat;}

*html .portf3im .im3m{margin:0 6px 0 3px;}
*html .portf3im .im3m small{background:none;background-color:#6a881c;filter:alpha(opacity=85, enabled=1);}
*html .portf3im .im3m span{background:none;background-color:#6a881c;filter:alpha(opacity=85, enabled=1);}

/* Whot we got? */
#scroller{position:relative;width:550px;height:254px;border:1px solid red;margin:0 auto;}
#sleft,#sright{position:absolute;width:42px;height:42px;top:110px;cursor:pointer;}
#sleft{left:0;background:url(http://socialpic.net/images/new/sleft.png) no-repeat 0 0; }
#sright{right:0;background:url(http://socialpic.net/images/new/sright.png) no-repeat 0 0; }

#inner{position:absolute;width:458px;height:252px;left:47px;overflow:hidden;border:1px solid red}
#inner div{width:5000px;position:relative;}
#inner p{background:#fff;display:block;float:left;margin:0 9px 0 0;}
#inner p span{display:block;padding:0 3px 3px 3px;background:#fff url(http://socialpic.net/images/new/slider_bottom.gif) no-repeat bottom center;text-align:center;}
#inner img {width:100px;}



.m_user_table{color:#424548;font-size:13px;}
.m_user_table th{text-align:right;padding-right:10px;font-weight:normal;line-height:16px;}
.m_user_table th small{font-size:11px;line-height:14px;}
.m_user_table th span{color:#d34e19;}
.m_user_table td{padding-bottom:10px;}
.m_user_table td input{width:270px;}
.m_user_table td .pkey{width:166px;}
.m_user_descsmall {font-size:11px;font-style:italic;}
.cs_color_error{color:red;}

/* icons */
.ico_1,.ico_2,.ico_3,.ico_4,.ico_5{background:transparent url(../images/icons/ico-top-1.png) no-repeat 0 0;padding: 2px 0 0 43px;height:45px;margin-top:30px;}
.ico_1 H1{background-color:#fee007;float:left;padding:1px 4px 0 6px;color:#000;}
.ico_2{background:transparent url(../images/icons/ico-top-3.png) no-repeat 0 0;padding: 2px 0 0 47px;height:37px;}
.ico_3{background:transparent url(../images/icons/reklama.png) no-repeat 0 0;padding: 10px 0 0 47px;height:37px;}
.ico_4{background:transparent url(../images/icons/seo.png) no-repeat 0 0;padding: 12px 0 0 55px;height:46px;}
.ico_5{background:transparent url(../images/icons/ico-top-1.png) no-repeat 0 0;padding: 7px 0 0 49px;height:37px;}
.ico_r_3{background:transparent url(../images/ico-r-3.png) no-repeat 0 0;padding: 12px 0 0 42px!important;height:30px;}
.ico_r_9{background:transparent url(../images/ico-r-9.jpg) no-repeat 0 0;padding: 0px 0 0 42px;height:18px;}
.ico_r_10{background:transparent url(../images/icons/ico-r-10.png) no-repeat 0 0;padding: 7px 0 0 56px !important;height:40px;}
.ico_r_17{background:transparent url(../images/ico-r-17.png) no-repeat 0 0;padding: 0px 0 0 42px!important;height:18px;}

.dark  .ico_1{background:transparent url(../images/ico-1-dark.jpg) no-repeat 0 0;}
.dark  .ico_2{background:transparent url(../images/ico-2-dark.jpg) no-repeat 0 0;}
.dark  .ico_3{background:transparent url(../images/ico-3-dark.jpg) no-repeat 0 0;}
.dark  .ico_4{background:transparent url(../images/ico-4-dark.jpg) no-repeat 0 0;}
.dark  .ico_5{background:transparent url(../images/ico-5-dark.jpg) no-repeat 0 0;}
.dark  .ico_r_3{background:transparent url(../images/ico-r-3-dark.jpg) no-repeat 0 0;}
.dark  .ico_r_9{background:transparent url(../images/ico-r-9-dark.jpg) no-repeat 0 0;}
.dark .ico_r_10{background:transparent url(../images/ico-r-10-dark.jpg) no-repeat 0 0;}
.dark .ico_r_17{background:transparent url(../images/ico-r-17-dark.jpg) no-repeat 0 0;}

#var{background-color:#fff8c4;float:left;width:848px;padding: 15px 0 30px;}
.dark #var .foot_txt{color:#000;}
#var .foot_txt{margin:0;}
.highslide-header UL{margin:0;padding:0;}
.highslide-header UL LI{display:inline;}
.highslide-header UL LI A{display:inline;font-size:10px;background-color:#000;color:#FEE007!important;padding: 0 3px;cursor: pointer;}

.readadd, .readtags {margin-top:10px;}
.readadd h2, .readtags span{font-size:16px;padding:0 0 12px 0;font-family:trebuchet ms;font-style:normal;}
.readtags {border-bottom:1px solid #575757;margin-bottom: 20px;overflow: hidden;}
.readtags span{float:left;padding-right:5px;}
.readadd h3{font-size:14px;padding:0 0 2px 0;font-family:trebuchet ms;font-style:normal;font-weight:normal;}
.readadd h3 a{text-decoration:underline;}
/* @end */

/* @group plugin */



/* @end */

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/

#scroll-area {
	display: block;
	position: relative;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-family:trebuchet ms;
	color:#757474;
	font-size:12px;
	overflow:hidden;
}
#scroll-area h2{color:#757474;font-size:18px;font-weight:normal;font-family:'OfficinaSerifMediumCRegular',trebuchet ms;}
#scroll-area .txtmenu{width:1000px;}
#scroll-area .txtmenu li{float:left;padding-right:70px;}
#scroll-area .txtmenu li a{color:#757474;font-family:trebuchet ms;cursor:pointer;text-decoration:underline;}
#scroll-area .txtmenu li a:hover, #scroll-area .txtmenu li .act{text-decoration:none;}

.scrollable {
    position:relative;
    overflow:hidden;
	width: 825px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	height: 350px;

}

.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
	left:0;
}

.items div {
	width: 825px;
	float: left;
	text-align: justify;
}
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}
a.browse {
    display: inline-block;
    width: 53px;
    height: 53px;
    cursor:pointer;
    font-size:1px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-top: 80px;
	vertical-align: top;
}

/* right */
a.right{clear:right;background: url(../images/nex-prew.jpg) no-repeat right 0;float:right;}

/* left */
a.left{ margin-left:0px;background: url(../images/nex-prew.jpg) no-repeat 0 -57px;margin-right: 5px;display:none;}
/* disabled navigational button */
a.disabled {visibility:hidden !important; }

.scrollable .items .formmail{width: 340px;margin: 20px 0 0 400px;float: none;}
.scrollable .items .formmail div, .scrollable .items .lft_item div{width:auto;float: none;}
.scrollable .items .formmail .form_to{width: 340px;}
.scrollable .items .formmail .form_to .inwhite, .scrollable .items .formmail .form_to .textwhite, .scrollable .items .formmail .form_to .intextcen{width: 320px;}
.scrollable .items .formmail .intexttop{width:100%;}
.scrollable .items .formmail .form_but {float:right;}

.scrollable .items .lft_item{float:left;width:300px;padding-top:30px;font-size: 13px;}
.scrollable .items .lft_item .title{color: #757474;font-size: 18px;font-weight: normal;font-family: 'OfficinaSerifMediumCRegular',trebuchet ms;}
.scrollable .items .lft_item .right_txt p{
    background-color: black;
    color: #FEE007;
    margin-bottom: 5px;
    padding: 5px 0 3px 5px;
    font-size: 14px;
}
.scrollable .items .lft_item .right_txt ul{padding: 0 0 12px 5px;}
.scrollable .items .lft_item .right_txt ul li{list-style: disc inside none;margin-bottom: 2px;}

.social{float:right;width:280px;text-align:left;margin:10px 0 10px;padding:10px 0 0;border-top:1px solid #575757;overflow: hidden;}
.social LI{display:inline;float:right;margin:0 0px 20px 0px;}
.content .social{width:auto;border:none;float:left;overflow: visible;}
.content .social li{float:left;margin-right:10px;}

.both{clear:both;}
.rightmenu .contacts, .workright .contacts{padding:0;margin-top:33px;}
.rightmenu .contacts LI, .workright .contacts LI{display:block;list-style-type:none;text-align:left;margin-bottom:10px;}

/* form fix 02.05.2011 vovko */
.show_form {cursor:pointer;font-size:12pt; border-bottom:2px dashed yellow;}
.artjoker .formmail {display:none;position:absolute;top:20px;left:-130px;z-index:10;}
.last_blog {margin-top:30px;text-align:center;list-style-type:none;width:140px; float:right}
.last_blog li {margin-bottom:20px;}
.last_blog a, .last_blog span, .last_blog img{display:block;font-family:trebuchet ms;}
.artjoker {position:relative;}
/* fix end */

/*страница отзывы*/
 ul.artjoker_requests li{float:left; margin: 15px;}
 ul.artjoker_requests li a{display:block; border:5px solid #b7b7b7;}
 ul.artjoker_requests li a:hover{display:block; border:5px solid #FFD800;}
/*поиск тегов*/
.artjoker_taglist li blockquote { margin:10px;font-style:italic;color:gray;}
.artjoker_taglist li span { float:right;}
/*facebook content*/
.cont_face {margin-top:60px; float:right;width: 280px;font-size:13px;color:#424548;background-color: #FFFFFF;}
.cont_face .soc_hold{width:232px;margin-left:20px;overflow:hidden;height:232px;}
.cont_face .soc_hold  iframe{margin:-1px 0 0 -1px;}
.cont_face .h2, .shorttext .right .h2 H1{padding-bottom:5px;font-family:georgia;font-style:italic;font-size:27px;color:#000;}
A.yel, STRONG.yel, .dark A.yel, .dark STRONG.yel{background-color: #fcde07;padding:0px 2px;font-weight:bold;color:#000;}
A:hover.yel, STRONG.yel, .dark A:hover.yel, .dark STRONG.yel{color:#000;}
/* облако тегов */
.artjoker_cloud { margin-top: 27px;width:100%;text-align:justify;}
.artjoker_cloud li {float:right; margin-right:5px; line-height:40px;}
.artjoker_cloud li a{font-family:'trebuchet ms';}
.artjoker_blog_taglist {margin-top: 2px;}
.artjoker_blog_taglist li {float:left; margin-right:10px;}
/*с нами выгодно дружить кнопка на главной*/
.friend{background-color: #FFD800; color:#000000; padding: 13px 12px 20px; font-size:19px;}
.in_friend{border-bottom:1px solid #ffffff; padding-bottom: 7px;}
.friend a{font-weight: normal; color: #000000; display: block; font-size: 18px; padding-bottom: 3px; text-shadow: 1px 2px 1px #FFFFFF;}
.friend h2{font-weight: normal; color: #000000; display: block; font-size: 18px; padding-bottom: 3px; text-shadow: 1px 2px 1px #FFFFFF;}

#___plusone_0{width:74px!important;margin-right:4px;}

.contacts_page{width:900px;position:relative;}
.contacts_page .formmail{
	left: 620px;
    position: absolute;
    top: 287px;
}
.contacts_page .form_to .t1{padding-bottom:11px;}
/*новый блог*/
.blog-new h2{border-bottom:none; margin-bottom:10px;}
.blog-new h2 a{font:24px OfficinaSerifMediumCItalic;}
.blog-new .intro{border-bottom:none; margin-bottom:30px;}
.blog-new .about-bl{font-size:10px;}
.blog-new .nav_active{background:#e1e1e1; padding:3px 10px; border:1px solid #cfcfcf; margin:0 1px; font:bold 12px Trebuchet MS; color:#666;}
.blog-new .navigation{width:450px; margin:0 auto;}
.blog-new .navigation a{padding:3px 10px; border:1px solid #cfcfcf; text-decoration:none; margin:0 1px; font:normal 12px Trebuchet MS; color:#666;}
.blog-new .go-prev, .blog-new .go-next{margin:0 7px!important; background:#cfcfcf;}
.blog-soc_holdg{background:#fff; margin:30px 0 0 0; border:1px solid #b2b2ca;}
.blog-soc_holdg .soc_hold{margin-left:10px;}
.blog-search input{border-radius:5px; margin:0 7px 0 0; padding:2px; float: left;}
.blog-search .sbm-blog{ height:27px; border:none; width:75px; padding:0;  background:url("/images/content/image/blog/test/search-blog.png") no-repeat transparent;}
.blog-search .sbm-blog:hover{cursor:pointer;}
.blog-arhiv{width:180px;}
.blog-arhiv select{width:180px; font:14px Trebuchet MS; color:#666666;}
.blog-arhiv-title{font:18px Trebuchet MS; color:#000; float:right; padding:0 0 3px 0;}
/*новый блог*/
.reviews {margin-left:-21px;}
.reviews li{height:100px; overflow:hidden; padding:12px; float:left; width:270px; background:#ffd800; margin:0 0px 21px 21px;}
.reviews li .reviews-img{display:block; float:left; width:100px; height:100px; margin-right:15px;}
.reviews li p{padding:0;}
.reviews-up {background:url('/images/content/image/blog/test/otz.png') no-repeat transparent; padding:3px 0 0 35px!important; height:31px; margin:3px 0;}
.reviews li.no-reviews{background:#fae67a!important;}
.reviews-right {width:155px; float:left;}
.reviews-title{font-size:16px;}


.table-we{width:100%;}
.table-we td{width:33%; text-align:center; padding:0px 5px 0px;}
.table-we td img{margin:5px 0;}
.table-we .link-face{margin:0 auto 10px; background:url('/images/content/image/we/sotrudniki/we-sprite.jpg') no-repeat transparent; display:block; width:148px; height:225px;}

.table-we .roman{background-position:-311px 0;}
.table-we .roman:hover{background-position:-312px -229px;}

.table-we .anton{background-position:-620px 0;}
.table-we .anton:hover{background-position:-620px -229px;}

.table-we .elena{background-position:-155px -462px;}
.table-we .elena:hover{background-position:-155px -692px;}

.table-we .natalia{background:url('/images/content/image/we/sotrudniki/natalia.jpg') no-repeat transparent;}
.table-we .natalia:hover{background-position:0 -229px;}
.table-we .alena{background-position:-1px -462px;}
.table-we .alena:hover{background-position:0 -692px;}

.table-we .lesha{background-position:-933px 0;}
.table-we .lesha:hover{background-position:-933px -229px;}

.table-we .nastya{background-position:-776px -462px;}
.table-we .nastya:hover{background-position:-776px -692px;}

.table-we .vova{background-position:0 0;}
.table-we .vova:hover{background-position:0 -229px;}

.table-we .katya{background-position:-466px -462px;}
.table-we .katya:hover{background-position:-466px -692px;}

.table-we .sasha{background-position:-156px 0;}
.table-we .sasha:hover{background-position:-157px -229px;}

.table-we .natasha{background-position:-932px -462px;}
.table-we .natasha:hover{background-position:-932px -692px;}

.table-we .lena{background-position:-620px -462px;}
.table-we .lena:hover{background-position:-620px -692px;}

.table-we .jenya{background-position:-311px -462px;}
.table-we .jenya:hover{background-position:-312px -692px;}

.table-we .dima{background-position:-777px 0;}
.table-we .dima:hover{background-position:-776px -229px;}

.table-we .alexandr{background-position:-466px 0;}
.table-we .alexandr:hover{background-position:-467px -229px;}
.table-we .deviz{font-style:italic; line-height:1.2; font-size:12px;}

/* blod date 25.10.2011 11:28:55 by kharkiv.adminko*/
.blog_pubdate {
   font-weight: bold;
   margin-bottom: 20px;
   border-bottom: 1px solid #575757;
   padding-bottom: 20px;
   text-align:right;
}
.blog_pubdate .social {
   padding:0px;
   margin:0px;
}

/*SHOP PAGE*/
.shop{width: 900px; padding: 0;}
.shop .ri5p{float:none;width:auto;margin-bottom: 10px;}
.shop .ri5p h1{
    border-bottom: medium none;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 12px;
    font-size:22px;
}
.shop .ri5p .title{margin:0 285px 0 0;}
.shop .ri5p .holder{padding:7px 45px 9px;overflow: hidden;}
.shop .marg_negative{margin-left:-18px;}
.btn_gray{
    background-color: #EFEFEF;
    border-bottom: 1px solid #646464;
    border-top: 1px solid #F6F6F6;
    border-right: 1px solid #9D9B8F;
    display: block;
    font-family: 'OfficinaSerifMediumCRegular',trebuchet ms!important;
    font-size: 18px;
    font-weight: normal;
    padding: 15px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
    line-height:1;
}
.shop .btn_gray{background: #EFEFEF url(/templates/images/icons/8.png) no-repeat 20px 2px;padding: 15px 20px 10px 65px;}
.bllinks2 .btn_gray{background: #EFEFEF url(/templates/images/icons/8.png) no-repeat 0 2px;padding: 15px 0px 10px 35px;}
.shop .btn_gray{float:right;}
.shop .shop-icon1, .shop .shop-icon2, .shop .shop-icon3, .shop .shop-icon4{
    background: url(/templates/images/sprite-shop.png) no-repeat 0 0;
    width:40px;
    height:51px;
    display:block;
    position: absolute;
    top: 15px;
}
.shop .shop-icon1{background: url(../images/icons/3.png) no-repeat 0px 0px;}
.shop .shop-icon2{/*background-position: -59px 0px;*/background: url(../images/icons/2.png) no-repeat 0px 0px;height:54px;}
.shop .shop-icon3{/*background-position: 0px -80px;*/width:45px;background: url(../images/icons/4.png) no-repeat 0px 0px;}
.shop .shop-icon4{/*background-position: -59px -68px;*/height:63px;width:42px;background: url(../images/icons/5.png) no-repeat -7px 0px;}
.shop .pr5p {float:none;width:925px;overflow:hidden;margin: 0px 0 10px -25px;}
.shop .pr5p ul{width:990px;}
.shop .pr5p ul li ul {width:auto;}
.shop .pr5p ul li{
    position: relative;
    float: left;
    height: auto;
    list-style-type: none;
    padding: 10px 57px 0 0;
    width: 435px;
    margin-bottom:10px;
    line-height:1.2;
}
.shop .pr5p ul li li {
    float: none;
    height: auto;
    list-style-type: inherit;
    margin-bottom: 5px;
    padding: 0;
    width: auto;
}
.shop .pr5p .ttl {font-weight:normal;font-family:'OfficinaSerifMediumCRegular',trebuchet ms;font-size: 16px;}
.shop .pr5p .ttl strong{font-weight:normal!important;}
.shop .ttl_gray{padding: 7px 0;margin-bottom:30px;text-align:center;background-color:#cecece;font-family: 'OfficinaSerifMediumCItalic';font-size:18px;}
.shop #slideCorrect{margin: 0 0 50px -41px;line-height:1;}
.shop #slideCorrect a, .shop .stext, .shop .stext a, .shop .clients{font-family:'OfficinaSerifMediumCRegular',trebuchet ms;}
.shop #scroll-area h2, .yellow_brif h2{border:none;}
.shop #scroll-area, .yellow_brif #scroll-area{line-height:1.2;}
.yellow_brif{position:relative;margin-top: 2px;}
.yellow_brif .inbrif{ margin: -13px auto 0;width: 500px;}
.yellow_brif .catlinks .bg {text-align: left;font-family: 'OfficinaSerifMediumCItalic';padding: 13px 20px 10px 45px;font-size:22px;color:#000;background-color: #fde45b; width: 500px;}
.yellow_brif .brif{background-color: #fde45b;}
.yellow_brif .brif th{width: 225px;}
.yellow_brif .catlinks .act {
    background: url("../images/yellow-ugl.jpg") no-repeat scroll 0 0 transparent;
    float: none;
    font-family: 'OfficinaSerifMediumCItalic';
    font-size: 18px;
    padding: 0px 0 0px 8px;
    color:#000;
    left: -58px;
    position: relative;
    top: -16px;
    width:8px;
    height:10px;
}
.yellow_brif span{margin:0;color:#000;}
.yellow_brif .buB {
	position: absolute;
	top: 25px;
	left: 0px;
	background: url("../images/prew-bg.png") no-repeat  0 5px transparent;
	padding-left: 22px;
}
.yellow_brif .brif{color:#000;margin-bottom:15px;font-size: 14px;padding: 20px 0 20px;}
.yellow_brif .brif .radio td {font-size: 12px;}
.white_bg .hold{height:20px;}
.yellow_brif #scroll-area{padding-bottom: 10px;}
.yellow_brif .right_txt{float: right;padding-top: 23px;width: 245px;font-size: 13px;}
.yellow_brif .right_txt p{ 
    background-color: #000000;
    color: #FEE007;
    margin-bottom: 5px;
    padding: 5px 0 3px 5px;
    font-size: 14px;
}
.yellow_brif .right_txt ul{padding:0 0 12px 5px;}
.yellow_brif .right_txt li{list-style:disc inside none;margin-bottom: 7px;}
.yellow_brif .brif .buA {font-size: 16px;padding: 5px 16px 6px;}
.yellow_brif .err{padding-left:234px;}

.iconweb{background: transparent url(../images/icons/1.png) no-repeat 10px 7px;}
.iconconf{background: transparent url(../images/icons/6.png) no-repeat 0 center;padding-left: 38px!important;display: block;}
.iconphone_sm, .iconcalc_sm, .iconvstr_sm{
    background: transparent url(../images/icons/7-sm.png) no-repeat 0px 0;
    list-style: none!important;
    padding-left: 30px;
    height: 28px;
    line-height: 1;
}
.iconphone_sm{padding-top:3px;height:25px;}
.iconcalc_sm{padding-top:5px;height:23px;}
.iconcalc_sm{background:url(../images/icons/8-sm.png) no-repeat 0px 0;}
.iconvstr_sm{background:url(../images/icons/9-sm.png) no-repeat 0px 1px;}