#left-screen{
    clear: both;
    float: left;
    width: 30%;
    height: 100vh;
    background: url(../img/pozadina.jpg) no-repeat top left;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
	}
.left-screen {
    display: flex;
    flex-direction: column; /* Da stavimo ikone u kolonu */
    justify-content: center; /* Centriranje vertikalno */
    align-items: center; /* Centriranje horizontalno */
    height: 100vh; /* Koristi visinu viewport-a za centriranje */
}
#right-screen{
 	float: left;
    width: 68%;
    padding-left: 2%;
    height: 97vh;
    padding-top: 3vh;
    background: #F7F7F7;
    overflow-y: scroll;
    overflow-x: hidden;
}
#galerija{
	margin-top: 100px;
}
.tabla{
	border-collapse:separate; 
	border-spacing:5em;
}
.left-rows1{
	clear:both;
	float:left;
	width:100%;
	height:60vh;
	}
.left-rows2{
	float:left;
	width:100%;
	height:20vh;
	}
	.left-rows3{
		float:left;
		width:100%;
		height:20vh;
		}
.social-center {
    display: flex; /* Koristi flexbox da centriramo sadrzaj */
    justify-content: center; /* Centriraj sadržaj horizontalno */
    width: 100%; /* Osiguraj da zauzima celu širinu */

}
.image{
	position:relative;
	width:75%;
	height:450px;
	margin:auto;
	margin-top:10vh;
	box-shadow: 0 0 10px #000;
	}

.left-rows2 h1 {
	font-size:1.6em;
	color:#fff;
	text-align:center;
	font-family: 'Arvo', serif;
	line-height:40px;
	}
.left-rows2 p {
	font-family: 'Droid Serif', serif;	
	font-size:1.2em;
	line-height:40px;
	text-align:center;
	color:#e1e1e1;
	}
.fa-quote-left, .fa-quote-right {
		font-size:16px !important;
		font-weight:lighter;
		}
.fa-facebook, .fa-twitter, .fa-google-plus, .fa-github, .fa-linkedin {
    color: rgb(255, 128, 0); /* Postavite boju ikona na narandžastu */
    background: #fff; /* Pozadina ikona */
    font-size: 3em !important; /* Veličina fonta */
    width: 40px; /* Širina */
    height: 40px; /* Visina */
    line-height: 40px !important; /* Visina linije za centriranje teksta unutar ikone */
    text-align: center; /* Poravnanje teksta unutar ikone */
    border-radius: 50%; /* Zaobljene ivice za pravljenje kruga */
    margin: 0 30px; /* Razmak između ikona */
    transition: all ease-in-out 300ms; /* Glatka promena pri prelazu */
}
.fa-facebook:hover, .fa-twitter:hover, .fa-google-plus:hover, .fa-github:hover, .fa-linkedin:hover {
    color: rgb(0, 255, 0); /* Promeni boju ikona pri hover-u */
    background: #ff3300; /* Promeni boju pozadine pri hover-u */
    cursor: pointer; /* Menja pokazivač miša pri hover-u */
}
.right-content{
    width: 98%;
    height: auto;
    min-height: 50px;
    background: #FFF;
    margin-top: 4vh;
    box-shadow: 0 0 5px #AAAAAA;
    flex: 1; /* Omogućava da se širi i zauzme preostali prostor */
	}
	body {
    overflow: hidden;
}
.tabmenuContent{
	position:relative;
	clear:both;
	float:left;
	width:100%;
	height:auto;
	min-height:500px;
	}
.tab-menu {
	width:98%;
	height:auto;
	min-height:45px;
	background:#262626;
	box-shadow: 0 2px 2px #AAAAAA;
	}	
	
	        .icon-container {
            display: flex;
            align-items: center;
            gap: 30px; /* Razmak između ikona, prilagodite prema potrebi */
        }
        .icon-container a {
            color: inherit; /* Boja ikone nasledjena od roditelja */
            text-decoration: none; /* Ukloni podvučenost linka */
            border: none; /* Ukloni border */
            outline: none; /* Ukloni outline */
        }
        .icon-container i {
            font-size: 24px; /* Veličina ikona */
        }
