/* -----------------------------------------GLOBAL -----------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Ubuntu);

html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body{
  height: 100%;
  width: 100%; 
  padding:0;
  margin:0;
  font-family: 'Ubuntu', serif;
  /*font-family: "Open Sans", sans-serif;*/
}

#ng-body{
  height: 100%;
  width: 100%;
}

body {
  /*font-family: "Droid Serif", serif;*/
  color: #7f8c97;
}

p{
    font-size: medium;
}

ul{
    text-align: justify;
    list-style: none;
}

li span{
    padding: auto;
}

.underConstruction{
  opacity: 0.5;
  width: 20%;
  height: 20%;
}

.row{
  margin:0;
}

footer{
  padding: 15px 0 15px 0;
  text-align: center;
  background: url(img/backgrounds/footer_lodyas.png);
}

footer p{
  text-align: center;
  font-style: italic;
  padding: 0 0 5px 0;
  margin: 0;
}

/* -----------------------------------------NAVBAR (& GLOBAL) ----------------------------------------- */

a {
    color: #acb7c0;
    text-decoration: none;
    /*font-family: "Open Sans", sans-serif;*/
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover, a:focus {
    color: #547e3d; /*flat green*/
    text-decoration: none;
    outline: 0;
    border-radius: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

.dropdown-menu{
    text-align: center;
}

.dropdown ul li a{
  color: #acb7c0;
  background-color: white;
  font-weight: bold;
}

.dropdown ul li a:hover{
  color:#547e3d;
  border-radius: 0;
}

.navbar-brand{
    color: #547e3d;
}

.nav-pills, .navbar-right{
  height: 50px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
  background-color: #547e3d;
  border-radius: 0;
}

.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #547e3d;
  border-radius: 0;
}

.nav-pills>li>a {
  border-radius: 0;
  padding: 18px 15px;
}

.navbar {
  font-weight: 800;
  font-size: 14px;
  height: 50px;
  background-color: #3f3f3f;
  opacity: 0.6;
}

.navbar:hover{
  opacity: 0.9;
}

.navbar span{
  color: #e9e0b7;
}

.navbar-fixed-top{
  margin-bottom: 0px;
}

.navbar-fixed-top .container{
  padding-left: 0;
  padding-right: 0;
}

/* ----------------------------------------- MEDIA QUERIES ----------------------------------------- */

@media (max-width: 480px){
  
  /* NAVBAR */
    #r0{
      padding-left: 0;
      padding-right: 0;
    }

    .navbar .navbar-collapse {
        padding: 10px;
        max-height: none;
      }

    .navbar ul {
        float: none;
    }

    .navbar ul:not {
        display: block;
    }

    .navbar li {
        float: none;
        display: block;
    }

    .navbar li a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (max-width: 690px){
  .navbar .container{
      padding-left: 10px;
      padding-right: 10px;
    }

  .nav-pills, .navbar-right{
    height: auto;
    background-color: white;
  }
}

@media (min-width: 770px){
      .dropdown:hover .dropdown-menu {
        display: block;
        border-radius: 0;
     }
}

@media (min-width: 960px){
  .navbar{
      padding-left: 10%;
      padding-right: 10%;
     }
}
@media (max-width: 1000px) and (min-width: 690px){

    #r0{
      padding-left: 0;
      padding-right: 0;
    }
    .navbar .container{
      padding-left: 10px;
      padding-right: 10px;
    }
}