* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* NEW */

.not-bold {
	font-weight: normal;
}

.not-bold:hover {
	text-decoration: underline;
}

.rebeka-levo {
	padding-bottom: 4vw;
}

.prednosti h2 {
	text-transform: none;
	padding: 8vw 0 4vw 0;
	font-size: 5vw;
}

.prednosti .gumb {
	margin-bottom: 8vw;
	margin-top: 4vw;
	
}

@media only screen and (min-width: 768px) {
	
.rebeka-levo {
	padding-bottom: 2vw;
}

.prednosti h2 {
	text-transform: none;
	padding: 2vw 0 1vw 0;
	font-size: 1.5vw;
}

.prednosti .gumb {
	margin-bottom: 3.5vw;
	
}	
}

/*---------------ELEMENTS---------------*/

body {
	font-family: "Arial";
	background-color: #EEEEEE;
}

p {
	font-size: 4vw;
	line-height: 1.5;
	color: #333333;
	margin-bottom: 4vw;
}

h1 {
	font-size: 8vw;
	color: #2869EE;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 4vw;
}

h2 {
	font-size: 4vw;
	color: #2869EE;
	text-transform: uppercase;
	line-height: 1;
	font-weight: bold;
	margin-top: 4vw;
}

strong {
	color: #2869EE;
}

img {
	width: 100%;
	height: auto;
	display: block; /* na novo dodano */
}

a {
	text-decoration: none;
	font-size: 4vw;
}

ul {
	list-style-position: inside;
	margin-bottom: 4vw;
}

li {
	font-size: 4vw;
	color: #2869EE;
	font-weight: bold;
	margin-bottom: 2vw;
	line-height: 1.5;
}

li::marker {
	color:#1C4BAB;
}	

table {
	width: 100%;
	border-collapse: collapse;
}

th {
	text-align: left;
	padding: 2vw 0;
	color: #2869EE;
	font-size: 3vw;
	border-bottom: solid 0.8vw #2869EE;
}

td {
	padding: 2vw 0;
	color: #333333;
	font-size: 3vw;
	border-bottom: solid 0.1vw #333333;
}

/*---------------CUSTOM ELEMENTI---------------*/

.gumb {
	display: inline-block;
	padding: 4vw 8vw;
	background-color: #2869EE;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 2vw;
	color: #EEEEEE;
	width: 100%;
	text-align: center;
}

.gumb:hover {
	color: #EEEEEE;
	background-color: #1C4BAB;
}

/*---------------HEADER---------------*/

