html, body {
  
height: 100% !important;
width: 100%;
min-height: 100%;
position: relative;
}

body {
height:100%;
width: 100%;
    display:flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-align-content: stretch;
    align-content: stretch;
    -moz-align-content: stretch;
    -ms-align-content: stretch;
    
}


body {
    overflow-y: scroll;
    
}
/*body {
  padding-top: 00px;
  padding-bottom: 60px;
  height: auto !important;
min-height: 100%;

}*/

body {
    
    background-color: #ccd6e0;
    background-image: url("../images/valovi.jpg");
    background-repeat: no-repeat;
    background-size: contain;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #000000;
}



//* GLOBAL STYLES
-------------------------------------------------- 
Padding below the footer and lighter body text */

/* body {
  padding-bottom: 40px;
  color: #5a5a5a;
}*/


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.zastave {
  padding: 10px;
  margin: 10px;
  color: red;
}

.vstopna {

position: absolute;  
padding-top: 15%;  
     
}

/*img {
vertical-align: middle;
position: absolute;  
    top: 20%;  
     
}*/
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
.navbar-nav > li > a{
font-size: 15px;

}

.navbar-nav > li > a {padding-top:8px !important; padding-bottom:5px !important;}
.navbar {min-height:32px !important;}


/* če bi hotli met črtico vmes .navbar-nav li+li { border-left: 1px solid #A6ADB5;  }   */
/* DOMAČA STRAN
-----------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------- 
-----------------------------------------------------------------------------------------------------  */



/* --------------- FONTI --------------*/

.height-full {
  font-family: 'Roboto', sans-serif;
  color: #000000; 
  font-size: 15px; 
  line-height: 125%;
  max-width: 100%; 
}

.height-full a:link,  a:visited,  a:hover {
  font-family: 'Roboto', sans-serif;
  color: #243A7A; 
  font-size: 15px; 
}

.height-full a, a:link {
  font-family: 'Roboto', sans-serif;
  color: #243A7A; 
  font-size: 15px; 
}

.height-full h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

.height-full a, a:link
{
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #243A7A;
}

.height-full a:visited, a.visited
{
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #24397A;
}

.height-full a:hover, a.hover
{
  font-family: 'Roboto', sans-serif;
  text-decoration: underline;
  color: #6F6F71;
}

.height-full h1 {
  font-family: 'Roboto', sans-serif;
  color: #24397A; 
  font-size: 25px;
  font-weight: normal;
  font-style: normal;  
}

.height-full h1 a, h1 a:link, h1 a:hover, h1 a:visited
{
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
}

.height-full h2 {
  font-family: 'Roboto', sans-serif;
  color: #000000; 
  font-size: 16px;  
  font-weight: normal;
  font-style: normal; 
}

.height-full h2 a, h2 a:link, h2 a:hover, h2 a:visited
{
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
}

.height-full h3 {
  font-family: 'Roboto', sans-serif;
  color: #000000; 
  font-size: 15px; 
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
  line-height: 125%; 
}

.height-full h3 a, h3 a:link, h3 a:hover, h3 a:visited
{
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
  line-height: 125%;
  color: #24397A; 
}

.height-full h4 {
  font-family: 'Roboto', sans-serif;
  color: #24397A; 
  font-size: 16px; 
  font-weight: normal;
  font-style: normal; 
}

.height-full h4 a, h4 a:link, h4 a:hover, h4 a:visited
{
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
}

.height-full h5 {
  font-family: 'Roboto', sans-serif;
  color: #000000; 
  font-size: 14px; 
  font-weight: normal;
  font-style: normal; 
}

.height-full h5 a, h5 a:link, h5 a:hover, h5 a:visited
{
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
}

.height-full h6 {
  font-family: 'Roboto', sans-serif;
  color: #000000; 
  font-size: 12px; 
  font-weight: normal;
  font-style: normal; 
}

.height-full h6 a, h6 a:link, h6 a:hover, h6 a:visited
{
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
}

.podlaga {
position:absolute;
height: 100%;
width: 100%;
overflow-y: auto;
    }

.podlaga {
background-color: rgba(255, 255, 255, 0.2);
margin-right: -15px;
margin-left: -15px;
margin-bottom:0px;
margin-top:0px;
padding-left: 15px;
padding-right:15px;
padding-bottom: 80px;
padding-top: 0px;
height: 100%;

}

/*.podlaga, x:-moz-any-link, x:default {
   position: absolute;
   
} velja samo v mozili anything*/

