* {padding:0px; margin:0px;}
html {height:100%;}

body {font-size:12px; font-family:Verdana,Tahoma,sans-serif; line-height:18px; min-height:100%; height:auto; background:url(images/bg-body.jpg) center 4px repeat-y;}
body#bg1 {background:url(images/bg1.jpg) center top no-repeat; min-height:0 !important; font-family:georgia !important; font-size:18px;}

#bg-top {background:url(images/bg1.jpg) center top no-repeat;}

ul, li {list-style:none;}
a img {border:0px;}
a {color:#000;}
a:hover {text-decoration:none;}
h1 {color:#3c3c3c; font-size:28px; font-weight:normal; line-height:30px; padding:15px 0 20px; font-family:normal Verdana,Tahoma,sans-serif; width:50%;}
h1.slide {padding:15px 0 10px 45px;}
h2 {color:#3c3c3c; font-size:28px; font-weight:normal; line-height:30px; padding:15px 0 20px; font-family:normal Verdana,Tahoma,sans-serif;}
h3 {color:#3c3c3c; font-size:20px; font-weight:normal; line-height:30px; padding:10px 0 15px; font-family:normal Verdana,Tahoma,sans-serif;}
h2.slide {padding:15px 0 15px 45px;}
p {padding:0 0 15px 0;}
.clear {clear:both;}

#main {width:1012px; margin:0 auto;}
#main #left {background:url(images/site-left.png) left top repeat-y;}
#main #right {background:url(images/site-right.png) right top repeat-y; padding:0 8px;}

#all {background:url(images/bg-all.jpg) 0 0 repeat-x #F1F1F1; position:relative;}

.header{background:url(images/top.png) 0 32px no-repeat; height:70px; padding:32px 55px 10px 36px;}
.header .logo {float:left;}
.header ul{float:left; padding:13px 0 0 140px; overflow:hidden; height:40px;}
.header ul li {float:left; padding:0 38px 0 0;}
.header ul li.active a {color:#FFC68E;}
.header a{color:#f3f3f3; font-size:16px; text-decoration:none;}
.header a.rss{display:block; float:right; background:url(images/rss.jpg) 0 2px no-repeat; padding:2px 0 5px 27px; margin-top:12px;}

.content {padding:0 0 83px 0; position:relative;}
.content .inner {padding: 0 45px}
.content .graytext {background:#d7d7d7; font-size:11px; line-height:14px; padding:0 20px 5px 50px}
.content .pd {padding:0 30px 10px 45px; overflow:hidden;}
.content .news .date {background:url(images/date.gif) 0 0 no-repeat; color:#DFDFDF; display:block; float:left;
font-size:11px; height:27px; line-height:12px; margin:0 10px 10px 0; padding:6px 15px 6px 4px; text-align:center;
width:33px;}
.content .news h4 {font-size:16px; padding:0 0 5px; font-weight:normal;}
.content .news h4 a {color:#81060B;}
.content .news {padding:20px 0 0;}
.content .col1 {padding:0 40px 30px 50px; width:630px; float:left;}
.content .col2 {float:left;}
.content ul {padding:0 0 15px 20px; float:left;}
.content ul li {list-style:disc;}
.content ul li.active a {text-decoration:none;}

.content .code {font-size:11px; line-height:14px; background:#fff; padding:10px 25px; margin-bottom:15px;}
.content .code p {padding:0px;}

.footer {background:#1a1a1a; position:absolute; bottom:0px; height:48px; width:100%; color:#828181; padding:25px 0 10px;}
.footer .left {float:left; padding:0 0 0 50px;}
.footer .left ul{overflow:hidden; height:17px;}
.footer .left ul li {float:left;}
.footer .left ul li a{color:#e6e4e4; text-decoration:none; padding:0 17px; border-left:1px solid #e6e4e4; line-height:12px; display:block;}
.footer .left ul li a:hover {text-decoration:underline;}
.footer .left ul li.first a {padding:0 17px 0 0; border:0px;}
.footer .right {float:right; padding:0 50px 0 0;}
.footer .schetchik {float:right; text-align:right; padding:0 20px 0 0;}
.footer .schetchik a img {opacity:0.3; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.footer .schetchik a:hover img {opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}

/*------Form--------*/
.fbForm .form {padding-bottom:20px;}
.fbForm .name { padding-top: 12px; font-size: 8pt; color: #7d7d7d; }
.fbForm .element { padding-top: 2px; }
.fbForm .element INPUT, .fbForm .element TEXTAREA {border: 1px solid #ccc;background-color:#EFEFEF; font-size:13px;}
.fbForm INPUT#fbName, .fbForm INPUT#fbEMail, .fbForm INPUT#fbTema {width: 315px; padding: 4px 0px 4px 5px;}
.fbForm INPUT#fbName { background-position:3px -3px; }
.fbForm INPUT#fbEMail { background-position:3px -33px; }
.fbForm INPUT#fbTema { background-position:3px -93px; }
.fbForm TEXTAREA#fbText {padding: 4px 4px 4px 5px;	width: 310px; font-family: Tahoma; background:#EFEFEF;}
.fbForm .captcha-test TD { vertical-align: top; padding-right: 15px; }
.fbForm .captcha {padding-top: 3px; }
.fbForm .captcha IMG { border: 1px solid #ccc; }
.fbForm INPUT#vericode { width: 150px; padding: 4px 0px 4px 5px; background:#EFEFEF;}
.fbForm .submit { padding-top: 15px; }
.fbForm INPUT#fbSubmit {border: 1px solid #ccc;	background-color: #f7f7f7; cursor:pointer; padding:2px 15px 2px 15px;}
.fbForm .error {font-size: 8pt; color: red; display: none; }

/*------Портфолио--------*/
.block-p {height:278px;}
.block-p .raboti {overflow:hidden;}
.block-p .ssilka {padding:0 0 0 7px;}
.block-p:hover {background:#d7d7d7;}
.block-p:hover .title {background:url(images/title-p_h.png) 0 0 no-repeat;}
.block-p:hover .title span {color:#fff;}
.block-p .title {height:278px; width:48px; background:url(images/title-p.png) 0 0 no-repeat; float:left; padding:0 15px 0 0;}
.block-p .title span {-moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); -ms-transform:rotate(270deg); display:block; position:relative; filter: flipv() fliph(); writing-mode: tb-rl; text-transform:uppercase; font-weight:bold; text-align:right; width:278px; top:140px; left:-120px;}
.raboti .one_work {margin:17px 20px 10px 0px; float:left; width: 210px; height:210px;}
.raboti .one_work img {margin:0 0 5px;}
.raboti .one_work .name {padding:0 0 0 7px; display: block;}

/*------Портфолио меню--------*/
.right-menu {position:absolute; top:28px; overflow:hidden; height:20px; float:none !important; right:30px;}
.right-menu li {border-left:1px solid #000000; float:left; height:12px; line-height:10px; padding:0 10px; list-style:none !important;}
.right-menu li.first {border:none;}
.right-menu li a {text-decoration:none; border-bottom:1px dashed #000;}
.right-menu li.normal a{border:none; text-decoration:underline;}
.right-menu li a:hover {border:none;}
.right-menu li.normal a:hover {border:none; text-decoration:none;}
.buttons {overflow:hidden; padding:0 0 25px;}
.buttons .next {background:url(images/arr-right.jpg) 0 0 no-repeat; padding:2px 0 2px 20px;}
.buttons .previous {background:url(images/arr-left.jpg) top right no-repeat; padding:0 20px 2px 0; float: right; margin: 0 20px;}
.skrin {float:left; margin:0 20px 10px 0; width:450px;}
.img {float:left; margin:0 20px 15px 0;}
.page {text-align:center; padding: 15px 0 20px;}
.page .ditto_currentpage, .page .ditto_page {padding:0 4px; border: 1px solid #FFFFFF; margin: 0 5px 0 0; padding: 0 6px;}
.page .ditto_currentpage {background:#D1CACA;}
.page a:hover.ditto_page {background:#EF5345;}

/*------Заглушка--------*/
.zaglushka {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; width:870px; margin:160px auto; height:486px; background:#fff; line-height:22px;}
.zaglushka .inside {padding:50px; background:url(images/z-header.jpg) 0 32px no-repeat;}
.zaglushka a {color:#8a060c;}
.zaglushka h2 {font-size:28px; font-weight:normal; margin:0px; padding:0 0 20px; font-family:georgia !important;}
.zaglushka .contacts h2 {color:#8a060c; padding:0px;}
.zaglushka .r {margin:76px 0 0 200px;}
.zaglushka .contacts {margin:20px 0 35px 260px;}

/*------Блог--------*/
.formcomment {border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; border-bottom: 1px solid #AFAFAF; display: none; margin: -20px 0 20px; padding: 40px 0 20px 20px; width: 465px; position:relative; z-index:0;}
.formcomment label {display: block;}
.formcomment fieldset {border: 0}
.comment {font-size: 12px;}
.comment .content { width:auto; padding: 20px; background-color:#F9F9F9; border:1px solid #AFAFAF; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px;  position:relative; z-index:1;}
.postcreater {font-weight: bold}
.postcreater span {font-weight: normal; color: #AFAFAF}
.postnav a {color: #AFAFAF}
.posttxt {margin: 10px 10px 0 20px}
.jot-form {padding-bottom:20px; margin:20px 0 10px;}
.jot-form label, .comment label {padding:0 0 5px 0; float:left; margin:0 20px 0 0;}
.jot-form input, .formcomment input {padding:2px 5px; margin-top:3px; width: 160px;}
.jot-form input[type="submit"], .formcomment input[type="submit"] {cursor:pointer; margin:0px; width: auto;}
.jot-form textarea, .formcomment textarea {margin:10px 0; padding:2px 5px; font-family:Verdana; font-size:12px; width: 428px;}
.jot-form .fright {float:right; width:440px;}
.comment .postnav {position: absolute; right: 20px; top: 20px;}
.forceup {padding:30px 0 0;}

/*------Слайдер на главной--------*/
.skin-slidedeck dl.slidedeck > dd.sayti {background:url(images/sayti.jpg) top right no-repeat;}
.skin-slidedeck dl.slidedeck > dd.sayti .text {padding: 20px 350px 0 5px;}
.skin-slidedeck dl.slidedeck > dd.sayti .title {width: 250px;}
.skin-slidedeck dl.slidedeck > dd.podderjka {background:url(images/podderjka.jpg) top right no-repeat;}
.skin-slidedeck dl.slidedeck > dd.podderjka .text {padding: 20px 310px 0 5px;}
.skin-slidedeck dl.slidedeck > dd.podderjka .title {width: 270px;}
.skin-slidedeck dl.slidedeck > dd.fir-stil {background:url(images/fir-stil.jpg) top right no-repeat;}
.skin-slidedeck dl.slidedeck > dd.fir-stil .text {padding: 20px 310px 0 5px; color: #EFEFEF;}
.skin-slidedeck dl.slidedeck > dd.fir-stil .title {width: 340px; font-size:25px;}
.skin-slidedeck dl.slidedeck > dd.illustracii {background:url(images/illustracii.jpg) top right no-repeat;}
.skin-slidedeck dl.slidedeck > dd.illustracii .text {padding: 20px 310px 0 5px;}
.skin-slidedeck dl.slidedeck > dd.illustracii .title {width: 340px; color:#000; font-size:25px;}
.skin-slidedeck dl.slidedeck > dd.poligraphy {background:url(images/poligraphy.jpg) top right no-repeat;}
.skin-slidedeck dl.slidedeck > dd.poligraphy span {background:#EFDBBA; padding:0 5px;}
.skin-slidedeck dl.slidedeck > dd.poligraphy .text {padding: 20px 310px 0 15px; color:#EFDBBA;}
.skin-slidedeck dl.slidedeck > dd.poligraphy .title {width: 340px; color:#000; font-size:25px; line-height:36px; left:75px;}
.skin-slidedeck dl.slidedeck > dd.prodvijenie {background:url(images/prodvijenie.jpg) top right no-repeat;}
.skin-slidedeck dl.slidedeck > dd.prodvijenie span {background:#FFFDE4; padding:0 5px;}
.skin-slidedeck dl.slidedeck > dd.prodvijenie .text {padding: 20px 420px 0 5px; color:#000;}
.skin-slidedeck dl.slidedeck > dd.prodvijenie .title {width: 340px; color:#000; font-size:25px;}
.skin-slidedeck dl.slidedeck > dd .title {bottom: 30px; font-size: 26px; left: 65px; line-height: 28px; position: absolute; color:#fff;}

/*------Языки--------*/
.languages {position: absolute; right: 53px; top: 10px;}
.languages .activ {border: 1px solid #A09F9F; float: left; margin: 0 3px;}
.languages a {border: 1px solid #A09F9F; float: left; margin: 0 3px; display:block;}
.languages a:hover {border:1px solid #000;}

/*------Таблицы--------*/
.content table {border: 1px solid #DFDFDF; border-collapse:collapse; margin:0 0 15px 0;}
.content table td {padding:6px 10px; border-bottom: 1px dashed #DFDFDF;}
.content table ul {padding: 0 0 0px 20px;}