html, body {
margin: 0;
padding: 0;
height: 100%;
}

.clear {
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_whatsnew.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:360px;
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%;
}
#content-left, #content-center, #content-right {
float:left;
}
.content {
width:100%;
}
/*------------------------------ CONTENT-LEFT ELEMENTS -----------------------*/
#content-left {
width:40%;
margin-top:48px;

}
#content-left h2 {
margin:0 0 5px 0;
}
.breadcrumb {
margin:0 0 8px 5%;
}
.articles {
margin:0 0 0 5%;
padding:0;
display:block;
width:95%;
}
.articles .clear {
height:35px;
}
#content-left ul {
list-style:none;
list-style-image:none;
padding:0;
margin:0;
width:100%;

}

#content-left ul li {
float:left;
width:32%;
margin:2% 0 0 0;
}
.articles ul li div {
width:90%;
display:block; 
height:100px;
}
#content-left p {
width:95%;
margin:0;
padding:0;
}
.articles ul li h3 {
width:95%;
margin:7px 0 7px 0;
padding:0;
}
.articles ul li a {
width:100%;
height:100px;
}
/*------------------------------ CONTENT-CENTER ELEMENTS ---------------------*/
#content-center {
width:20%;
margin-top:45px;
}
.informer-discount {
margin:0 0 20px 0;
width:94%;
}
#content-center h2 {
margin:0 0 10px 0;
}
.new-discounts ul {
width:95%;
list-style:none;
list-style-image:none;
margin:0;
padding:0;
}
.new-discounts ul li {
margin:0;
padding:0;
width:98%;
}
.new-discounts h2 {
margin:45px 0 7px 0;
}
.new-discounts .separator {
width:98%;
height:20px;
clear:both;
display:block;
background:url(/img/separator_solid_line.gif) 0 10px repeat-x;
padding:0;
}
#PollForm {
width:100%;
}
#PollForm h2 {
margin:10px 0 0 0;
}
#PollForm ul {
list-style:none;
list-style-image:none;
margin:10px 0 0 15px;
padding:0;
}
#PollForm ul li {
height:24px;
margin:0;
padding:0;
}
#PollForm li input {
margin:0;
padding:0;
width:14px; /* This seems to be very impotant for IE6, as soon as without assigning width to checkbox IE displays it with left margin equal to 3px. Dirty bastard!*/
}
#PollForm label {
vertical-align:14%;
padding:0 0 0 5px;
margin:0;
}
#submit {
width:68px;
height:69px;
margin:15px 0 0 0;
}
/*------------------------------ CONTENT-RIGHT ELEMENTS ----------------------*/
#content-right {
width:36%;
margin-top:16px;
}
#content-right h1 {
margin:24px 0 11px 15px;
width:190px;
}
#content-right h2 {
margin:10px 0 0 0;
padding:0;
}
.afisha {
width:100%;
margin-left:3%;
}
.afisha_illustration {
width:100%;
height:276px;
background-position:center top;
}
.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:54%;
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;
}