.tab-menu a {
	display:block;
	height:45px;
	float:left;
	width:20%;
	line-height:45px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	transition:all ease-in-out 300ms;
	}
.tab-menu a:hover {
	background: #fff;
	color:#262626;
	}

.about-title{
		clear:both;
		float:left;
		width:100%;
		height:auto;
		min-height:130px;
		}
.about-title h1{
		display:block;
		position:relative;
		width:350px;;
		height:140px;
		text-align:center;
		line-height:140px;
		font-family: 'Open Sans', sans-serif;
		font-size:1.4em;
		letter-spacing:1px;
		margin:auto;
		color:#404040;
		font-weight:bolder;
		}
.about-content {
	clear:both;
	float:left;
	width:98%;
	padding-left:2%;
	height:auto;
	min-height:50px;
	}
.about-info{
	clear:both;
	float:left;
	width:98%;
	height:auto;
	min-height:100px;
	padding-bottom:20px; 
	margin-bottom:50px;
	border-bottom: 1px dashed #e1e1e1;
	text-align: center; 
    margin: 0 auto;
    font-size:18px;
	}
.about-content .about-personel-info span{
		display:block;
		width:340px;
		height:30px;
		line-height:30px;
		margin-bottom:20px;
		font-family: 'Open Sans', sans-serif;
		font-weight:bold;
		font-size:18px;
	}
.personel-info, .personel-table {
	clear:both;
	float:left;
	width:98%;
	height:auto;
	}
.personel-table {
	margin-bottom:30px;
	}
.personel-table table{
	width:97%;
	margin-bottom:20px;
	}
.personel-table table tr td{
	border:1px solid #e1e1e1;
	height:35px;
	text-align:left;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	padding-left:20px;
	transition:all ease-in-out 300ms;
	}
.personel-table table tr:hover td:last-child{
	background:#ff3300;
	color:#fff;
	cursor:pointer;
	}
.personel-table table tr td:first-child{
	width:20%;
	text-align:right !important;
	font-weight:bold;
	padding:0 !important;
	background:#ff3300;
	color:#fff;
	padding-right:3px !important;
	border-color:#ff3300;
	}
.about-info-page{
	clear:both;
	float:left;
	border-bottom: 1px dashed #e1e1e1;
	padding-bottom:30px;
	padding-left:10px;
	margin-bottom:50px;
	}
.about-info-page p{
	width:90%;
	height:auto;
	min-height:50px;
	border-left:3px solid #ff3300;
	padding-left:10px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:23px;
	color:#5B5B5B;
	}

.article{
	position:relative;
	clear:both;
	float:left;
	width:90%;
	height:auto;
	min-height:75px;
	margin-left:5%;
	border:1px solid #f2f2f2;
	margin-top:30px;
	background:#FFF;
	z-index:99;
	padding:10px;
	box-shadow: 0 0 10px #f2f2f2;
	}
.article:before {
	content:"";
	display:block;
	width:6%;
	height:2px;
	background:#f2f2f2;
	position:absolute;
	left:-6%;
	top:50%;
	z-index:-99;
	}
.article:hover .fa-graduation-cap,.article:hover  .fa-briefcase{
	color:red;
	}
.article h4, .article span, .article p{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:20px;
	margin-bottom:8px;
	}
.article h4{
	font-size:16px;
	font-weight:bold;
	}
.article span{
	color:#F81616;
	font-weight:bold;
	}
.article p{
	color:#555;
	}
