/*
-----------------------------------------------------
  Domyslne ustawienia strony (czcionka, body, link)
-----------------------------------------------------
*/


@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url(opensans-300.woff);
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url(opensans-300i.woff);
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url(opensans-400.woff);
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url(opensans-400i.woff);
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: bold;
  src: url(opensans-700.woff);
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: bold;
  src: url(opensans-700i.woff);
}


@font-face {
  font-family: 'Open Sans C';
  font-style: normal;
  font-weight: 300;
  src: url(opensansc-300.woff);
}

@font-face {
  font-family: 'Open Sans C';
  font-style: italic;
  font-weight: 300;
  src: url(opensansc-300i.woff);
}



* {
	margin: 0;
   padding: 0;
   outline: none;
   font-size: 14px;
     
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
    
*:after, *:before {
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
    
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
section {
   display: block;
}

html {
	font-size: 100%;
   height: auto !important;
   height: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
    
.clear {
   display: block;    
}

#nav-bar { display: none }
#PersonalToolbar { display:none!important; }
#CustomizeToolbarWindow { display:none!important; }
#openLocation, #urlbar-container { display:none!important; }
#search-container { display:none!important; }
#personal-bookmarks { display:none!important; }

body { 
   background: #f0f3f6;
   color: #4f5f6f;
   -webkit-font-smoothing: antialiased;
   font-family: 'Open Sans', Tahoma, Courier, Arial;
	font-size: 1.05em;
   font-weight: 400;
   height: auto !important;
   height: 100%;
   line-height: 1.6em;
   min-height: 100%;
   overflow: auto;
   cursor: default;
}

p {
	padding-top:10px;
	padding-bottom:10px;
}

code {
	color: #c0c0c0;
	text-decoration: none;
	cursor: pointer;
	font-family: 'Open Sans';
   font-style: normal;
   font-weight: 300;
   font-size: 13px;
   background-color: transparent;
   padding-left:5px;
   padding-right:5px;
   padding-top:2px;
   padding-bottom:5px;
   margin-left: 5px;
   margin-right: 5px;
   border-radius: 3px;
	
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;	
}

code > img {
	padding-right:6px;
	opacity:0.5;
}

code:hover {
	color: #ffffff;
	background-color: #3399ff;
}

code:hover > img {
	opacity:1;
}


.link {
	color: #0066dd;
	text-decoration: none;
	cursor: pointer;	
}

.link:hover {
	color: #3399ff;
	text-decoration: underline;
}

img {
	vertical-align: middle;
}

input {
	width:200px;
	height:25px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding: 0px 3px 0px 3px;
}

input:focus {
	border: 1px solid #91b2ea;
}

select {
	width:200px;
	height:25px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding: 0px 3px 0px 3px;
}

select:focus {
	border: 1px solid #91b2ea;
}

textarea {
	width:200px;
	height:40px;
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	padding: 0px 3px 0px 3px;
	vertical-align: top;
}

textarea:focus {
	border: 1px solid #91b2ea;
}

.checkbox {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right:10px;
}

header {
	background-color: #d7dde4;
   display: block;
   height: 70px;
   position: fixed;
   width: 100%;
   z-index: 998;
   text-align:right;
   
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	   
}

.header-shadow {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}

footer {
	background-color: #d7dde4;
   display: block;
   height: 24px;
   position: fixed;
   bottom:0px;
   padding-right:10px;
   -border-radius: 0px 5px 0px 0px;
   z-index: 998;
   text-align:left;
   font-size:10px;
   padding-left:10px;
   width:100%;	
}


.header-profile-place {
	z-index: 1000;
	height: 70px;
	vertical-align: middle;
	padding-right:10px;
	padding-top:13px;
	cursor: pointer;
	white-space:nowrap;
	
	
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.header-profile-place:hover {
	background-color:#c4ccd2;
}

.header-profile-user {
	top:0px;
	height:30px;
	padding-left:20px;
	padding-right:10px;
	color: #4f5f6f;
	font-size:15px;
	border-left: 2px solid #bac7d4;
	display:inline-block;
	vertical-align:top;
	margin-top:6px;
	
	-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.header-profile-photo {
	display:inline-block;
	right:10px;
	top:0px;
	vertical-align:top;
	height: 43px;
}

.header-profile-photo > img {
	width: 43px;
	height: 43px;
	border-radius:43px;
	border: 1px solid #989898;
}

.header-profile-photo > .no-pic {
	top:0px;
	width: 43px;
	height: 43px;
	border-radius:43px;
	background-color: #7b8da0;
	color: #ffffff;
	font-size:20px;
	text-align:center;
	padding-top:8px;
	display:inline-block;
	vertical-align:top;	
}

/*
/////////////////////////////////////////////////////////////
*/
.header-profile-menu-bg {
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	
    -webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;	
}

.header-profile-menu-bg.closed2{
	opacity:0;visibility: hidden;
}

.header-profile-menu-bg.closed {
animation-name: header-profile-menu-bg-closed;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-profile-menu-bg-closed;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards; 
}

@keyframes header-profile-menu-bg-closed {
    0%,10% {  }
    20%, 100% { opacity:0;visibility: hidden;}
}

@-webkit-keyframes header-profile-menu-bg-closed {
    0%,10% {  }
    20%, 100% { opacity:0;visibility: hidden; }
}

.header-profile-menu-bg.opened {
animation-name: header-profile-menu-bg-opened;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-profile-menu-bg-opened;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;    
}

@keyframes header-profile-menu-bg-opened {
    0%,5% { visibility: visible;opacity:0; }
    15%, 100% { right:0px;opacity:1; }
}

@-webkit-keyframes header-profile-menu-bg-opened {
    0%,5% { visibility: visible;opacity:0; }
    15%, 100% { right:0px;opacity:1; }
}

/*
/////////////////////////////////////////////////////////////
*/

.header-profile-menu {
	background-color: #4f5f6f;
	color:#d7dde4;
	font-size: 14px;
	position:fixed;
	right:0px;
	top:0px;
	height:100%;
	width:250px;
	z-index: 1002;
	box-shadow: 0 0px 20px 0 rgba(0,0,0,0.3);
	
    -webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;	
}

.header-profile-menu.closed2{
	right:-255px;opacity:0;visibility: hidden;
}

.header-profile-menu.closed {
animation-name: header-profile-menu-closed;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-profile-menu-closed;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;   
}

@keyframes header-profile-menu-closed {
    0%,10% {  }
    15%, 100% { right:-255px;opacity:0;visibility: hidden;}
}

@-webkit-keyframes header-profile-menu-closed {
    0%,10% {  }
    15%, 100% { right:-255px;opacity:0;visibility: hidden; }
}

.header-profile-menu.opened {
animation-name: header-profile-menu-opened;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-profile-menu-opened;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;    
}

@keyframes header-profile-menu-opened {
    0%,5% { right:-255px;visibility: visible;opacity:0; }
    10%, 100% { right:0px;opacity:1; }
}

@-webkit-keyframes header-profile-menu-opened {
    0%,5% { right:-255px;visibility: visible;opacity:0; }
    10%, 100% { right:0px;opacity:1; }
}

/*
/////////////////////////////////////////////////////////////
*/

.header-system-place {
	z-index: 1000;
	height: 70px;
	vertical-align: middle;
	padding-right:3px;
	padding-top:10px;
	background-color: #00a8ec;
	width:53px;
	cursor: pointer;
	
	
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.header-system-menu {
	background-color: #4f5f6f;
	color:#d7dde4;
	font-size: 14px;
	position:fixed;
	left:0px;
	top: 0px;
	height:100%;
	width:250px;
	z-index: 1002;
	box-shadow: 0 0px 20px 0 rgba(0,0,0,0.3);
	
    -webkit-transition:-webkit-transform .3s ease;
       -moz-transition:   -moz-transform .3s ease;
        -ms-transition:    -ms-transform .3s ease;
            transition:        transform .3s ease;	
}

.header-system-menu-content{
	overflow: auto;
	height:100%;
	padding-bottom:100px;
}

.header-system-menu.closed2{
	left:-255px;opacity:0;visibility: hidden;
}

.header-system-menu.closed {
animation-name: header-system-menu-closed;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-system-menu-closed;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;   
}

@keyframes header-system-menu-closed {
    0%,10% {  }
    15%, 100% { left:-255px;opacity:0;visibility: hidden;}
}

@-webkit-keyframes header-system-menu-closed {
    0%,10% {  }
    15%, 100% { left:-255px;opacity:0;visibility: hidden; }
}

.header-system-menu.opened {
animation-name: header-system-menu-opened;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-system-menu-opened;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;    
}

@keyframes header-system-menu-opened {
    0%,5% { left:-255px;visibility: visible;opacity:0; }
    10%, 100% { left:0px;opacity:1; }
}

@-webkit-keyframes header-system-menu-opened  {
    0%,5% { left:-255px;visibility: visible;opacity:0; }
    10%, 100% { left:0px;opacity:1; }
}


.header-system-menu-bg {
	background-color: rgba(0,0,0,0.3);
	position: fixed;
	z-index: 1001;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.header-system-menu-bg.closed2{
	opacity:0;visibility: hidden;
}

.header-system-menu-bg.closed {
animation-name: header-system-menu-bg-closed;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-system-menu-bg-closed;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards; 
}

@keyframes header-system-menu-bg-closed {
    0%,10% {  }
    20%, 100% { opacity:0;visibility: hidden;}
}

@-webkit-keyframes header-system-menu-bg-closed {
    0%,10% {  }
    20%, 100% { opacity:0;visibility: hidden; }
}

.header-system-menu-bg.opened {
animation-name: header-system-menu-bg-opened;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: header-system-menu-bg-opened;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;    
}

@keyframes header-system-menu-bg-opened {
    0%,1% { visibility: visible;opacity:0; }
    20%, 100% { right:0px;opacity:1; }
}

@-webkit-keyframes header-system-menu-bg-opened {
    0%,1% { visibility: visible;opacity:0; }
    20%, 100% { right:0px;opacity:1; }
}


.sysmenu-logo {
	right: 0px;
	left: 0px;
	height: 70px;
	vertical-align: middle;
	padding-right:10px;
	padding-top:10px;
	background-color: #00a8ec;
	width:250px;
	text-align: right;
	font-size:19px;
}

.sysmenu-logo > img {
	padding-left:10px;
}

/*
/////////////////////////////////////////////////////////////////
*/

.header-menu-place {
	height:70px;
	white-space:nowrap;
}

.header-menu-place.unfold {
	height:70px;
	white-space:nowrap;
}

.header-menu-place.unfold > .hm-menu {
	display: none;
}

.header-menu-place.unfold > .hm-place > .hm-main {
	padding:10px 5px 0px 5px;
	display:inline-block;
	height:70px;
	cursor: pointer;
	position:relative;
	
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.header-menu-place.unfold > .hm-place > .hm-main > menuitem > span {
	display:none;
}

.header-menu-place.unfold > .hm-place > .hm-sep {
	display:inline-block;
	xheight:50px;
	position:relative;
	border-left: 2px solid #bac7d4;
	font-size:0px;	
}

.header-menu-place.unfold > .hm-place > .hm-main > div {
	visibility: hidden;
	position:absolute;
	left:0px;
	top:70px;
	background-color: #5AAB26;
	padding: 6px;
	border-radius: 0px 3px 3px 3px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
	text-align:left;
}

.header-menu-place.unfold > .hm-place > .hm-main > div > menuitem {
	display:block;
	white-space:nowrap;
	font-size:13px;
	padding:0px 10px 3px 10px;
	border-radius: 3px 3px 3px 3px;
	color: #ffffff;
	
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.header-menu-place.unfold > .hm-place > .hm-main > div > menuitem > img {
	padding-right:6px;
	height:18px;
	transition: -webkit-filter 1s, filter 1s;
	-webkit-filter: brightness(2);
	filter: brightness(2);	
}

.header-menu-place.unfold > .hm-place > .hm-main > div > menuitem:hover {
	background-color: #ffffff;
	color:gray;
}

.header-menu-place.unfold > .hm-place > .hm-main > div > menuitem:hover > img {
	-webkit-filter: brightness(1);
	filter: brightness(1);
}


.header-menu-place.unfold > .hm-place > .hm-main > div > .hm-sep {
	cursor: default;
	position:relative;
	left:0px;
	font-size:0px;
	height:1px;
	border-top:1px solid rgba(255,255,255,0.4);
	background-color: #5AAB26;
}

.header-menu-place.unfold > .hm-place > .hm-main:hover {
	background-color: #5AAB26;
}

.header-menu-place.unfold > .hm-place > .hm-main > menuitem > img {
	transition: -webkit-filter 1s, filter 1s;
	-webkit-filter: brightness(1);
	filter: brightness(1);
}

.header-menu-place.unfold > .hm-place > .hm-main:hover > menuitem > img {
	-webkit-filter: brightness(2);
	filter: brightness(2);
}

.header-menu-place.unfold > .hm-place > .hm-main:hover > div:not(:empty) {
	animation-name: hm-main-div-anim;
	animation-duration:3s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards; 
	-webkit-animation-name: hm-main-div-anim;
	-webkit-animation-duration:3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
}


.header-menu-place.unfold > .hm-place > .hm-main > .caret {
	width: 0; 
	height: 0; 
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #929fa4;
	position: absolute;
	bottom:5px;
	left:43%;
	right:57%;
	
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.header-menu-place.unfold > .hm-place > .hm-main:hover > .caret {
	border-top: 4px solid #ffffff;
}



@keyframes hm-main-div-anim {
    0%,1% { visibility: visible;opacity:0; }
    10%, 100% { visibility: visible;opacity:1; }
}

@-webkit-keyframes hm-main-div-anim {
    0%,1% { visibility: visible;opacity:0; }
    10%, 100% { visibility: visible;opacity:1; }
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.header-menu-place.fold {
	height:70px;
	position:absolute;
	left:0px;
	top:0px;
	cursor: pointer;
	z-index: 100;
}

.header-menu-place.fold > .hm-menu {
	display: block;
	background-color: #c4ccd2;
	height:70px;
	padding-top:10px;
	width:70px;
}

.header-menu-place.fold > .hm-place {
	visibility: hidden;
	display:none;
	position:absolute;
	height:1050px;
	background-color: #c4ccd2;
	overflow:auto;
	padding-right:20px;
	left:-53px;
	cursor: default;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.3);
}

.header-menu-place.fold > .hm-place > .hm-main {
	cursor: pointer;
	position:relative;
	background-color: #c4ccd2;
	padding:5px;
	left:0px;
	min-width: 200px;
	text-align: left;
	
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}
.header-menu-place.fold > .hm-place > .hm-main > menuitem {
	padding-right:15px;
}

.header-menu-place.fold > .hm-place > .hm-main > menuitem > img {
	height:18px;
	padding-right:5px;
}

.header-menu-place.fold:hover > .hm-place {
	display: block;
}

.header-menu-place.fold > .hm-place > .hm-sep {
	cursor: default;
	position:relative;
	left:0px;
	font-size:0px;
	height:1px;
	border-top:1px solid #aab5bb;
	background-color: #c4ccd2;
}

.header-menu-place.fold > .hm-place > .hm-main > div {
	display: none;
}

.header-menu-place.fold > .hm-place > .hm-main > div:not(:empty) {
	display:block;
	left:40px;
	top:5px;
	background-color: #c4ccd2;
	padding: 6px;
	border-radius: 0px 3px 3px 3px;
	z-index:101;
	border: 0px solid #aab5bb;
}

.header-menu-place.fold > .hm-place > .hm-main > div > menuitem {
	display:block;
	white-space:nowrap;
	font-size:13px;
	padding:0px 10px 3px 10px;
	border-radius: 3px 3px 3px 3px;
}

.header-menu-place.fold > .hm-place > .hm-main > div > menuitem > img {
	padding-right:6px;
	height:18px;
}

.header-menu-place.fold > .hm-place > .hm-main > div > menuitem:hover {
	background-color: #b2bcc2;
	color:#ffffff;
}

.header-menu-place.fold > .hm-place > .hm-main > div > .hm-sep {
	cursor: default;
	position:relative;
	left:0px;
	font-size:0px;
	height:1px;
	border-top:1px solid #aab5bb;
	background-color: #c4ccd2;
}

.header-menu-place.fold > .hm-place > .hm-main:hover {
	background-color: #b2bcc2;
	color:#ffffff;
}

.header-menu-place.fold:hover > .hm-place {
animation-name: hm-main-div-anim;
animation-duration:3s;
animation-iteration-count: 1;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards; 
-webkit-animation-name: hm-main-div-anim;
-webkit-animation-duration:3s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-fill-mode: forwards;
}

@keyframes hm-main-div-anim {
    0%,1% { visibility: visible;opacity:0; }
    10%, 100% { visibility: visible;opacity:1; }
}

@-webkit-keyframes hm-main-div-anim {
    0%,1% { visibility: visible;opacity:0; }
    10%, 100% { visibility: visible;opacity:1; }
}

.sysmenu-item {
	border-left-width: 0px;
	border-left-style: solid;
	padding-top:10px;
	padding-bottom:10px;
	cursor: pointer;
	font-weight: 300;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear; 	
}

.sysmenu-item > img {
	width:24px;
	margin-left:15px;
	margin-right:15px;
	opacity:0.5;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.sysmenu-item:hover {
	border-left-width: 10px;
	background-color:#40505f;
	color:#ffffff;	
}

.sysmenu-item:hover > img {
	opacity:1.0;
}


.sysmenu-item-phones {
	border-left-width: 0px;
	border-left-style: solid;
	padding-top:7px;
	padding-bottom:7px;
	cursor: pointer;
	font-weight: 300;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear; 	
}

.sysmenu-item-phones > img {
	width:24px;
	margin-left:15px;
	margin-right:15px;
	opacity:0.5;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;	
}

.sysmenu-item-phones:hover {
	border-left-width: 10px;
	background-color:#5AAB26;
	color:#ffffff;	
}

.sysmenu-item-phones:hover > img {
	opacity:1.0;
}

@media only screen and (max-height: 1150px){.header-menu-place.fold > .hm-place {height:1000px;overflow:auto;}}
@media only screen and (max-height: 1100px){.header-menu-place.fold > .hm-place {height:950px;overflow:auto;}}
@media only screen and (max-height: 1050px){.header-menu-place.fold > .hm-place {height:900px;overflow:auto;}}
@media only screen and (max-height: 1000px){.header-menu-place.fold > .hm-place {height:850px;overflow:auto;}}
@media only screen and (max-height: 950px){.header-menu-place.fold > .hm-place {height:800px;overflow:auto;}}
@media only screen and (max-height: 900px){.header-menu-place.fold > .hm-place {height:750px;overflow:auto;}}
@media only screen and (max-height: 850px){.header-menu-place.fold > .hm-place {height:700px;overflow:auto;}}
@media only screen and (max-height: 800px){.header-menu-place.fold > .hm-place {height:650px;overflow:auto;}}
@media only screen and (max-height: 750px){.header-menu-place.fold > .hm-place {height:600px;overflow:auto;}}
@media only screen and (max-height: 700px){.header-menu-place.fold > .hm-place {height:550px;overflow:auto;}}
@media only screen and (max-height: 650px){.header-menu-place.fold > .hm-place {height:500px;overflow:auto;}}
@media only screen and (max-height: 600px){.header-menu-place.fold > .hm-place {height:450px;overflow:auto;}}
@media only screen and (max-height: 550px){.header-menu-place.fold > .hm-place {height:400px;overflow:auto;}}
@media only screen and (max-height: 500px){.header-menu-place.fold > .hm-place {height:350px;overflow:auto;}}
@media only screen and (max-height: 450px){.header-menu-place.fold > .hm-place {height:300px;overflow:auto;}}
@media only screen and (max-height: 400px){.header-menu-place.fold > .hm-place {height:250px;overflow:auto;}}
@media only screen and (max-height: 350px){.header-menu-place.fold > .hm-place {height:200px;overflow:auto;}}
@media only screen and (max-height: 300px){.header-menu-place.fold > .hm-place {height:150px;overflow:auto;}}


/*
///////////////////////////////////////////////////////////////////////////////////
/////// popup window //////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////
*/

#popup_black {
	position: fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background-color:#000000;
	opacity:0.5;
	z-index: 5000;
	display:none;
}

#popup_win {
	position: fixed;
	max-width: 300px;
	max-height: 200px;
	z-index: 5001;
   left:0;
   right:0;
   top:0;
   bottom:0;
   margin-left:auto;
   margin-right:auto;
   margin-top:auto;
   margin-bottom:auto;
   padding: 5px;
   display:none;
}

#popup_win > div {
	height:100%;
	width: 100%;
	background-color: #f0f3f6;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	border-radius: 3px;
}

#popup_win_iframe {
	height:100%;
	padding-bottom: 50px;
	border-radius: 3px;
	overflow:hidden;
}

#popup_win_iframe > iframe {
	width:100%;
	height:100%;
	border:0px dashed gray;
	display:block;
}

#popup_win_iframe > #popup_win_loader {
	width:100%;
	height:100%;
	border:0px dashed gray;
	text-align:center;
	padding-top:40px;
	display:none;
	line-height:18px;
}

#popup_win_iframe > #popup_win_loader > #popup_win_loader_txt {
	font-size:12px;
}

#popup_win_but {
	background-color:#d7dde4;
	padding-top:10px;
	position: relative;
	bottom:50px;
	left:0px;
	text-align: right;
	vertical-align: top;
	padding-right:5px;
	padding-top: 9px;
	min-height:50px;
	width: 100%;
	border-radius: 0px 0px 3px 3px;
}

#popup_win_but > div {
	height:32px;
	background-color:#c0c7ce;
	border:1px solid #a5acb3;
	border-radius: 3px;
	width:auto;
	display:inline-block;
	padding-right:15px;
	padding-left:15px;
	padding-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 14px;
	vertical-align: top;
	cursor:pointer;
	
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   transition: all 0.3s linear;
}

#popup_win_but > div:hover {
	background-color: #fa9425;
	border: 1px solid #da8121;
	color: #ffffff;
}




.content-Media {
   position: fixed;
   width:100%;
   top:70px;
   bottom:25px;
}

.content-Media iframe {
   width: 100%;
   height: 100%;
   display:none;
}

.content-Media > div {
	display:block;
	text-align:center;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size:13px;
	padding-top:30px;
}

.content-Media > div > img {
	padding-right:10px;
}

.context-menu {
  	display: none;
  	position: absolute;
  	z-index: 500;
	left:0px;
	top:70px;
	background-color: #5AAB26;
	padding: 6px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
	text-align:left;
}

.context-menu > menuitem {
	display:block;
	white-space:nowrap;
	font-size:13px;
	padding:0px 10px 3px 10px;
	border-radius: 3px 3px 3px 3px;
	color: #ffffff;
	
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.context-menu > menuitem > img {
	padding-right:6px;
	height:18px;
}

.context-menu > menuitem:hover {
	background-color: #ffffff;
	color:gray;
}

.context-menu > div {
	cursor: default;
	position:relative;
	left:0px;
	font-size:0px;
	height:1px;
	border-top:1px solid #aab5bb;
	background-color: #5AAB26;
}

.context-menu-active {
  	display: block;
}

.b {
	font-weight: bold;
}