* {
margin:0;
padding:0;
-webkit-box-sizing:  border-box;
    -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{
	width:100%;
	font-size: 100%;
	font-family:Verdana;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, form, .displ_block, #reclama1, #reclama2, #reclama3, #logo, #ticker, #search.socmeregi, #social, #actual, .actualno, .actualblock, #themeslider, #actualbutton, #archive, #dumka, .blog, #middle, #left, #content, #main_article, .anons, .all_articles, #content_static, #content_dinamic, .img-2, .img-3, #news, #right, #col_right1, #col_right2, .r,  .r_cont, #footermenu, #debug, #footerbutton{
	display: block;
	overflow: hidden;
}
marquee, #topmenu ul li a, .head-o, .head-g, .head-w, h1, h2,  .jshowoff h3, .leftmenu_p, .text_news p, .autor, .date, #debug p {
	font-family:Roboto;
}
.head2,.actualblock h2, .jshowoff p, #actualbutton p, #archive p, .leftmenu_a, .leftsubmenu_a,.anons p, .all_articles p,  #footerbutton1 p, #footerbutton2 p{
	font-family:Verdana;
}
a {
	text-decoration:none;
}
.head-o, .head-g {
	font-size:0.9em;
	font-weight:bold;
	padding:10px 0 0 20px;
	
}
.head-o{
	color:#fc8002;
}

.head-g {
	color:green;
}
.head-w {
	font-size:0.7em;
	font-weight:bold;
	color:white;
	padding:5px 0 5px 20px;
	background-color:orange;
}

.head-button{
	font-size:0.8em;
	font-weight:bold;
	text-align:center;	
}
.autor{
	font-size:0.8em;
	color:#999999;
}
.date{
	color:#666;
}
.gray{
	border:#cddbd4  solid 1px;
}
.orange{
	border:orange  solid 1px;
}
.r, .r_cont{
	border:#f9b153 solid 1px; 
}


img, iframe, video, embed {
	max-width: 100%;
	width: auto \9;
	height: auto;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
}

#reclama1 img{
	margin:0px 10px 0px 40px;
}

/* ------------------Header ---------------------- */
header{
	border-top:#bddbf1 solid 1px;
}
#logo{
	margin-top:1px;
	height:92px;
	float:left;
}
header div h1{
	font-family:Verdana;
	font-size:20px;
	color:#333;
}
	
	
	/* -----------------Заголовок сайту----------------- */
#sitename {
	width:70%;
	height:60px;
	float:left;
	margin:20px;

}	
	
#sitename h1{
	font-family: Helvetica;
	font-size:2.3em;
	font-weight:bold;
	
}
#site {
	display:black;
	width:11%;
	height:60px;
	float:left;
}
.center{
margin:5px auto;
text-align:center;
font-weight:bold;
}
/* ------------------End Header ---------------------- */

/* ------------------Topmenu ---------------------- */
#topmenu {
	height:30px;
	border-top:#bddbf1 solid 1px;
}

ul.menu, ul.menu li:hover {
	position: relative;
}

ul.menu li {
	list-style: none;
	display:block;
	float:left;
	width:12.5%;
	height: 30px;
	border-right:#bddbf1  dotted 2px;
}

ul.menu li:hover > ul {
	visibility: visible;
	z-index:2;
}

ul.menu li a {
	display:block;
	font-size:0.7em;
	font-weight:bold;
	color:#005bbb;
	padding:5px;
	text-align:center;
	text-transform:uppercase;
}

ul.menu li a:hover {
	color:green;

}

ul.menu li.list {
	background: url(../images/arrow.png) no-repeat 95% 40%;
}
ul.menu li.list:hover {
	background: none;
}

ul.menu li.single:first-child{
	width:5%;
	height:22px;
	background:url(../images/home-blue.png) bottom center no-repeat;	
}

ul.menu li.single:first-child:hover{
	background:url(../images/home-green.png)bottom center no-repeat;	
}

