@charset "UTF-8";
/* CSS Document */
/* Copyright © 2010-2011 «Success-Art» */

/*shablon*/

* {
	margin:0;
	padding:0;
	font-size:100.01%;
	zoom:1;
	}
	
strong {font-weight:500;}	
	
body {
	background:url(/tools/i/bb.gif);
	font-family:Verdana, Geneva, sans-serif;
	min-width:980px;
	//min-width:1080px;
	}

img {
	border:none;
	}
	
.wrap {
	width:100%;
	border:none;
	border-collapse:collapse;
	}

.line {
	line-height:0;
	font-size:0;
	height:1px;
	background-color:#fff;
	}

.padding {
	width:3%;
	}

.main {
	width:94%;
	}

/*Menu*/
#menuitems {margin-top:20px; border-collapse:separate; margin-bottom:20px; width:94%; margin-left:3%;}

#logowrap {position:relative; width:176px; height:50px;}
#logowrap #jumplogob {position:absolute; width:176px; height:50px; left:0; top:0;}
#logowrap #jumplogosh {position: absolute; right:0; top:6px;}



#logo {width:20%; vertical-align:top;}
#menuwrap {width:55%; vertical-align:top;}
#contacts {width:25%;}

#menu {border-collapse:separate; width:80%; font-size:0.8em; color:#6c3;}
#menu tr td {vertical-align:text-top;}

#menu a {margin-right:1%;}
#menu a:link {color:#000;}
#menu a:visited {color:#000;}
#menu a:hover {color:#6c3;}


#menu tr td div.menulink {position:relative; font-size:1.0em;}
#menu tr td div.menuarrow {position:relative; margin-top:5px; margin-bottom:5px;}
#menu tr td div.submenu {position:relative; font-size:0.8em; color:#6c3;}
#menu tr td div.submenuitem {position:absolute; white-space:nowrap;}

#menu #mabout {width:19%;}
#menu #mnews {width:14%;}
#menu #mprojects {width:14%;}
#menu #mclients {width:14%;}
#menu #mbtl {width:6%;}

/*new_edit_menu*/
#menu span {/*background:#effaea;*/ background:#000; font-size:2.0em; line-height:2.0em; padding:1px;}
#menu span i {}

#menu span i {background:url(/tools/i/shtl.png) top left no-repeat;}
#menu span i i {background:url(/tools/i/shtr.png) top right no-repeat;}
#menu span i i i {background:url(/tools/i/shbl.png) bottom left no-repeat;}
#menu span i i i i {background:url(/tools/i/shbr.png) bottom right no-repeat;}
#menu span i i i i i {font-style:normal; font-size:0.5em; line-height:1.0em;}
/*new_edit_menu*/

#menu tr td div.menulink div {background:#000; width:auto; height:2.0em;}




#submenu {border-collapse:separate; width:70%; font-size:0.6em; color:#6c3; margin-top:10px;}
#submenu tr td {vertical-align:text-top;}



#submenu a {}
#submenu a:link {color:#000;}
#submenu a:visited {color:#000;}
#submenu a:hover {color:#6c3;}

#phonenumber {font-size:1.6em; vertical-align:top; line-height:1.0em; text-align:left; width:220px;}
#phonenumber span {color:#999; font-size:0.4em; line-height:0.8em; vertical-align:top; //height:0.4em; //line-height:1.6em;}

#contactslink {font-size:0.6em; padding-top:10px; text-align:left; width:220px; color:#999;}

#contactslink a:link {text-decoration:none; border-bottom:1px #6c3 dashed;}
#contactslink a:link {color:#6c3;}
#contactslink a:visited {color:#6c3; border-bottom:1px #6c3 dashed;}
#contactslink a:hover {color:#f93; border-bottom:1px #f93 dashed;}

div#bigcontacts {position:absolute; display:none; font-size:1.0em;}


/*Works*/
#works {margin-top:50px; margin-bottom:50px; font-size:0.8em;}
#works tr td {text-align:center; vertical-align:top;}
#works a:link {color:#6c3;}
#works a:visited {color:#99c;}
#works a:hover {color:#f93;}

