body 
{
	background-color: #3399ff;         /* голубой фон */
	margin:0;                          /* убрать отступы */
color: #7c300e;
Font-family: serif;
}

div#container                             /* контейнер сайта */
{
	position:relative;                /* чтоб выравнивалось внутри контейгнера */
	width:1000px;
	height:100%;
	margin: auto;                     /* чтоб контейгнер был по центру */
	background: #3399ff;              /* если не сработает градиент */
	background: linear-gradient(to top, #3399ff, #87bde2);/* градиент */
}

.zagolovok                              /* кнопка заголовка */
{
position:absolute; left:134px; top:13px;
width:500px;                            /* Длина фигуры */
height:100px;                           /* Высота фигуры */
background:#FF6600;                     /* фон блока */
line-height: 100px;                     /* чтоб надпись по центру вертикаль */
 
-moz-border-radius: 10px;              /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px;           /* закругл. для старых Chrome и Safari */
 -khtml-border-radius:10px;             /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px;                   /* закругление углов для всех, кто понимает */
}
    .zagolovok a                        /* ссылка заголовка */
{
	font-size: 40px;
	display: block;                 /* Ссылка как блочный элемент */
	text-align: center;             /* Выравнивание по центру горизонталь*/
	text-decoration: none;          /*чтоб не подчеркивал */
        font-weight: bold;              /*жирным */
	color: #99CCFF;                 /* Цвет ссылки */
}

div#text
{
	position:absolute; top:0px; left:10px; 
	font-weight: bold;
	height: 100%;
	width: 990px;
}

div#text_otstup
{
height: 147px;
}

iframe
{
border: 0px;
height: 73%;
width: 100%;
}