ul.menu li.single:nth-child(9){
	width:5%;
	height:22px;
	background:url(../images/email_blue.png) bottom center no-repeat;
	border-right:none;	
}

ul.menu li.single:nth-child(9):hover{
	background:url(../images/email_green.png)bottom center no-repeat;	
}
		
ul.submenu {
	visibility: hidden;
	position: absolute;
	padding:5px;
	top: 30px;
	left: 0;
	background:white;
	
}

ul.submenu li {
	list-style:none;
	display:block;
	float: none;
	height: 27px;
	width:100%;
	border-bottom: 1px solid #a0cce2;
	border-right:none;
	text-align:center;
	background:#e1ecf6;
	text-transform:none;
}

ul.submenu li a {
	display:block;
	padding: 5px;
	width:150px;
	font-size:0.7em;
}

ul.submenu li a:hover{
	background:#bee4c3;
}

.transf{
	text-transform:uppercase;
	
}
/* ------------------Topmenu end---------------------- */


/* ------------------Aside left ----------------------- */

#left{
	float:left;

}

/*---------------------Leftmenu--------------------------*/

#leftmenu {
	width:200px;
	
}
#leftmenu p{
	background-color:#2e82c5;
	color:white;
	text-transform:uppercase;
	font-size:0.7em;
	padding:5px;
	border-radius:0 15px 0 0;
	width:190px;
	font-weight:bold;
}

#leftmenu ul {
	display:block;
	
}

#leftmenu li {
	list-style: none;
	display:block;
	width:180px;
	border-left:#2e82c5  solid 1px;
	border-right:#2e82c5  solid 1px;
	border-bottom:#2e82c5  solid 1px;
}


#leftmenu a {
	display:block;
	font-size:0.7em;
	font-weight:bold;
	color:#005bbb;
	padding:5px;
	text-align:left;

}
#leftmenu a:hover {
	color:green;
	text-shadow:1px 1px white;
}



.leftmenu_li:hover > ul {
	visibility: visible;
	display:block;
	padding:5px;
	margin-left:7px;
	margin-right:-7px;
}

.leftsubmenu_ul{
	visibility: hidden;
	display:none;
}

.leftsubmenu_ul_v{
	visibility: visible;
	display:block;
}

.leftsubmenu_li {
	list-style:none;
	display:block;
	width:100%;
	border-bottom: 1px solid white;
	margin-left:7px;
	margin-right:-7px;
}

.leftsubmenu_a {
	font-size:0.7em;
	font-weight:bold;
	display:block;
	padding: 5px;
	width:170px;
	background:#2e82c5;
	color:white;
	
}

.leftsubmenu_a:hover{
	background:#a0e2c7;
	color:#045486;
}

/*---------------------Leftmenu end --------------------------*/
#reclama3, #fb_like{
	width:80%;
	
	margin:20px 5px 20px 10px;
	border:#1677c4 solid 1px;
	border-radius:5px;
}
#reclama3 h1{
	font-family:Roboto;
	font-size:0.8em;
	font-weight:bold;
	color:#005bbb;
	padding:10px;
}


/* ------------------Content ----------------------- */
#content{
	float:left;
	margin-top:20px;
}
#main_article{
	width:95%;
	margin:0 auto 10px;
	border-radius:20px;
	
}
.all_articles{
	width:95%;
	margin:10px auto;
	border-radius:20px;
	
}
#main_article h1, .all_articles h1{
	font-size:0.8em;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
	background-color:#d2eafd;
}

#main_article h1 a, .all_articles h1 a{
	color:#346699;
}
#main_article h1 a:hover, .all_articles h1 a:hover{
	color:orange;
}

.anons a img:hover{
	border:orange solid 1px;
}
.anons p, .all_articles p{
	font-size:0.8em;
}
.post h3{
	clear:both;
	font-size:0.8em;
	font-weight:bold;
	color:#346699;
	padding:10px;
}

