/* cmsms stylesheet: main modified: суббота, 28 сентября 2024 г. 10:52:01 */
@font-face {
    font-family: PTSans; /* имя шрифта для CSS правил */
    src: local("PTSans"), /* проверяем наличие шрифта в ОС пользователя */
         url(/uploads/PTSans/PTS55F.ttf); /* если шрифт не установлен, тогда загружаем его по указанному пути */
  }
body #nav-footer ul li a.menuparent {
	background-image:none;

}
.zacherknut {
    text-decoration: line-through;
}

.cms_submit
{
  cursor:pointer;
}
/*strong
{
	font-weight: bold;
}*/

/* Fix for Opera 8 */
.menubutton {
  position: relative;
}
.popout-menu {
 /* position: absolute;*/
  visibility: hidden;
  left: 100%;
}
.menubutton:hover > .popout-menu {
  visibility: visible;
}
.clearb { clear: both; }
.menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   /* background-color: #ECECEC;
   border-bottom: 1px solid #C0C0C0;*/
   /*width: 100%;*/
}
#primary-nav dfn {
	display:none;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
min-width: 100px; 
margin-top:0px;
}

#primary-nav li ul { 
/*   width: 100px; */
margin-top:5px;
}
#primary-nav1 li ul { 
/*   width: 100px; */
margin-top:5px;
margin-left:150px;
}
/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
  padding: 0px; 
 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   /*margin-left: -1px;*/
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: 2px;
   /*float: left; */
}
#primary-nav li li { 
   margin-left: 0px;
 /*  margin-top: -1px;*/
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
}
#primary-nav li a { 
   /*border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;*/
}
#primary-nav li li a { 
   /*border: 1px solid #C0C0C0;*/
}	
#primary-nav li, #primary-nav li.menuparent { 
   /*background-color: #ececec; */
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   /*background-color: #C7C7C7;*/
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 

}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   /*background-color: #E7AB0B; */
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
  background-color: #4A4B4B;
;
}
#primary-nav li li a { 
   text-decoration:none;
   height: 1%; 
}
/* End of 'Global - Horizontal Navigation' */

/*MOBILE support */
#mobile-nav dfn {
	display:none;
}
/* Set the width of the menu elements at second level. Leaving first level flexible. */
#mobile-nav li li { 
/*   width: 100px; */
margin-top:0px;
}


#mobile-nav li ul { 
width: 1px; 
margin-top:5px;
margin-left:0px;
}
/* Unless you know what you do, do not touch this */ 
#mobile-nav, #mobile-nav ul { 
   list-style: none; 
  width:0px;
   margin: 0px; 
  padding: 0px; 
 
}
#mobile-nav ul { 
   position: absolute; 
   top: auto; 
   display: none;
  width:230px;
}
#mobile-nav ul ul { 
   margin-top: 1px;
   /*margin-left: -1px;*/
   left: 100%; 
   top: 0px; 
}
	
#mobile-nav li { 
   margin-left: 2px;
  width:250px;
  position: relative; 
   /*float: left; */
}
#mobile-nav li li { 
   margin-left: 0px;
 /*  margin-top: -1px;*/
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#mobile-nav a { 
   display: block; 
}
#mobile-nav li a { 
   /*border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;*/
}
#mobile-nav li li a { 
   /*border: 1px solid #C0C0C0;*/
}	
#mobile-nav li, #mobile-nav li.menuparent { 
   /*background-color: #ececec; */
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#mobile-nav li.menuactive { 
   /*background-color: #C7C7C7;*/
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#mobile-nav ul li.menuparent, 
#mobile-nav ul li.menuparent:hover, 
#mobile-nav ul li.menuparenth { 
margin-left:250px;
 width:450px

}


/* Styling the apperance of menu items on hover */

#mobile-nav li:hover, 
#mobile-nav li.menuh, 
#mobile-nav li.menuparenth, 
#mobile-nav li.menuactiveh { 
   /*background-color: #E7AB0B; */
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#mobile-nav li:hover ul ul, 
#mobile-nav li.menuparenth ul ul ul,
for fourth level 
*/
#mobile-nav ul, 
#mobile-nav li:hover ul, 
#mobile-nav li:hover ul ul, 
#mobile-nav li.menuparenth ul, 
#mobile-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#mobile-nav ul ul ul li:hover ul, 
#mobile-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#mobile-nav li:hover ul, 
#mobile-nav ul li:hover ul, 
#mobile-nav ul ul li:hover ul, 
#mobile-nav li.menuparenth ul, 
#mobile-nav ul li.menuparenth ul, 
#mobile-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#mobile-nav li li { 
   float: left; 
   clear: both; 
  background-color: #4A4B4B;
