/***************************************************************** max 1199px **/
@media screen and (max-width:1199px) {
body {
    min-width: 768px !important;
    background:url('layout/line-pattern5.png') #ffffff;
    height:100%;
}

#page-wrap {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

#header {max-width:100%;margin:10px 10px 0 10px;}
#main-content {width:100%;margin-top:0px;margin-left:auto;margin-right:auto; padding:0;color:#454545;}
#main-content #inner{height:auto;position:relative;}
#main-sidebar{position:absolute;left:0;top:0;width:180px;bottom:0;padding:0;}
#main-sidebar .user-profile {height:65px;padding:5px;}
#main-sidebar .user-profile h3{margin-top:10px;font-size:18px;}
#main-sidebar .user-profile small{margin-top:-5px;display:block;}
#footer {max-width:100%;min-width:960px;margin:0 10px 0 10px;padding-bottom:10px;border-top:1px solid #bbb;}

/**=========
TYPOGRAPHY
============ **/
h1,h2,h3,h4,h5,h6,#main-sidebar .accordion-heading .btn,#main-content .accordion-toggle.btn, .brand, .brandSuspend, .brandCancel, .main-tabs .nav-tabs > li > a, .info-widget span.text, .pricing-table ul li.heading, legend{
    font-family:'Impact',Arial,sans-serif;
    font-weight:normal;
    color:#454545;
}

html, body {
height: 100%;
}

body {
    min-width: 768px;
    color:#75787a;
    font-size:11px;
    height: 100%;
    }

#main {
    min-width: 768px;
    height: 100%;
    min-height: 590px;
    margin: 0 auto;
    text-align: left;
    color: #454545;
    position: relative;
}

 body>#main {
 }

 /* Opera 9.5+  mal� hack  */
*|html[xmlns*=""]  #main {
     display: table;
	 height: 100%;
}

.loginUser {
    width: auto;
    height: 45px;
    float: left;
    margin-left: 15px;
    padding: 10px 0 0 0;
}

    .headerLeft {
        width: auto;
        height: 55px;
        float: left !important;
        line-height: 17px;
        margin: 0 30px 0 0 !important;
        padding: 0;
        position: static !important;

    }

    .headerRight {
   /*min-width: 100px;*/
   width: auto;
   height: 55px;
   display: block;
   float: left !important;
   line-height: 17px;
   margin: 0 10px 0 0;
   padding: 0;
}


.headerRight  a {
  color: #ccc;
  text-decoration: underline;
}

.headerRight  a:hover {
  color: #ccc;
  text-decoration: none;
}

.loginLicence {
    width: auto;
    height: 45px;
    float: right;
    text-align: right;
    margin-right: 0px;
    padding: 10px 0 0 0;
}

.separator {
  width: 2px;
  height: 55px;
  float:right;
  margin-left: 15px;
  margin-right: 15px;
  background:url('layout/separator.png');
  background-repeat: no-repeat;
}