.all_articles img{
	width:125px;
	float:left;
	margin:5px;
	
}
/* ------------------form ----------------------- */
form p {
	margin:10px;
}

form p label{
	font-size:0.8em;
	font-weight:bold;
	color:green;
	padding:10px;
}
/* ------------------Aside right ----------------------- */

#right{
	float:right;
}
/* ------------------Новини ----------------------- */
#news{
	
	border-radius:20px 0 0 0;
	margin:20px;
		
}
.text_news{
	margin:0 0 0 10px;
	border:orange solid 1px;
	border-top:none;
	padding:10px;
	font-size:0.8em;
}
.text_news p{
	padding:7px 0;
}
.text_news p span, #news p span{
	font-style:italic;
	padding:10px;
	color:#fe7800;
}

/* ------------------Праві колонки----------------------- */

#col_right1 {
	margin:20px 10px 20px 0;
	float:right;
}

#col_right2 {
	margin:20px 0 0 10px;
	float:right;
}

.r {
	width:90%;
	height:180px;
	border-radius:10px;
	margin:15px 10px ;
}

.r_cont{
	height:180px;
	border-radius:10px;
	margin:15px 10px ;
}
.r h1{
	font-size:0.75em;
	font-weight:bold;
	color:#346699;
	background-color:ffcc9a; /* ------------------Чомусь не залмваэться кольором----------------------- */
	padding:5px;
	
}

.r2{
	float:right;
	margin-top:20px;
}

/* ------------------Footer ----------------------------------------- */
footer{
	background:#125e9a;
}
#footertext{
	float: left;
	
}
#footertext p{
	padding:20px;
	color:white;
	text-align:center;
}
#footermenu{
	padding:20px;
	float:left;
}
#footermenu nav a{
	color:orange;
}

#footermenu nav a:hover, #footerbutton1 p a, #footerbutton2 p a{
	color:white;
}
#footerbutton1 p a:hover, #footerbutton2 p a:hover{
	color:orange;
}

#footerbutton1 p, #footerbutton2 p{
	width:75%;
	border:white solid 1px;
	border-radius:10px;
	background:rgba(125,155,221, 0.3);
	margin:30px 15px;
	padding:15px;
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#footerbutton2 p{
	margin-top:30px;
}
/* ------------------Debug ----------------------------------------- */
#debug { 
	border:#bddbf1 solid 2px;
	padding:0 0 10px 0;
}

#debug p{ 
	padding:7px 0 0 0;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	
}
#debug p a{ 
	color:#346699;
}
#debug p a:hover{ 
	color:green;
}
#soc_debug {
	margin:0 auto;
}
/* ------------------Debug  end----------------------------------------- */

/*  кнопка Вгору*/

#toTop {
width:120px;
border:1px solid #ccc;
background:rgba(7,124,217, 0.6);
text-align:center;
padding:8px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:10px;
cursor:pointer;
display:none;
color:#333;
font-family:verdana;
font-size:12px;
z-index: 999;
border-radius:5px;
}


#toTop:hover{
	background:rgba(7,124,217,0.9);
	color:white;
}

/*  кнопка Вгору кінець*/
.box-1 {width:8.33%;}
.box-2 {width:16.66%;}
.box-3 {width:25%;}
.box-4 {width:33.32%;}
.box-5 {width:41.65%;}
.box-6 {width:50%;}
.box-7 {width:58.31%;}
.box-8 {width:66.64%;}
.box-9 {width:75%;}
.box-10 {width:88.33%;}
.box-11 {width:91.63%;}
.box-12 {width:100%;}


/* ------------------Media queries ----------------------------------------- */
/* ------------------Media queries ----------------------------------------- */
/* 1024px  */
@media screen and (max-width:1024px),only screen and (max-device-width:1024px){
#sitename h1{
	font-size:2.1em;
}	
.fb,.google, .twitter {
width:30px;
height:30px;
display:block;
float:left;
}
#ticker{
	width:60%;
}
#search {
	width:30%;
}	


	
}

