/**
author: sok-stal 
https://sok-stal.ru
**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  margin           : 0 20px 0 20px;
   
           }

td, tr, p, div {
  font-family      : Arial, Helvetica, sans-serif;
 /* color            : #575B5C;*/
  color            :#482a2a;
  font-size        : 13px;
  line-height      : 16px;
}

hr {
  color            : #878E91;
  height           : 1px;
  width            : 100%;
}



a:link, a:visited {
color          : #233A83;
text-decoration: underline;
}


a:hover, a:active {
color          : #B42C12;
text-decoration: none;
}


ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}


li {  
  line-height        : 14px;
  padding-left       : 14px;
  padding-top        : 2px;
  background-image   : url(../images/li.gif);
  background-repeat  : no-repeat;
  background-position: 0 7px;
}

ol li {
background-image     : none;
}

fieldset{
border           : none;
}


form {
margin           : 0; 
padding          : 0;
}

.inputbox {
 background   : #F2E9D5; 
 border       : 1px solid #D2C6BA;
 margin       : 3px 5px 3px 0;
 padding      : 3px;
 color        : #3B2E14;
 font-size    : 12px;
}

form select.button{
 color        : #ffffff;
 background   : #1F3D73;
}

option {
background    : #1F3D73;
}


.blog-featured h1, .blog h1 {
    font-size        : 16px;
    color            : #19416D;
    margin           : 5px 0;
    text-align       :center;
}

h1 {
  font-size        : 16px;
  color            : #19416D;
    }

h2{
  font-family      : Arial,Tahoma,Helvetica, sans-serif;
  width            : 100%;
  font-size        : 15px;
  font-weight      : bold;
  line-height      : 5px;
  text-transform   : none;
  text-align       : left;
  color            : #19416D;
  margin           : 5px 0px;
  text-decoration  :none;
}

h2 a:link, h2 a:visited, h2 a:hover {
text-decoration  :none;
color            : #19416D;
}


h3 {
  font-size        : 14px;
  color            : #235874;
    }

h4 {
  font-size        : 13px;
      }

pre {

width      : 500px;
overflow   : auto;
font-size  : 12px;
border     : 1px solid #9CB656;
padding    : 15px;
margin     : 15px 0;
color      : #57676A;
}  

blockquote{
width        :500px;
margin       : 15px 0;
padding      : 15px;
background   : #FFFFFF;
border-bottom: 3px solid #9CB656;
border-top   :3px solid #9CB656;
color        : #57676A;
}

.highlight {
background-color: #AE521D;
color           : #CC0000;
padding         : 3px;
}

img {
border          : 5px solid #96a4a9; 
}


/** Buttons **/


.button, button {
  font-size        : 12px;
  color            : #606162;
  border           : 1px solid #E0CEA7;
  margin           : 3px 0;
  padding          : 3px;
  cursor           : pointer;
  background       : #F0E9DB;
}

/** Module **/

div.module, div.module_menu{
    text-align       : left;
    margin           : 0 0 12px 0;
    background       : #FFFFFF url(../images/fon4.png);
	border           : 1px solid #C0B296;
    	}


div.module h3, div.module_menu h3 {
      
    font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 13px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
    color              : #39466F;
	padding-top        : 5px;
	/*line-height        : 27px;*/
	/*height             : 29px;*/
    margin             : 0 0 10px 0;
       }


div.module div div div {
padding: 5px 5px;
padding-bottom: 7px;
width: auto;
}


.contentmod {
text-align   : left;
padding      : 8px 0;
}

.contentmod td {
padding      : 5px;
}

.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
}


.contentmod table.moduletable th{
    font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
    color              : #39466F;
	padding            : 2px;
    line-height        : 25px;
    background         : none;
    border-bottom      : 1px solid #4B738D;
}



#headermod table.moduletable{
    color: #022144;
    margin: 15px;       
    }


#headermod td, #headermod div, #headermod p {color:#022144;width:100%;}


