/**
 * CSS Platonovvm Template
 */

html
{
      margin: 0;
      padding: 0;
      width: 100%;
}

body
{
	background-color: #aaa;
	color: #334;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;	
	font:normal 16px Arial;
}

h1, h2
{
	letter-spacing: -1px;
}

h1,h2,h3,h4,h5,h6
{
	font-family: Arial;
	color: #358;
	padding:5px 0;
	margin:0;
}

a 				{ color: #358; text-decoration: none; }
a:visited		{ color: #358; text-decoration: none; }
a:hover 		{ color: #00a; text-decoration: underline; }

#background
{
	/*width: 998px;*/
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;	
}

#main
{
	background: transparent url('gfx/background.png') repeat-y;
	/*width: 998px;*/
	width:1240px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;	
}

#counter {margin:1em;}

#header
{
	/*width: 918px;*/
	width:1160px;
	margin: 0 auto;
	padding: 0;
}

#flag
{
	width: 1160px;
	height: 254px;
	margin: -90px auto 0 auto;
	padding: 0;
}

table {width:600px;}

#top_menu
{
	background: transparent url('gfx/top_menu_background.png') top left repeat-x;
	height: 51px;
	margin: -51px 0 0 0;
	font-size: 12px;
}

#top_menu ul { list-style: none; height: 43px; float: right; 	position: relative; z-index: 10; margin:0; padding:0;} /*!!!!*/
#top_menu li { float: left; display: block; background: transparent url('gfx/button_separator.png') top left no-repeat; height: 43px; padding: 13px 30px 0 30px;}
#top_menu a { color: #ffffff; outline: none; }

#top_line
{
	background: transparent url('gfx/top_menu_background_dark.png') top left repeat-x;
	width: 100%;
	height: 51px;
	margin: 0;
	padding: 0;
}

#logo_foto
{
	margin: -40px 0;
	padding: 0;
	float: left;
	outline: none;
}

#logo_foto img
{
	border: 0;
}

.clBoth
{
	clear: both;
}

.flRight
{
	float: right;
}

.counter
{
	margin: 143px 0 0 848px;
	position: absolute;	
}

#content
{
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 1160px;
}

#leftColumn
{
	float: left;
	width: 273px;
	background: transparent url('gfx/left_corners.png') top left no-repeat;
	margin:-5px 0 0;/*!!!!!*/
	padding: 0;
}

#leftColumn h1
{
	font: bold 17px Tahoma;
	margin: 0;
	padding: 0;

}

#leftColumn .title
{
	font: normal 28px Arial Black;
}


#leftColumn .content
{
	width: 210px;
	padding: 41px 0 0 12px;
	text-align: justify;
}

#rightColumn
{
	float: left;
	text-align: justify;
	margin: 35px 0 0;
	padding: 0 30px 0 0;
}

#rightColumn .content
{
	width: 857px;
}


#news ul, #main_doc, #last_doc
{
	list-style: none;
	padding: 0;
	margin: 0;	
}

#last_doc {width: 210px; top:0;}

#last_doc li { padding-bottom: 15px;}

.newsBody { text-indent: 0.8em; text-align: justify;}

#news { padding:  0; margin:0;}

#news li { padding: 0 0 25px 0; }

#news li>a, #news p>a { color:#4b4b4b;}

.newsDate , #news .newsDate
{ 
	margin: 5px 5px 0 271px; padding:2px 0 2px 20px;
	font: bold 11px Tahoma;
	color: #666; 
	background: transparent url('gfx/clock.png') center left no-repeat;	 
}
#news .noImage { margin: 5px 0 0 0 !important; }

#news p
{
	margin:0;
	padding:5px 0 10px 5px;
}

#news .goto
{
	font: bold 14px Tahoma;
	float: right;
	padding: 0;
}

#main_doc li
{
	margin:0;
	padding: 15px .8em;
	clear: both;
}

#main_doc li img
{
	float:left;
	width:260px;
	height:147px;
	padding: 0;
	margin: 0 10px 0 0;
	border: 0;
	position: relative;
	z-index: 10;
 border-radius:6px;  -moz-border-radius:6px; -webkit-border-radius:6px;
-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
}

#main_doc li h2, #last_doc li h2
{
	margin: 0;
	padding: 0 0 0 0px;
	font: bold 19px Arial;
	text-align: left;
}

#last_doc li h2
{
        font: bold 14px Arial;
}


#main_doc li div { margin: 0 0 0 0px; float:left;}

#main_doc p, #main_doc li p { text-align:left; /*padding: 5px 5px 0 5px; margin: 0 0 0 5px;*/}

#main_doc a, #last_doc a { border:0; color: #333; }

#main_doc .newsDate {float:left; margin: 15px 20px 5px 0; clear: both; width: 100px;}

.naviLine  				{ list-style:none; margin: 0 auto; text-align: center; padding: 20px; clear:both;}
.naviLine li 			{ display: inline; }
.naviLine a.selected	{ font: normal 13px Arial; color: #fff !important; background-color: #358; text-decoration: none; padding: 2px 6px; border-radius:2px;	-moz-border-radius:2px;	-webkit-border-radius:2px; } 
.naviLine a 			{ font: normal 13px Arial; color: #00b !important; text-decoration: none; }
.naviLine a:hover { color: #aaf !important; text-decoration: underline; }
.naviLine img 		{ border: 0; padding:0 5px; margin:0; }

#navi { 	height: 150px; margin: 26px 0 0 20px}
#navi .image {padding:0 10px;}

.naviLine img 		{ border: 0; padding:0 5px; margin:0; }


#footer
{
	width: 1240px;
	height: 200px;
	margin: 0;
	padding: 0;
}

#footer .left
{
	float: left;
	width: 39px;
	height: 200px;
	background: transparent url('gfx/footer_left.png') top left no-repeat;
}

#footer .middle
{
	float: left;
	width: 1160px;
	height: 200px;
	background: transparent url('gfx/footer_middle.png') top left repeat-x;
}

#footer .right
{
	float: left;
	width: 40px;
	height: 200px;
	background: transparent url('gfx/footer_right.png') top left no-repeat;
}

#copyright { font: normal 10px Tahoma; color: #797979; float: right; margin: 3px 0 0 0; } 
#copyright a { color: #aaaaaa; text-decoration: none; } copyright a:hover { color: #ffffff; text-decoration: underline; }

.footerNavi
{
	float: left;
	font: normal 10px Tahoma;
	color: #c18787;
	margin: 0;
	padding: 0 60px 0 0;
	text-align: left;
}

.footerNavi h1
{
	font: normal 14px Sans serif;
	margin: 0;
	padding: 0;
	color: #fefefe;
}

.footerNavi a { 	color: #8787cl; 	text-decoration: none; }
.footerNavi a:visited { 	color: #8787cl; 	text-decoration: none; }
.footerNavi a:hover { 	color: #fefeff; 	text-decoration: underline; }

.footerNavi ul { 	list-style: none; margin: 0 0 0 5px; padding: 0;}
.footerNavi li { background: transparent url('gfx/footer_li.png') center left no-repeat; padding: 0 0 0 10px; margin: 0; }


.album .image {float: left; width: 260px; height: 147px; padding: 15px 12px;}
.image img	{ border: 0; border-radius:6px;  -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.8);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.8);}


#left_menu	{ list-style: none; margin:0; padding: 0; color: #ffffff; font-size:13px;}
#left_menu li 	{ background: url('gfx/left_menu_button.png') bottom left no-repeat; width:215px; height: 17px; margin: 5px 0; padding: 14px 5px; position: relative; z-index: 50; }
#left_menu li:hover   { background: url('gfx/left_menu_button_active.png') bottom left no-repeat;}
#left_menu li:hover div.dropdown { display: block; }

#left_menu .blue { background: url('gfx/left_menu_button.png') top left no-repeat; }
#left_menu .blue:hover { background: url('gfx/left_menu_button_active.png') top left no-repeat; }
#left_menu .blue a      { color: #ffffff; margin: 0 0 0 10px; cursor: pointer;}
#left_menu a      	{ color: #ffffff; margin: 0 0 0 15px; }
#left_menu img 	{ margin: 3px 0 0 15px; float: left;}
#left_menu .blue img  { margin: 0 0 0 10px; float: left;}

#left_menu .dropdown	{ margin: -23px 0 0 214px; position: absolute; width: 184px; display: none; padding:0;z-index:100;font:12px normal tahoma;}
#left_menu .dropdown .head { background: url('gfx/dropdown_top.png') top left no-repeat; height: 30px; margin:0; padding:0;}
#left_menu .dropdown .middle { background: url('gfx/dropdown_middle.png') top left repeat-y; margin:0; padding:0 10px; list-style: none; width:164px; }
#left_menu .dropdown .middle li {margin:0; padding:0 0 4px 0; background: none; width: 160px; }
#left_menu .dropdown .middle a 			{ color: #555; text-decoration: none; margin: 0 0 0 8px; padding: 0 0 0 8px; background: transparent;}
#left_menu .dropdown .middle a:hover 	{ background: transparent url('gfx/li_red.png') center left no-repeat;}
#left_menu .dropdown .bottom { background: url('gfx/dropdown_bottom.png') top left no-repeat; height: 30px; margin:0; padding:0;}


#black_wnd { position: fixed;		top:0;		left:0;		right:0;		bottom:0;		background: #000000;		opacity: 0.6;		z-index: 200;	-ms-filter: 'alpha (opacity=60)'; filter: alpha (opacity=60); }

#window
{
	background: #dddddd url('gfx/popup_window_background.png') top left repeat-x;
	/*border: 1px solid;*/ 	position: absolute;	text-align: left;
	left: 50%; top: 50%; margin-left: -325px; margin-top: -225px; padding-top: -250px; 
	width: 650px;  
	/*height: 450px;*/
	z-index: 380;	
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}

.dialog_close
{
	float: 	right; 	clear: 	both;
	margin: 5px 5px; 	width: 	18px; 	height: 18px;
}

#banners 	{ width: 215px; test-align: center; padding: 25px 0 0 12px; }
/*#banners a 	{ width: 71px; height: 71px; float: left; margin:0; padding:0; }*/
#banners img { border: 0;}

#mainGallery 		{ width: 615px; height:347px; margin:0; padding:0; }
#mainGallery ul 	{ width: 615px; height:347px; margin:0; padding:0; }
#mainGallery li		{ width: 615px; height:347px; margin:0; padding:0; }
#mainGallery img 	{ width: 615px; height:347px; margin:0; padding:0; }

#mainImage img { border:0; width: 615px; height:347px; z-index: 10; position: relative;}
#leftArrow, #rightArrow, #imageTitle { z-index: 20; position: relative; display: none; }
#leftArrow, #rightArrow { width: 63px; height: 346px; margin: -349px 0 0 0; float: left; cursor: pointer;}
#leftArrow 	{ background: transparent url('gfx/left_arrow.png') top left no-repeat; }
#rightArrow 	{ background: transparent url('gfx/right_arrow.png') top left no-repeat; margin-left:552px; }
#imageTitle 	{ background: transparent url('gfx/bk_gradient.png') top left repeat-x; width:615px; height:41px; margin: -66px 0 0 0; color:#ffffff; text-align: center; padding: 25px 0 0 0; }


.message 			{ list-style: none; margin:0; padding:0;}
.message li			{ width: 100%; height: 38px; }
.message li label 	{ width: 150px; margin:0; padding:0; font: bold  14px Arial; float: left; }
.message li span	{ width: 150px; font: italic 10px Verdana; float: left; margin: 4px 0 0 10px;}
.message input 		{ width: 270px; float: left;}
#contentBody		{ width: 570px; height: 150px; }
#submit				{ float: right; margin: 10px;}


#video { text-align: center; width: 100%; }
#player { margin: 0 auto;}
.youtube_player {z-index: 200; position:relative; zoom: 1;}


#navi_line              { height:24px; width:550px; padding: 5px 0 0 0; }
.navi_line              { list-style:none; font:normal 15px arial,'lucida console',sans-serif; color:#666; text-transform:uppercase;}
.navi_line li   { display:inline; }
.navi_line a    { color:#358; text-decoration:none; font-weight:normal;}
.navi_line a:hover              { color:#00a; text-decoration:underline; }

.li_red {background: transparent url('gfx/li_red.png') center left no-repeat; width: 3px;}



.album          {       width: 100%; height: 100%; }
.spacer         { width: 260px;         height: 147px;  margin: 0; font: 14px Arial; color: #555555 !important; text-align: center;}
.image          {       width: 260px;   height: 147px;  margin: 0; padding: 20px; float:left; cursor:pointer;}
.nopad          {       margin: 15px 0 !important; padding: 0 !important;}
.image img,
.spacer {       border: 0; position: relative; z-index: 5;      }

.image span {   background: transparent url('gfx/image_bk.png') top left repeat-x; margin: -33px 0 0 0;  width: 261px; display: block; 
                height: 25px; position: relative; z-index: 6; text-align: center; padding: 8px 0 0 0; text-transform: uppercase;}
.image a        {       font: 11px Arial; text-shadow:#000 1px 1px 2px;  color: #ffffff !important; }
.image a:hover { text-decoration:none;}
.start          {       clear:both; }

.page_counter ul { margin:0; padding: 0; }
.page_counter li { display: inline; list-style: none;}
.page_counter a  { margin: 0; padding: 1px 5px; font:normal 10px Arial; border: 1px solid #888; color:#888;}
.page_counter .selected a  { margin: 0; padding: 2px 6px; background: #888; color: #fff !important; border: none;}

.black_wnd              { position: fixed; top:0; left:0; right:0; bottom:0; background: #000000; 
                        opacity: 0.5; -ms-filter: 'alpha (opacity=50)'; filter: alpha (opacity=50); z-index: 16; border-color: #000000; }
.dialog_close {width:18px; height:18px; float:right; background: transparent url('gfx/button_close.png') top left no-repeat; position: absolute;right: 5px;top: 5px;}
.dialog_close:hover {background: transparent url('gfx/button_close_hover.png') top left no-repeat;}
#popupWindow { background-color:#ffffff; text-align:center; margin:0 0 0 -307px; 
                padding:15px 30px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 100; position:fixed; top:10%; left:50%; }


.pageThumb {cursor:pointer; border-radius:6px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.8);}


#leftSearch {width:145px; float:left;}
#leftSrcForm { margin:25px 0;}


.t1 { 	font: bold 12px Tahoma; }
.t2 { font: normal 13px Verdana;}
.t3 { font: normal 14px Arial Black; letter-spacing: -1px;}
.t4 { font: bold 15px Arial; letter-spacing: -1px;}
.t5 { font: bold 14px Verdana; text-transform: uppercase;}
.t6 {   font: bold 12px Sans; text-transform: uppercase;}
.t7 {   font: bold 15px Tahoma; letter-spacing: -1px;}
.t8 { font: normal 16px Verdana; letter-spacing: -1px;}
.t9 { font: normal 17px Arial Black; letter-spacing: -1px;}
.t10 { font: bold 12px Arial; }
.t11 { font: bold 15px Verdana; text-transform: uppercase; letter-spacing: -1px;}
.t12 {   font: bold 17px Sans; text-transform: uppercase; letter-spacing: -1px;}

.imgs {width:857px; border:0; border-radius:6px;  -moz-border-radius:6px; -webkit-border-radius:6px;}
.tags {padding: 10px 20px; margin: 30px 0; background-color: #e5e5ea; border-radius: 6px;}




.likeIt {position: fixed; top:80%; right:5%; background:#eee; border-radius:8px; box-shadow:0 0 5px 1px rgba(0,0,0,0.5); padding:5px 10px; z-index:500; opacity:0.5;}
.likeIt:hover {opacity:1;}

.rightTopBanner {float:right; width:468px; height:60px; padding:10px 30px 0 0;}
.advLinks {width:100%; font: 12px Arial; color:#777; padding:40px 25px 10px 0;}
.topE30 {padding:15px 20px; margin:0; background:#555; border-radius:12px; color:#ccc;}
.topE30 h1 {color:#eee; text-shadow: 1px 1px #000;}
.topE30 a {color:#ddd;}


.pageByLink { box-shadow: 0 0 50px 20px rgba(0, 0, 0, 0.8) inset; border-radius: 4px; color: #FFFFFF; 
text-shadow: 1px 1px 2px #000; float: left; 
margin: 15px 15px 20px 0; padding: 0 20px 10px 20px; width: 350px; min-height:150px; /*font: normal 14px Arial;*/}

.pageByLink a {color:white;}

body.reg #regme {
    display: block;
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    background: rgba(0,0,0,.7);
    color: white;
    padding: 2em 0;
    z-index: 100000;
    font-size: 1.3em;
    line-height: 2em;
    text-shadow: 0 0 0.2em rgb(0,0,0);
    letter-spacing: .1em;
}

#regme, body.reg #regme.hidden {
    display: none;
}

body.reg #closeme {
    float: right;
    font-size: 0.6em;
    color: white;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: .5em;
}

body.reg #regme a {
    background-color: #3275e5;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    padding: .5em 2em;

}

body.reg #regme a.enter {
    background-color: #d20000;
}

@media screen and (orientation: portrait)
{
	html,
	body {background-color:white; width:100%; font-size:.9em;}
	img {max-width:100%;}
	#top_line {display:none;}
	#top_menu {margin:0; height:auto; background:none; position:relative; z-index:1;}
	#top_menu li {background:none; width:100%; margin:1em 0;padding:0;}
	#content,#header,#footer,#main, #background {width:100%; margin:0;padding:0;}
	#footer {display:none;}
	#main {background:none;}
	.content {font-size:1.4em;}
	#content {margin:0; padding:0 0 0 .6em; width:90%;}
	#leftColumn, 
	#leftColumn .content,  
	#left_menu li {background:none; width:100%; margin:1em 0;padding:0;}
	#left_menu li {height:auto;}
	#left_menu {display:none; font-size:.8em;}
		.menuContainer:before {content:'≡'; display:block; margin:0; font-size:2em; cursor:pointer; float:right;}
		.menuContainer:hover  ul#left_menu  {display:block;}
	#left_menu a, #top_menu a {   margin: 0; color: #358; font-size:1.5em;}
	#left_menu li:hover   { background: none;}
	#left_menu li:hover div.dropdown { display: block; }
	#left_menu .blue,  #left_menu .blue:hover { background: none; }

	#leftColumn #last_doc {display:none;}
	#rightColumn #navi_line {display:none;}

	#navi_line {height:100%;width:100%;font-size:1em;}

	#rightColumn .content, #rightColumn  {width:100%;margin:0;padding:0;}

	#top_menu ul, #top_menu li {height:auto; float:none;}
	#logo_foto {width:100%; margin:0 auto;padding:0;float:none; text-align:center;display:block;}

	h1{font-size:1.1em;}
	h2{font-size:1em;}
	h3{font-size:.8em;}
	#main_doc li h2, #last_doc li h2 {font-size:1em;}

	#last_doc li {margin:0;padding:0;}
	ul.newsMain  {margin:0;padding:0;}
	.newsMain li {height:100% !important; margin:0;padding:0;}
	.newsMain img {width:100%; float:none !important; margin:0!important;}

	.rightTopBanner {display:none;}

	#left_menu .dropdown    { display:block; padding:0;margin:0;font-size:1.2em; width:100%; position: relative;}
	#left_menu .dropdown .head { background:none; height:auto;}
	#left_menu .dropdown .middle { background: none; margin:0; padding:0 10px; list-style: none; width:100% }
	#left_menu .dropdown .middle li {margin:.5em 0; padding:0 0 4px 0; background: none; width: 100%; }
	#left_menu .dropdown .middle a          { color: #555; text-decoration: none; margin: 0; padding: 0; background: transparent; font-size:1em;}
	#left_menu .dropdown .middle a:hover    { background: none;}
	#left_menu .dropdown .bottom { background: none; height: auto; margin:0; padding:0;}

	body.reg #regme a {line-height:2.5em;}
	table {font-size:.8rem; order-spacing: 0;}
}