html, body {
margin: 0;
padding: 0;
height: 100%;
}
.outer { width: 100%;}
.one   {background: url(/img/1000-3000.gif) 37% 0 repeat-y;}
.two   {background: url(/img/2000-3000.gif) 65% 0 repeat-y;}

#content {
  float:left;
  width:100%;
}
.column {
  float: left;
}
.clear {
display:block;
clear:both;
}

#container-page {
width: 100%;
background: none;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
min-width:990px;
}

#container-content {
width:100%;
margin:0;
padding-bottom:100px;
}
/*------------------------------ HEADER ELEMENTS -----------------------------*/
.header {
height:128px;
background:url('/img/headers/header_events.jpg') no-repeat top left;
}
.logo {
background:url(/img/logo_white.png) no-repeat top left;
width:385px;
height:183px;
position:absolute;
top:0;
left:0;
z-index:2;
}
.logoHome {
position:absolute; 
top:70px; 
left:83px;
z-index:6;
}
.logoHomeLink  {
display:block;
width:85px;
height:85px;
}
.active {
padding:5px 5px 5px 0;
}
.PreFooter {
width:100%;
background:url(/img/prefooter_line.gif) no-repeat left bottom;
height:280px;
position:absolute;
bottom:0;
}
/*------------------------------ MENU ELEMENTS -------------------------------*/
.menu {
position:relative;
top:77px;
left:20%;
color:#fff;
width:79%;
z-index:1000;
}
.menu ul {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
.menu ul li {
float:left;
margin-left:2%;
}
.menu ul li a {
display:block;
color:#fff;
}
.green {
background:#98E347;
}
.red {
background:#f00;
}
.blue {
background:#00C0FF;
}
.purple {
background:#A75AAE;
}
.orange {
background:#FFAE00;
}
/*------------------------------ CONTENT ELEMENTS ----------------------------*/
.ContainerContent  {
width:100%;
margin-top:16px;
}
/*------------------------------ CONTENT-LEFT ELEMENTS -----------------------*/
#content-left {
width:37%;
margin-top:32px;
}
.articles {
margin:0;
margin:0 0 0 5%;
display:block;
width:100%;
}
#content-left h2 {
margin:10px 0 0 0;
}
.articles .clear {
height:35px;
}
.articles ul {
list-style:none;
list-style-image:none;
padding:0;
margin:0;
width:100%;

}

.articles ul li {
float:left;
width:32%;
margin:0 0 0 0;
}
.articles ul li div {
width:90%;
display:block; 
height:100px;
}
.articles p {
width:95%;
margin:0;
padding:0;
}
.articles ul li h3 {
width:95%;
margin:7px 0 7px 0;
padding:0;
}
.breadcrumb {
margin:0 0 8px 5%;
}
.articles {
margin:0;
padding:0 0 0 5%;
display:block;
width:95%;
}
p.date {
background:url(/img/date_bg.gif) 70px 2px no-repeat;
}
.article-preview {
margin:0 0 20px 0;
}
.yrs-sort {
margin:30px 0 30px 5%;
width:95%;
}
.yrs-sort ul {
margin:0;
padding:0;
list-style:none;
list-style-image:none;
}
.yrs-sort ul li {
float:left;
margin:0 10px 0 0;
}
/*------------------------------ CONTENT-CENTER ELEMENTS ---------------------*/
#content-center {
width:28%;
}
.cent-col {
width:93%;
padding-top:10px;
overflow:hidden;
}
.banner {
width:240px; 
height:351px;
margin:0 10px 0 10px;
overflow:hidden;
}
.banner a {
display:block; 
width:100%; 
height:351px;
}
.cent-col h2 {
margin:15px 0 0 10px;
}
.top-news {
padding-bottom:30px;
}
.news-item {
margin:15px 10px 0 10px;
width:100%;
padding:0 10% 0 0;
}
.news-image {
width:99px;
height:99px;
margin-right:15px;
float:left;
}
.news-image a {
height:99px;
width:99px;
display:block;
}
.news-preview {
width:45%;
float:left;
}
.news-preview p,
.news-preview h4 {
margin:0;
padding:0;
width:140%;
}
/*------------------------------ CONTENT-RIGHT ELEMENTS ----------------------*/
#content-right {
width:34%;
margin-top:10px;
}
#content-right h1 {
margin:24px 0 11px 15px;
width:190px;
}
#content-right h2 {
margin:10px 0 0 0;
padding:0;
}
.afisha {
width:100%;
}
.afisha_illustration {
width:100%;
height:276px;
}
.post, .offers {
float:left;
margin:0;
padding:0; 
}
.post {
width:60%;
}
.offers {
width:39%;
}
.offers ul {
list-style:none;
list-style-image:none;
margin:5px 10px 0 10px;
padding:0;
}
.offers ul li {
margin:0;
padding:0 0 3px 0;
}
.offers a:link,
.offers a:visited,
.offers a:hover,
.offers a:active {
clear:both;
display:block;
margin:0;
padding:0;
width:90%;
}
.offers .separator {
width:85%;
line-height:2px;
height:1px;
margin:0;
padding:0;
}
/*------------------------------ FOOTER ELEMENTS -----------------------------*/
#container-footer {
width: 100%;
background:#000 url(/img/footer.gif) no-repeat left top;
position:relative;
height:360px;
}
.copyright {
padding:220px 0 0 0;
color:#fff;
margin:0;
clear:both;
display:block;
padding-left:7%;
position:absolute; 
left:58%;
color:#60666a;
}

.footContact {
margin-top:10px;
}
.footContact span {
margin-left:-20px;
}
.counter {
width:100px; height:63px; padding:0; margin:0; position:absolute; top:230px; left:2%;
}
/*------------------------------ HEADINGS ------------------------------------*/
.date p {
margin:12px 0 0 0;
}
img {
border:none;
}