body{
margin:0;
padding:10px 35px 35px ; 
background:#3c3c3c;

}
#container{
background:#ffffff;

width: 100%;
heidth: 100%;
padding : 0%;
margin: 0%;

}
#up{
padding: 0px;
margin: 0%;
}
/* padding: отступ текста заголовка   */
#Zag{
padding: 0px 0px;
margin: 0%;
font-family:'Times New Roman', Geneva, Arial, Helvetica, sans-serif; 
font-size: 24pt;
text-align: center;
}
/* padding: 10px 10px; первое число отвечает за отступы сверху,низу от надписи горячие лето*/

#newparty{
padding: 0px 10px;
margin: 0%;
font-family:'Times New Roman', Verdana, Arial, Helvetica,  serif;
font-style: italic;
font-size: 18pt;

text-align: center;
}


#Down{
padding: 0%;
margin: 0;
text-align: center;
}
.rgr{width: 100% }

/* для Bmk(твой банер) pi (pullup) и npp банеры флаеров heidth: высота; width: ширина; */
.bmk{width: 60%;
heidth: 40 %;}

.pi{width: 41%;
heidth: 3%;
margin: 0%;
border:1px solid black;}

/* margin: 4% 0%; первое число отступ от флаероввверх вниз ; */
/* levij флаер парам бордер задает рамку */
.lnpp{
margin: 0% 0% 4% 0%;
width:35%;
heidth: 35%;
border:1px solid black;}

/* правый флаер парам бордер задает рамку */
.rnpp{
margin: 0% 0% 4% 0%;
width:35%;
heidth: 35%;
border:0px solid black;}

.f{color: #3c3c3c;
font-size: 14pt;
font-family: Arial;
text-decoration: none;
}
.f:hover{color: #bdbdbd;
font-size: 14pt;
font-family: Arial;
text-decoration: underline;
}
.Dinety{color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt;}


/* Все делал в процентах, что б сжималось изображение */