* {box-sizing: border-box;}

body {margin: 0; padding: 0;
  font-family: "Open Sans",SansSerif;
  color: #333333;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

div {margin: 0; padding: 0; clear: both;}
li {list-style-type: none; padding:0;}
h3 {margin: 0 0 10px; padding: 0; font-family: "Open Sans",SansSerif; text-transform: uppercase; font-size: 1.5em; font-weight: normal;}
h2 {text-transform: uppercase; font-size: 28px; margin: 0 0 15px 0}
ul {padding: 0;}

#h2mid {
  background-image: url(slike/152.jpg);
  background-position: center center;
  font-family: Garamond;
  color: #fff;
  text-align: center;
  padding: 150px 50px;
  margin: 0 0 50px 0;
  font-size: 48px;
}


#mid-container{width:1200px; margin:auto;}
div.col2_left {width:600px; float:left; display:inline-block; clear: none; padding: 20px; background-color: #eee;}
div.col2_left h1{font-family: Garamond; font-weight: normal; font-size: 48px; text-align: center;}
div.col2_right {width: 600px; padding: 20px; display:inline-block;}


#glava {margin: 0 auto; width: 1200px; padding: 20px 0 20px 0;}
#glava ul {margin:80px 0 5px 0; padding:0;display: block;float: right;}
#glava h1 {margin:10px; padding: 0; display: inline; float: left;}

#glava li {display:inline-block; float: left; text-transform: uppercase;}
#glava li a:link {text-decoration: none; color: #3E2A14; padding:10px 25px;}
#glava li a:visited {color: #3E2A14;}
#glava li a:hover {background-color: #3E2A14; color: #fff;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {text-decoration: none; color: #3E2A14; background: #fff;	text-align: center;	padding: 10px 0; display: none;}

/*Hide checkbox*/
#glava input[type=checkbox]{display: none;}

/*Show menu when invisible checkbox is checked*/
#glava input[type=checkbox]:checked ~ #menu{display: block;}

#st1 {margin: 0 auto; padding:0; width: 1200px;}
#okvir {padding: 0px; margin: 0 10px; float: left; display: inline; width: 270px; clear: none; background-color:#fff}
#okvir ul {margin: 0;  padding: 0;}
#okvir li {margin: 0 0 5px 0; padding:5px; background-color:#eee}
#okvir h3 {color: #3E2A14; padding:5px 0}
#st2 {margin: auto; width: 800px;}
#noga {background-color: #3E2A14; padding-top: 45px;}
#st_vizitka {margin: 0 auto; padding:0 15px; width: 100%; max-width: 1200px;}
#vizitka_okvir {display: inline; float: left; clear: none; width: 50%;}
.v-slika {width: 50%; float:right}
#framei {border: none; margin: 0 0 50px 0; height:450px; width:100%}
#separator {clear:both; padding:50px 0 0 0;}

/* Storitve */
.column2 {clear:none; display: inline-block; float:left; width:50%; padding:2%}
#levi {border-right: 1px solid #ddd}

@media screen and (max-width: 1200px) {
#st1 {margin: 0 auto; width: 600px; padding-bottom: 20px;}
#h2mid {padding: 90px 50px; font-size: 36px;}
#glava {margin: 0 auto; width: 100%; padding: 20px;}
#glava ul {padding:0 20px 0 0}
#glava li a:link {padding:10px 15px;}
#noga{padding: 30px;}
    
#mid-container{width:600px;}
div.col2_left {width:550px; padding: 20px;}
div.col2_left h1 {font-size: 35px}
div.col2_right {width: 550px; padding: 20px;}
}

@media screen and (max-width: 610px) {
#st1 {margin: 0 auto; width: 300px; padding-bottom: 20px;}
#h2mid {padding: 40px 50px; font-size: 26px;}
#glava {margin: 0 auto; width: 100%; padding: 20px 0;}
#st2 {margin: auto; width: 300px}
#noga{padding-top:30px;}
#vizitka_okvir{display:block; float:none; width: 100%;}
.v-slika {width: 90%; float:none}
#framei {height:300px;}
.column2{width: 100%;}
#levi{border:none;}
    
#mid-container{width:300px;}
div.col2_left {width:280px; padding: 10px;}
div.col2_left h1 {font-size:30px}
div.col2_right {width:280px; padding: 10px;}
}

@media screen and (max-width: 715px) {
/*Make dropdown links appear inline*/
#glava ul {position: static;display: none;float:left;margin: 0;}
/*Make all menu links full width*/
#glava ul li, li a {display:block;width: 100%;}
/*Display 'show menu' link*/
.show-menu {padding:10px 14px; margin: 20px 10px 20px 0;display:inline;float:right; font-size: 22px;}
}

#slika {
  border-style: none;
  min-height: 150px;
  background-position: center center;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size:100% 100%;
}

