body {margin:0 auto; width:1000px;}
body.main {background:url('/images/hats/main1.jpg') 0 0 no-repeat;}
body.conferences {background:url('/images/hats/conferences.jpg') 0 0 no-repeat;}
body.lections {background:url('/images/hats/lections.jpg') 0 0 no-repeat}
body.direct {background:url('/images/hats/direct.jpg') 0 0 no-repeat}
#head-animation{
position: absolute;
z-index: -1;
top: 0px;
	width: 100%;
	height:  291px;
}

.langs{
position: absolute;
z-index: 999;
right: 5px;
top: 350px;
}

.langs li{
display: inline-block;
}

.container {min-height:100%;}
.top {/*padding:3px 0;*/ width:100%; clear:both; height:300px;}
/*.top img {margin:0 auto; display:none;}*/
.top .logo {clear:both; display:block; float:right; margin:20px;}

/*middle*/
.middle {clear:both; width:100%; margin:0 0 60px; overflow:hidden;}

/*add*/
.add {width:20%; float:left;}
.menu, .basket {border-bottom:1px solid #ccc;}
.add div, .add ul {padding:20px 0 20px 20px;}
.menu {}
.menu li {margin:0.5em 0;}
.menu li.selected {color:#339;}
.menu li a {}

.text, .blog, .books, .media, .themes {margin:0 0 2em; overflow:hidden;}

.base h1, .base h2 {font-size:1.5em; margin:1em 0; line-height:100%;}


.base h1 small {font-size:0.58em;}
.text p {margin:1em 0; line-height:140%;}
.add h3 {font-size:1em;}
.add p {font-size:0.75em;}
.add h3 {margin:0 0 0.5em;}
.vote p {color:#630; margin:1em 0;}
.vote ul {padding:0;}
.vote ul li {color:#963; font-size:0.75em; line-height:100%; margin:0.5em 0;}
.vote ul li input {margin:0 0.5em 0 0; vertical-align:middle;}
p.buttons {width:100%; margin:1em 0; overflow:hidden; clear:both;}
.buttons button {float:left; margin:0 8px 0 0; width:45%; line-height:100%; padding:12px 0; border:1px solid #adadad; background:#f0ebe6 url('img/button_bg.gif') 0 100% repeat-x; color:#666; font-size:1em;}
.buttons button:hover {cursor:pointer; border-color:#666;}

/*base*/
.base {width:74%; float:right; margin:0 2% 0 0;}
.langs {float:right; clear:both; margin:0 20px;}
.langs li {float:right; margin:0 4px;}
.langs li a {}
.langs li img {border:1px #fff solid; padding:1px;}
.langs li a:hover img {border:1px #ccc solid;}
.langs li.selected img {border-color:#999;}
.breadcrumb {clear:both; width:100%; color:#000; margin-top: 50px; margin-bottom:10px;}
.breadcrumb a {color:#000; font-size:14px;}

*|html[xmlns*=""]  .breadcrumb{
  position: relative;
  top: 10px;
}

.all {color:#963; font-size:0.88em;}

.full {width:100%; clear:both; margin-top:15px;}
.half {width:50%; float:left;}
.half img {float:left; display:block; margin:0.25em 0 0;}
.events img {width:105px;}
.books img {width:130px;}
.events .descr {margin:0 0 0 115px;}
.books .descr {margin:0 35px 0 140px;}
.events img, .books img {border:1px solid #999;}
.events a:hover img, .books a:hover img {border-color:#666;}

.books .full {margin:0 0 30px; overflow:hidden;}
.base .books h3 {margin:0 0 1em;}
.books p {font-size:0.75em;}

.blog .date {color:#963; margin:0 0 0.5em;}
.base h3 {margin:0 0 0.5em; font-size:0.88em;}
.base h3 a {font-size:1em;}
.blog p, .events .descr {font-size:0.88em;}
.texts .full {width:80%;}
.blog ul {font-size:1em; margin:0.5em 0 0;}
.blog ul li {float:left; margin:0 1em 0 0; font-size:1em;}
.blog ul li a {font-size:1em; color:#963;}
.events .full, .texts .full {margin:0 0 1.5em; overflow:hidden;}



.footer_ghost {height:85px;}
.footer {height:85px; margin:-85px 0 0; padding:0 20px; clear:both;}
.mira {color:#963; font-size:0.88em; width:300px; float:left;}
.mira a {color:#963; font-size:1em;}
.mira img {display:block; margin:5px 0;}
.contacts {float:right; width:30%; text-align:right; margin:40px 40px 0 0;}
.contacts a {color:#999; font-size:0.88em;}

