/* В первой части использована 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% Verdana,Arial,sans-serif;color:#353535;line-height:150%;}
h1,h2{font:normal 1.6em verdana,arial,sans-serif;color:#dc8b65;letter-spacing:-0.03em;clear:both;}
p,ul, table {margin:0 0 20px 2%;padding:0px;}
h1,h2{margin:0 0 5px 2%;padding:0px;}
h2{font-size:1.3em;color:#353535;}
li {margin:0 0 0 2%;padding:0px;}
ul li{padding:4px 0 8px 0; list-style:none; margin:0;background:url(/img/line.gif) bottom left no-repeat;}
a img{border:0}
a:link{color:#476C8F}
a:hover{color:#173B5D}
a:active{color:#2E3C00}
a:visited{color:#7CA2C7}
/* Шапка */
#header{background:#282828 url(/img/volny.gif) 0 110px; color:#dfefff; height:100px; line-height:100px;}
#homepage #header{border-bottom:1px solid #fff;}
#logo{margin:25px 0 0 22px;padding:0px;}
/* Навигация по сайту */
#navigation{padding:0; cursor:default;text-align:right;}
#navigation a{display:inline; height:34px; padding:11px; line-height:34px; color:#dfefff;text-transform:uppercase;text-decoration:none;}
#navigation a:hover,#navigation a.active{color:#afafaf;background:#262626 url(/img/nav-hover.gif)}
/* Навигация по сайту */
.menu2{background:#363636 url(/img/nav_bg.gif) top left repeat-x;padding:11px 0 11px 0;height:16px;cursor:default;}
.menu2 a{display:inline;color:#dfefff;text-decoration:none;padding:11px;margin:0 1%;line-height:16px;}
.menu2 a:hover,.menu2 a.active{color:#afafaf;background:#262626 url(/img/nav-hover.gif)}

.menu3{background:#363636 url(/img/nav_bg.gif) bottom left repeat-x;padding:5px 0 5px 0;height:20px;cursor:default;}
.menu3 a{display:inline;color:#fff;padding:5px;margin:0 1%;text-decoration:underline;font-size:80%;}
.menu3 a:hover,.menu3 a.active{color:#353535;background:#dfefff;text-decoration:none;}
/* content */
#content{padding:3% 0;}
#portfolio #content{width:100%; padding:1% 0; background:#F3F1E9;}

.services {line-height:180%;}
.services a {color:#8F4521; font-weight:bold;}

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

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

/* Подвал */
#footer{clear:both;background:#272727; border-top: 3px solid #1A1A1A;padding:2% 0;}
#footer a,#footer,#footer p{color:#7F7F7F; font-size:0.95em}
#footer p{padding:2% 4%;margin:0;}

/* Galeria */
.galleria{list-style:none;width:100%;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.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:400px}
/* MSIE bug */
.caption{color:#887; display:block;}
.demo{position:relative;}
.gallery_demo{width:800px; margin:0 auto;}
.gallery_demo li{width:68px;height:50px;border:3px double #111;margin:0 2px;background:#000;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
#ppages {text-align:center;margin-bottom:10px;}
#ppages a {padding:3px; margin-right:3px; background: #282828; border:1px solid #1F1D1D; color:#887; text-decoration:none;}
#ppages a:hover, #ppages a.active {background: #476C8F; border:1px solid #37556F; color:#fff;}
#main_image{clear:both;margin:90px auto 0 auto;text-align:center;height:auto;width:900px;background:#F3F1E9;}
#main_image img{margin:0 auto;margin-bottom:10px;max-width:900px; border:3px solid #E6E0CB}
.nav{clear:both;text-align:center;font-size:20px; margin:0; padding:0;}

#preloader * {width:3px;}

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