.logout {
  width: auto;
  float: right;
  margin-top: 13px;
  padding: 0;
  background:url('layout/icon_logout.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.logout p {
  width: auto;
  height: 20px;
  padding: 13px 0 0 0;
  position: static;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.wiki {
  width: auto;
  float: right;
  padding: 0;
  background:url('layout/icon_wiki_question.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.wiki p {
  width: auto;
  height: 20px;
  padding: 15px 0 0 0;
  position: static;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.translator {
    width: auto;
    height: 21px;
    padding: 9px 0px 0px;
    float:right;
    /*background: #757575;*/
}



.loginFigure {
    background: none;
    display: block;
    float: left;
    height: 130px;
    margin: 0 auto 20px;
    padding: 10px 0 0;
    position: relative;
    *width: 100%;
}

.loginFigure p {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0 15px 0;
    line-height: 15px;
}

.informationBox {
  width: 100%;
  *margin-left: 10px;
  z-index: 100;
  margin: 0 0 0 10px;
  text-align: left;
}



.loginForm {
    width: 452px;
    margin-left: auto;
    margin-right: auto;
}

.loginBox {
  min-width: 315px;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.net-service {
    width: 355px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
}

.form-horizontal .control-label-sign {
  float: left;
  width: 130px;
  padding-top: 5px;
  /*padding-left: 10px;*/
  text-align: left;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 195px;
  *margin-left: 0;
  margin-right: 10px;
}

#header .clear {
    clear: both;
    width: 1px;
}

#footer {
    min-width:480px;
    *height: 60px;
    margin: 0;
    padding: 0;
    bottom:0;
    overflow: hidden;
    position: absolute;
}

.logos {
    width: 768px;
    height: 24px;
    margin: 17px auto 0;
    background:url('layout/logo_footer_768.png');
    background-repeat: no-repeat;

}

#modalLoading {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #DDDDDD;
    font-size: 200%;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 10000;
}

/*a {text-shadow:none; color:#A8102D;}*/
a {text-shadow:none; color:#454545;font-weight:bold;}
a:hover {text-shadow:none;text-decoration:none;}
h1 {font-size:24px; margin-bottom:8px; text-align: center; border-bottom:1px solid #eaeaea;}
h2 {font-size:20px; margin-bottom: 0px; text-align: center;}
h3, .main-tabs .nav-tabs > li > a {font-size:24px;}
h4 {font-size:18px; margin-bottom:6px; padding-bottom:3px; border-bottom:1px dotted #999999;}
h6 {font-size:14px;}

}



/***************************************************************** max 767px **/
@media(max-width:767px) {
body {
    min-width: 641px !important;
    background:url('layout/line-pattern5.png') #ffffff;
}

#page-wrap {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

#header {max-width:100%;margin:10px 10px 0 10px;}
#main-content {width:100%;margin-top:0px;margin-left:auto;margin-right:auto; padding:0;color:#454545;}
#main-content #inner{height:auto;position:relative;}
#main-sidebar{position:absolute;left:0;top:0;width:180px;bottom:0;padding:0;}
#main-sidebar .user-profile {height:65px;padding:5px;}
#main-sidebar .user-profile h3{margin-top:10px;font-size:18px;}
#main-sidebar .user-profile small{margin-top:-5px;display:block;}
#footer {max-width:100%;min-width:960px;margin:0 10px 0 10px;padding-bottom:10px;border-top:1px solid #bbb;}

/**=========
TYPOGRAPHY
============ **/
h1,h2,h3,h4,h5,h6,#main-sidebar .accordion-heading .btn,#main-content .accordion-toggle.btn, .brand, .brandSuspend, .brandCancel, .main-tabs .nav-tabs > li > a, .info-widget span.text, .pricing-table ul li.heading, legend{
    font-family:'Impact',Arial,sans-serif;
    font-weight:normal;
    color:#454545;
}

html, body {
height: 100%;
}

body {
    min-width: 480px;
    color:#75787a;
    font-size:11px;
    line-height: 16px;
    height: 100%;
    }

#main {
    min-width: 480px;
    height: 100%;
    min-height: 700px;
    margin: 0 auto;
    text-align: left;
    color: #454545;
    position: relative;
}

 body>#main {
 }

 /* Opera 9.5+  mal� hack  */
*|html[xmlns*=""]  #main {
     display: table;
	 height: 100%;
}



.loginUser {
    width: auto;
    height: 45px;
    float: left;
    margin-left: 15px;
    padding: 10px 0 0 0;
}

.headerRight {
   min-width: 100px;
   width: auto;
   height: 55px;
   float: left !important;
   line-height: 17px;
   margin: 0 10px 0 0;
   padding: 0;
}

.headerRight  a {
  color: #ccc;
  text-decoration: underline;
}

.headerRight  a:hover {
  color: #ccc;
  text-decoration: none;
}

.loginLicence {
    width: auto;
    height: 45px;
    float: right;
    text-align: right;
    margin-right: 0px;
    padding: 10px 0 0 0;
}

.separator {
  width: 2px;
  height: 55px;
  float:right;
  margin-left: 15px;
  margin-right: 15px;
  background:url('layout/separator.png');
  background-repeat: no-repeat;
}

.logout {
  width: auto;
  float: right;
  margin-top: 13px;
  padding: 0;
  background:url('layout/icon_logout.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.logout p {
  width: auto;
  height: 20px;
  padding: 13px 0 0 0;
  position: static;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.wiki {
  width: auto;
  float: right;
  margin-top: 11px;
  padding: 0;
  background:url('layout/icon_wiki_question.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.wiki p {
  width: auto;
  height: 20px;
  padding: 15px 0 0 0;
  position: static;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

/*!* contact & translator *!*/
/*#info-wrapper {*/
    /*width: 100%; */
    /*min-height: 31px;   */
    /*margin-bottom: 0px;*/
    /*background-repeat: repeat-x;*/
    /*background-color:#757575;*/
/*}*/


.translator {
    width: 100%;
    height: 21px;
    padding: 5px 0px 0px;
    float:left;
    background-color: #223146;
    /*background: linear-gradient(to right, #5dbfbd, #1C132C);*/
    /*background-color: #757081;*/
    /*background-color: #39324b;*/

    display: flex;

}

.contentFlags {
    margin: 0 auto;
    *width: 480px;
}
    .contentFlags a{
        float: right !important;
    }

.loginFigure {
    background: none repeat scroll 0 0 #F5F5F5;
    display: block;
    float: left;
    height: 130px;
    line-height: 16px;
    margin: 0 auto 20px;
    padding: 10px 0 0;
    position: relative;
    width: 100%;
}

.loginFigure p {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0 15px 0;
    line-height: 15px;
}

.informationBox {
  width: 100%;
  *margin-left: 10px;
  z-index: 100;
  margin: 0 auto;
  text-align: center;
}

.loginForm {
    width: 452px;
    margin-left: auto;
    margin-right: auto;
}

.loginBox {
  min-width: 315px;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.net-service {
    width: 355px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
}

.form-horizontal .control-label-sign {
  float: left;
  width: 130px;
  padding-top: 5px;
  /*padding-left: 10px;*/
  text-align: left;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 195px;
  *margin-left: 0;
  margin-right: 10px;
}

#header .clear {
    clear: both;
    width: 1px;
}

#footer {
    min-width:480px;
    *height: 60px;
    margin: 0;
    padding: 0;
    bottom:0;
    overflow: hidden;
    position: absolute;
}

.logos {
    width: 640px;
    height: 24px;
    margin: 17px auto 0;
    background:url('layout/logo_footer_640.png');
    background-repeat: no-repeat;
}

#modalLoading {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #DDDDDD;
    font-size: 200%;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 10000;
}

h1,h2,h3,h4,h5,h6{margin:0;}
/*a {text-shadow:none; color:#A8102D;}*/
a {text-shadow:none; color:#454545;font-weight:bold;}
a:hover {text-shadow:none;text-decoration:none;}
h1 {font-size:24px; margin-bottom:8px; text-align: center; border-bottom:1px solid #eaeaea;}
h2 {font-size:20px; margin-bottom: 0px; text-align: center;}
h3, .main-tabs .nav-tabs > li > a {font-size:24px;}
h4 {font-size:18px; margin-bottom:6px; padding-bottom:3px; border-bottom:1px dotted #999999;}
h5 {font-size:16px; margin-top: 8px; margin-bottom: 3px;}
h6 {font-size:14px;}

}


/***************************************************************** max 480px **/
@media screen and (max-width: 640px) {
body {
    min-width: 480px !important;
    background:url('layout/line-pattern5.png') #ffffff;
}

#page-wrap {
    width:100%;
    margin-left: auto;
    margin-right: auto;
    position:relative;
}

#header {max-width:100%;margin:10px 10px 0 10px;}
#main-content {width:100%;margin-top:0px;margin-left:auto;margin-right:auto; padding:0;color:#454545;}
#main-content #inner{height:auto;position:relative;}
#main-sidebar{position:absolute;left:0;top:0;width:180px;bottom:0;padding:0;}
#main-sidebar .user-profile {height:65px;padding:5px;}
#main-sidebar .user-profile h3{margin-top:10px;font-size:18px;}
#main-sidebar .user-profile small{margin-top:-5px;display:block;}
#footer {max-width:100%;min-width:960px;margin:0 10px 0 10px;padding-bottom:10px;border-top:1px solid #bbb;}

/**=========
TYPOGRAPHY
============ **/
h1,h2,h3,h4,h5,h6,#main-sidebar .accordion-heading .btn,#main-content .accordion-toggle.btn, .brand, .brandSuspend, .brandCancel, .main-tabs .nav-tabs > li > a, .info-widget span.text, .pricing-table ul li.heading, legend{
    font-family:'Impact',Arial,sans-serif;
    font-weight:normal;
    color:#454545;
}

html, body {
height: 100%;
}

body {
    min-width: 480px;
    color:#75787a;
    font-size:11px;
    line-height: 16px;
    height: 100%;
    }

#main {
    min-width: 480px;
    height: 100%;
    min-height: 700px;
    margin: 0 auto;
    text-align: left;
    color: #454545;
    position: relative;
}

 body>#main {
 }

 /* Opera 9.5+  mal� hack  */
*|html[xmlns*=""]  #main {
     display: table;
	 height: 100%;
}


.loginUser {
    width: auto;
    height: 45px;
    float: left;
    margin-left: 15px;
    padding: 10px 0 0 0;
}

.headerRight {
        /*width: auto;*/
        height: 55px;
        line-height: 17px;
        margin: 0 10px 0 0;
        padding:  0;
        float: left !important;
}

.headerRight  a {
  color: #ccc;
  text-decoration: underline;
}

.headerRight  a:hover {
  color: #ccc;
  text-decoration: none;
}

.loginLicence {
    width: auto;
    height: 45px;
    float: right;
    text-align: right;
    margin-right: 0px;
    padding: 10px 0 0 0;
}

.separator {
  width: 2px;
  height: 55px;
  float:right;
  margin-left: 15px;
  margin-right: 15px;
  background:url('layout/separator.png');
  background-repeat: no-repeat;
}

.logout {
  width: auto;
  float: right;
  margin-top: 13px;
  padding: 0;
  background:url('layout/icon_logout.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.logout p {
  width: auto;
  height: 20px;
  padding: 13px 0 0 0;
  position: static;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.wiki {
  width: auto;
  float: right;
  margin-top: 11px;
  padding: 0;
  background:url('layout/icon_wiki_question.png');
  background-repeat: no-repeat;
  background-position: center top;
}

.wiki p {
  width: auto;
  height: 20px;
  padding: 15px 0 0 0;
  position: static;
  text-align: center;
  font-weight: bold;
  color: #fff;
}




.translator {
/*    max-width: 640px;*/
    width: 100%;
    height: 21px;
    padding: 5px 0px 0px;
/*    float:left;
    background: #757575;
    display: flex;*/
}




.loginFigure {
    background: none repeat scroll 0 0 #F5F5F5;
    display: block;
    float: left;
    height: 130px;
    line-height: 16px;
    margin: 0 auto 20px;
    padding: 10px 0 0;
    position: relative;
    width: 100%;
}

.loginFigure p {
    width: 100%;
    float: left;
    margin: 0;
    padding: 5px 0 15px 0;
    line-height: 15px;
}

.informationBox {
  width: 100%;
  *margin-left: 10px;
  z-index: 100;
  margin: 0 auto;
  text-align: center;
}



.loginForm {
    width: 452px;
    margin-left: auto;
    margin-right: auto;
}

.loginBox {
  min-width: 315px;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

.net-service {
    width: 355px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    margin-bottom: 0px;
}

.form-horizontal .control-label-sign {
  float: left;
  width: 130px;
  padding-top: 5px;
  /*padding-left: 10px;*/
  text-align: left;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 195px;
  *margin-left: 0;
  margin-right: 10px;
}

#header .clear {
    clear: both;
    width: 1px;
}

#footer {
    min-width:480px;
    *height: 60px;
    margin: 0;
    padding: 0;
    bottom:0;
    overflow: hidden;
    position: absolute;
}

.logos {
    width: 480px;
    height: 53px;
    margin: 1px auto 0;
    background-repeat: no-repeat;
    background:url('layout/logo_footer_480.png');

}

#modalLoading {
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #DDDDDD;
    font-size: 200%;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 100%;
    z-index: 10000;
}

h1,h2,h3,h4,h5,h6{margin:0;}
/*a {text-shadow:none; color:#A8102D;}*/
a {text-shadow:none; color:#454545;font-weight:bold;}
a:hover {text-shadow:none;text-decoration:none;}
h1 {font-size:24px; margin-bottom:8px; text-align: center; border-bottom:1px solid #eaeaea;}
h2 {font-size:20px; margin-bottom: 0px; text-align: center;}
h3, .main-tabs .nav-tabs > li > a {font-size:24px;}
h4 {font-size:18px; margin-bottom:6px; padding-bottom:3px; border-bottom:1px dotted #999999;}
h5 {font-size:16px; margin-top: 8px; margin-bottom: 3px;}
h6 {font-size:14px;}

}