/* ------------------Media queries ----------------------------------------- */
/* 854px  */
@media screen and (max-width:854px),only screen and (max-device-width:854px) {
form{
	width:250px;
}
#search {
	width:80%;
}
#sitename {
	width:70%;
}	
#sitename h1{
	font-size:2em;
}
#ticker, #region, #sity{
	display:none;
}

.socmeregi	{
	width:30%;
	float:right;
}
#topmenu {
	height:60px;
}
.actualno{
	width:30%;
}
.actualblock{
	width:75%;
	
}
.actualblock h2{
	font-size:0.8em;
}	

#themeslider{
	width:90%;
	float:none;
	margin:10px auto;
}

#actualbutton, #archive{
	float:none;
	width:70%;
	margin:20px auto;
}

#content{
	width:60%;
}
#main_article{
	margin:10px auto;
}
#right{
	width:23%;
}

#col_right1, #col_right2 {
	width:100%;
	float:right;
}	
#leftmenu a{
	font-size:0.5em;
}
.r{
	width:80%;
	margin:10px auto;
}
}
/* 768px  */
@media screen and (max-width:768px),only screen and (max-device-width:768px) {

#social{
	float: none;
	width:50%;
	margin:0 auto;
}
#soc_debug{
	width:50%;
}
#socmeregi {
	width:100%;
}

}
/*    ----- 640px   --------- */
@media screen and (max-width:640px),only screen and (max-device-width:640px) {

#left{
	display:none;
}
#content{
	width:100%;
}
#news{
	margin:10px auto;
		
}
#right, #reclama2{
	width:90%;
	float:none;
	margin:10px auto;
}
.blog {
	width:14%;
}	

/*#topmenu ul.menu li{
	float:none;
	width:100%;
}*/
ul.submenu {
	background:blue;
	padding:5px;
	top: 30px;
	left: 0;
	
}

/* Mobilmenu*/
#topmenu.adaptivmenu{
	height:2em;
	background:#1677c4 url(../images/menuicon.png) no-repeat center left 4%;
	cursor:pointer;
	
}
#topmenu.adaptivmenu ul.menu li{
	float:none;
	width:100%;
	visibility:hidden;
}

#topmenu.mobilemenu{
	background:#1677c4 url(../images/menuicon.png) no-repeat top 1em left 4%;
	cursor:pointer;
	transition:1s;
}

#topmenu.mobilemenu ul.menu li{
	width:80%;

}
ul.submenu_l li a {
	display:block;
	padding: 5px;
	width:100%;
	background:#2e82c5;
	color:white;
}

ul.submenu_l li a:hover{
	background:#a0e2c7;
}


/*  Mobilmenu end*/

#footertext{
	width:100%;
}

#footerbutton{
	width:100%;
}
#footerbutton1 p, #footerbutton2 p{
	margin:15px auto;

}
#footermenu{
	display:none;
}

}

/*

}


/*    ----- 540px   --------- */

@media screen and (max-width:540px),only screen and (max-device-width:540px) {
#sitename, #social{
	height:35px;
}	
#sitename h1{
	font-size:1.5em;
}
#site {
	display:none;

}
	
.actualno{
	width:90%;
	height:12%;
	float:none;
	margin:10px auto;
}
 .actualblock{
	width:90%;
	height:20%;
	float:none;
	margin:10px auto;
}

.actualno img{
	width:500px;
}
#dumka{
	margin:10px 0;
}
.blog{
	width:30%;
	margin:5px;
}
 .blog h2{
	font-size:0.72em;
	padding-bottom:5px;
}
 
#reclama2{
	float:none;
	width:100%;
	margin:10px auto;
}	
#actualbutton, #archive{
		width:90%;
	
}

}

/*    ----- 360px   --------- */
@media screen and (max-width:360px),only screen and (max-device-width:360px) {

#sitename h1{
	font-size:1.1em;
}

}

/*    ----- 320px   --------- */