#headermod table.moduletable th{
    font-size          : 15px;
	font-weight        : bold;
	text-align         : left;
	width              : 100%;
    color              : #6F280C;
	padding            : 0;
    line-height        : 25px;
    background         : none;
}

#botmod, #topmod {
padding          : 5px;
text-align       : center;
background       : #FFFFFF;
border-bottom    : 3px solid #FFFFFF;
}

#topmod table.moduletable th, #botmod table.moduletable th{
      font-size          : 15px;
}


/** Read more **/

.readmore {padding:10px 0;}
p.readmore a:link, p.readmore a:visited {
  color            : #00607D;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
    
}
p.readmore a:hover {
  color            : #0087B0;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0;
  line-height      : 15px;
  text-decoration  : none;
  
 }




/** CSS for Mainmenu **/

.module_menu ul, .module_menu ul li
{
  /*background-image  : none;*/
  display           : block;
  width             : auto !important;
  width             : 100%;
  margin            : 0;
  padding           : 0;
  font-size         : 13px;
  background        : #FFFFFF url(../images/fon3.png);
  

}



.module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited
{
  display          : block;
  font-size        : 13px;
  color            : #54676E;
  /*border-bottom    : 1px solid #DAD4C7;*/
  font-weight      : normal;
  padding          : 4px 0;
  padding-left     : 10px;
  text-decoration  : none;
    
}

.module_menu ul li a:hover
{
  /*border-bottom    : 1px solid #2C3839;*/
  font-size        : 13px;
  font-weight      : normal;
  color            : #5B6586;
  text-decoration  : none;
  padding-left     : 10px;
  text-decoration  : none;
  background       : #E9E9E9;


}

.module_menu ul li.active a:link, .module_menu ul li.active  a:visited
{
  color            : #A6190A;
  /*border-bottom    : 1px solid #0B1A40;*/
  background       : #F6E8DE;
  text-decoration	 : none;
  font-size        : 13px;
  /*font-weight      : bold;*/
}


table.module_menu ul li ul li a:link, table.module_menu ul li ul li a:visited, table.module_menu ul li ul li ul li a:link, table.module_menu ul li ul li ul li a:visited
{ background       :none;
  font-size        : 13px;
  font-weight      : normal;
  color            : #004C64;
  text-decoration  : none;
  

}


.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited
{
  
   font-size        : 12px;
   font-weight      : bold;
   color	        : #004C64;
   text-decoration  : none;
   margin-left      : 15px;
   border           : none;
   
}

.module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover
{ background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #004C64;
  text-decoration  : none;
  

}

.module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited, .module_menu ul li.active ul li ul li a:hover

{
  background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color	           : #375810;
  text-decoration  : none;
  
  
}


.module_menu ul li.active ul li.current a
{background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #CC0000;
  text-decoration  : none;
}

.module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited
{
   display          : block;
   font-family      : Tahoma, Verdana, Arial, Helvetica, sans-serif;
   font-size        : 11px;
   font-weight      : normal;
   color            : #3C3933;
   padding    	    : 3px 1px 3px 5px;
   margin		    : 1px;
   text-decoration  : none;
   padding-left     : 15px;
   border-top       : 1px solid #C0B296;
   background-color:  #EFE0D5;
}

.module_menu ul li ul li ul li.active ul li a:link, .module_menu ul li ul li ul li.active ul li a:visited
{
  color            : #3C3933;
  border-top       : 1px solid #C0B296;
  background-color : #EAF9E6;
  font-weight      : normal;
}

.module_menu ul li ul li ul li ul li.active ul li a:link, .module_menu ul li ul li ul li ul li.active ul li a:visited
{
    color            : #3C3933;
    background-color:  #E2EAFA;
}

.module_menu ul li.active ul li ul li a:hover, .module_menu ul li.active ul li ul li ul li a:hover, .module_menu ul li.active ul li ul li ul li ul li a:hover
{ background       :none;
  font-size        : 11px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 15px;

}

