@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600,300italic&subset=latin,latin-ext);

body{
	background: #EAEAEA;
	font-family: 'Open Sans', sans-serif;
	color: #4c4c4e;
	font-size: 13px;
}
a, a:focus{
	outline: 0px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
}
.main{
	margin-top: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

.header{
	background: #fff;
	padding: 30px 0;
}
.nav{
	margin-top: 6px;
}
.nav a{
	color: #4c4c4e;
	text-transform: uppercase;
	font-weight: 600;
}
.top-info{
	background: #eeeeee;
	font-size: 12px;
	color: #98989a;
	text-align: right;
	padding: 15px;
}
.mainslider{
	height: 450px;
	overflow: hidden;
}
.mainslider li{
	left: 0;
}
.bx-wrapper .bx-viewport{
	left: 0;
	box-shadow: none;
	padding: 0;
	border: none;
}
.front-ponuda{
	background: #fff;
	margin: 45px 0;
}
.aktualna-ponuda{
	padding-bottom: 15px;
	background: #fff;
	float: left;
	position: relative;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(194,192,194,1);
	-moz-box-shadow: 0px 2px 5px 0px rgba(194,192,194,1);
	box-shadow: 0px 2px 5px 0px rgba(194,192,194,1);
}
.aktualna-ponuda img{
	width: 100%;
}
.aktualna-ponuda div{
	width: 100%;
	float: left;
}
.desc{
	padding-left: 0px;
}
@media (min-width: 480px) {
	.desc{
		padding-left: 15px;
	}

}
.desc h2 a{
	color: #4c4c4e;
}
.aktualna-ponuda h2{
	font-size: 18px;
}
.readmore{
	color: #98989a;
}
a:hover{
	color: #2439BE;
	text-decoration: none;
}
.label{
	background: #0179FF;
	position: absolute;
	left: -8px;
	top: -10px;
	padding: 9px 32px;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 0;
	z-index: 10;
}
.label:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #0252ab;
    position: absolute;
    top: 30px;
    left: 0px;
}
.footer{
	background: #242424;
	padding: 15px;
	color: #fff;
	font-size: 12px;
}
.mainmap{
	margin-top: 15px;
}
label{
	font-weight: 300;
	text-transform: uppercase;
	font-size: 12px;
	margin: 12px 0 6px 0;
}
input, textarea{
	width: 100%;
	padding: 6px;

}
.main-content{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
	padding: 25px;
}
h1{
	font-size: 28px;
}
.contactform{
	margin-top: 15px;
}
.reference-col, .aktualno-col{
	width: 100%;
	float: left;
	margin: 15px 0;
	border-bottom: 1px solid #EAEAEA;
	padding-bottom: 15px;
}
.reference-col h2, .aktualno-col h2{
	margin-top: 0px;
}
.reference-col h2 a, .aktualno-col h2 a{
	font-size: 18px;
	color: #566173;
	font-weight: 600;
	text-transform: uppercase;
}
.bg-blue{
	background: #0252ab;
}
.ponuda-regije{
	padding-top: 15px;
	padding-bottom: 30px;
}
.ponuda-regije h3{
	font-size: 14px;
	color: #03234a;
}
.regije-list li{
	width: auto;
	display: inline-block;
	float: left;
	font-size: 18px;
	color: #dfdfdf;
	background: url(../images/regije-arrow.png) no-repeat left center ;
	padding-left: 15px;
	margin-left: 15px;
}
.ponuda-regije ul {
	width: 100%;
	float: left;
	padding-left: 0;
}