/* =Elements & Modules
----------------------------------------------- */
html {
    min-height: 100%;
    overflow-y: scroll;
}
body#page {
  font-family: Arial,sans-serif;
  background-color: #313337;
}

p{font-family: Arial,sans-serif;}
a {
  color: #119236;
  text-decoration: none;
}
a:hover {
  color: #790101;
  text-decoration: none;
}
h1{
  color: #45484C;
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 20px;
}

/* article {padding: 10px;} */

#block-main{
  background: url("../images/texture/main.png") repeat scroll 0 0 transparent;
}
#block-bg {
    background: url("../images/thermi_bg.png") no-repeat scroll 100% 0 transparent;
}
#content{margin-bottom: 40px;}
#content, .style-box { 
  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.12); 
  background: url("../images/content.png") repeat scroll 0 0 transparent;
}

#content-main{padding: 25px;}

.text-right{text-align: right;}
.text-left{text-align: left;}

.item-page h2 {
  border-bottom: 1px solid #ccc;
    margin: 0 0 18px 0;
    padding-bottom: 5px;
}

#mod-login{float: right; padding-top: 30px;display: block;}
#system {padding: 20px;}
#system p{margin: 15px 0 0;}

#sidebar .module{padding: 20px;}
.module-title{ border-bottom: 1px dashed #ccc; margin: 0 0 20px 0; padding-bottom: 5px;}


/* =Header
----------------------------------------------- */

#branding {
  margin:0;
  padding: 0;  
  position: relative;
  z-index: 9999;
  overflow: visible;
}

h1#site-title, div#site-title {
    margin: 10px 0;
    padding: 0;
}


#branding .fill {
  background-color: #000000;
  color: #fff;
  -webkit-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
     -moz-box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
      box-shadow : 0 1px 3px rgba(0, 0, 0, .8), 0 3px 9px rgba(0, 0, 0, .2);
}

/* =MainMenu
----------------------------------------------- */
#mainmenu .navbar {
  margin: 20px 0;
}
#mainmenu .navbar-inner {
  padding: 8px 10px 4px;
  background: url(../images/mod_box.png) 0 0 repeat;
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,1.0), 0 1px 2px rgba(0,0,0,0.12);
  filter: none;
}
#mainmenu .navbar .brand {
  font-family: 'Open Sans Condensed', sans-serif;
  color: #790101;
  font-weight: 700;
  font-size: 22px;
}
#mainmenu .navbar .brand p{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #790101;
  font-weight: 700;
  font-size: 22px;
  display:inline;
}
#mainmenu  .navbar .nav > li > a {
  color: #790101;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
  font-size: 13px;
  font-weight: bold;
  padding: 7px 10px 9px;
}
#mainmenu  .navbar .nav .active > a, .navbar .nav .active > a:hover {
  background-color: #790101;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#mainmenu  .navbar .nav > li > a:hover {
  background-color: #790101;
  color: #FFFFFF;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* =HeaderMenu
----------------------------------------------- */

  .appsmenu-wrapper .navbar{margin-bottom: 0;}
  
  #appsmenu {
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
  }
  
  #appsmenu .nav {
  background-color: #dd322d;
  }

  
  #appsmenu .nav > li > a {
    padding: 10px 12px 11px;
    color: #fff;
    text-shadow: none;  
  }
  
  #appsmenu .divider-vertical {
    height: 40px;
    width: 1px;
    margin: 0;
    overflow: hidden;
    background-color: #ddd;
    border-right: 1px solid #eee;
  }

  #appsmenu .nav .active > a, .navbar .nav .active > a:hover {
    color: #ffffff;
    background-color: #313337;
    border-radius: none;
  }
  
  #appsmenu .nav > li > a:hover {
    background-color: #313337;
    border-radius: 0px;
  }

  #appsmenu .nav > li {
    border-right: 1px solid #EEEEEE;
  }
  #appsmenu .nav > li:last-child {
    border-right: medium none;
  }
  #appsmenu .nav > li > a {
    color: #FFFFFF;
    padding: 10px 12px 11px;
  }
  #appsmenu .nav > li > a:hover {
    background-color: #313337;
    border-radius: 0 0 0 0;
  }
  #appsmenu .nav .active > a, .navbar .nav .active > a:hover {
    background-color: #313337;
    color: #FFFFFF;
  }

/* =Footer
----------------------------------------------- */
#beta {
  color: #fff;
  padding: 10px 0 0;
  text-align: center;
}

#credits {
  background-color: #313337;
  color: #999;
  padding: 10px 0 0;
  text-align: center;
}

#credits a, #credits a:visited { color: #ccc; }
#credits a:hover { color: #fff; }

/* =Bootstrap override
----------------------------------------------- */
.btn-group { font-size: 13px; }



/* =Media Queries
----------------------------------------------- */
@media (max-width: 768px){
  h1#site-title, div#site-title {
    text-align: center;
  }
  #mod-login {
    float: none;
    padding: 8px 0;
    text-align: center;
  }
  
  .navbar .nav > li {
    display: inline-block;
    float: none;  
    width: 100%;
  }
  

  .navbar .nav.pull-right {float: none; width: 100%;}    
}

@media(max-width: 480px) {


  .navbar .nav > li {
    display: inline-block;
    float: none;  
  }
  
  .navbar .nav.pull-right {float: none; width: 100%;}  
  
}

.span4 li
{
  display:inline;
  list-style-type:none;
  padding-right:5px;
  padding-top:30px;
  float:right;
 
}