.list-unstyled h3{
font-family: 'Roboto', sans-serif;
  color: #000000; 
  font-size: 15px; 
  font-weight: normal;
  font-style: normal;
  text-indent: 0;
  line-height: 125%;   
}



.height-full { 
    -webkit-flex: 1;
    flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    position:relative;
  }
      
.podlaga ul {    
list-style-type: disc;
color: #24397A; 
font-size:18px;
-webkit-margin-before: 0em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 5px;
-webkit-padding-start: 20px;
-moz-margin-before: 0em;
-moz-margin-after: 1em;
-moz-margin-start: 0px;
-moz-margin-end: 5px;
-moz-padding-start: 20px;
}

.podlaga li {  
-webkit-margin-before: -0.7em;
-webkit-margin-after: 0em;
-webkit-margin-start: -2px;
-webkit-margin-end: 0px;
-moz-margin-before: -0.7em;
-moz-margin-after: 0em;
-moz-margin-start: -2px;
-moz-margin-end: 0px;
display: list-item;
height: 2em;
list-style-type: disc;
color: #24397A; 
}

.inner-div {
   padding: 5px;
 }

/* ===========================
--- GUMBI
============================ */


.btn-razference {
  color: #6D6F71;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-size: 18px;
  background-color: #A6ADB5;
  *background-color: #ccd6e0;
  background-image: -moz-linear-gradient(top, #A6ADB5, #ccd6e0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A6ADB5), to(#ccd6e0));
  background-image: -webkit-linear-gradient(top, #A6ADB5, #ccd6e0);
  background-image: -o-linear-gradient(top, #A6ADB5, #ccd6e0);
  background-image: linear-gradient(to bottom, #A6ADB5, #ccd6e0);
  background-repeat: repeat-x;
  border-color: #ccd6e0 #ccd6e0 #ccd6e0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #A6ADB5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccd6e0', endColorstr='#A6ADB5', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-razference:hover,
.btn-razference:focus,
.btn-razference:active,
.btn-razference.active,
.btn-razference.disabled,
.btn-razference[disabled] {
  color: #ffffff;
  background-color: #6D6F71;
  *background-color: #969696;
  background-image: -moz-linear-gradient(top, #6D6F71, #969696);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6D6F71), to(#969696));
  background-image: -webkit-linear-gradient(top, #6D6F71, #969696);
  background-image: -o-linear-gradient(top, #6D6F71, #2b2b2c);
  background-image: linear-gradient(to bottom, #6D6F71, #969696);
  background-repeat: repeat-x;
  border-color: #969696 #969696 #969696;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969696', endColorstr='#6D6F71', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.navbar-btn {
padding: 3px 10px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}

.navbar-btn:hover{
padding: 3px 10px;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}



/* ===========================
--- Footer
============================ */
.footer{
  position: absolute;
  overflow: auto;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  }

.noga p {
  font-family: 'Roboto', sans-serif;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  padding:5px 0px 5px;
  margin: 0px;
}


.footer {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -60px;
  border-top: 0px solid #eee;
}

.noga a, a:link {
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #A6ADB5;
  font-size: 12px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 0px;
  }
  .navbar-wrapper .container {
    padding-right: 0px;
    padding-left: 0px;
  }
  .navbar-wrapper .navbar {
    padding-right: 15px;
    padding-left: 15px;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 0px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
  

}

@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}
@media (min-width: 768px) {
.navbar-default .navbar-nav > li > a#bootstrap_a_menu_item_134 {
	background-image: url('http://www.re-forma.si/images/english.png')!important;
	background-position: center right!important;
	background-repeat: no-repeat!important;
	background-color: transparent !important;
	display: block!important;
	color: transparent !important;
	text-indent: -10000px!important;
}

.navbar-default .navbar-nav > li > a#bootstrap_a_menu_item_135 {
	background-image: url('http://www.re-forma.si/images/slovensko.png')!important;
	background-position: center right!important;
	background-repeat: no-repeat!important;
	background-color: transparent !important;
	display: block!important;
	color: transparent !important;
	text-indent: -10000px!important;
}

.navbar-nav > li#bootstrap_li_menu_item_135, .navbar-nav > li#bootstrap_li_menu_item_134 {
	position: absolute;
	right: 0px;
	top: 0px;
}
.navbar-default .container {
	position: relative;
}
.navbar-nav {
float: none;
}
.menunav {
	max-width: 990px;
	margin-left: auto;
	margin-right: auto;
}
}
@media (max-width: 767px) {
	.podlaga {
  height: auto;
  overflow-y: auto;
  position: inherit;
  width: 100%;
}
}
.navbar-wrapper.glava {
	max-width: 100%;
}