header {
	padding: 8vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.header-levo {
	width: 40%;
}

.header-desno {
	width: 60%;
	text-align: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.ikona {
	height: 6vw;
	width: 6vw;
	margin-left: 3vw;
}

.email .ikona {
	background: url('https://www.cenitvenepremicnin.com/img/email-moder.svg');
}

.telefon .ikona {
	background: url('https://www.cenitvenepremicnin.com/img/telefon-moder.svg');
}

.povezava {
	display: flex;
	align-items: center;
}

.email .povezava:hover {
	p {
		color: #1C4BAB;
	}
	.ikona {
		background: url('https://www.cenitvenepremicnin.com/img/email-rumen.svg');
	}
}

.telefon .povezava:hover {
	p {
		color: #1C4BAB;
	}
	.ikona {
		background: url('https://www.cenitvenepremicnin.com/img/telefon-rumen.svg');
	}
}

.mobile {
	display: none;
}


/*---------------FOOTER---------------*/

footer {
	text-align: center;
	padding: 8vw 8vw 4vw 8vw;
	background-color:#2869EE;
}
footer img {
	width: 40vw;
	margin-bottom: 4vw;
	display: inline-block;
}

footer p {
	color: #EEEEEE;
	font-size: 2.8vw;
	margin-bottom: 0;
	text-align: center;
	background-color:#2869EE;
}

footer a {
	font-weight: bold;
	color: #EEEEEE;
	font-size: 2.8vw;
}

/*---------------HOME---------------*/

.domov {
}

/*---------------HOME - BANNER---------------*/

.banner {
	padding: 0 0 24vw 0;
}

.banner-levo {}

.banner-desno {
	padding: 8vw 8vw 0 8vw;
}

.naslov {
	color: #2869EE;
	font-size: 8vw;
	font-weight: bold;
	line-height: 1;
}

/*---------------HOME - CENITVE---------------*/

.cenitve {
	padding: 0 4vw;
}

.cenitve h1 {
	padding: 0 4vw;
}

.cenitve p {
	padding: 0 4vw;
}

.vrste-cenitev {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.vrste-cenitev-link {
	width: 50%;
	text-align: center;
	padding: 4vw;

}

.vrste-cenitev-link img {
	padding: 8vw;
	border: solid 3px #2869EE;
	border-radius: 5px;
}
.vrste-cenitev-link img:hover {
	background-color: #FFFFFF;
}

.cenitve .gumb {
	width: 100%;
	text-align: center;
}

/*---------------HOME - PREDNOSTI---------------*/

.podnaslov {
	font-size: 8vw;
	color: #2869EE;
	font-weight: bold;
	line-height: 1;
}

.prednosti {
	padding: 0 8vw 24vw 8vw;
}

.prednosti-intro {
	padding-bottom: 4vw;
}

.prednosti .gumb {
	width: 100%;
	text-align: center;
}

/*---------------HOME - REBEKA---------------*/

.rebeka {
	display: flex;
	flex-wrap: wrap;
	padding: 0 8vw 24vw 8vw;
}

.rebeka-levo {
	width: 40%;
	margin-bottom: 4vw;
}

.rebeka-desno {
	width: 100%;
}

.rebeka a {
	margin-top: 2.5vw;
}

/*---------------HOME - BANKE---------------*/

.banke {
	padding: 20vw 8vw 8vw 8vw;
}

.logotipi-bank {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.logotipi-bank div {
	width: 50%;
	padding: 6vw;
}

/*---------------CENIK---------------*/

.cenik {
	padding: 8vw 8vw 16vw 8vw;
}

.cenik h2 {
	margin-bottom: 4vw;
	padding-top: 4vw;
}

.cenik li {
	color: #333333;
	font-weight: normal;
}

.cenik strong {
	margin-top: 4vw;
}

.obrazlozitev {
	font-size: 3vw;
	margin-top: 4vw;
	margin-bottom: 6vw;
}

/*---------------SUBPAGE---------------*/

.subpage-banner-desno {
	padding: 8vw 8vw 24vw 8vw;
}

.subpage-main {
	padding: 0vw 8vw 24vw 8vw;
}

.subpage-main li {
	font-weight: normal;
	color: #333333;
}

.subpage-main li::marker {
	color:#333333;
}

.subpage h2 {
	margin: 8vw 0 4vw 0;
	line-height: 1.5;
}

.subpage h3 {
	margin: 4vw 0 4vw 0;
	font-size: 4vw;
	color: #2869EE;
}

.subpage strong {
	color: #333333;
}

.subpage ol {
	list-style-position: inside;
}

.subpage a {
	font-weight: bold;
	color: #2869EE;
}

.subpage .gumb {
	color: #EEEEEE;
}

@media only screen and (min-width: 768px) {
	
.subpage-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 8vw;
}

.subpage-banner-levo  {
	width: 50%;
}

.subpage-banner-desno {
	width: 50%;
}

.subpage-banner-desno {
	padding: 8vw;
}

.subpage-main {
	padding: 8vw 22vw 8vw 22vw;
}

.subpage h2 {
	margin: 3vw 0 1.5vw 0;
}

.subpage h3 {
	margin: 1.5vw 0 1.5vw 0;
	font-size: 1.5vw;
}
}

/*---------------HVALA---------------*/

.hvala {
	padding: 0 8vw 24vw 8vw;
}

/*---------------POGOJI---------------*/

.pogoji {
	padding: 0 8vw 24vw 8vw;
}

.pogoji h2 {
	margin: 8vw 0 4vw 0;
}

.pogoji h3 {
	margin: 8vw 0 4vw 0;
	font-size: 4vw;
	color: #2869EE;
}

.pogoji hr {
	color: #2869EE;
	margin: 8vw 0 4vw 0;
}

@media only screen and (min-width: 768px) {

.pogoji {
	padding: 0 8vw 12vw 8vw;
}

.pogoji h2 {
	margin: 3vw 0 1.5vw 0;
}

.pogoji h3 {
	margin: 3vw 0 1.5vw 0;
	font-size: 1.5vw;
}

.pogoji hr {
	margin: 3vw 0 1.5vw 0;
}
}

/*---------------OBRAZEC---------------*/

.obrazec {
	padding: 0 8vw 24vw 8vw;
}

.obrazec input, .obrazec select, .obrazec textarea {
	width: 100%;
}

.obrazec label {
	font-size: 4vw;
	display: inline-block;
	margin-bottom: 1vw;
}

.obrazec input {
	font-size: 4vw;
	padding: 2vw;
	border: 1px solid grey;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.obrazec select {
	font-size: 4vw;
	padding: 2vw;
	border: 1px solid grey;
	border-radius: 5px;
	background-color: #FFFFFF;
}

.obrazec textarea {
	font-size: 4vw;
	padding: 2vw;
	border: 1px solid grey;
	border-radius: 5px;
	background-color: #FFFFFF;
	font-family: "Arial";
}

.obrazec input[type=submit] {
	color: #EEEEEE;
	border: none;
	background-color: #2869EE;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4vw;
}

.obrazec input[type=submit]:hover {
	background-color: #1C4BAB;
}

.obrazec input[type=checkbox] {
	width: unset;
}

@media only screen and (min-width: 768px) {
	
.obrazec {
	padding: 0 32vw 12vw 32vw;
}

.obrazec label {
	font-size: 1vw;
	margin-bottom: 0.5vw;
}

.obrazec input {
	font-size: 1.3vw;
	padding: 0.5vw;
}

.obrazec select {
	font-size: 1.3vw;
	padding: 0.5vw;
}

.obrazec textarea {
	font-size: 1.3vw;
	padding: 0.5vw;
}

.obrazec input[type=submit] {
	padding: 1.5vw;
}

}

/* */

	
/*---------------DESKTOP ONLY---------------*/
/*------------------------------*/
/*------------------------------*/

@media only screen and (min-width: 768px) {

/*---------------DESKTOP ELEMENTS---------------*/


p {
	font-size: 1.3vw;
	margin-bottom: 1.5vw;
}

h1 {
	font-size: 3vw;
	margin-bottom: 1.5vw;
}

h2 {
	font-size: 1.3vw;
	margin-top: 1.5vw;
	text-transform: none;
}

a {
	font-size: 1.3vw;
	color: #2869EE;
}

ul {
	margin-bottom: 1.5vw;
}

li {
	font-size: 1.3vw;
	margin-bottom: 0.75vw;
}

th {
	padding: 0.75vw 0;
	font-size: 1.3vw;
	border-bottom: solid 0.4vw #2869EE;
}

td {
	padding: 0.75vw 0;
	font-size: 1.3vw;
}

/*---------------CUSTOM ELEMENTI---------------*/

.gumb {
	padding: 1.5vw 3vw;
	border-radius: 0.75vw;
	width: unset;
	text-align: unset;
}

/*---------------HEADER---------------*/

header {
	padding: 2vw 8vw;
}

.header-levo {
	width: 15%;
}

.header-desno {
	width: 85%;
}

.header-desno img {
	width: 1vw;
	padding-left:0;
	margin-right: 0.5vw;
}

.header-desno a {
	font-weight: bold;
	font-size: 1vw;
	display: inline-block;
}

.email {
	padding-bottom: 0.5vw;
	width:100%;
}

.mobile {
	display: block;
}

.ikona {
	height: 1vw;
	width: 1vw;
	margin-left: 0;
}

.povezava p {
	color: #2869EE;
	padding-left: 0.5vw;
	margin-bottom: 0;
	font-size: 1vw;
}

/*---------------FOOTER---------------*/

footer {
	padding: 2vw 8vw 2vw 8vw;
}
footer img {
	width: 15vw; /*uskladi velikost s header logotipom?*/
	margin-bottom: 1.5vw;
}

footer p {
	color: #EEEEEE;
	font-size: 0.75vw;
}

footer a {
	font-size: 0.75vw;
}

/*---------------HOME---------------*/

.domov {
}

/*---------------HOME - BANNER---------------*/

.banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 0;
}

.banner-levo {
	width: 50%;
	padding-left: 8vw;
}

.banner-desno {
	width: 50%;
	padding: 0 8vw;
}

.naslov {
	font-size: 3.5vw;
}

/*---------------HOME - CENITVE---------------*/

.cenitve {
	padding: 8vw 20vw 0vw 20vw;
}

.cenitve h1 {
	padding: 0 2vw;
}

.cenitve p {
	padding: 0 2vw;
}

.vrste-cenitev-link {
	width: 25%;
	text-align: center;
	padding: 2vw;
}

.vrste-cenitev-link img {
	padding: 3vw;
}

.cenitve .gumb {
	width: unset;
}

/*---------------HOME - PREDNOSTI---------------*/

.podnaslov {
	font-size: 2vw;
}

.prednosti {
	padding: 8vw 22vw 8vw 22vw;
}

.prednosti .gumb {
	width: unset;
	margin-top: 2vw;
}

/*---------------HOME - REBEKA---------------*/

.rebeka {
	display: flex;
	flex-wrap: wrap;
	padding: 6.5vw 22vw 0 22vw;
	align-items: center;
}

.rebeka-levo {
	width: 25%;
	margin-bottom: 0;
}

.rebeka-desno {
	width: 75%;
	padding-left: 4vw;
}

.rebeka a {
	margin-top: 0;
}

/*---------------HOME - BANKE---------------*/

.banke {
	padding: 4vw 22vw 0 22vw;
}

.logotipi-bank div {
	width: 25%;
	padding: 1.5vw 3vw 3vw 3vw;
}

/*---------------CENIK---------------*/

.cenik {
	padding: 8vw 16vw;
}

.cenik h2 {
	margin-bottom: 1.5vw;
	padding-top: 1.5vw;
}

.cenik .gumb {
	margin-bottom: 4vw;
}

.obrazlozitev {
	font-size: 1vw;
	margin-top: 1.5vw;
	margin-bottom: 3vw;
}

/*-----------------------------*/

}