.module_menu ul li.active ul li a:hover
{ background       :none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #666666;
  text-decoration  : none;
  padding-left     : 10px;

}


/** Topmenu  **/

#topmenu {
position       : relative;
width		   : auto;
padding	       : 0;
text-align     : right;
clear          : both;
height         : 32px;
background	   : #FFFFFF  url(../images/fon0.png) 100% 100%;
   
        	}

#topmenu .menu {
  list-style       : none;
  margin           : 10px 0 0 0;
  padding          : 0;
  font-size        : 13px;
  background	   : #74A8D5  url(../images/fon1.png) 100% 100%;
  }

#topmenu .menu li {
  display          : inline;
  padding: 0;
  list-style       : none;
  background-image : none;
  width		 : auto;
  color		 : #ffffff;
      
  

}
#topmenu .menu li a {
    display          : inline;
    width		     : auto;
	padding	         : 6px 10px;
	color		     : #DFE6EC;
    text-decoration  : none;
    background	     : #FFFFFF  url(../images/fon2.png);
	font-weight	     : normal;
    line-height      : 32px !important;
}

#topmenu .menu li a:hover {
      width				: auto;
	background			: #FBE029;
	color				: #B41B1B;
      padding			: 6px 10px;
 	font-weight			: normal;
	text-decoration		: none;

    
}


/** index.php **/



.main { 
  text-align       : left; 
  width            : 100%;
  /*background       : #FFFFFF;*/
 }

div.mod {
  background       : none;
  width            : 4px;
}

#clear {
clear   : both;
height  : 2px;
background     : #FFFFFF;
}

#seprt {
height  : 10px;
}

#mainout {
padding: 10px;
}

#maincontent{
background: #FFFFFF;
border : 1px solid #DDDAD9;
}

#centertb {
padding: 15px 0;
background: #FFFFFF;
}

#contenttb{
padding    : 10px 15px;
}

div.pw {
margin-top         : 0;
padding-left       : 0px;
padding-top        : 5px;
}

.breadcrumbs{line-height: 18px;}

.leftcol{
   vertical-align   : top;
   padding          : 10px 10px 10px 9px;
   text-align       : left;
   width            : 190px;
   background       : #FFFFFF;
   border-right     : 1px solid #DAD4C7;
}
.rightcol {
   vertical-align   : top;
   padding          : 10px 10px 10px 9px;
   text-align       : left;
   width            : 190px;
   background       : #FFFFFF;
   border-left      : 1px solid #DAD4C7;
}

.leftcol div, .rightcol div{ 
width          : 200px;
}



#topcontainer {
    position     : relative;
    height       : 150px;
    margin       :0px;
    padding      :0px;
    background  : url(../images/header_repeat.jpg) repeat-x top left; 
    }

#tcimg {
    height       : 150px;
    background  : url(../images/header.jpg) no-repeat top left; 
    }

#tcright {
    height       : 150px;
    background  : url(../images/headerright.jpg) no-repeat top right; 
    }


#logo {
  position       : absolute;
  bottom         : 10px;
  left           : 10px;
  height         : 33px;
  width          : 137px;
      }


#imglogo {
border : 0;
width  : 188px;
height : 33px;

}

#headermod {
    position     : absolute;
    height       : 196px;
    top: 20px;
    left: 380px;
    right: 20px;
    background  : url(../images/header_mod.png) repeat-x top left;
    color: #022144;
    overflow:hidden;
    }

#headermod div {overflow:hidden;height: 190px;}

#body {
margin-left : auto;
margin-right: auto;
width       : 100%;
height      :100%; 
}


#maincontainer{
text-align   : center;
margin       : 0;
padding      : 0;
width        : 100%;
height       : 100%;  
}


#footer-outer {
margin   : 0;
padding  : 0;
clear    : both;
}

#footer {
padding     : 20px 0 25px 0;
color       : #FFFFFF;
text-align  : center;
width       : 1000px;
margin-left : auto;
margin-right: auto;
}


