/* =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: #ff0000;

  -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%;}  

  

}




h7 {
  font-size: 15px;
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  position: relative;
  border-bottom: 3px solid #eee;
  border-bottom-width: 100%;
  padding-bottom: 8px;
  margin-bottom: 24px;
}

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