@charset "utf-8";
/* CSS Document */

body {
	background-image: url();
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; text-align:justify;
}

ul{padding-inline-start: 0;}
a:link, a:visited, a:hover, a:active {text-decoration: none;}

td{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; text-align:justify;}
h1{font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12pt; text-align:left;}
 
ul, li {margin:3px; position:relative; z-index:1;}
li {display:inline-block; color:#FFF;font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; margin:0 10px 0 0; background-color:#000; cursor: pointer; }
li:hover {display:inline-block; color:#FFF;font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; margin:0 10px 0 0; background-color:#72A4D7; }


.podmeni1{position:absolute; left:-250px; top:25px; width:700px; border-top: 0px solid black;
z-index:100; display:none; color:#000;font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 8px 10px 5px 10px; margin:0 10px 0 0;}
.podmeni1 li, .podmeni-donji-1 li {display:inline-block; color:#000;font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; margin:0 5px 0 0; background-color:#FFF; cursor: pointer;}
.podmeni1 li:hover, .podmeni-donji-1 li:hover{color:#72A4D7;}

li:hover .podmeni1{display:block;}

.podmeni-donji-1{position:relative; text-align:center; color:#000;font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 0; margin:15px 0 0 0; background-color:#FFF;  }


.bijela{ position:relative; display:inline-block; width:100%; height:40px; background-color:#FFF;}
.plava{ position:relative; display:inline-block; width:100%; height:16px; margin:0 0 6px 0; background-color:#72A4D7;}
.header{
	position: relative;
	display: inline-block;
	width: 100%;
	height:100px;
	margin: 0 0 6px 0;
	background-color: #72A4D7;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.bijela-header{ position:relative; display:inline-block; width:100%; height:10px; background-color:#FFF;}
.plava-header{ position:relative; display:inline-block; width:100%; height:100px; text-align:center; margin:0 0 6px 0; background-color:#72A4D7;}
.header-icon{position:absolute; right:50px; top:10px; width:40px;}

.crna{ position:relative; display:inline-block; width:100%; background-color:#000;}
.siva{ position:relative; display:inline-block; width:100%; height:6px; margin:0; background-color:#CCC;}


.citava{ position:relative; display:inline-block; width:100%; text-align:center; margin:15px 0 15px 0;}
.strana{position:relative; display:inline-block; width:100%; max-width:900px;}

.sitemap{position:relative; display:inline-block; width:45%; vertical-align:top; margin:0; padding:0;
font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13pt; text-align:left;}

.aboutus60{position:relative; display:inline-block; width:55%; text-align:justify; vertical-align:top; margin:0 4% 0 0; padding:0;}
.aboutus40{position:relative; display:inline-block; width:39%; text-align:left; vertical-align:top; margin:0; padding:0;}
.aboutus100{position:relative; display:inline-block; width:99%; text-align:center; vertical-align:top; margin:15px 0 0 0; padding:0;}
.razmak{position:relative; display:inline-block; text-align:center;margin:0 10px 0 10px;}

.sm80{position:relative; display:inline-block; width:80%; text-align:left; vertical-align:top; margin:0; padding:0;}
.sm60{position:relative; display:inline-block; width:55%; text-align:justify; vertical-align:top; margin:0 15px 0 0; padding:0;}
.sm40{position:relative; display:inline-block; width:39%; text-align:justify; vertical-align:top; margin:0; padding:0;}

.fb50{position:relative; display:inline-block; width:45%; text-align:left; vertical-align:top; margin:0; padding:0;}

.team100{position:relative; display:inline-block; width:80%; text-align:justify; vertical-align:top; margin:0 15px 0 0; padding:0;}
.team50{position:relative; display:inline-block; width:99%; column-count: 2; text-align:justify; vertical-align:top; margin:0 15px 0 0; padding:0;}

.slika0{position:relative; display:inline-block; width:90%; vertical-align:top; margin:0; padding:0;}
.slika0mob{display:none; position:relative; width:90%; vertical-align:top; margin:0; padding:0;}
.slika1{position:relative; display:inline-block; width:75%; vertical-align:top; margin:0; padding:0;}
.slika2{position:relative; display:inline-block; width:60%; vertical-align:top; margin:0; padding:0;}
.slika3{position:relative; display:inline-block; width:100%; vertical-align:top; margin:0; padding:0;}
.slika4{position:relative; display:inline-block; width:80%; vertical-align:top; margin:0; padding:0;}
.slika5{position:relative; display:inline-block; width:70%; vertical-align:top; margin:0; padding:0;}

.podjela50{position:relative; display:inline-block; width:49%; max-width:450px; text-align:left; vertical-align:top; margin:0; padding:0;}

.btn-success {
    color: #fff;
    background-color: #72A4D7;
    border-color: #72A4D7;
	background-image: none;}
	
.footer{ position:relative; display:inline-block; width:100%;font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10pt; margin:0 0 15px 0;}

@media (max-width: 768px) {
	
.strana{width:95%;}
	
ul, li {margin:3px; position:relative; z-index:1;}
li {width:99%; font-size: 13pt; padding: 5px 0 5px 0; margin:0;border-bottom: 1px solid white; }
li:hover {width:99%; font-size: 13pt; margin:0;}

.podmeni1{position:relative;width:99%; border-top: 0px solid black;left:0; top:0;
display:none; font-size: 13pt;padding: 8px 0 8px 0; margin:0;}
.podmeni1 li, .podmeni-donji-1 li {position:relative;width:99%;font-size: 13pt;padding: 5px 0 5px 0; margin:0;}
.podmeni1 li:hover, .podmeni-donji-1 li:hover{position:relative;color:#72A4D7;}

li:hover .podmeni1{display:inline-block;}

.podmeni-donji-1{position:relative; text-align:center; color:#000;font-size: 10pt; font-family: Geneva, Arial, Helvetica, sans-serif; padding: 0; margin:15px 0 0 0; background-color:#FFF;  }	
.podmeni-donji-1 li{font-size: 10pt; width:auto; margin:0 5px 0 5px;}

.sitemap{width:95%;}

.aboutus60, .aboutus40, .aboutus100{width:95%;}
.razmak{margin:0 5px 0 5px;}

.sm80{width:95%;}
.sm60{width:95%;}
.sm40{width:95%;}

.fb50{width:95%;}

.team100{width:95%;}
.team50{width:99%; column-count: 1;}

.podjela50{width:95%; margin:0 0 15px 0;}	

.slika0{display:none; width:100%; margin:15px 0 15px 0;}
.slika0mob{display:inline-block;width:100%; margin:15px 0 15px 0;}
.slika1{width:95%; margin:15px 0 15px 0;}
.slika2{width:95%;margin:15px 0 15px 0;}
.slika3{width:95%;margin:15px 0 15px 0;}
.slika4{width:95%;margin:15px 0 15px 0;}
.slika5{width:95%;margin:15px 0 15px 0;}

}