/* Main
-----------------------------------------------------------------------------*/
body { background:#ececdb; color:#443342; }
h1 { line-height:normal; font-size:1.2em; }
h2 { line-height:normal; font-size:0.9em; }
h3 { line-height:normal; font-size:0.7em; }
a { color:#443342; text-decoration:none; }
a:hover { color:#443342; text-decoration:none; }
a:visited { color:#443342; }
img { border:0; width:auto; max-width:100%; height:auto; }

/* Цветовая схема */
/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background: DarkKhaki; 
}
/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: #fdeeed; 
}
/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
background: DarkKhaki; 
box-shadow: 0 0 3px 5px #fdeeed;
}
/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {
text-shadow: 0 1px 1px #333; 
}
/* /КОНЕЦ Цветовой схемы */
#menu_div{
clear: both;
position: relative;
top: 0;
left: 0;
} /* Free space to top specialy for menu */
#navigation {
position: fixed;
}
#navigation, #menu_div {
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#menu_div, #navigation, #menu, #nav{
height: 50px; /* menu height */
}
#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 1.0;/* Menu transparency on mouse hover*/
} 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
opacity: 0.9;/* Menu transparency on mouse out */
}
#menu {
width: 1024px;
margin:0 auto; /*center the menu*/
padding:0;
position: relative;
}
#nav{
width: 1024px;
margin:0;
padding:0;
position: relative;
font-family: 'Arial', Helvetica, sans-serif;
}
#nav li a,#nav li {
float:left;
}
#nav li {
list-style:none;
position:relative;
}
#nav li a {
line-height: 45px;
padding:0 15px;
text-decoration:none;
margin:0;
font-size:14px;
font-weight:700;
text-transform:uppercase;
  text-shadow: 
    0 2px 2px rgba(255,255,255,0.7), 
    0 10px 4px rgba(0,0,0,0.5);
}
/*====================
    Подменю 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:0;
margin:0;
} /* стереть подменю */
#nav li:hover > ul {
display:block;
} /* show submenu on hover */
#nav li ul li,#nav li ul li a {
float:none;
height: 35px; /* submenu item height */
min-width: 150px; /* submenu item minimal width */
line-height: 35px;
border-right: 0;
text-shadow: none;
display:block;
font-size:14px;
font-weight:400;
text-transform:inherit;
} /* Submenu item */
#nav li ul li {
_display:inline; /* for IE */
}
/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}
#nav li ul li:hover ul {
left:100%;
top:0;
}
/*========================
        Переходы
========================*/
#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}
.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}
#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Анимация прозрачности */

.triangle {
  display: inline-block;   
  color: #443342;
  text-shadow: 
    0 2px 2px rgba(255,255,255,0.7), 
    0 10px 4px rgba(0,0,0,0.5);
  font-size: 15px;
}

/* iFrame
-----------------------------------------------------------------------------*/
.boxShadow1 { margin: 10px auto; padding: 1em; box-shadow: 0 1px 7px rgba(0, 0, 0, .3), -21px 0 21px -21px rgba(0, 0, 0, .8), 21px 0 21px -21px rgba(0, 0, 0, .8); }
.boxShadow2 { margin: 3em auto; padding: 1em; box-shadow: -17px -17px 2px -7px rgba(160,82,45,.5), -17px 17px 2px -7px rgba(0,255,255,.5), 17px -17px 2px -7px rgba(255,0,0,.5), 17px 17px 2px -7px rgba(255,255,0,.5); }
.boxShadow3 { margin: 2em auto; padding: 1em; box-shadow: 0 0 8px 8px DimGray; }
.boxShadow4 { margin: 3em auto 2em; padding: 2em; box-shadow: 0 0 0 1px silver, 0 -21px 0 -8px coral, 21px 0 0 -8px darkturquoise, 0 21px 0 -8px gold, -21px 0 0 -8px chartreuse; }
.boxShadow5 { margin: 3em auto; padding: 1em; box-shadow: 0 0 0 7px #60B88D, 0 0 0 8px #90CDAF, 0 0 0 17px #BFE3D1; }
.boxShadow6 { margin: 1em auto; padding: 1em; border: 2px dashed #ccc; box-shadow: 0 0 0 1px DimGray; }
.boxShadow7 { margin: 1em auto; padding: 1em; border-radius: 12px; box-shadow: 3px 3px 8px -3px DimGray; }
.boxShadow8 { margin: 10px; padding: 10px; box-shadow: 7px 7px 8px DimGray, -7px -7px 8px DimGray; }


/* Hide text (tabs)
-----------------------------------------------------------------------------*/
.korpus > div, .korpus > input { display: none; }
.korpus label { padding: 1px; border: 0px solid #aaa; line-height: 28px; cursor:pointer; position:relative; bottom:1px; right:45%; background: #ececdb; }
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #ececdb; }
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2) { display: block; padding: 1px; border: 0px solid #aaa; }

/* Footer
-----------------------------------------------------------------------------*/
.footer { position:fixed; bottom:9px; background-color:DarkKhaki; width:100%; opacity: 0.9; }

/* Button ENTER
-----------------------------------------------------------------------------*/
input.button3 {
 position: relative;
 display: inline-block;
 font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
 font-size: 2.0em;
 font-weight: 700;
 color: rgb(245,245,245);
 text-shadow: 0 -1px rgba(0,0,0,.1);
 text-decoration: none;
 user-select: none;
 padding: .3em 1em;
 outline: none;
 border: none;
 border-radius: 3px;
 background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
 box-shadow: inset #72de26 0 -1px 2px, inset 0 2px 2px #98ff98, #3caa3c 0 0 0 2px, rgba(0,0,0,.3) 0 2px 5px;
 -webkit-animation: pulsate 0.5s linear infinite;
 animation: pulsate 0.5s linear infinite;
}
input.button3:hover {
 -webkit-animation-play-state: paused;
 animation-play-state: paused;
 cursor: pointer;
}
input.button3:active {
 top: 1px;
 color: #fff;
 text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
 box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
input.button3:hover:not(:active) {
 box-shadow:
 0 0 5px rgba(0,0,0,0) inset,
 0 2px 2px 2px rgba(255,255,255,.5),
 0 -2px 2px 2px rgba(255,255,255,.5);
}
@-webkit-keyframes pulsate {
 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
 50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 15px #ffd, 0 0 18px #fff;}
}

/* Hide DIV on 640px
-----------------------------------------------------------------------------*/
@media screen and (max-width: 640px) {
    .divhide {
	display: none;
    }
}