.slika1{
	background:url(../img/zvezdara.jpg) ;
	float:left;
	width:45%;
	margin-left:2.5%;
	height:auto;
	background-repeat: no-repeat;
	background-size: contain;
	min-height:215px;
	margin-right:2.5%;
	margin-bottom:5%;
	text-align:center;
	background-size: 100% 100%;
	box-shadow:0 0 5px #000;
	padding-top:15px;
	}
.slika2 {
	background:url(../img/branko.jpg);
	float:left;
	width:45%;
	margin-left:2.5%;
	height:auto;
	background-repeat: no-repeat;
	background-size: contain;
	min-height:215px;
	margin-right:2.5%;
	margin-bottom:5%;
	text-align:center;
	background-size: 100% 100%;
	box-shadow:0 0 5px #000;
	padding-top:15px;
	}
	.slika3 {
		background:url(../img/koncar.jpg);
		float:left;
		width:45%;
		margin-left:2.5%;
		height:auto;
		background-repeat: no-repeat;
		background-size: contain;
		min-height:215px;
		margin-right:2.5%;
		margin-bottom:5%;
		text-align:center;
		background-size: 100% 100%;
		box-shadow:0 0 5px #000;
		padding-top:15px;
		}
		.slika4 {
	background:url(../img/viser.jpg);
	float:left;
	width:45%;
	margin-left:2.5%;
	height:auto;
	background-repeat: no-repeat;
	background-size: contain;
	min-height:215px;
	margin-right:2.5%;
	margin-bottom:5%;
	text-align:center;
	background-size: 100% 100%;
	box-shadow:0 0 5px #000;
	padding-top:15px;
				}
.slikao
{	
	width: 100%;
	max-height: 600px;
}
.slikao2
{
	width: 100%;
	max-height: 300px;
}
.omeni h1
{
    color: red; /* Boja fonta */
    text-align: center; /* Centriranje teksta */
    font-family: Georgia, 'Times New Roman', Times, serif; /* Fontovi */
}
.mapa{
	color: green;
	text-align: center;
}
.mapa ul
{
	list-style: none;
	text-size-adjust: 30px;
}
.mapa a{
	color: red;
}
a:hover {
	color: green;
}
a{
	color: white;
}
.contact{
	float:left;
	width:15%;
	height:auto;
	min-height:100px;
	margin-right:3%;
	margin-left:3%;
	text-align:center;
	border:1px dashed #e1e1e1;
	padding:8px;
	}
.contact .fa-envelope,.contact .fa-whatsapp,.contact .fa-skype,.contact .fa-phone-square{
	font-size:2.3em !important;
	color:#262626;
	}
.contact span{
	clear:both;
	color:#1a1a1a;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
	}