#slikap {
  border-style: none;
  min-height: 200px;
  background-position: center center;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-size:100%;
}

#okvirp {padding: 5px; margin: 0 10px; width: 260px; display: inline-block; clear: none;vertical-align: top;}
#okvirp ul {margin: 0;  padding: 0;}
#okvirp li {margin: 0 0 5px 0; padding:5px; background-color:#eee}
#okvirp h3 {color: #3E2A14; padding:0; margin:0}
h4 {margin:0}
#okvirp a:link {color: #3E2A14}
#okvirp a:visited {color: #3E2A14;}
#okvirp a:hover{color: #fff; background-color: #3E2A14;}

#podatki ul{margin:0; padding:0;}
#podatki li{margin: 0 0 20px 0; padding:0 40px; background-repeat: no-repeat;}
#podatki h3{margin-left:40px;}
.naslov{background-image:url(slike/icons/naslov.png); background-position: left center;}
.telefon{background-image:url(slike/icons/telefon.png); background-position: left center;}
.mail{background-image:url(slike/icons/mail.png); background-position: left center;}
#podatki a:link{color:#fff}
#podatki a:visited {color: #fff;}
#podatki a:hover{color: #3E2A14; background-color:#fff;}

#podatki {
  margin: 0;
  width: 250px;
  display: inline;
  float: left;
  color:white;
  clear: none;
}
#certifikat {
  margin: 0 40px 0 0;
  width: 250px;
  display: inline;
  color: white;
  float: left;
  clear: none;
  text-align: justify;
}
#accordion p{margin:0}
#accordion{font-size: 12px}
#accordion a:link{color: #3E2A14; text-decoration: underline;}
#accordion a:visited {color: #3E2A14}
#accordion a:hover{color: #fff; background-color:#3E2A14;}
#accordion li{margin: 0 0 0 15px; padding: 0 0 0 0;list-style-type: circle;}

/*=======================================================*/
.CON_container_classic {
  display: inline;
  float: left;
  padding-right: 5px;
 }

.storitve ul {margin:0; padding:10px}
.storitve li {list-style-type:disc;}

#zemljevid {margin: 0; width: 250px; display: inline; float: left; color:#fff; clear: none;}
#zemljevid li{padding:0 0 10px 0; text-transform: uppercase}
#zemljevid a:link {color:#fff}
#zemljevid a:visited {color:#fff}
#zemljevid a:hover {color: #3E2A14; background-color:#fff;}

ul.forma {width: 100%}
.forma li {padding: 10px 0;}

.form-control {
	display: block;
	width: 100%;
	padding: 8px 12px;
	color: #555;
	background-image: none;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-shadow:none;
	font-family: inherit; font-size: inherit;
}

input[type=submit] {
    border: 1px solid #1C1309;
    color: #fff;
    background: #3E2A14;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 14px;
}

label {
    display: block;
    margin-bottom: 5px;
}

.form-control-checkbox{
	float: left;
}

.checkbox-label {
	margin-left:25px;
}

.form-control-select {
    font-size: 14px;
    padding: 5px;
}

.red-star {color: #D8000C;}

textarea{
height:150px; font-family: inherit; font-size: inherit;
}

p.error, p.success {padding: 10px;}
p.error {color: #D8000C; background-color: #FFBABA;}
p.success {color: #4F8A10; background-color: #DFF2BF;}

.ref {padding:10px}
.ref img {float: left; margin-right:10px}
.ref div {display:inline;}