@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {background:#fafafa;}
#main{background:white;  width:100%; padding:20px; min-height:600px; border:1px solid #eee;}
.spc-container{padding:10px 25px;}
#nav {list-style-type:none; float:right;}
#nav li {display:inline; margin-right:20px;}
#nav li a {text-decoration:none; color:#2c3e50; font-family: "Open Sans"; font-size:14px;}
.changeside {left:85%; position: absolute; top: 15%; text-decoration:none; color:cadetblue;}

hr.style17:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}

.posta-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.posta-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.posta-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#posta-price-total {margin-top:15px;}
#posta-price-total label{color:green; font-weight:bold; font-size:14px; } 

.upatnica-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.upatnica-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.upatnica-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#upatnica-price-total {margin-top:15px;}
#upatnica-price-total label{color:green; font-weight:bold; font-size:14px; } 


.postadirekte-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.postadirekte-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.postadirekte-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#postadirekte-price-total {margin-top:15px;}
#postadirekte-price-total label{color:green; font-weight:bold; font-size:14px; } 


.vnatresnipaketi-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.vnatresnipaketi-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.vnatresnipaketi-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#vnatresnipaketi-price-total {margin-top:15px;}
#vnatresnipaketi-price-total label{color:green; font-weight:bold; font-size:14px; } 

.vnatresnimalipaketi-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.vnatresnimalipaketi-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.vnatresnimalipaketi-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#vnatresnimalipaketi-price-total {margin-top:15px;}
#vnatresnimalipaketi-price-total label{color:green; font-weight:bold; font-size:14px; } 
/*----------------------------------------------------*/
.internationalpaket-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.internationalpaket-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.internationalpaket-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#internationalpaket-price-total {margin-top:15px;}
#internationalpaket-price-total label{color:green; font-weight:bold; font-size:14px; } 
/*----------------------------------------------------*/
.internationalmalpaket-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.internationalmalpaket-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.internationalmalpaket-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#internationalmalpaket-price-total {margin-top:15px;}
#internationalmalpaket-price-total label{color:green; font-weight:bold; font-size:14px; } 
/*----------------------------------------------------*/
.internationalpismo-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.internationalpismo-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.internationalpismo-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#internationalpismo-price-total {margin-top:15px;}
#internationalpismo-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.vnatresnipostenskakarticka-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.vnatresnipostenskakarticka-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.vnatresnipostenskakarticka-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#vnatresnipostenskakarticka-price-total {margin-top:15px;}
#vnatresnipostenskakarticka-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.pecateniraboti-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.pecateniraboti-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.pecateniraboti-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#pecateniraboti-price-total {margin-top:15px;}
#pecateniraboti-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.inpecateniraboti-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.inpecateniraboti-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.inpecateniraboti-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#inpecateniraboti-price-total {margin-top:15px;}
#inpecateniraboti-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.mvreka-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.mvreka-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.mvreka-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#mvreka-price-total {margin-top:15px;}
#mvreka-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.vems-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.vems-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.vems-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#vems-price-total {margin-top:15px;}
#vems-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.evropaket-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.evropaket-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.evropaket-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#evropaket-price-total {margin-top:15px;}
#evropaket-price-total label{color:green; font-weight:bold; font-size:14px; } 

/*----------------------------------------------------*/
.ems-price-calc {font-size: 14px; font-family:'Open Sans';}
h1 {font-family:"Open Sans"; font-size:30px; margin-bottom:40px; font-weight:normal;}
.ems-price-calc h2{border-bottom:1px solid #eee; padding-bottom:5px;}
.ems-price-calc button {display:inline-block; margin-top:20px; border:1px solid #ddd; padding:7px 10px; border-radius:5px; background:#2c3e50; color:white;}
#ems-price-total {margin-top:15px;}
#ems-price-total label{color:green; font-weight:bold; font-size:14px; } 

.fixed-total #sidebar {
  position:fixed; 
  left:57%; 
  top:15%; 
  padding:0 12px;
  border-collapse: collapse;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  background:white;
  background-position: 0 -100px;
  border-bottom: 1px solid #333;
}
hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #eee;
}
.butona {
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
/* .fixed-total #sidebar {position:fixed; left:85%; top:10%; padding:18px; background:white; min-width:100px; border:1px solid #eee;}
 #posta-price-details {border:none; color:black; min-height:150px; resize:none; background:white;} */

/* Responsive Code for sidebar */

@media only screen 
and (min-width : 220px) 
and (max-width : 800px) {
.changeside {display:none;}
.fixed-total #sidebar {position:relative; border:none; left:0; top:0; padding:20px; }



/* Uslugi i Vkupno */