#footer p{
color       : #354C6F;
}

#footer p a:link, #footer p a:visited {
	color            : #354C6F;
	text-decoration  : underline;
}

#footer p a:hover, #footer p a:active {
	color          : #354C6F;
	text-decoration: underline;
}

#footertext, #footertext p {
color       : #354C6F;
}

/* Tooltips */

.tip {
	float       : left;
	background  : #FFFFE6;
	border      : 1px solid #D4D5AA;
	padding     : 5px;
	max-width   : 200px;
      
}

.tip-title
{
        font-weight:bold;color: #D85F15;
}


/* System Standard Messages */

#system-message {
background: #FFFFFF;
}

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}
#system-message dd.message ul li {background-image:none;text-align:center;}
/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}
#system-message dd.error ul li{background-image:none;text-align:center;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}
#system-message dd.notice ul li {background-image:none;text-align:center;}


/** Login **/


p#form-login-password .inputbox, p#form-login-username .inputbox {
width   : 140px;
height  : 15px;
}

fieldset.userdata{
border       : 1px solid #E3DFCF;
margin       : 0;
padding      : 5px 5px 5px 10px;
background   : #FDFBF2;
}


/*****  print, pdf, mail  *****/

.main ul.actions
{
        text-align:right;
        padding:0;
        margin:0;
}

.main ul.actions li
{
        display:inline;
        margin: 0 5px;
        background-image: none;
}

.main ul.actions a
{
        text-decoration:none;
}


/*** Pagenavigation ***/

.pagenavcounter {
  font-size        : 12px;
  color            : #A48563;
  margin: 10px 0 0 0;
  display:block; 
  clear:both;
}

div.pagination {clear:both;}
ul.pagenav {display:block;text-align: center;margin:10px 0 5px 0;}
.pagenav li, div.pagination ul li {display: inline;background-image: none;}
li.pagenav-prev {}
li.pagenav-prev a {}
li.pagenav-next {}
li.pagenav-next a {}

span.pagination {display:block;text-align: center;}
.pagination span { padding: 2px; }
.pagination a    { padding: 2px; } 

.pagination{
  font-weight      : normal;
  font-size        : 12px;
  }

a.pagination:link, a.pagenav:visited {
  font-size        : 12px;
  color            : #A48563;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 12px;
  color            : #AE9172;
  text-decoration  : none;
}


/**** article-info ****/

