@import url('reset.css'); 
@import url('typography.css');
@import url('form.css');
@import url('forum.css');
@import url('uvaga.css'); 
@import url('banner.css');
@import url('css3.css');


/* Стилі загальних блоків САЙТИКУ :) */
body { scrollbar-face-color:#88C522;  /* колір самої стрічки */
scrollbar-shadow-color: #ffffff;      /* колір розділяючої стрічки */
scrollbar-highlight-color: #ffffff;   /* колір розділяючої стрічки */
scrollbar-3dlight-color: #ffffff;     /* колір зовнішніх границь стрічки */
scrollbar-darkshadow-color: #ffffff;  /* колір зовнішніх границь стрічки */
scrollbar-track-color: #ffffff;       /* колір підложки */
scrollbar-arrow-color: #ffffff; 
margin: auto;
width: 100%;
height:100%;
background-image:url(../img/bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color: #54491C;}
a {color:#bd6b4a;}
a:hover { color:#2f0804;}

#site {
width:1000px;
height:100%;}

#mig{
width:1000px;
height:50px;
background-image:url(../img/mig.jpg);
background-repeat:no-repeat;}

#menu{
width:1000px;
height:30px;
background-image:url(../img/menu.png);
background-repeat:no-repeat;}

#header_1{
width:770px;
height:170px;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
float:left;}

#header_2{
width:230px;
height:170px;
background-image:url(../img/header3.jpg);
background-repeat:no-repeat;
float:left;}

#left_center_right{
width:1000px;
height:100%;
background-color:#FFFFFF;
background-image:url(../img/bg3.gif);
background-position:bottom right;
background-repeat:no-repeat;
float:left;}

#left{
width:250px;
height:100%;
background-image:url(../img/bg2.jpg);
background-repeat:repeat-x;
float:left;}

#content{
width:520px;
height:100%;
float:left;}

#right{
width:230px;
height:100%;
float:left;}

#copiright{
width:1000px;
height:100px;
background-color:#FFFFFF;
background-image:url(../img/menu.png);
background-position:top;
background-repeat:no-repeat;
clear:both;}

#news {
width:253px;
height:100%;
float:left;}
#clear {clear:both;}

#text{
padding:5px;}

/* Стилі правих блоків САЙТИКУ :) */
#r_block{
width:217px;
height:100%;
border:1px solid #982a26;}
#r_block_title1{
width:217px;
height:30px;
background-image:url(../img/rubryky.png);}
#r_block_title2{
width:217px;
height:30px;
background-image:url(../img/zahodte.png);}
#r_block_title3{
width:217px;
height:30px;
background-image:url(../img/pogoda.png);}

/* КУЛМЕНЮ */
#coolmenu{
width: 100%; /*Ширина меню */
background-color: #FFFFFF;  /*Фоновый цвет ячейки*/
border-bottom: solid 1px #FFF2BF; 
text-align: left;}
* html #coolmenu{ 
width: 100%;/*Ширина меню для Internet Explorer*/}
#coolmenu a{
font:12px Arial; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #54491C;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
text-align: left;}
html>body #coolmenu a{ 
width: auto;}
#coolmenu a:hover{
background-color: #d9ad81; /*Фоновый цвет ячейки при наведение курсора*/
color: #2f0804;  /*Цвет текста при наведении курсора*/}


/* КУЛМЕНЮ */
#coolmenu2{
width: 100%; /*Ширина меню */
background-color: #FFFFFF;  /*Фоновый цвет ячейки*/
border-bottom: dotted 1px #2f0804; 
text-align: left;}
* html #coolmenu2{ 
width: 100%;/*Ширина меню для Internet Explorer*/}
#coolmenu2 a{
font:15px Arial; /*Шрифт текста*/
padding: 2px; /*Внутренний отсутп текста ссылки от краев ячейки*/
padding-left: 4px;/*Внутренний отсутп текста ссылки от левого края ячейки*/
display: block;
width: 100%; /*Ширина ячейки*/
color: #54491C;  /*Цвет текста*/
text-decoration: none; /*Подчеркивание у ссылок - нет*/
text-align: left;}
html>body #coolmenu2 a{ 
width: auto;}
#coolmenu2 a:hover{
background-color: #d9ad81; /*Фоновый цвет ячейки при наведение курсора*/
color: #2f0804;  /*Цвет текста при наведении курсора*/}



/* Стилі головного циклу printf САЙТИКУ :) */

#table_cykl{
border-bottom:1px solid #ed2f40;}

/*---------- ПОСТОРІНОЧНА НАВІГАЦІЯ ---------------*/
.pstrnav {
	padding: 0px 10px 20px 15px;
	color:#DB8389;
	font-weight:bold;}
.pstrnav a{
	font-family : Verdana;
	font-size:10px;
	color: #924449;
	text-decoration:underline;
	font-weight:bold;
	padding:3px;}
	
/* ГОРИЗОНТАЛЬНЕ МЕНЮ 1 */
.mattblacktabs{
width: 100%;
overflow: hidden;}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;}
.mattblacktabs li{
display: inline;
margin: 0;}
.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid #f3ebd2;
color: #f3ebd2;
background-image:url(../img/mm.png);
background-repeat:repeat-x;}
.mattblacktabs li a:visited{
color: white;}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background-image: url(../img/mmm.png);
background-repeat:repeat-x; }


h8 {cursor:pointer;}

hr { border:1px solid #C8EA8C;
width:90%;}


/*---------- АКОРДЕОН ---------------*/
/*	Стили основных пунктов	*/
/*	Заголовок в обычном состоянии	*/
.accordion_toggle {
display: block;
height: 30px;
width: 473px;
background-color:#FFFFFF;
color: #ffffff;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
color: #000000;
cursor: pointer;
margin: 0 0 0 0;}
		
h4.accordion_toggle  {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#924449;
font-weight:bold;}
		
/*			Заголовок в активном состоянии	*/
.accordion_toggle_active {
background-color:#FFFFFF;
color: #ffffff;}
		
/*			Блок ответа	*/		
.accordion_content {
color: #444444;
overflow: hidden;}


/* 			Стили вложенных пунктов		*/
/*			Заголовок в обычном состоянии	*/
.vertical_accordion_toggle {
display: block;
height: 30px;
width: 473px;
background-color: #f3f3f3;
color: #A97547;
font-weight: normal;
text-decoration: none;
outline: none;
font-size: 12px;
cursor: pointer;
margin: 0 0 0 0;}
		
/*			Заголовок в активном состоянии	*/
.vertical_accordion_toggle_active {
background-color:#f3f3f3;
color: #A97547;
font-weight:bold;}

/*			Блок ответа	*/
.vertical_accordion_content {
color: #444444;
overflow: hidden;}


.forum {
border:1px solid #924449;}


.li li {
list-style:none;}
