body {    background: #ffffff;
    color: #000;
    font-family: Helvetica;
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
    padding: 0; }
* { margin: 0; padding: 0; }
html {  margin: 0; color:#000; padding: 0 0 20px 0 }
html * { max-height:999999px; }
html, body {height: 100%; margin: 0; padding: 0;} 
img { border: 0}
a { color: #000; cursor: pointer;}
 
.clear { clear: both; height: 1px;}
 #frame { margin: 0 auto; width: 960px; background: #eee}
 #outer { width: 100%; height: 95px; overflow: hidden; position: relative; }
 #wrapper {  background: #000}
  #header{ background: #000; padding: 10px 20px 5px 20px ;     
   
    border-top: 2px solid #c8b04f; }
 .item { float: left; border:  1px solid #808080; width: 158px !important;
    height: 95px !important; position: relative;
    border: 1px solid #808080; overflow: hidden}
	 .item  .desc {  z-index: 100; display: none; vertical-align: middle; padding: 10px; font-size: 11px; position: absolute; top: 0; left:0; width: 138px; height: 75px; background: #808080; color: #fff}
	 .item  .desc a { text-decoration: none; color: #fff}
	 .item img   { min-width: 158px; min-height: 95px; max-width: 158px; } 
	 
 
	  #header table { float: right; padding: 0; margin: 5px 0 0 0} 
	  
	  #header table td  { padding: 2px 10px}
	  
	  #header table td.date { color: #ccc; font-size: 12px; text-align: center;} #header table td.date span { font-size: 18px}
	  #header table td.login  a  { color: #fff; font-weight: bold;}
	  
	  #header input {      width: 220px; background: #ccc; color: #fff; border: none; font-family: Helvetica; font-size: 12px; padding: 5px 10px; font-weight: bold;} 
	   #header button {  background: #fcbf30; color: #fff; border: none; font-family: Helvetica; font-size: 12px; padding: 5px 10px; font-weight: bold;} 
	  
	 #header table td.age { width: 50px; text-align: center; }
	 
	 
	 div.menu { background:  #cc0000; padding: 3px 3px 3px 20px; border-bottom: 2px solid #000;     height: 17px;
    overflow: hidden;}
	 .menu .right { float: right; padding: 5px 20px 0 0 ; cursor: pointer}
	 ul.menu li {  color: #ffcc33;display: inline;
    float: left; margin: 0 0 3px 0; padding: 0; border: none;    }
	  ul.menu { margin-right: 30px;}
	 	 .menu a { color: #fff; text-decoration: none; }
		  .menu a:hover { text-decoration: underline} 
		  
		  #main { padding: 20px; background: #e8e3cd}
		   
		 
		    #main .big { width: 610px;  position:relative; overflow: hidden; height: 340px; margin: 0 0 20px 0}
			 #main .big img { width: 100%;}
			 #main .mini  { position: relative; width: 295px; float: left; height: 165px; overflow: hidden;} #main .mini img { width: 100%;}
			 
			#main .mini .title  { position: absolute; bottom:0; left: 0; padding: 10px; width: 275px; background: rgba(255, 255,255, 0.75);}
			 
			#main .mini .title a {font-size: 15px;
    color: #000; font-weight: bold; text-decoration: none}
	#main .mini .title p { display: none}
	 
	 #main .mini .title p  a {  font-weight: normal}
	#main .big .title  { position: absolute; bottom:0; left: 0; padding: 10px; width: 590px; background: rgba(255, 255,255, 0.75);}
			#main .big .title p a { font-weight: normal} 
		#main	 .big .title a {font-size: 15px;
    color: #000; font-weight: bold; text-decoration: none}
 
	
	
		#main .mini .caption  { position: absolute; bottom:0; left: 0; padding: 10px; width: 275px; background: rgba(255, 255,255, 0.75);}
			 
			#main .mini .caption a {font-size: 15px;
    color: #000; font-weight: bold; text-decoration: none}
	 
	 
	#main .big .caption  { position: absolute; bottom:0; left: 0; padding: 10px; width: 590px; background: rgba(255, 255,255, 0.75);}
			 
		#main	 .big .caption a.title {font-size: 15px;
    color: #000; font-weight: bold; text-decoration: none}
	#main  .big .caption p { }
	#main	 .big .caption a:hover {text-decoration: underline }
	
	
	
	
	 .right .all { text-align: right}
	 .right { float: right; width: 290px;  }
	.right .newslist  { height:435px; overflow-y: scroll }
	 .right .newslist td { padding: 5px; background: #ffffeb; color: #999; vertical-align: top; font-size: 12px;border-bottom: 2px solid #e8e3cd}
		.right .newslist a { text-decoration: none}
		.right .newslist a span { text-decoration: none; color: #000}
		.right .newslist .date {color: #999;  }
		.right .newslist .date span { display: none}
	  .loadNews {    display: none; 
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #666;
    padding: 10px;
    background: #eee;
    margin: 10px 20px;
     }
		.hd { text-transform: uppercase; color: #fff; border-bottom: 2px solid #000; padding: 3px 3px 3px 20px;  position: relative;   background-image: url("../img/dot.png") !important;
    background-position: 9px center;
    background-repeat: no-repeat;}
	
	 
		.darkblue { background-color: #476f86}
		 
		
		
		  #content { padding: 20px; background: #c5ccc2}
		  
		  
		  
		  #content .third  { position: relative; width: 285px; float: left; margin: 0 20px 20px 0  } 
		   #content .third .date { position: absolute; top: 0; right: 0; padding: 3px; color: #fff; background: #000; border-bottom: 2px solid #cc0000}
		   
		  .hd .date { position: absolute; top: 0; right: 0; padding: 3px; color: #fff; background: #000; border-bottom: 2px solid #cc0000}
		   
			 
			 
			#content .third .title a {font-size: 15px;
    color: #000; font-weight: bold; text-decoration: none}
	#content .third .title p { margin-top: 5px }
	#content .third .img { width: 100%; height: 165px; overflow: hidden; margin: 0 0 10px 0 }
	 #content .third .img img { min-height: 165px; min-width: 285px; width: 100%;}
	 #content .third .title p a { font-weight: normal;}
	 #content .third p.comment { font-weight: bold; font-size: 18px}
	 #content .third p.comment img { width: 16px; vertical-align: middle}
	 
	  .news  p.comment { font-weight: bold; font-size: 18px; margin: 10px 0}
	 .news p.comment img { width: 16px; vertical-align: middle}
		.news p.comment a { text-decoration: none  }
		
		.news h3 { font-size: 18px; margin: 0 0 10px 0; font-weight: normal; color: #696969}
		#content .right { float: right; width: 290px; clear: bottom;   }
		.floatIndex { float: left; width: 630px}
		.hd .pop  { position: absolute; top: 5px; right: 0; font-size: 11px; text-transform: none  }
		.hd .pop a { padding: 5px; text-transform: none; color: #fff; font-size: 11px;  font-weight: bold;text-decoration: none}
		.hd .pop  .comments { background: #999999}
		.hd .pop  .day { background: #4d4d4d}
		.hd .pop  .week { background: #808080}
		.hd .pop  .current { border-bottom: 2px solid #ff0000}
		
		
			.right  td { padding: 5px; background: #f2f2f2; color: #999; vertical-align: top; font-size: 12px;border-bottom: 2px solid #c5ccc2}
		 .right  a { text-decoration: none}
		  .right  .block { margin: 0 0 20px 0}
		  table.archive { width: 100%;}
		    table.archive td { padding: 3px; font-weight: bold; border-bottom: 0; color: #dadada;  background: none}
			 table.archive td a { color: #476f86}
			table.archive td.dni { text-align: center;   color: #476f86;  font-weight: bold; background: #ffcc33 }
			table.archive td.dni2 { text-align: center;  color: #476f86;  font-weight: bold; background: #ffcc33}
			a.tagclouds { color: #666}
			.level1 { font-size: 100%; }
			.level2 { font-size: 120%; }
			.level3 { font-size: 140%; }
			.level4 { font-size: 160%; }
			.level5 { font-size: 180%; }
			.level6 { font-size: 200%; }
		 
			.fullimg { padding: 0;
    margin: 0;
    background: #fff;}
			.fullimg img { width: 100%;}
			.caption {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255,255, 0.75);
	width: 100%;
	height: 100%;
}
.owl-prev {
    position: absolute;
    top: 35px; z-index: 100; width: 21px; height: 21px;
    background: url("../img/prev.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	left: 20px;cursor: pointer }
	
	.owl-next { width: 21px; height: 21px;
    position: absolute;
    top: 35px;z-index: 100;    background: url("../img/next.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin-left: 18px;
    right: 20px; cursor: pointer }
	
	.box {
	    display: none;
    clear: both; }
	.visible { display: block}
	
	.load { text-align: center; cursor: pointer; font-size: 24px; width: 100%;    box-sizing: border-box; clear: both; color: #999; padding: 10px; border: 1px solid #999}
	.news h1 { margin-bottom: 20px;}
	.news { padding: 20px; background: #fff; font-size: 14px}
		.news p { margin: 0 0 10px 0; font-size: 14px; line-height: 1.5}
		.news img { max-width: 100%}
		.news blockquote
  {
	font-style: italic;
	 
	padding: 0 10px;
border-left: 5px solid #ccc;

	margin: 20px;
}
		
		#commentform { }
		#commentform { }
		#commentform td { padding: 0 5px 5px 0; font-size: 14px;}
			#commentform textarea  { width: 98%; height: 70px;} 
					#commentform textarea { padding: 5px;    font-family: Helvetica;}
						#commentform input { padding: 5px;    font-family: Helvetica;}
							#commentform button { padding: 5px; background: #476f86; border: 1px solid #fff;  color: #fff; font-weight: bold; font-family: Helvetica;}
			#commentform table  { width: 100%} 
			
			
			
			.hidden { display: none }
			
			
			.banner { text-align: center; margin: 0 0 20px 0}
			
			.table { display: table;}
				.table .tr { display: table-row}
			.table .td { display: table-cell}
			.table .td {  padding: 5px; background: #ffffeb; color: #999; vertical-align: top; font-size: 12px;border-bottom: 2px solid #c5ccc2}
				  #content .thirdIndex  { position: relative; width: 33.3%; display: inline-block; margin: 0  } 
		   #content .third .date { position: absolute; top: 0; right: 0; padding: 3px; color: #fff; background: #000; border-bottom: 2px solid #cc0000}
		   
		  .hd .date { position: absolute; top: 0; right: 0; padding: 3px; color: #fff; background: #000; border-bottom: 2px solid #cc0000}
		   
			 
			.third2 { margin: 0 0 10px 0} 
		  .third2 .title a {font-size: 15px;    color: #000; font-weight: bold; text-decoration: none}
  .third2 .title p { margin-top: 5px }
	  .third2 .img { width: 290px; height: 165px; overflow: hidden; margin: 0 0 10px 0 }
	 .third2 .img img { min-height: 165px; min-width: 290px; width: 100%;}
	   .third2 .title p a { font-weight: normal;}
	  .third2 p.comment { font-weight: bold; font-size: 18px}
	 .third2 p.comment img { width: 16px; vertical-align: middle}
 .third2 .date { position: absolute; top: 0; right: 0; padding: 3px; color: #fff; background: #000; border-bottom: 2px solid #cc0000}
		   
		   .addnews h3 { color: #476f86; font-weight: normal }
		   .addnews table { width: 100%; margin-top: 50px; }
		   .addnews td { vertical-align: top; padding: 0 10px 10px 10px; font-size: 16px; }
		   	.addnews  textarea  { width: 95%; height: 250px;} 
				.addnews 	 textarea { padding: 10px;  width: 95%;  font-family: Helvetica;}
				.addnews 		 input { padding: 10px;   width: 95%; font-family: Helvetica;}
					.addnews 		 button { padding: 10px; background: #476f86; border: 1px solid #fff;  color: #fff; font-weight: bold; font-family: Helvetica;}
					
					.addnews 	.error { border: 1px solid #cc0400}
					
					
					.announce { background: #ffcc33; padding: 10px; margin: 0 0 10px 0;  text-align: center;}
					.announce a {text-decoration: none; text-transform: uppercase; font-weight: bold; color: #000; font-size: 18px; }
					
					
					.left { width: 610px;
    float: left;}
	.selected { margin-right: 0 !important; background: #fff;}
	.selected .padding { padding: 0 10px 10px 10px}
	
	#sandwich { display: none}
	#close { display: none;}
	.width606 { width: 606px;}
	.width606m0 { width: 606px; margin: 0 0 0 0}
	.width606m20 { width: 606px; margin: 0 0 20px 0}
		#footer { background: #000; padding: 15px 20px 10px 20px; font-size: 10px;}
			#footer a { text-decoration: none}
			#footer .td {    border: none; color: #b19e88; font-size: 10px; background: none; vertical-align: middle}
			#footer .tr { border: none}
			div.tdright { font-size: 11px; text-align:  right;  width: 290px; color: #b19e88}
			div.tdright a { color: #b19e88}
			div.tdcenter { width: 40%;font-size: 10px;padding: 0 0 0 20px;font-weight: bold; color: #ffcc33 !important}
			div.tdcenter a { color: #ffcc33}
	 .formSearch { display: none}
	 .mobileArchive {  display: none}
	 
	 .wrapper {
height: 0;
padding-top: 25px;
padding-bottom: 56.34%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.wrapper.widescreen {
padding-bottom: 56.34%;
}
.wrapper.vimeo {
padding-top: 0;
}
	.wrapper embed, .wrapper iframe, .wrapper object, .wrapper video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}

.head { text-transform: uppercase; color: #fff;   padding: 10px;  text-align: center;  position: relative;  background: #77725e; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 1px #000}
	
	.head  a { color: #fff; text-decoration: none}
	  #content .kolokolnya  { position: relative; width: 289px; float: left; margin: 0 20px 20px 0  } 
		#content .kolokolnya .img { width: 289px; height: 165px; overflow: hidden; margin: 0 0 10px 0 }
	 #content .kolokolnya .img img { min-height: 165px; min-width: 289px; width: 100%;}
		.hd  a { color: #fff; text-decoration: none}
		
		.related h2 { margin: 20px 0;}
		
		.desktop { display: none;}
		
		.wrp { box-sizing: border-box; margin: 10px; position:relative }
		.table { display: table; width: 100%}
		.cell { display: table-cell; padding: 10px; width: 33%; }