.contact p{
	color:#1a1a1a;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	}
.maps{
    position: relative; /* Omogućava pozicioniranje za child elemente */
    width: 100%;
    height: 50vh; /* 100% visine viewport-a (vidljivog dela ekrana) */
    overflow: hidden; /* Sakrij sve što izlazi izvan granica */
	}
.maps iframe {
    position: absolute; /* Pozicionirajte iframe unutar `.maps` */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Uklonite border */
}
.contact-form{
	clear:both;
	float:left;
	width:98%;
	height:auto;
	min-height:400px;
	margin-top:75px;
	}
.contact-form .fa-paper-plane{
	font-size:1.2em;
	color:#009;
	margin-left:3%;
	}
.contact-form span{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	font-weight:bolder;
	}
.form-container{
	clear:both;
	float:left;
	width:100%;
	height:auto;
	min-height:50px;
	margin-top:30px;
	}
.contact-row1, .contact-row2, .contact-row3, .contact-row4, .contact-row5{
	float:left;
	width:40%;
	height:auto;
	min-height:35px;
	border-bottom:1px solid #BBB;
	margin-bottom:30px;
	}
.contact-row2, .contact-row4{
	float:right !important;
	}
.contact-row3, .contact-row5{
	clear:both;
	float:left;
	}
.contact-row5{
	width:100% !important;
	}
.contact-form input {
	display:block;
	width:98%;
	height:auto;
	min-height:35px;
	color:#000;
	outline:none;
	border:none;
	padding-left:1%;
	padding-right: 1%;
	}
.contact-form select {
	display:block;
	width:100%;
	height:auto;
	min-height:35px;
	color:#000;
	outline:none;
	border:none;
	padding-left:1%;
	padding-right: 1%;
	}
.contact-row5 textarea{
	display:block;
	width:100%;
	height:auto;
	min-height:75px;
	outline:none;
	border:none;
	resize:none;
	}
.button-container {
    display: flex; /* Omogućava flexbox raspored */
    justify-content: flex-start; /* Raspoređuje dugmad s leva */
    margin-top: 10px; /* Razmak iznad dugmadi */
	float: left;
    width: 68%;
    padding-left: 35%;
}

.send-del-button {

    width: 100%; /* Dugme zauzima celu dostupnu širinu */
    max-width: 250px; /* Maksimalna širina dugmeta */
    padding: 12px 20px; /* Unutrašnji razmak u dugmadima */
    border: none; /* Ukloni ivicu */
    background-color: #007BFF; /* Plava pozadina */
    color: white; /* Boja teksta */
    font-size: 16px; /* Veći font za bolju čitljivost */
    font-weight: bold; /* Podebljan font */
    cursor: pointer; /* Prikazuje pokazivač prsta */
    border-radius: 5px; /* Zaobljeni uglovi */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Lagana senka za dubinu */
    transition: background-color 0.3s, transform 0.2s; /* Animacija boje pozadine i transformacije */
}

.send-del-button:hover {
    background-color: #0056b3; /* Tamnija nijansa plave prilikom prelaska mišem */
    transform: translateY(-2px); /* Lagano pomeranje dugmeta nagore */
}

.send-del-button:active {
    transform: translateY(1px); /* Lagano pomeranje dugmeta nadole kada se klikne */
}
.footer {

	
	padding-left:2%;
/*	height:97vh;
	padding-top:3vh;
	background:#F7F7F7;
	overflow-y: scroll;
	overflow-x: hidden;*/
           
        }

        .footer::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 50px;
            background: #1f3252;
            clip-path: ellipse(10% 100% at 50% 100%);
            animation: wave 7s linear infinite;
        }

        @keyframes wave {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-100%);
            }
        }

@media (max-width: 480px) {
   #left-screen {
        display: none; Sakriva levi ekran */
    }


	.slikao2
{
	width: 100%;
	max-height: 200px;
}
    body {
        margin: 0;
        padding: 0;
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        min-height: auto;
    	overflow-y: auto; 
    }


    img {
        max-width: 100%;
        height: auto;
        margin: 10px 0;
    }



    .footer {
        display: none; /* Ako želiš prazan prostor umesto footera */
    }
	#right-screen {
        width: 100%; /* Povećava širinu desnog ekrana */
        padding-left: 0; /* Uklanja levo punjenje */
        overflow-y: auto;/*  Omogućava skrolovanje */
        padding-top: 3vh; /* Dodaje gornje punjenje */
        display: flex; /* Postavlja flex kontejner */
        flex-direction: column; /* Postavlja kolonu */
        align-items: center; /* Centrira elemente horizontalno */
        justify-content: flex-start; /* Postavlja elemente od vrha */
        min-height: 100vh; /* Osigurava da zauzima celu visinu ekrana */
   		scroll-behavior: smooth;
    
    	
    }

    }
    .contact {
        width: 90%;
        margin: 5% 0;
        text-align: center;
    
    }
.personel-info{
	display:none;
}
    .social-center {
        width: 90%;
        margin-top: 5px;
        text-align: center;
    }

    .contact-row5 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        flex-wrap: wrap;
    }

    .send-del-button {
        flex: 1;
        max-width: 45%;
        margin: 0 5px;
    }

}