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

* {margin:0; padding:0;}

body {background-image:url(../images/bg.jpg); background-repeat:repeat; font-family: Myriad Pro, Verdana, Geneva, sans-serif; font-size:11px;}

#wrapper {width:1058px; margin:10px auto; overflow:hidden; background-color:#ffffff;}

h1,h2,h3 {font-family:Arial, Helvetica, sans-serif font-size:18px; font-weight:normal; color:#fffffff;}

a {text-decoration:none; color:#ffffff;}
a:visited {text-decoration:none;}
a:hover { text-decoration: underline; color:#ffffff;}
a:active { text-decoration: underline; color:#ffffff;}

a.current { text-decoration:underline; color:#ffffff;}


p {font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; font-style:normal; color:#393939; line-height:1.3em;}

img {border:0px;}

/* Languages */

#languages {width:1058px; height:34px; background-color:#022731;}
#languages a {outline:0;}
.jezici {margin-right:7px; position:relative; left:846px; top:9px;}


/* Navigacija */

#nav {width:1058px; height:92px; background-image:url(../images/meni-bg.jpg); background-repeat:repeat-x;}
ul.navigacija {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; text-transform:uppercase;}
ul.navigacija li {display:inline; position:relative; bottom:44px; left:282px; margin-right:26px; color:#FFFFFF;}

#logo {margin:30px 0px 30px 70px; animation-name: zoom; animation-duration: 2s;}
@keyframes zoom {
	from {transform:scale(0)}
	to {transform:scale(1) }
}

/* slideri */
/* #slideri {width:1058px; height:370px; background-image:url(../images/slider-bg.jpg); background-repeat:no-repeat;}*/
/* #slideri img {margin:35px 60px 40px 69px;} */

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

caption, th, td {
	text-align:left;
	font-weight:normal;
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:1058px;
    height:370px;
	background-image:url(../images/slider-bg.jpg); 
	background-repeat:no-repeat;
}

#slider {
    width:905px;
    height:276px;
    margin:0px 60px 40px 68px;
	border:2px solid #EEECED;
	position:relative;
	top:35px;
	background:#ECEAEB;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:360px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}
/* Slogan */

#slogan {width:1058px; background:#e5e3e3;}
#slogan p {font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:center; color:#333333; line-height:20px; position:relative; padding:12px 0px; font-weight:400;}
#slogan p span {color:#3e879c;}
#slogan p span a {color:#3e879c;}

/* Main */

#banneri {width:919px; padding:35px 70px 30px 69px; margin-bottom:40px;}
#banneri h2 {font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#cc0404; padding:12px 0px 8px 0px;}
#banneri p {color:#595858; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; font-style:normal;}

#banneri p a {display:block; font-weight:500; color:#4f4e4e; width:77px; text-align:center; padding:12px 18px; text-decoration:none; background-image: url(../images/dugme.jpg);}
#banneri p a:visited {display:block; font-weight:bold; color:4f4e4e; width:85px; text-align:center; padding:4px; text-decoration:none;background-image: url(../images/dugme.jpg);}
#banneri p a:hover { background-image: url(../images/dugme.jpg); text-decoration:underline;}
#banneri p a:active { background-image: url(../images/dugme.jpg); text-decoration:underline;}

#first-banner {width:282px; float:left; margin-right:36px;}
#second-banner {width:282px; float:left; margin-right:36px;}
#third-banner {width:282px; float:left;}

#banneri-al {width:919px; padding:35px 70px 30px 69px; margin-bottom:40px;}
#banneri-al h2 {font-family:Verdana, Geneva, sans-serif; font-size:18px; color:#cc0404; padding:12px 0px 8px 0px;}
#banneri-al p {color:#595858; font-family:Verdana, Geneva, sans-serif; font-size:12px; line-height:16px; font-style:normal;}

#first-banner-al p a {display:block; font-weight:500; color:#4f4e4e; width:105px; text-align:center; padding:12px 4px; text-decoration:none; background-image: url(../images/dugme.jpg);}
#first-banner-al p a:visited {display:block; font-weight:bold; color:4f4e4e; width:85px; text-align:center; padding:4px; text-decoration:none;background-image: url(../images/dugme.jpg);}
#first-banner-al p a:hover { background-image: url(../images/dugme.jpg); text-decoration:underline;}
#first-banner-al p a:active { background-image: url(../images/dugme.jpg); text-decoration:underline;}

#second-banner-al p a {display:block; font-weight:500; color:#4f4e4e; width:105px; text-align:center; padding:12px 4px; text-decoration:none; background-image: url(../images/dugme.jpg);}
#second-banner-al p a:visited {display:block; font-weight:bold; color:4f4e4e; width:85px; text-align:center; padding:4px; text-decoration:none;background-image: url(../images/dugme.jpg);}
#second-banner-al p a:hover { background-image: url(../images/dugme.jpg); text-decoration:underline;}
#second-banner-al p a:active { background-image: url(../images/dugme.jpg); text-decoration:underline;}

#third-banner-al p a {display:block; font-weight:500; color:#4f4e4e; width:105px; text-align:center; padding:12px 4px; text-decoration:none; background-image: url(../images/dugme.jpg);}
#third-banner-al p a:visited {display:block; font-weight:bold; color:4f4e4e; width:85px; text-align:center; padding:4px; text-decoration:none;background-image: url(../images/dugme.jpg);}
#third-banner-al p a:hover { background-image: url(../images/dugme.jpg); text-decoration:underline;}
#third-banner-al p a:active { background-image: url(../images/dugme.jpg); text-decoration:underline;}

#first-banner-al {width:282px; float:left; margin-right:36px;}
#second-banner-al {width:282px; float:left; margin-right:36px;}
#third-banner-al {width:282px; float:left;}

#first-banner-al p a.polish {display:block; font-weight:500; color:#4f4e4e; width:195px; text-align:center; padding:65px 4px; text-decoration:none; background-image: url(../images/dugme.jpg);}
#first-banner-al p a:visited {display:block; font-weight:bold; color:4f4e4e; width:85px; text-align:center; padding:4px; text-decoration:none;background-image: url(../images/dugme.jpg);}
#first-banner-al p a:hover { background-image: url(../images/dugme.jpg); text-decoration:underline;}
#first-banner-al p a:active { background-image: url(../images/dugme.jpg); text-decoration:underline;}

/* Knjiga utisaka */

#knjiga-utisaka {width:1058px; height:76px; background:#e5e3e3; margin-top:35px;}
#knjiga-utisaka p {color:#595858; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:16px; font-style:normal; padding:30px 60px 0px 380px;}
#knjiga-utisaka span {color:#424242; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:100;}
#knjiga-utisaka img {position:relative; left:320px; bottom:38px;}

#knjiga-utisaka p a {color:#4699b0;}
#knjiga-utisaka p a:visited {color4699b0; width:85px; text-decoration:none;}
#knjiga-utisaka p a:hover {text-decoration:underline;}
#knjiga-utisaka p a:active {text-decoration:underline;}

/* Footer  */

#footer {width:1058px; background:#003746;}

#footer h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff;}

#footer #levo {width:282px; float:left; padding:25px 0px 0px 70px;}
#footer #levo a {position:relative; left:12px; bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
#footer #levo img.granicnik-footer-1 { position:relative; bottom:105px; left:1px;}
#footer #levo img.granicnik-footer-2 { position:relative; bottom:74px;}
#footer #levo img.granicnik-footer-3 { position:relative; bottom:43px;}
#footer #levo img.granicnik-footer-4 { position:relative; bottom:12px;}

#footer #sredina {width:352px; float:left; padding-top:25px;}
#footer #sredina img {margin-top:25px;}
#footer #sredina h2 {font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ffffff;}

#footer #sredina ul {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; list-style-type:none; line-height:14px;}
#footer #sredina ul li {margin-bottom:5px;}

#footer #desno {width:282px; float:right; padding:25px 70px 0px 0px;}
#footer #desno p {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; font-style:normal;}
#footer #desno p a {color:#E5E3E3;}
#footer #desno span {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; position:relative; left:172px; letter-spacing:1px;}
#footer #desno a.tyr {font-family:Arial, Helvetica, sans-serif; color:#7d7d7d; position:relative; left:172px;}

#copyright {width:1058px; background:#02242e;}
#copyright p {color:#ffffff; padding:10px 300px 10px 400px;}

/*Stripe*/

#stripe {width:1058px; height:20px; background:#efeded;}
#sadrzaj img {position:relative; top:35px; left:80px;}
#sadrzaj h1 {position:relative; left:135px; top:10px; color:#59AEC6;}
#sadrzaj p {padding:30px 80px 10px 80px;}  
#sadrzaj p.apartmani span.big-font { font-size: 15px; }
#sadrzaj p.apartmani {padding: 0 80px; margin: 15px auto;}
#sadrzaj p.apartmani.first { margin-top: 5px;}
#sadrzaj .kontakt { display: flex; align-items: center}
#sadrzaj .kontakt p {padding:30px 80px 10px 80px;}  
#sadrzaj .kontakt img { position: static; height: 180px; width: auto}
#sadrzaj .apartmani-slike { 
	display: flex; 
	flex-wrap: wrap; 
	padding: 0 80px;
}
#sadrzaj .apartmani-slike .img-container { 
	width: 120px; 
	height: 90px; 
	margin: 0 29px 15px 0;
}
#sadrzaj .apartmani-slike .img-container img { 
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
	position: static;
}


/* Mapa */

#mapa {margin:10px 30px 10px 80px;}

/* Galerija */

p.galerijap img {margin:0px 29px 10px 0px;}

/* navigacija engleski */

ul.navigacija-en {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; text-transform:uppercase;}
ul.navigacija-en li {display:inline; position:relative; bottom:44px; left:295px; margin-right:27px; color:#FFFFFF;}

/* navigacija albanski */

ul.navigacija-al {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; text-transform:uppercase;}
ul.navigacija-al li {display:inline; position:relative; bottom:44px; left:295px; margin-right:17px; color:#FFFFFF;}

/* navigacija engleski */

ul.navigacija-ru {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:500; text-transform:uppercase;}
ul.navigacija-ru li {display:inline; position:relative; bottom:44px; left:295px; margin-right:19px; color:#FFFFFF;}