@charset "utf-8";


#prodajni-program {
	
}

#prodajni-program .content {
	padding-top: 28px;
	padding-bottom: 80px;
	background-color: white;
}

#prodajni-program table {
	color: white;
	margin-top: 55px;
	margin-left: 56px;
}
#prodajni-program table:first-child {
	margin-top: 0px;
}

#prodajni-program ul {
	margin-left: 30px;
}

#prodajni-program .table-1 {
}

#prodajni-program .table-1 td:first-child {
	position: relative;
	padding: 48px 40px; 
	width: 448px;
}

#prodajni-program .table-1 td:last-child {
	width: 520px;
}

#prodajni-program .table-2 {
}

#prodajni-program .table-2 td:first-child {
	width: 520px;
}

#prodajni-program .table-2 td:last-child {
	position: relative;
	padding: 48px 40px;
	width: 448px;
}

#prodajni-program .more {
	position: absolute;
	right: 40px;
	bottom: 8px;
	display: inline;
	padding: 8px 16px;
	width: auto;
	height: auto;
	border: 1px solid #f4f4f4;
	background-color: transparent;
	color: #f4f4f4;
	font-size: 18px;
}
#prodajni-program .more:hover {
	text-decoration: underline;
}


#kontakt .content {
	padding-top: 36px;
	padding-bottom: 38px;
	background-color: #191d20;
}

#kontakt h3 {
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

#kontakt input {
	width: 342px;
}

#kontakt textarea {
	margin-top: 13px;
	width: 100%;
	height: 110px;
}

#kontakt button {
	margin-top: 18px;
	padding-top: 2px;
	width: 168px;
	height: 33px;
	color: white;
	font-family: 'Arial Narrow, Arial', sans-serif;
	font-size: 18px;
}

#kontakt span {
	display: block;
}

#contact-form {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 697px; 
}

#contact-form div:first-child {
	margin-right: 13px;
}

#contact-submit {
	text-align: center;
}



@media (min-width: 769px) and (max-width: 1169px) {

#prodajni-program table {
	margin-left: auto;
	margin-right: auto;
}

#prodajni-program td {
	display: block;
}

#prodajni-program .table-1 td:first-child {
	padding: 10% 5%; 
	width: 90%;
}

#prodajni-program .table-1 td:last-child {
	width: 100%;
}

#prodajni-program .table-2 td:first-child {
	width: 100%;
}

#prodajni-program .table-2 td:last-child {
	padding: 10% 5%; 
	width: 90%;
}

#prodajni-program .more {
	right: 5%;
}

}



@media (min-width: 0px) and (max-width: 768px) {

#prodajni-program table {
	margin-left: auto;
	margin-right: auto;
}

#prodajni-program .table-1 td:first-child {
	padding: 10% 5% 20% 5%;
	width: 90%;
}

#prodajni-program .table-1 td:last-child {
	width: 100%;
}

#prodajni-program .table-2 td:first-child {
	width: 100%;
}

#prodajni-program .table-2 td:last-child {
	padding: 10% 5% 20% 5%; 
	width: 90%;
}

#prodajni-program .more {
	right: 5%;
}


#kontakt input {
	width: 100%;
}

#contact-form {
	width: 100%; 
}

#contact-form div:first-child {
	margin-right: 0px;
	margin-bottom: 13px;
}

}