/*селектор тега*/
	body {
/*background-color - цвет фона, burlywood - бежевый*/
    background-color: #deb887;
/*margin - край*/
	margin: 0;
/*padding - набивка*/
    padding: 0;
    }
	
/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/   
	#li1, #li2, #li3, #li4, #li5{
/*padding - набивка*/
    /*padding: 2em;*/
/*внутренний правый отступ между закладкой и надписью внутри её*/
	padding-right:  50px;
/*внутренний левый отступ между закладкой и надписью внутри её*/
	padding-left: 250px;
}

/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/   
	#selectorClassa1 {
	color: #d0ff00;
/*размер шрифта*/
	font-size: 25px;
/*регист текста - uppercase - верхний регистр, lowercase - нижний регистр, capitalize - каждая первая буква слова с большой буквы*/
    text-transform: uppercase;
/*выравнивание текста - left - влево, right - вправо, center - посредине, justify - по ширине*/
    text-align: center;
/*жирность шрифта, normal - нормальный, который установлен по умолчанию, bold - полужирный, жирность шрифта с шагом в 100 от 100 до 900*/
    font-weight: 900;  
	}
	
/*селектор идентификатора*/   
	#data {
	color: #d0ff00;
/*размер шрифта*/
	font-size: 20px;
/*text-indent отступ слева в пикселях*/
	text-indent: 5px;
/*наименование шрифта*/
	font-family: Arial;
/*жирность шрифта, normal - нормальный, который установлен по умолчанию, bold - полужирный, жирность шрифта с шагом в 100 от 100 до 900*/
    font-weight: 900;  
	}
	
/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/   
	#selectorClassa2, #selectorClassa4, #selectorClassa6, #selectorClassa66 , #selectorClassa666, #selectorClassa6666{
/*#0000ff - синий цвет*/
	color: #0000ff;
/*размер шрифта*/
	font-size: 20px;
/*text-indent отступ слева в пикселях*/
	text-indent: 5px;
/*наименование шрифта*/
	font-family: Arial;
}

/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/   
	#selectorClassa3, #selectorClassa5, #selectorClassa7{
/*#0000ff - синий цвет*/
	color: #0000ff;
/*размер шрифта*/
	font-size: 20px;
/*text-indent отступ слева в пикселях*/
	text-indent: 35px;
/*наименование шрифта*/
	font-family: Arial;
}

/*селектор идентификатора*/ 
    #tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
/*padding - набивка*/
    padding: 0;
    list-style: none;
/*отступ сверху страницы*/
    margin-top: 10px;
/*размер шрифта слов в закладках - "ГЛАВНАЯ" и т. д.*/
	font-size: 12px;
    }

    #tabs li {
/*float - определяет, по какой стороне будет выравниваться элемент*/
    float: left;
/*если -5px нахлёст, если 5px расстояние между словами закладок ГЛАВНАЯ и СОВЕТ*/	
    margin: 0 -1px 0 0;
    }

    #tabs a {
    float: left;
	position: relative;
/*padding - набивка*/
	padding: 0 40px;
    height: 0; 
	line-height: 30px;
/*регистр слова "СОВЕТ*"*/	
    text-transform: uppercase;
    text-decoration: none;
    border-right: 30px solid transparent;
    border-bottom: 30px solid;
	border-bottom-color: #777777;
/*opacity - определяет уровень прозрачности элемента веб-страницы
число из диапазона [0.0; 1.0]
значение 0 соответствует полной прозрачности элемента, а 1, наоборот — его непрозрачности
допускается писать числа без нуля впереди, вида opacity: ".6"*/
    opacity: .9;
    filter: alpha(opacity=30);	  
    }

/*определяет стиль элемента при наведении на него курсора мыши*/
    #tabs a:hover,
    #tabs a:focus {
/*цвет при наведении на слово "СОВЕТ*"*/
    border-bottom-color: #2ac7e1;
    opacity: 1;
    filter: alpha(opacity=100);
    }

   #tabs a:focus {
/*удаляет заострённые концы*/
    outline: 0;
    }

	#tabs #current {
    z-index: 3;
/*цвет активной закладки #ffffff - white - белый*/	
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100);	  
    }
	
    #content {
/*цвет #ffffff - white - белый*/
    background: #ffffff;
    border-top: 2px solid #3d3d3d;
/*padding - набивка*/    
	padding: 2em;
/*width - ширина*/
/*ширина места каждой закладки*/
	width: 100%;
/*выравниваем по центру*/
    margin: auto; 
	position: relative;
    }

/*селектор идентификатора*/ 
    #content h2, #content h3, #content p {
    margin: 0 0 15px 0;
    } 

/*селектор идентификатора*/ 
    #div a{
    margin: 0 20px;
    }

/*селектор идентификатора, несколько селекторов идентификатора разделяются запятыми*/ 
/*в случае добавления закладок на сайте нужно добавить #tab6, #tab7 и так далее*/ 
    #tab1, #tab2, #tab3, #tab4 , #tab5{
/*наименование шрифта*/
	font-family: Arial;
/*размер шрифта*/
	font-size: 12px;
/*height - высота, высота в каждой закладке, она белого цвета, ниже следует цвет #deb887 - burlywood - бежевый цвет*/
/*height - высота отрегулирована при раскрытом сполере закладки СОВЕТ1*/	
	height: 1180px;
/*ширина текста в каждой закладке*/
    /*width: 50%;*/
	}