/* В первой части использована Malo-CSS Library  автор: Vladimir Carrer */
html,body,div,p{margin:0;padding:0;border:0;}
html{overflow:-moz-scrollbars-vertical;} /* Всегда показывать прокрутку в FF */
.dp20,.dp25,.dp33,.dp50,.dp75,.dp100{float:left;display:inline;*margin-left:-0.04em;}
/* CSS Grid For center layout   Define your default width in %,px or em  .main{margin:0 auto;width:85%;}*/
/* IE margin hack;dp = div percet */
.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp75{width:75%;}
.dp100{width:100%;}
.dp960{width:960px; margin:0 auto;}

.clear{clear:both;}
.main{margin:0 auto;width:100%;}

body{width:100%;background:#fff;font:80% Helvetica, Arial, sans-serif; color:#353535;line-height:150%;}
h1,h2, h3{margin:0 0 10px 0;padding:0px; color:#3F3B3B; clear:both; font-weight:normal;}

h1 {font-size:18pt; margin-top:10px;}
h2{font-size:16pt;color:#353535;}
h3{font-size:13pt;color:#5F5F59;}

p,ul, table {margin:0 0 20px 0;padding:0px;}


li {margin:0 0 0 2%;padding:0px;}
ul li{padding:4px 0 8px 10px; list-style:none; margin:0;background:url(/bsystem/templates/base_template/images/line.gif) bottom left no-repeat;}
ul li a {text-decoration:none;}

a:link{color:#7CA2C7}
a:visited{color:#476C8F}
a:hover{color:#659D00}
a:active{color:#2E3C00}
a img{border:0}

h1 a:link, h1 a:visited {color:#353535; text-decoration:none;}
h1 a:hover, a:active {color:#7CA2C7; text-decoration:underline;}


hr {border: 0;width: 80%; 	color: #8F8F8F;	background-color: #8F8F8F;	height: 1px;	margin: 10px 0;}

/* Шапка */
#header{background:#282828 url(/bsystem/templates/base_template/images/volny.gif) 0 110px; color:#dfefff; height:100px; line-height:100px;}
#homepage #header{border-bottom:1px solid #fff;}
#logo{margin:28px 0 0 20px;padding:0px;}
/* Навигация по сайту */
#navigation{padding:0; cursor:default;text-align:right;}
#navigation a:link, #navigation a:visited{outline: none; font-size:12px; display:inline; height:34px; padding:11px; line-height:34px; color:#9F9F9F;text-transform:uppercase;text-decoration:none;}
#navigation a:hover,#navigation a.active{outline: none;color:#CFE7FF;background:#37536F url(/bsystem/templates/base_template/images/ten.png) top left repeat-x;}
/* Навигация по сайту */
.menu2 {clear:both; padding:0; cursor:default;}
.menu2 a:link, .menu2 a:visited {color:#5F5A4D; display:block; padding:7px 11px; border:0; background:#DFDBD1; margin-bottom:2px;}
.menu2 a:hover,.menu2 a.active{ color:#3F3B33; background:#CFC7B5; text-decoration:none;}

.menu3{padding:0; cursor:default; margin-bottom:5px;}
.menu3 a:link, .menu3 a:visited{border:0; display:block; font-weight:normal; color:#6F6F6F; padding:5px 0 5px 20px; margin:0; background:#EFEFEF; text-decoration:underline;font-size:85%;}
.menu3 a:hover,.menu3 a.active{text-decoration:none;  background:#DFDFDF}
/* content */
#content{padding:3% 0;}

#contain {background: #fff url(/bsystem/templates/base_template/images/cont_bg.gif) top left repeat-x; background-position:0 2px;}
#maincontent {padding:20px; background: #fff url(/bsystem/templates/base_template/images/v_razd.gif) top right no-repeat;}

#home #maincontent {background: #fff;}

.sidebar {padding:20px 10px 20px 15px; background: #fff;}
.sidebar h3 {margin-top:20px; text-align:right; border-bottom:1px solid #DFDED1;}

.services {}
.services ul, .services p, .columns ul {padding:0 20px 20px 20px; margin:0px;}
.services ul li, .columns ul li {padding:0; margin:10px 0}
.services h1 {margin:0 10px 5px 20px;}
.services small {padding:0 0 5px 20px; color:#8F8F8F;}

.columns {background:#F2F4F5; border-top:3px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}
.columns h3, .columns h2 {margin: 20px 20px 0 20px}
.columns p, .columns ul {margin:20px 20px; padding:0; font-size:85%;}
.colunns .dp25 {background: url(/bsystem/templates/base_template/images/columns-razd.gif) top right no-repeat;}

#imgallery{position:absolute;padding:32px 0 0 32px;top:80px;overflow:hidden;background:url(/bsystem/templates/base_template/images/bumaga.png) top left no-repeat;width:564px;height:383px;}
#imgallery a{display:block;  overflow:hidden;   width:500px;   height:318px;  border:1px solid #efefef;}
#imgallery a img{width:500px; height:auto; min-height:318px;}

/* Клиенты */
#clients{border-top:1px solid #fff;width:100%;background:#fff;margin:0 auto;overflow:hidden;text-align:center;}
#clients img{margin:2% 5%;vertical-align:middle;}

/* Подвал */
#footer{clear:both;background:#444444 url(/bsystem/templates/base_template/images/footer_bg.gif) bottom left repeat-x; border-top: 3px solid #1A1A1A;padding:2% 0; font-size:85%;}
#footer a,#footer,#footer p{color:#BFBFBF;}
#footer p{padding:2% 0;margin:0;}

/* Galeria */
.galleria{list-style:none;width:100%;}
.galleria li{display:block;width:80px;overflow:hidden;float:left; text-align:left;margin:0 5px 5px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:0}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:500px}
/* MSIE bug */
.caption{width:500px; background:#CFC7B5;text-align:left; padding:5px; font-size:85%; margin:10px auto;}
.demo{position:relative;}
.gallery_demo{width:100%; margin:0 auto; clear:both;}
.gallery_demo li{width:90px;height:60px; background: #CFC7B5; border:3px solid #7F7A6F;padding:0; text-align:left}
.gallery_demo li div{}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{clear:both;margin:5px auto 0 auto;text-align:center;height:auto;width:600px;background:#F3F1E9;}
#main_image img{margin:0 auto;margin-bottom:10px;max-width:600px;max-height:900px; border:3px solid #E6E0CB}
.nav{clear:both;text-align:center;font-size:40px; margin:0; padding:0;}
.nav a {text-decoration:none; outline:none;}

#preloader * {width:3px;}


#samenews, #samenews p {padding:0;}

#samenews a:link, #samenews a:visited {font-size: 0.85em;}
#samenews a:link img, #samenews a:visited img {
	border: 1px solid #fdfdfd;
	float: left;
	margin-right: 5px;
	width: 80px
}
#samenews a:hover img {
	border: 1px solid #496F02;
}


.oneitem {
  width:100%;
  clear:both;
	margin: 10px 0;
	border-bottom: 1px solid #dedede;
	font-size:0.85em;
	line-height:130%;
}
.oneitem p {margin:5px 0; padding:0;}
.oneitem a:link, .oneitem a:visited {font-weight:bold; text-decoration:none;}
.oneitem a:hover {color:#2F2F2C;}

.oneitem a:link img, .oneitem a:visited img {border: 1px solid #dedede;}
.oneitem a:hover img {border: 1px solid #496F02;}

.feedlinks {
	margin: 10px;
	list-style: none;
}
.feedlinks li {
	margin-bottom: 5px;
	background:none;
}
.feedlinks a {
	text-decoration: none;
	background:none;
}
.feedlinks a img {
	text-decoration: none;
	float: left;
	margin-right: 5px;
}


#ppages {clear:both; height:60px; text-align:center;margin:10px 0 20px 0; width:100%;}
#ppages a:link, #ppages a:visited {padding:2px; width:18px; display:block; float:left; margin:0 1px 1px 0; color:#4679AC; text-decoration:none; background:#CFC7B5; font-size:85%; border:0; border-right:1px solid #dedede;}
#ppages a:hover {background:#7F7A6F; color:#fff;}
#ppages a.active {font-weight:bold; background:#7F7A6F; color:#fff}

.categories {margin:0; padding:0}


a.anketa:link, a.anketa:visited {outline:0; position:absolute; margin-left:150px; margin-top:-28px; display:block; width:102px; height:105px; background:url(/bsystem/templates/base_template/images/raschet.png) top left no-repeat;}
a.anketa:hover, a.anketa.active {outline:0; background-position: 0 -105px;}




/* Спасибо за внимание! Удачи! */