;
}
#mobile-nav li li a { 
   text-decoration:none;
   height: 1%; 
}
/*END of mobile support*/


 body{
font-family: PTSans;
margin:0px;
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
/* background-image:url(/uploads/images/back_snow.jpg);*/
}
.header{
height:117px;
width:1000px;
}
.logo{
float:left;
vertical-align:middle;
width:auto;
height:auto;
}
.divhgreen {
    padding-top: 1px;
    width: 89%;
    height: 26px;
    background-color: #2C5809;
    color: white;
    text-transform: uppercase;
    
    margin-top:20px;
padding-left:5px;
    font-size:20Px;
}
.menu{
font-family: PTSans;
font-size:11.5pt;
padding-top:50px;
float:left;
text-transform:uppercase;
}
.menu a{
text-decoration:none;
color:white;
}
.menu a:hover{
	color: white;
}
.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: absolute;
z-index: 100;
white-space: nowrap;
}
.menu1{
font-family: PTSans;
font-size:25pt;
padding-top:0px;
float:left;
text-transform:uppercase;
}
.menu1 a{
text-decoration:none;
color:black;
}
.menu1 span{
text-decoration:none;
color:black;
}
.menu1 a:hover{
	color: white;
}
.menu1 ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
/*position: absolute*/
z-index: 100;
white-space: nowrap;
}
.menu1 ul li{
/*position: absolute;*/
/*display: inline-block;*/
float:none;
padding:5px 4px 5px 4px;
  outline: none;
  border-width: 2px 0 ;
  border-style: solid none;
  border-color: #1cd01b #000 #1c9c00;
  border-radius: 6px;
  background: linear-gradient(#d2ffd1, #5dca50) #5dca50;
  transition: 0.2s;

}
.menu1 ul li:hover{
/*display: inline-block;*/
float:none;
background: linear-gradient(#d2ffd1, #5dca50) #5dca50;
/* background-color:#3ac325;*/
}
.menu1 ul li ul{

float:none;
 margin-left:300px;

}
.bokhoouse input, .bokhoouse  textarea, .bokhoouse  select, .bokhoouse  fieldset
{

margin:3px;

float:none;
padding:5px 4px 5px 4px;
  outline: none;
  border-width: 2px;
  border-style: solid;
  border-color: #1cd01b #1c9c00 #1c9c00 #1cd01b ;
  border-radius: 6px;

  transition: 0.2s;

}
.menu ul li{
/*position: absolute;*/
display: inline-block;
float:none;
padding:5px 4px 5px 4px;
  outline: none;
  border-width: 2px 0 ;
  border-style: solid none;
  border-color: #1cd01b #000 #1c9c00;
  border-radius: 6px;
  background: linear-gradient(#1ce518, #1cb407) #1cb407;
  transition: 0.2s;

}
.menu ul li:hover{
display: inline-block;
float:none;
background: linear-gradient(#1cf817, #1cc907) #1cc907;
/* background-color:#3ac325;*/
}
.footer{
background-color:#373838;
height:220px;
clear:left;
}
.menufoot{
font-family: PTSans;
text-transform:uppercase;
padding-top:8px;
font-size:10pt;
height:35px;
border-bottom:2px solid;
border-color:#444444;
width: 75%; 
margin: 0 auto; 
text-align: center;
}
.menufoot ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-position: outside;
position: absolute;
z-index: 100;
white-space: nowrap;
padding-bottom:8px;
}
.menufoot ul li{
display: inline-block;
float:none;
padding:5px 10px 5px 10px;
}
.menufoot a{
text-decoration:none;
color:white;
font-weight: 100;
}

.footerlast{
width:90%;
padding-top:10px;
margin: 0 auto; 
text-align: center;
border-bottom:2px solid;
border-color:#444444;
height:132px;
}
.vk{
padding-top:0px;
width:28%;
float:left;
text-align:left;
color:white;
font-size:9pt;
}
.podpiska{
padding-top:0px;
width:38%;
float:left;
text-align:left;
color:white;
font-size:9pt;
}
.contacts{
width:33%;
float:left;
text-align:right;
color:white;
font-size:9pt;
}

.contact_form input, .contact_form textarea {
border:1px solid #494949;
background-color:#494949;
height:28px;
padding: 0px;
color:white;
float: left;
width:150px;
}
.fbsubmit {
height:30px !important;
border:1px solid #3ac325 !important;
background-color:#3ac325 !important;
color:white !important;
padding-left:2px !important;
padding-right:2px !important;
width:200px !important;
}
.copyright{
padding-top:8px;
font-size:10px;
text-align:center;
color:#707070;
}
.events{
width:75%;
padding-top:30px;
margin: 0 auto; 
text-align: center;
clear:left;
}
.event1{
width:31%;
float:left;
text-align:center;
font-size:10px;
padding-top:30px;
padding-bottom:30px;
padding-right:24px;
float:left;
}
.event2{
width:31%;
float:left;
text-align:center;
font-size:15px;
padding-top:30px;
padding-bottom:30px;
padding-right:24px;
float"left:
}
.event3{
width:31%;
float:left;
text-align:center;
font-size:15px;
padding-top:30px;
padding-bottom:30px;
float:left;
}
.eventgreen{
text-align:center; 
width:64px;
height:73px;
background-image:url('/uploads/images/events_bg_green.png');
margin: 0 auto;
font-size:26pt;
color:white;
padding-top:8px;
background-repeat: no-repeat;
}
.eventgrey{
text-align:center; 
width:64px; 
height:73px; 
background-image:url('/uploads/images/events_bg_grey.png');
margin: 0 auto;
font-size:26pt;
color:white;
padding-top:8px;
background-repeat: no-repeat;
}
.moregreen{
margin: 0 auto;
height:26px;
display:table-cell;
background-color:#2C5809;
width:30%;
vertical-align:middle;
color:white;
font-size:16px;
}
.moregreen a{
color:white;
text-decoration:none;
}
.moregrey a{
color:white;
text-decoration:none;
}
.moregrey{
margin: 0 auto;
height:26px;
display:table-cell;
background-color:#373838;
width:30%;
vertical-align:middle;
color:white;
font-size:16px;
}
.eventop{
padding-bottom:10px;
height:70px;
}
img {border:none;}