body {
    background: #a2e87a;
}
@media (max-width: @screen-xs) {
    body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
    body{font-size: 14px;}
}

#photo{
	display: inline;
	float:left;
	height:130px;
	margin-right:210px;
	margin-top:-35px;
}
#meni{
	height:13%;
	margin-right:6%;
	
}
#head{
	background-color:blue;
	height:130px;
}
#vsebina{

}
#content{
	padding-top:3px;
	border-left:1px solid linen;
	width:81.5%;
	float:right;
	margin-right:6%;
}

#text{
	padding-top:20px;
	width: 80%;
    margin: 0 auto; 
}
#center{
	margin-top:-4%;
	width: 90%;
    margin: 0 auto; 
	padding-top:3px;
}
#storitve{
	margin-top:10px;
	margin-left:2%;
	width: 300px;
	height:300px;
	display:inline;
	float:left;
}

#crta{
	margin-top:1.5px;
	border:1px solid !important;

}

ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list li {
  display: inline-block;
  height: 140px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 160px;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 140px;
  left: 0;
  position: absolute;
  top: 0;
  width: 160px;
}

span.text-content span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#map-canvas {
 position:relative;
 border:1px solid #C7C7C7; 
 width:100%; 
 height:500px;
 margin-bottom:40px;
 margin-top:25px;
}
span.text-content {
  font-size:20px;
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 140px;
  left: 0;
  position: absolute;
  top: 0;
  width: 160px;
  opacity: 0;
}

ul.img-list li:hover span.text-content {
  opacity: 1;
}

span.text-content {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 140px;
  left: 0;
  position: absolute;
  top: 0;
  width: 160px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}
#pageNavigation a
{
	color: inherit;
	display: block;
	padding: 0.9375em;
}
#newsFilterCategory a
{
	color: inherit !important;
	padding: 0.6375em;
}
#pageNavigation a:link, #newsFilterCategory a:link 
{
	text-decoration:none;
}
#pageNavigation a:visited 
{
	text-decoration:none;
}
#newsFilterCategory a:visited
{
	text-decoration:none;
	color: black;
}
#pageNavigation a:hover
{
	text-decoration:none;
	color:white;
}
#newsFilterCategory a:hover
{
	text-decoration: none;
	color: #D21400;
}
#pageNavigation a:active, #newsFilterCategory a:active
{
	text-decoration:none;
}
#pageNavigation li
{
	font-size:1.125em;
	font-weight: lighter;
	display: inline;
	float: left;
	margin-right: 0.9375em;
	cursor: pointer;
	color: black;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#pageNavigation li:hover
{
	background-color: #D21400;
	color: white;
	opacity: 0.7;
}
.selectedPageNav
{
	background-color: #D21400;
	color:white !important;
}
#pageNavigation
{	
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding: 0;
	list-style-type:none;
}
/* Style The Dropdown Button */
	.dropbtn {
		color: white;

		border: none;
		cursor: pointer;
	}

	/* The container <div> - needed to position the dropdown content */
	.dropdown {
		position: relative;
		display: inline-block;
	}

	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 1;
	}

	/* Links inside the dropdown */
	.dropdown-content a {
		color: black;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}

	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {background-color: #f1f1f1}

	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: block;
	}
	
	
ul.img-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.img-list1 li {
  display: inline-block;
  height: 100px;
  margin: 0 1em 1em 0;
  position: relative;
  width: 100px;
}

span.text-content1 {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 300px;
}

span.text-content1 span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

span.text-content1 {
font-size:20px;
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100px;
  opacity: 0;
}

ul.img-list1 li:hover span.text-content1 {
  opacity: 1;
}

span.text-content1 {
  background: rgba(0,0,0,0.5);
  color: white;
  cursor: pointer;
  display: table;
  height: 100px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100px;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
}

.example3 .navbar-brand {
 
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}