@charset "UTF-8";
/* CSS Document */

/******************* Container *******************/

/*.row {margin: 0;}
.container {width: auto; padding: 0;}*/

/******************* Container *******************/

/******************* Global *******************/
* {-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}

html { margin:0; padding:0; border:0; height: 100%; min-height: 100%; }

body {
  background: #fff;
  font-family: 'Arial', sans-serif;
  color: #666;
  /*height: 100%;*/
  overflow-x: hidden;
  font-size: 16px;
}

a, a:hover, a:active, a:link, a:focus{ text-decoration:none; outline: 0; cursor:pointer;}

div.clear, span.clear { background:none; border:0; clear:both; display:block; float:none; font-size:0; margin:0; padding:0; overflow:hidden; visibility:hidden; width:0; height:0;}

a img { border:0; }

:focus { outline:none; }

table { border-collapse:collapse; border-spacing: 0; }

th, td { text-align: left; vertical-align: top; }

ol, ul { list-style: none; margin: 0; padding: 0; }

a { color: #acaa7d; text-decoration: none;
    -webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color .3s linear;}

a:focus { text-decoration: none; }

a:hover { color: #aaa; text-decoration: none;}

p {
  color: #666;
  font-size: 100%;
  /*font-weight: 200;*/
}


.no_padding {padding: 0;}

/******************* Global *******************/


/******************* Header *******************/
header {height: 90px;}
header #logo {padding: 0 30px;}
header #logo a {background-repeat:no-repeat; background-position: left center; background-size: contain; height: 60px; display: block; margin: 15px 0; }
header .slogan {text-align: right; font-size: 0.875em; color: #666; letter-spacing: 4px; font-weight: 200; line-height: 110px; padding: 0 30px; text-transform: uppercase;}

#head_bar {background-color: #1d3666; height: 10px;}
#head_bar #menu_btn {display: none;}

/******************* Header *******************/


/******************* Footer *******************/
footer {font-size: 14px; padding: 10px 0 ; border-top: solid 1px #ccc; color: #888;}
.backtotop {background-color: #1d3666;
    color: #fff;
    font-size: 30px;
    margin-top: -10px;
    text-align: center;
    cursor: pointer;
    padding: 0;
  }
/******************* Footer *******************/


/******************* Home *******************/
section#home {padding: 50px 0;}
section#home h1 {text-transform: uppercase; text-align: center; font-size: 2em; color: #000; margin: 0 0 30px;}
section#home #login_frm {border: solid 1px #ccc; padding: 30px;}

section#home #login_frm p {margin: 0 0 20px;}
section#home #login_frm p:after {content: ''; display: table; clear: both;}
section#home #login_frm label {width: 120px; float: left; margin: 0; text-transform: uppercase; font-weight: normal; color: #666;}
section#home #login_frm input {width: calc(100% - 120px); float: left; padding: 0 10px;}

section#home #login_frm p.login-submit {margin: 0;}
section#home #login_frm p.login-submit input {width: 100%; border: none; background-color: #1d3666; color: #fff; text-align: center; text-transform: uppercase; line-height: 30px;}
/******************* Home *******************/


/******************* Menu *******************/
nav#menu h3.project_name {margin: 0 0 30px; color: #000; font-size: 28px;}
nav#menu {padding: 30px 15px; width: 20%; float: left;}
nav#menu ul.menu > li {margin-bottom: 15px;}
nav#menu ul > li > a {color: #333; font-size: 20px;}
nav#menu ul > li > ul {margin: 10px 0 30px;}
nav#menu ul > li > ul > li > a {font-size: 16px; color: #666; display: block;}
.project_select {margin-bottom: 30px;}
.project_select button {width: 100%;}
.project_select a {font-size: 14px!important;}

section#layout #guide_menu h3 {font-size: 125%; color: #444; font-weight: 400;}

#guide_menu ul.menu > li {margin-bottom: 15px; list-style: none;}
#guide_menu ul.menu > li > a {color: #333; font-size: 20px;}
#guide_menu ul.menu > li > ul {margin: 10px 0 30px;}
#guide_menu ul.menu > li > ul > li > a {font-size: 16px; color: #666; display: block;}

#guide_menu ul.general_menu {margin: 10px 0 30px; list-style: none;}
#guide_menu ul.general_menu > li > a {font-size: 16px; color: #666; display: block; list-style: none;}
/******************* Menu *******************/


/******************* Pages *******************/
.navigation {font-size: 60%; padding: 0 0 10px; border-bottom: solid 1px #ccc; color: #888; margin-bottom: 30px;}

section#layout h1, section#layout h2, section#layout h3, section#layout h4 {margin-top: 0; margin-bottom: 0.83em;}

section#layout h1 {font-size: 175%; text-transform: uppercase; color: #000; margin-top: 0; font-weight: 700;}
section#layout h2 {font-size: 150%; color: #444; font-weight: 700;}
section#layout h3 {font-size: 125%; color: #444; font-weight: 700;}
section#layout h4 {font-size: 100%; color: #666; font-weight: 700;}

section#layout h2 a {color: #000;}


section#layout .page_content p {margin-bottom: 24px;}
section#layout .page_content ul {list-style: disc; margin-bottom: 24px; line-height: 1.8em; margin-left: 24px;}



section#layout .page_content {min-height: 600px; padding: 30px; border-left: solid 1px #ccc;}
section#layout .page_content img {max-width: 100%; height: auto;}

#guide_menu {padding: 30px;}

body.single-general section#layout, body.single-specific section#layout {padding: 30px;}
/******************* Pages *******************/