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

/* @group global */

.clearfix {
	clear: both;
}

html,body{width:100%;height:100%;margin:0;padding:0;}
body{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;}
a:hover,.active{color:#b4b4b4;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{border-top:13px solid #000;min-height:80%;}
/*.white{background:#EEEEEE url(../images/bg.gif) repeat-x scroll left top;}*/
.white{background:#fff url(../images/.gif) repeat-x scroll left top;}
.dark{background:none;background-color:#000;color:#fff;}

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

/* head */
.head{width:798px;height:130px;margin:0 auto;overflow:hidden;}
.head .logotype{float:left;width:500px;padding-top:23px;font-size:18px;color:#000000;}
.head .logotype A{outline: none;}
.head .logoimg{display:block;float:left;margin-right:16px;padding-top:5px;padding-bottom:10px;}
.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:12px;color:#424548;}
.head .switch span{display:block;padding-top:4px;text-align:right;}
.head .switch a{color:#fee007;}
.head .switch span a{color:#1c0a03;}

/* menu */ 
.menu{width:798px;height:65px;margin:0 auto;font-size:14px;}
.menu .links{float:left;margin-top:20px;}
.menu .links a{margin-right:69px;padding:2px 2px 5px;}
.menu .links SPAN{margin-right:42px;color:#000;background-color:#fee007;padding:2px 2px 5px;}
.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:790px;margin:0 auto;margin-top:24px;}
.shorttext .left{float:left;width:532px;padding-top:18px;overflow:hidden;}
.shorttext .stext{//border-top:1px solid #f2f3f3;}
.shorttext .left span{display:block;float:left;width:256px;margin-right:10px;color:#424548;font-size:11px;height:65px;}
.shorttext .left span a{font-size:13px;color:#424548;}
.shorttext .left .arhiv{text-align:right;padding:45px 25px 0 0;display:block;clear:both;}
.shorttext .left .arhiv a{font-size:11px;color:#424548;}
.shorttext .right{float:right;width:256px;font-size:13px;color:#424548;}
.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:940px;margin:0 auto;margin-top:4px;}
.pr5p{float:left;width:300px;padding:0px 0 0 35px;}
.pr5p .h2{margin-left:74px;font-family:georgia;font-style:italic;font-size:26px;line-height:31px;font-weight:100;color:#000;}
.pr5p table{width:100%;margin-top:0px;}
.pr5p table th{width:68px;padding:0 6px 0px 0;font-family:georgia;font-size:10px;font-weight:normal;text-align:right;line-height:40px;color:#95ba32;}
.pr5p table td{padding-top:7px;font-size:13px;color:#424548;}
.pr5p strong{font-size:18px;color:#000;}
.pr5p P{padding-bottom:5px;}
.pr5p .ln TD,.pr5p .ln TH{padding:0;height:18px; line-height:1; font-size:0;}

.ri5p{float:left;width:502px;padding:17px 0px 0 8px;font-size:13px;color:#424548;}
.ri5p td{vertical-align:middle;} 
.ri5p p{padding:5px 0 10px 0;} 
.ri5p .h2{font-family:georgia;font-style:italic;font-size:26px;color:#000;font-weight:bold;}
.ri5p .b1ok{padding-bottom:15px;position:relative;}
.ri5p .b2ok{background:url(../images/door.png) bottom right no-repeat; padding-right: 40px; min-height: 215px; _height: auto!important; _height: 215px;}
.ri5p .b1ok a:hover{text-decoration:none;}
.dark .ri5p .b1ok a:hover{text-decoration:none;}

/* mainblock */
.mainblock{width:798px;margin:0 auto;padding:14px 0 0 0;text-align:left;}
.mainblock h1,.content .h1,.content .h2,
.mainblock h2{padding:0 0 6px 0;font-family:georgia;font-style:italic;font-size:36px;color:#272727;}

/* mainblock - content */ 
.content{float:left;width:600px;padding:0 40px 10px 40px;color:#424548;}
.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:#272727;padding:1px 6px 0 6px;font-size:14px;font-family:"Trebuchet MS"; float:left; margin-top:2px;}
.title{padding-left: 40px;}
.content .equipm A{color:#2e2d26; font-weight:bold;font-size:12px;}
.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{font-size:12px;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;}
.rightmenu{float:right;font-size:12px;margin-top:0px;width:115px;text-align:right;}
.rightmenu a{white-space:none;line-height:24px;float:right;margin-bottom:10px;}

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

/* mainblock - status */
.statusblock{padding:0 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;}
.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;}

/* mainblock - portfolio_work */
.workblock{float:left;width:570px;color:#424548;}
.workblock img{margin-bottom:5px;}
.worksite{font-size:18px;padding:12px 0 6px 0;}
.worksite a{font-weight:bold;}
.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:210px;font-size:12px;padding-top:20px; text-align:right;}
.workright .path{color:#65686a;font-weight:bold;padding-bottom:35px;}
.workright .path a{color:#65686a;}
.workright .path span{color:#b4b4b4;}
.workright .editor{color:#a5a5a5;padding-bottom:30px;}
.workright .editor .h3{font-family:georgia;font-size:18px;font-style:italic;color:#FEE007;background-color:#000;float:right;padding:0 3px;}
.dark .workright .editor .h3{color:#000;background-color:#FEE007;}
.workright .allproj {color:#95ba32;}
.workright .allproj span{display:block;padding-bottom:5px;font-weight:bold;color:#65686a;}

/* 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%;padding-top:22px;}
.bllinks2 td{vertical-align:bottom;}
.bllinks2 .yearlinks{padding-bottom:4px;width:173px;}
.bllinks2 .yearlinks a{margin-right:12px;float:left;}
.bllinks2 .nolink{color:#b4b4b4;}
.bllinks2 .whimg{text-align:right;padding-bottom:4px;}
.bllinks2 .whimg a{color:#000;}

.catlinks{text-align:center;font-family:georgia;font-style:italic;font-size:26px;color:#000;}
.catlinks span{color:#000;}
.catlinks a{font-size:26px;margin-right:3px;font-weight:normal;color:#000;}

.portfolio2{width:100%;font-size:13px;color:#424548;margin-top:22px; margin-bottom:80px;}
.portfolio2 td{width:33%;}
.portfolio2 span{display:block;font-size:11px;}
.portfolio2 a{outline:none; text-decoration:none;}
.dark .portfolio2 a{color:#000;}
.portfolio2 a:hover, .dark .portfolio2 a:hover{color:#000;}
.portfolio2 img{margin-bottom:14px;border:1px solid #dedede;}
.portfolio2 .blwork{height:240px;width:258px;overflow:hidden;}
.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{display:block;float:left;font-family:georgia;font-size:13px;font-style:italic;height:16px;margin-top:-65px;
overflow:hidden;position:relative;} 
.portfolio2 span{padding:2px 5px;font-weight:bold;background-color:#fcde07;fonr-weight:bold;} 
.portfolio2 small{color:#000000;display:block;float:left;font-family:georgia;font-size:11px;font-style:italic;
margin-top:-45px;position:relative;}
.portfolio2 small{padding:2px 5px 2px 5px;font-size:11px;font-weight:normal;background-color:#fcde07;} 


/* mainblock - brif_logo */ 
.brif{color:#424548;font-size:13px;}
.brif th{text-align:right;padding-right:10px;font-weight:normal;line-height:16px;}
.brif th small{font-size:11px;line-height:14px;}
.brif th span{color:#d34e19;}
.brif td{padding-bottom:10px;} 
.brif td input{width:270px;} 
.brif td textarea{width:270px;height:67px;overflow:auto;} 
.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;//width:274px;}  
.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%;//width:98%;}
.brif .butt{text-align:right;width:270px;//width:272px;} 
.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-size:26px;font-family:georgia;font-style:italic;color:#000;}
.brif .tHead span{color:#000;}
.brif .tHead a{font-size:18px;color:#000;}
.brif .h2{vertical-align:bottom;font-size:36px;font-weight:bold;padding:0 85px 26px 90px;}
.brif .links{vertical-align:bottom;padding-bottom:26px;font-weight:bold;}

/* clients */
.clients{width:850px;margin:15px auto 0 auto;overflow:hidden;}
.clients span{display:block;padding-left:28px;font-family:georgia;font-style:italic;font-size:26px;color:#000;}
.clients .brends{height:53px;margin-top:6px;padding:14px 0 14px 21px;text-align:center;background:#fee007;}
.clients .brends a{display:block;float:left;margin:0 8px;}
*html .clients .brends{padding-left:15px;}
  
/* footer */
.foot_line{border-bottom:20px solid #fee007;}
.footer{width:798px;height:200px;margin:0 auto;font-size:11px;color:#010101;padding-top:30px;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;}
.footer .copyright{float:right;margin-top:32px;}

/* 404 */
.e4{height:110px;}
.er404{height:97%;}
.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:right;width:200px;font-size:14px;line-height:21px;}

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


.navigation{padding-top:5px;text-align:center;position:relative;font-size:14px;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:53px;height:53px;cursor:pointer;background:url(../images/img_larr_on.jpg) no-repeat;}
.tfLeft_off{display:block;width:53px;height:53px;background:url(../images/img_larr_off.jpg) no-repeat;}
.tfRight_on{display:block;width:53px;height:53px;cursor:pointer;background:url(../images/img_rarr_on.jpg) no-repeat;}
.tfRight_off{display:block;width:53px;height:53px;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;}

/* 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  {//background:url(../images/form.png) left top no-repeat;}
.form_to .t1{//background:none;}
.form_to .t2{//background:none;}

.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 .shorttext .stext{//border-top:1px solid #000;}

.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: 20px;
	border-top: 5px solid #4A3C31;
	width: 812px;
	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;}
.foot_menu .box A{padding:0px 4px 3px;font-family: Arial, Helvetica, sans-serif;}
.foot_menu .nopad{
	padding-right: 0!important;
}
.foot_menu P{
	padding-bottom: 5px;
}
.foot_menu P A{
	color: #010101;
}

/* portf3im */
#slideCorrect{position:relative;width:930px;margin:0 auto;height:226px;}
#sliderContainer{width:794px;height:226px;overflow:hidden;position:relative;left:65px;} 
#sliderContainer #slider{width:90000px;position:relative;}
#sliderContainer #slider IMG{border:2px solid #dddddd;}
#sliderContainer .im3m{display:block;width:257px;float:left;margin:0 10px 0 0;position:relative;color:#000;text-decoration:none;font-family:georgia;font-style:italic;font-size:16px;}
#sliderContainer .im3m:hover{color:#000;}
#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;font-weight:bold;background-color:#fcde07;fonr-weight:bold;} 
#sliderContainer .im3m small{display:block;position:absolute;top:196px;left:0;}
#sliderContainer .im3m small{padding:0px 5px 2px 5px;font-size:11px;font-weight:normal;background-color:#fcde07;} 
#btnLeft{position:absolute;left:3px;top:82px;}
#btnRight{position:absolute;right:7px;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/ico-1.jpg) 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/ico-2.jpg) no-repeat 0 0;padding: 2px 0 0 47px;height:37px;}
.ico_2 H2, .ico_3 H2,.ico_4 H2,.ico_5 H2{background-color:#fee007;float:left;padding:1px 4px 0 6px;color:#000;}
.ico_3{background:transparent url(../images/ico-3.jpg) no-repeat 0 0;padding: 10px 0 0 47px;height:37px;}
.ico_4{background:transparent url(../images/ico-4.jpg) no-repeat 0 0;padding: 13px 0 0 112px;height:46px;}
.ico_5{background:transparent url(../images/ico-5.jpg) no-repeat 0 0;padding: 7px 0 0 49px;height:37px;}
.ico_r_3{background:transparent url(../images/ico-r-3.jpg) no-repeat 0 0;padding: 0px 0 0 42px;height:34px;}
.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/ico-r-10.jpg) no-repeat 0 0;padding: 0px 0 0 22px;height:27px;}
.ico_r_17{background:transparent url(../images/ico-r-17.jpg) no-repeat 0 0;padding: 0px 0 0 42px;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;}

/* @end */

/* @group plugin */



/* @end */

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

#scroll-area {
	display: block;
	position: relative;
	width: 922px;
	margin-right: auto;
	margin-left: auto;
}

.scrollable {
    position:relative;
    overflow:hidden;

    
    background:url(/img/global/gradient/h300.png) repeat-x;
	width: 798px;
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	height: 410px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
	width: 798px;
	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-image: url(../images/img_rarr_on.jpg);
	margin-left: 5px;
} 


/* left */
a.left              { margin-left: 0px;
	background-image: url(../images/img_larr_on.jpg);
	margin-right: 5px;
} 


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
}