dl.article-info, dl {padding:10px; background: #FFFFFF; font-style:italic;}
dt.article-info-term, dt{width:auto;font-weight:bold;color:#1C4269;}
.reset dd, .remind dd, .registration dd {margin:5px 0;}


/** Content **/

a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding          : 5px;
}


.small {
  font-size        : 11px;
  color            : #354C6F;
}


.blog {
width            :100%;
}

div.category-desc, div.cat-items {margin:10px 0;background:none;clear:both;}
span.item-title a{}

div.cat-children ul li {clear:both;}

dl.article-count{margin:5px 0;padding:5px;background: none; font-style:italic;}
dl.article-count dt, dl.article-count dd {display: inline;padding:0;margin:0;}

.item-separator {display:block;height:15px;clear: both;}

.bannergroup, .banneritem {text-align: center;}

.login-fields {margin:10px 0;}
.login-fields label{width: 250px;float:left;}

select#ordering option
{
         line-height:20px;
}

#ordering, #limit {height:20px;}

select.inputbox {padding: 0px;font-size: 11px;}

legend {color: #515B5D;}

.ordering-box .inputbox, .filter-search .inputbox {}

.filter-search button {}

.filter-search {padding: 5px;}

#article-index {
  display          : block;
  float            : right;
  border           : 1px solid #354C6F;
  background       : #FFFFFF;
  padding          : 5px;
  margin     : 0 0 10px 10px;
  
}

ul.weblinks li {line-height: 30px; background: #FFFFFF;}



/*** tables ***/

table
{
        border-collapse:collapse;
}

table.weblinks,
table.category

{
        margin:10px 0;
        width:100%;
        border: 1px solid #354C6F;
}

table.weblinks td
{
        border-collapse:collapse;
}

table.weblinks td,
table.category td

{
        padding:7px;
        border: 1px solid #D3D3D3;
}

table.weblinks th,
table.category th

{
        padding:7px;
        text-align:left;
        background   : #FFFFFF;
}


td.list-title, td.createdby, td.list-hits {line-height: 30px; background: #FFFFFF;}

fieldset
{
	margin-bottom:10px; background: #FFFFFF;
}

.main fieldset
{
	margin:10px 0;background: #FFFFFF;
}

ul#archive-items li {background-image: none;}
ul#archive-items li div ul li{
background-image : url(../images/li.gif) ;
  background-repeat: no-repeat;
  background-position: 0px 7px;
}

.cat-items {clear:both;}


/*** contact ***/


.contact h3
{
	margin: 20px 0
}

.form-required
{
	font-weight:bold;
	margin:10px 0;
}

.contact-email label
{
        width:250px;
        float:left;

}
.contact-email .inputbox
{
 background   : #FFFFFF; 
 border       : 1px solid #354C6F;
 margin       : 3px 0;
 padding      : 3px;
 color        : #626D70;
      }

#contact-formname, #contact-email, #contact-subject, #contact-text {width: 345px;}

.contact-image, .contact-position, .contact-address, .contact-contactinfo, .contact-miscinfo
{margin:10px 0;}


/*** contact  slider ***/

.panel
{
	border:solid 1px #354C6F;
	margin-top:10px
      
}

.panel h3
{
	margin:0;
	padding: 0;
	
	
}
.panel h3 a
{
	display:block;
	padding:6px;
	text-decoration:none;
	color: #97B3B9;
	padding:6px;
      font-style:italic;
}


.panel h3.pane-toggler a
{
	background:#FFFFFF url(../images/plus.png) 99% 50% no-repeat;
}
.panel h3.pane-toggler-down a
{
	background:#FFFFFF  url(../images/minus.png) 99% 50% no-repeat;
	border-bottom:solid 1px #354C6F;
}



.pane-slider
{
	border:solid 0px;
	padding:0px 10px !important;
	margin:0;
	
}

.pane-slider content{}

.panel .contact-form,
.panel  .contact-miscinfo
{
	padding:10px;
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
	margin:20px 0 0 0
}

/****** list-row ******/

.cat-list-row0
{
  
  padding          : 3px;
  background       : #FFFFFF;
  line-height      : 20px;
   
}
.cat-list-row1
{
  
  padding          : 3px;
  background       : #FFFFFF;
  line-height      : 20px;
  }


/***** blog columns *****/

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}

.cols-2 .column-1 {
    width: 49%;
    float: left;
}

.cols-2 .column-2 {
    width: 49%;
    float: right;
    margin: 0
}

.cols-3 .column-1 {
    float: left;
    width: 33%;
    
    
}

.cols-3 .column-2 {
    float: left;
    width: 33%;
    padding-left:1%;
    
}

.cols-3 .column-3 {
    float: right;
    width: 32%;
    
    
}

.cols-4 .column-1
{
        width:24%;
        float:left;
}

.cols-4 .column-2
{
        width:24%;
        padding-left:1%;
        float:left;
}

.cols-4 .column-3
{
        width:24%;
        padding-left:1%;
        float:left
}

.cols-4 .column-4
{
        width:25%;
        float:right
}

span.row-separator {display:block; clear:both;}

/*** Search ***/                     

#topsearch {
position      :absolute;
text-indent   :23px;
left          :15px;
top           :4px;
width         :200px;
height        :26px;
background:url(../images/search_bg.png) repeat-x top left;text-align:left;
}

#topsearch .inputbox{
width         :165px;
color         :#E4E1E1;
border        :none;
padding       :2px 3px;
text-align    :left;
font-size     :12px;
background    :none;
}