.neww {margin-bottom:3em; padding-bottom:0; font-weight:500; font-size:1.0em; color:#000;}
.neww span {font-size:0.8em; color:#ccc; font-style:italic;}

#workslist {font-size:0.8em; background:#effaea; margin-left:0; margin-right:0; /*border:1px #ccc dashed;*/ color:#000;}
#workslist a:link {color:#6c3;}
#workslist a:visited {color:#6c3;}
#workslist a:hover {color:#f93;} 
#workslist b {font-weight:500; color:#000;}

#workslist .wtl {background:url(/tools/i/shtl.png) top left no-repeat;}
#workslist .wtr {background:url(/tools/i/shtr.png) top right no-repeat;}
#workslist .wbl {background:url(/tools/i/shbl.png) bottom left no-repeat;}
#workslist .wbr {background:url(/tools/i/shbr.png) bottom right no-repeat;}
#workslist .wlcont {padding:10px;}
#workslist .wlcont span {font-size:0.8em; font-style:italic; padding-left:0.5em; padding-right:1.0em;}

.workslpadd td {/*padding-bottom:4.0em;*/}

.indexworkdash {border-right:1px #ccc dashed;}

/*News*/
#news  {margin-bottom:80px; margin-top:80px;}

.new  {width:90%; font-size:0.7em; line-height:1.4em; margin-bottom:15px; padding:5px;}
/*.new a:link {color:#6c3;}
.new a:visited {color:#666;}
.new a:hover {color:#000;}*/
.new:hover {background:#effaea;}

#rsslink {font-size:0.6em; margin-top:30px;}
#rsslink span {background:#FC0; padding:5px; margin-right:10px;}
#rsslink span#rss a:link {color:#FFF;}
#rsslink span#rss a:visited {color:#FFF;}
#rsslink span#rss a:hover {color:#000;}

#rsslink span#tweet {background:none; padding-left:10px;}
#rsslink span#tweet img {position:relative; top:4px; z-index:89;}


.newh {margin-bottom:10px; font-weight:500; font-size:0.8em; font-weight:600;}
.newh a:link {color:#6c3;}
.newh a:visited {color:#6c3;}
.newh a:hover {color:#f93;}

/*Footer*/
#footer {font-size:0.6em; margin-top:10px; margin-bottom:60px; width:100%;}

#footer a:link {color:#6c3;}
#footer a:visited {color:#99c;}
#footer a:hover {color:#f93;}

#newfooterline {background:#ccc; height:1px;}

/*Banner*/
.banner {font-size:0.8em; padding-top:30px; padding-bottom:30px;}

/**/
ul#uslugi { list-style-type:none; font-size:0.7em;}
ul#uslugi li { margin-bottom:10px;}
ul#uslugi li#manul {font-size:5.0em; color:#fff;}
ul#uslugi li#manul a:link {color:#fff;}
ul#uslugi li#manul a:visited {color:#fff;}
ul#uslugi li#manul a:hover {color:#f1f1f1;}


/*BTL*/
#btl {text-align:left; vertical-align:top; position:relative;}
#btl div {position:absolute; font-size:0.6em; color:#999; width:70%; font-style:italic;}
#btl div span {color:#66cc33;}
/*Pages*/

/*About*/

#maintype {margin-top:50px; margin-bottom:100px;}
#maintype .leftcol {width: 70%; text-align:left; vertical-align:top;}
#maintype .rightcol {width:30%; text-align:left; vertical-align:top; padding-left:5%;}

#maintype .leftcol h1 {font-weight:500; font-size:1.4em; margin-bottom:50px;}
#maintype .leftcol p {font-size:0.8em; line-height:1.4em; margin-bottom:15px; width:90%;}
/*#maintype .leftcol p a:link {color:#6c3;}
#maintype .leftcol p a:visited {color:#666;}
#maintype .leftcol p a:hover {color:#000;} */

#maintype .onecol h1 {font-weight:500; font-size:1.4em; margin-bottom:50px;}
#maintype .onecol p {font-size:0.8em; line-height:1.4em; margin-bottom:15px;}
/*#maintype .onecol p a:link {color:#6c3;}
#maintype .onecol p a:visited {color:#666;}
#maintype .onecol p a:hover {color:#000;} */

#maintype .rightcol ul.sublinks {list-style-type:none; font-size:0.8em; margin-top:75px; line-height:1.4em; margin-bottom:30px;}
#maintype .rightcol ul.sublinks li {margin-bottom:15px; color:#ccc;}
#maintype .rightcol ul.sublinks li i {font-style:normal; font-size:0.8em; line-height:0.8em; color:#999;}
#maintype .rightcol ul.sublinks li b {color:#000; font-weight:600;}
/*#maintype .rightcol .sublinks a:link {color:#6c3;}
#maintype .rightcol .sublinks a:visited {color:#666;}
#maintype .rightcol .sublinks a:hover {color:#000;}*/


#maintype .rightcol dl.sublinks {font-size:0.8em; /*margin-top:20px;*/ line-height:1.4em; margin-bottom:30px; /*border:1px #ccc dashed;*/ width:auto; color:#000; margin-top:75px;}
#maintype .rightcol dl.sublinks dd {font-style:normal; font-size:0.8em; line-height:0.8em; color:#999; margin-bottom:15px; //line-height:1.6em;}
#maintype .rightcol dl.sublinks dt {margin-bottom:5px;}
#maintype .rightcol dl.sublinks dt b {color:#000;}
#maintype .rightcol dl.sublinks dt.name {font-weight:600;}
#maintype .rightcol dl.sublinks dt.any {color:#ccc;}



.news {padding:5px; margin-bottom:15px;}
.news:hover {background:#effaea;}
.news dt {font-size:0.6em; color:#999;}
.news dd {font-size:0.8em; line-height:1.4em;}

/*.news dd a:link {color:#6c3;}
.news dd a:visited {color:#666;}
.news dd a:hover {color:#000;}*/

#clientslist {vertical-align:top; text-align:left;}

#clientslist tr {}

#clientslist tr td {padding-bottom:40px; padding-right:20px; vertical-align:top; text-align:left;}
/*#clientslist tr td a:link {color:#6c3;}
#clientslist tr td a:visited {color:#666;}
#clientslist tr td a:hover {color:#000;}*/

#clientslist tr td dl {margin-left:10px; margin-top:10px;}
#clientslist tr td dl dt {font-size:0.8em; margin-bottom:5px; color:#000;}
#clientslist tr td dl dd {font-size:0.6em;}

#clientslist tr td p {font-size:0.8em;}
/*#clientslist tr td p a:link {color:#6c3;}
#clientslist tr td p a:visited {color:#666;}
#clientslist tr td p a:hover {color:#000;}*/

#clientslist tr td h2 {font-weight:500; color:#6c3;}

/*works*/

.floats
{
margin: -2em 0 0 -2em;
position: relative;
display: inline-block;
clear: both;
}

.floats:after
{
content: '';
display: block;
clear: both;
}

.floats .left
{
position: relative;
float: left;
display: inline;
overflow: hidden;
margin: 2em 0 0 2em;
width: 14em;
min-width: 200px;
}

.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.floats .left .min
{
margin: 0 0 200px 0;
height: 4em;
width: 200px;
}

/*sitepage*/

#sitepage {}
#sitepage h1 {}



#sitepage {margin-top:50px; margin-bottom:100px;}
#sitepage .leftcol {width: 70%; text-align:left; vertical-align:top;}
#sitepage .rightcol {width:30%; text-align:left; vertical-align:top;}

#sitepage .leftcol h1 {font-weight:500; font-size:1.4em; margin-bottom:10px;}
#sitepage .leftcol .sitelink {font-size:0.8em; margin-left:5%; margin-bottom:10px;}
#sitepage .leftcol .sitelink span img {position:relative; top:3px;}

/*#sitepage .leftcol .sitelink a:link {color:#6c3;}
#sitepage .leftcol .sitelink a:visited {color:#666;}
#sitepage .leftcol .sitelink a:hover {color:#000;}*/
#sitepage .leftcol .sitedate {font-size:0.6em; color:#999; margin-bottom:50px; margin-left:5%;}

#sitepage .leftcol .sitemaintext {padding-bottom:10px; margin-left:10%; width:90%;}
#sitepage .leftcol .imgsite {padding-bottom:20px;}
#sitepage .leftcol .imgsite p {font-style:italic; color:#666; font-size:0.6em; width:50%; position:relative; left:20%;} 

#sitepage .leftcol p {font-size:0.8em; line-height:1.4em; margin-bottom:15px; width:90%;}
/*#sitepage .leftcol p a:link {color:#6c3;}
#sitepage .leftcol p a:visited {color:#666;}
#sitepage .leftcol p a:hover {color:#000;} */

#sitepage .rightcol .sublinks {font-size:0.8em; margin-top:20px; line-height:1.4em; margin-bottom:30px; border:1px #ccc dashed; width:200px; margin-bottom:15px; color:#000; padding:15px 15px 0 15px;}
#sitepage .rightcol .sublinks dd {font-style:normal; font-size:0.8em; line-height:0.8em; color:#999; margin-bottom:15px; //line-height:1.6em;}
#sitepage .rightcol .sublinks dt {margin-bottom:5px;}

#sitepage .rightcol h2 {font-weight:500; padding-top:50px;}

.topblackline {height:20px;}

.topblackline div {background:url(/tools/i/shtl.png) top left no-repeat;}
.topblackline div div {background:url(/tools/i/shtr.png) top right no-repeat;}
.topblackline div div div {background:url(/tools/i/shbl.png) bottom left no-repeat;}
.topblackline div div div div {background:url(/tools/i/shbr.png) bottom right no-repeat; height:20px;}











.workcommm {margin-top:3em; width:14em;}
.workcommm dt {font-size:0.6em; color:#999;} 
.workcommm dd {font-size:0.8em;} 

.workcomm {}
.workcomm dt {font-size:0.6em; color:#999;} 
.workcomm dd {font-size:0.8em;} 
/*.workcomm dd a:link {color:#6c3;} 
.workcomm dd a:visited {color:#666;} 
.workcomm dd a:hover {color:#000;} */



/*Sitemap*/
#sitemap {width:100%; font-size:1.0em; margin-top:50px; margin-bottom:80px;}
#sitemap a:link {color:#6c3;}
#sitemap a:visited {color:#666;}
#sitemap a:hover {color:#000;}

#sitemap .ss {font-size:0.8em;}
#sitemap .sss { font-size:0.6em;}


/*btl*/

.rightcolh {font-size:0.8em; font-weight:500; margin-left:20px; margin-bottom:20px;}
.btlsublinks {list-style-type:none; font-size:0.7em; color:#999; line-height:auto; margin-left:30px;}
.btlsublinks li {margin-bottom:8px;}
.townlist {font-size:0.6em; margin-left:20px; padding-top:20px; color:#CCC;}

.briefblock {color:#999; clear:both; width:70%; display:block; vertical-align:middle; margin-top:40px; margin-bottom:70px; margin-left:4%; border: #ccc 1px dashed; padding:10px 10px 10px 10px;}
/*.briefblock a:link {color:#6c3;}
.briefblock a:visited {color:#666;}
.briefblock a:hover {color:#000;}*/

.briefblock .bleft {font-style:italic; width: 50%; float:left; //margin-right: -100%; font-size:1.0em;} 
.briefblock .bright {color:#000; width: 50%; float:left; //margin-left: 50%; //display: inline; font-size:0.7em; /*padding-top:10px;*/ font-style:italic;}

#btlclients {font-weight:500; font-size:1.0em; margin-bottom:2.0em;}

.allclients {font-size:0.7em; margin-top:20px;}
/*.allclients a:link {color:#6c3;}
.allclients a:visited {color:#666;}
.allclients a:hover {color:#000;}*/

.leftcol p.list {margin-bottom:0px; margin-left:20px; width:70%; font-style:italic; border-left:3px #6c3 solid; padding-left:7px;}


.btlcl {margin-bottom:25px;}

.btlcl img {margin-bottom:10px;}

.btlcl dl { margin-bottom:10px;}
.btlcl dl dt {font-size:0.6em; color:#999;} 
.btlcl dl dd {font-size:0.8em;}
.btlcl dl dd a:link {color:#6c3;}
.btlcl dl dd a:visited {color:#666;}
.btlcl dl dd a:hover {color:#000;}



#btlpage {}
#btlpage h1 {}

#btlpage {margin-top:50px; margin-bottom:100px;}
#btlpage .leftcol {width: 70%; text-align:left; vertical-align:top;}
#btlpage .rightcol {width:30%; text-align:left; vertical-align:top;}

#btlpage .leftcol h1 {font-weight:500; font-size:1.4em; margin-bottom:10px;}
#btlpage .leftcol h1 span#samsungname {color:#339;}

#btlpage .leftcol .btldate {font-size:0.6em; color:#999; margin-bottom:50px; margin-left:5%;}

#btlpage .leftcol .btlmaintext {padding-bottom:10px; margin-left:10%; width:90%;}
#btlpage .leftcol .btlmaintext span {font-weight:600; color:#6c3;}
#btlpage .leftcol .imgbtl {padding-bottom:20px;}
#btlpage .leftcol .imgbtl p {font-style:italic; color:#666; margin-left:5%; font-size:0.6em; width:50%; margin-left:20%;} 

#btlpage .leftcol p {font-size:0.8em; line-height:1.4em; margin-bottom:15px; width:90%;}
#btlpage .leftcol p a:link {color:#6c3;}
#btlpage .leftcol p a:visited {color:#666;}
#btlpage .leftcol p a:hover {color:#000;} 

#btlpage .rightcol h2 {font-weight:500; padding-top:50px;}


#btlpage .rightcol .sublinks {font-size:0.8em; margin-top:20px; line-height:1.4em; margin-bottom:30px; border:1px #ccc dashed; width:200px; margin-bottom:15px; color:#000; padding:15px 15px 0 15px;}
#btlpage .rightcol .sublinks dd {font-style:normal; font-size:0.8em; line-height:0.8em; color:#999; margin-bottom:15px;}
#btlpage .rightcol .sublinks dt {margin-bottom:10px;}

/*
#btlpage .rightcol .sublinks a:link {color:#6c3;}
#btlpage .rightcol .sublinks a:visited {color:#666;}
#btlpage .rightcol .sublinks a:hover {color:#000;}
*/


.btlgalfloat {float:left; margin-right:5px; margin-bottom:5px; position:relative;}
.btlphoto {font-size:0.8em; width:95%;}
.btlphoto h2 {font-weight:600; font-size:1.0em; margin-left:10%; margin-bottom:30px; padding-top:30px; color:#6c3;}
.btlphoto p {font-style:italic; color:#666; margin-left:5%; font-size:0.6em; width:50%; margin-left:20%; padding-top:20px;}

.btlgalfloat img.imgnav {background:none; width:110px; height:85px; position:absolute; left:0; top:0;}

.btlphoto p img {position:relative; top:4px;}


.clientsline {height:100px;}
#cllogos {position:relative; height:80px; margin-bottom:100px; /*background:#ccc;*/ padding:0 0 0 0; width:90%; margin-left:5%; overflow:hidden; border:1px #ccc dashed;}
#cllogosslider {position:absolute; left:3%; top:0px; height:80px; width:100%;}
#hhh {font-size:1.2em; float:left; margin-right:40px; line-height:80px;}
#hhh a:link {color:#6c3;}
#hhh a:visited {color:#6c3;}
#hhh a:hover {color:#f93;}
.logosliderfl {float:left; height:80px; width:100px; margin-right:30px;}

.logosliderfl img {float:left; height:80px; width:100px; margin-right:30px;}
.logosliderfl img:hover {float:left; height:80px; width:100px; margin-right:30px;}

#rightgrad {
	position:absolute; top:0; right:0; width:100px; height:100px; background:url(/tools/i/grad.png);
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tools/i/grad.png", sizingMethod="crop"); 
	//background-image:none;
	}
#corn {
	position:absolute; top:0; left:0; width:50px; height:100px; background:url(/tools/i/corn.png);
	//filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/tools/i/corn.png", sizingMethod="crop"); 
	//background-image:none;
	}


/*all_links*/
a:link {color:#6c3;}
a:visited {color:#99c;}
a:hover {color:#f93;}