@import url("reset.css");
@import url("typography.css");
body {background-color: #f8f8f8;margin: auto;width: 100%;}
div#status-bar {background: url('../img/status-bar-bg.png') repeat-x;height: 40px;width: 100%;}
div#status-bar-content {margin: 10px auto 0px auto;width: 800px;}
p#welcome {padding-top: 7px; text-indent:-20px}
div#header{background: url('../img/hed.jpg') no-repeat center;background-color:#6eb9cc;height:300px;width:100%;}
div#content-top-shadow {background: url('../img/content-top-shadow.png') repeat-x;height: 20px;width: 100%;}
div#logo {margin: auto;padding-top: 25px; padding-left: 130px;width: 680px;}
div#logo h3{margin-top:5px}
div#goog {width: 730px;height: 100px;margin: 10px auto -10px}

.imageLeft {border: 1px solid #ccc; padding: 5px;float: left;margin: 6px 10px 0 0;}
.imageRight {border: 1px solid #ccc; padding: 5px;float: right;margin: 6px 0 0 10px;}

div.hr {height: 14px; background: url(../img/hr.gif) no-repeat scroll center;}
div.hr hr{display: none;}

a:link, a:visited, a:hover, a:active{text-decoration: none;}
ul.tabs{display: table;position: relative;}
ul.tabs li{display: table-cell;float: left;position: relative;}
ul.tabs a{position: relative;display: block;}
ul.dropdown{display: block;position: absolute;	z-index: 999;top: 100%;	width: 250px;display: none;}
ul.dropdown ul.dropdown{top: 0;left: 95%;}
ul.dropdown li{float: none;position: relative;display: block;}
ul.dropdown li a{display: block;}
#menutop{;z-index: 5;width: 100%;line-height: 40px;	background: #F8F8F8 url(../img/topbg.jpg) repeat-x;}
#menutop ul{margin: 0 auto;}
#menutop ul li.hasmore{background: url(../img/drophighlight.gif) no-repeat center 27px;}
#menutop ul li h4{	margin: 0;}
#menutop ul li h4 a{font-size: 14px;color: #000;font-weight: bold;	padding: 0 15px;}
#menutop ul li a{color: #C96;font-family: verdana, Helvetica, Arial, sans-serif;font-size: 12px;font-weight: bold;padding-left: 4px;}
#menutop ul li a img{vertical-align: middle;}
#menutop ul li a span{display: block;padding: 0 15px 0 11px;}
#menutop ul li a:hover span{background: url(../img/topselectionright.png) top right;}
#menutop ul.dropdown{padding: 10px;background-image: url(../img/dropdown.jpg);overflow:hidden;	border-bottom: 2px solid #868686;width: 290px;}
#menutop ul.dropdown li a{border-bottom: 1px solid #868686;line-height: 30px;overflow: hidden;	height: 30px;}
#menutop ul.dropdown li.last a{border-bottom-width: 0;}
#menutop ul.dropdown li a:hover{background: url(../img/menuarrow.png) no-repeat left center;}
#menutop ul li h4 a:hover{background-image: none;}

#page {width: 1000px;margin: 0 auto;background: url(../img/img04.jpg) repeat-y left top;}
#page-bgtop {padding-top: 30px;background: url(../img/img03.jpg) no-repeat left top;}
#content {float: right;width: 738px;padding-top: 20px;padding-right: 40px;}
.post {margin-bottom: 25px;}
.post .title {height: 30px;border-bottom: 1px #BDBDBB dotted;}
.post .entry {padding: 10px 0;}
.post .links {margin: 0 250px 0 0;padding: 0 0 0 0px;}
.post .links .permalink {padding-left: 17px;}

#sidebar {float: left;width: 162px;padding-left: 22px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
#sidebar ul {margin: 10px;padding: 0;list-style: none;line-height: normal;}
#sidebar li {padding: 0 0 10px 0px;}
#sidebar li li {margin: 0 0 0 5px;padding-left: 10px;background: url(../img/img09.jpg) no-repeat left 4px;}
#sidebar p {margin: 0;padding: 0px 10px;}
#sidebar h6 {height: 26px;margin: 0 0 5px 0px;padding: 11px 0 2px 10px;background: url(../img/img06.jpg) no-repeat left top;text-transform: capitalize;font-size: 11px;font-weight: bold;color: #42423E;}
#sidebar p {line-height: 200%;}

div.pochta {float: left}

tr#prs {width: 700px;height: 100%; border-bottom: 1px #BDBDBB dotted;}
div#page-wrapper {background-color: #fff;border: 1px solid #bababa;clear: both;height: 100%;margin-top: 5px;overflow: hidden;padding: 15px;
width: 700px;}

#footer {width: 1000px;height: 95px;margin: 0 auto;padding: 0;background: url(../img/img05.jpg) no-repeat left top;}

div#schet { margin-right:20px;padding: 48px 0;text-align:right; }


/* Стили для плагина jQuery Booklet */
.booklet{-moz-box-shadow:0px 0px 1px #fff;-webkit-box-shadow:0px 0px 1px #fff;box-shadow:0px 0px 1px #fff;-moz-border-radius:5px;
-webkit-border-radius:10px;border-radius:10px;}
.booklet .b-wrap-left  { no-repeat top left;-webkit-border-top-left-radius: 10px;	-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;
border-bottom-left-radius: 10px;}
.booklet .b-wrap-right { no-repeat top left;-webkit-border-top-right-radius: 10px;	-webkit-border-bottom-right-radius: 10px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;border-top-right-radius: 10px;
border-bottom-right-radius: 10px;}
.booklet .b-counter {display:block;width:90%;height:20px;border-top:1px solid #ddd;color:#222;text-align:center;font-size:12px;padding:0px 0 0;background:transparent;box-shadow:0px -1px 1px #fff;opacity:0.8;}
.book_wrapper{margin:0 auto;padding-top:45px;width:655px;height:400px;position:relative;background:transparent url(../images/bg.png) no-repeat 5px 30px;}
.book_wrapper h1{margin:0px 5px 5px 10px;font-size:26px;background:transparent url(../images/h1.png) no-repeat bottom left; text-align:center;	padding-bottom:15px;}
.book_wrapper p{font-size:16px;margin:5px 5px 5px 15px;}
.book_wrapper a.article,.book_wrapper a.demo{display:block;height:41px;text-decoration:none;outline:none;font-size:16px;color:#555;float:left;	line-height:41px;}
.book_wrapper a.demo{margin-left:10px;background:transparent url(../images/circle_demo.png) no-repeat 50% 0px;width:95px;padding-left:40px;}
.book_wrapper a.article{margin-left:2px;background:transparent url(../images/circle_article.png) no-repeat 50% 0px;width:90px;padding-left:35px;}
.book_wrapper a.article:hover,.book_wrapper a.demo:hover{background-position:50% -41px;color:#13386a;}
.book_wrapper img{margin:10px 0px 5px 10px;width:250px;padding:2px;border:1px solid #ddd;-moz-box-shadow:1px 1px 1px #fff;-webkit-box-shadow:1px 1px 1px #fff;box-shadow:1px 1px 1px #fff;}
.booklet .b-wrap-right img{border:1px solid #E6E3C2;}
a#next_page_button,a#prev_page_button{display:none;position:absolute;width:41px;height:40px;cursor:pointer;margin-top:-20px;top:50%;background:transparent url(../images/buttons.png) no-repeat 0px -40px;}
a#prev_page_button{left:-40px;}
a#next_page_button{right:-45px;background-position:-41px -40px;}
a#next_page_button:hover{background-position:-41px 0px;}
a#prev_page_button:hover{background-position:0px 0px;}
.loading{width:160px;height:56px;position: absolute;top:50%;margin-top:-28px;right:135px;line-height:56px;color:#fff;padding-left:60px;font-size:15px;background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%;opacity: 0.7;z-index:9999;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
