body            {background:#FFF;text-align: center;font-size:.9em;line-height:140%;color:#555;text-align:left;height:100%;display:block;}
img             {border:0;); }


body, input  p   b   {font-family:Arial,Helvetica,Tahoma,verdana,sans-serif;}


a               {color:#07A}
a:hover         {color:#8064a2}
ul           {padding-left:50px}

.clean            {content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;margin:0 !important;}
.stat_about         {background:#99ADB7 !important;}



.pagename     {margin:20px 0 5px;}
.ppp          {width:auto;max-width:1200px;text-align:left;overflow:visible;margin:0px auto;}


#nmenu      {margin:0;padding:0;display:block;text-align:center;border:#2B3F4D solid 1px;border-right:none;border-bottom:none;border-left:none;}
#nmenu li   {list-style:none;display:inline-block;}
#nmenu li a {line-height:30px;height:30px;display:block;padding:0px 10px;color:#2B3F4D;text-decoration:none;}
#nmenu li a:hover   {color:#F33;}


#nmenu2      {margin:0;padding:0;display:block;text-align:center;padding:3px 0;border:none;}
#nmenu2 li   {list-style:none;display:inline-block;}
#nmenu2 li a {line-height:40px;height:40px;display:block;padding:0px 15px;color:#2B3F4D;text-decoration:none;transition:.5s}
#nmenu2 li a:hover   {color:#F33;}

#nmenu3     {margin:0;padding:0;display:block;text-align:center;border:#2B3F4D solid 1px;border-right:none;border-left:none;}
#nmenu3 li   {list-style:none;display:inline-block;}
#nmenu3 li a {line-height:30px;height:30px;display:block;padding:0px 10px;color:#2B3F4D;text-decoration:none;}
#nmenu3 li a:hover   {color:#8064a2                                       /*#F33*/;}
#nmenu3 li p {line-height:10px;height:10px;font-weight:bold;}


#WideText  {display:block;overflow:hidden;background:#ffcc33;transition:.3s;height:100%;margin-left:400px}
#WideText a{display:block !important;font-size:1.8em;line-height:90%;font-weight:200;text-decoration:none;color:#FFF;margin:20px;}
#WideText  {position:relative;clear:both;margin:0;width:100%;height:auto;}






#WideText2  {display:block;overflow:hidden;transition:.3s;height:100%;margin-left:400px;                border-radius:5px;}
#WideText2 a{display:block !important;font-size:1.8em;line-height:90%;font-weight:200;text-decoration:none;color:#FFF;margin:20px;        text-shadow: 4px 3px 2px rgba(0,0,0,0.18);}
#WideText2  {position:relative;clear:both;margin:0;width:100%;height:auto;}


.stat_about2		{font-size:1.7vw; background:linear-gradient(to right, #DB9528, #F7E2C0);}



.home_page2 {font-size: 15px; line-height: 10px;}











footer          {margin-top:10px;text-align:center;}
.copyright      {color:#999EA7}


.fl             {float:left !important;display:inline;}
.tbl                {margin:0;padding:0;list-style:none;clear:both;float:left;width:100%;}
.tbl li             {float:left;width:100%;padding:0px 0;}



.tbl li.head li     {font-size:18px !important;color:#CC0000;text-shadow:#EEE 1px 1px 0;}
.tbl li ul          {list-style:none;border:none;margin-left:0px;padding:0;display:block;}
.tbl li ul li       {display:block;border-bottom:none;float:left;}

.tbl .blogger         {display:block;color:#2B3F4D;text-decoration:none;font-weight:bold;position: relative; text-align: center;}
.tbl .blogger p      {clear: both; font-weight: bold; display: block;background:#CDD7DC;           border-radius: 5px; padding:5px;}

ul.tbl>li    {position:relative;}

ul.tbl li.announce       {clear:both;float:left;width:100%;margin:0;}
ul.tbl li.announce   a {color: #444; text-decoration: none; line-height: 140%;font-size: 13px;}

.blogger:hover      {color:#8064a2 /*#F00*/ !important;}
b.blogger           {text-decoration:none !important;}


ul.tbl {text-align: center;}
ul.tbl > li           {width:24.5%;display: inline-block; text-align: left;box-sizing: border-box;padding: 0px 20px 15px;float: none;vertical-align: top;}
.tbl li.image     {width:100% !important;}
.tbl li.image .blogger        {margin-top:0 !important;width:auto}


.tbl li.image img {float:center;}
.tbl .lh          {margin-right:0;text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: normal;color: #333; margin: 5px 0; display: block;}
.tbl .lh          {border-bottom:none;margin-top:5px;margin-right:0;}

.tbl .lhc          {margin-right:0;text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: normal;color: #333; margin: 5px 0; display: block; padding-left:80px;}
.tbl .lhc          {border-bottom:none;margin-top:5px;margin-right:0;}




.tbl li.s0        {margin-right:0;text-decoration: none; text-transform: uppercase; font-size: 16px; font-weight: normal;color: #333; margin: 5px 0; display: block;}
.tbl .blogger0 p    {clear: both; font-weight: bold; display: block;background:#DB9528;   color: #22517D;        border-radius: 5px; padding:5px;}



.blogsblock {
    padding: 0px 0;
}
.blogsblock {
    padding: 0px 0;
}


.blogsblock .boxtitle {
    font-family:Arial,Helvetica,Tahoma,verdana,sans-serif;
    display: block;
    text-align: left;
    font-size: 18px;
    text-decoration: none;
    color: #2B3F4D;
}

h1.zagol  {color:#000;font-size:1.7em;font-weight:bold;line-height:110%;text-transform:uppercase}

h1.zag  {text-align:right;color:#000;font-size:1.7em;font-weight:bold;line-height:110%;text-transform:uppercase}

.posters       {display:block;clear:both;}
.posters ul    {margin:0;padding:0;display:bloc;list-style:none;}
.posters ul li {width:50%;float:left;padding-bottom:30px;}
.posters ul li a   {margin-right:40px;display:block;text-decoration:none;color:#000;font-weight:normal}
.posters ul li a span  {float:right;width:60%}
.posters ul li a img   {float:left;width:30%;transition:.3s}
.posters ul li a:hover span    {color:#F33;}
.posters ul li a:hover img     {-ms-transform: scale(2.0); -webkit-transform: scale(2.0); transform: scale(2.0);}

.posters   li  {padding-bottom:5px;}

.yt_v {
    width: 100%;
    border: 0;
}
.blue_text {color:#07A}

/*---------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
	img.tbl, img.fl {width:100%;}
	.ppp {width:95%;max-width:95%;}
}

@media only screen and (max-width: 800px) {
	ul.tbl > li {width:30%;}
	img.tbl, img.fl {width:100%;}
	.ppp {width:95%;max-width:95%;}
	#nmenu li a {line-height:20px;height:20px;}
	#nmenu3 li a {line-height:20px;height:20px;}
	.posters ul li a span  {width:100%;}

}

@media only screen and (max-width: 680px) {
	ul.tbl > li {width:30%;}
	img.tbl, img.fl {width:100%;}
	.ppp {width:95%;max-width:95%;}
	#nmenu li a {line-height:20px;height:20px;}
	#nmenu3 li a {line-height:20px;height:20px;}

	.posters ul {background:none;}
	.posters ul li {width:100%;}
	.posters ul li a   {margin:0px;}
}

@media only screen and (max-width: 600px) {
	ul.tbl > li {width:49%;}
	img.tbl, img.fl {width:100%;}
	.ppp {width:95%;max-width:95%;}
	#nmenu li a {line-height:20px;height:20px;}
	#nmenu3 li a {line-height:20px;height:20px;}
}
@media only screen and (max-width: 480px) {
	ul.tbl > li {width:80%;}
	img.tbl, img.fl {width:100%;}
	.ppp {width:100%;max-width:100%;}
	#nmenu li a {line-height:20px;height:20px;}
	#nmenu3 li a {line-height:20px;height:20px;}

relative ul li {margin-left:10px;margin-right:10px;width:auto;}



.home_page2 {line-height: 15px;}

}
@media only screen and (max-width: 360px){
	ul.tbl > li {width:100%;}
	img.tbl, img.fl {width:100%;}
	.ppp {width:100%;max-width:100%;}
	#nmenu li a {line-height:20px;height:20px;}
	#nmenu3 li a {line-height:20px;height:20px;}
	
	
	.home_page2 {line-height: 15px;}
	
}
@media only screen and (max-width: 320px){
	ul.tbl > li {width:100%;}
	img.tbl, img.fl {width:100%;}
	.ppp {width:100%;max-width:100%;}
	#nmenu li a {line-height:20px;height:20px;}
	#nmenu3 li a {line-height:20px;height:20px;}
	
	.home_page2 {line-height: 15px;}
	
}


.c1c {   float:right; width: 50%;}	
.c2c {  width: 50%;  float:right;}