
body {margin:0; background-color:#f6f6f6;}
.uspjeh{margin: 20px auto; width: 823px;}
.error{margin: 20px auto;width:730px;}
.link{text-decoration: none;}
nav{background-color: #454545;width: 100%;
}
.topnav {
  list-style-type: none;
padding: 0;
    margin:0 auto;
    width:869px;
font-size:16px;
  overflow: hidden;

}
a, p ,h1 ,h2 ,h3{font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}
.topnav li {float: left;
}

.topnav li a {
  display: inline-block;
  color:#E0E0E0;
 font-weight: bold;
  padding: 14px 10px;
  text-decoration: none;
font-size:1em;
  
    
}
.topnav li a.brand_nav{font-size: 16px;display: none;}
.topnav li a.active{background:#2E2E2E;color:white;}
.topnav li a:hover {color:white;}
.topnav li.icon {display: none;font-size:15px;}
.topnav li a.active_button{background:#2E2E2E;color:white;}
.topnav li a.active_ddm{background:#2E2E2E;color:white;}
.dropdown:hover a.active_button{background:#454545;color:#E0E0E0;}


.dropdown-content_apartmani , .dropdown-content_sobe   {
    display: none ;
    position: absolute ;

    
}

.dropdown-content_sobe a , .dropdown-content_apartmani a {
  
    display: block !important;
   
}


.dropdown:hover .dropdown-content_sobe , .dropdown:hover .dropdown-content_apartmani {
    display: block ;
    background-color: #454545;
   border-radius:0 0 2px 2px;
}

@media screen and (max-width:870px) {
    .topnav li a.brand_nav{font-size: 16px;display:block;}
    .topnav{width: 100%;}
  .topnav li:not(:first-child) {display: none;}
  .topnav li.icon {
    float: right;
    display: inline-block;
  }
.topnav li a.active{background:#1F1F1F;}
    
 
  .topnav.responsive {position: relative; height:650px; }
 
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
      width:100vw;
  }
 .topnav.responsive .icon_a {
    position:absolute;
    top:0;
right:0;
      text-align: right !important;
      
  }
    .dropdown-content_apartmani {
    display: block;
     margin-top: 135px;
   
    }
 .dropdown-content_sobe {
    display: block;
     margin-top: 412px;
   
    }
    .dropbtn , .active_button {display: none !important;}
    
   
    
}

.galerija{background-color: #F0F0F0 ;}

#galerija_gaga{ width:905px;margin: 15px auto;
    }

#galerija_gaga{background-color: #F0F0F0 !important;}


#galerija_gaga #slike_red .example-image{width:275px;height:275px;    border-radius: 10px;
    background:white;
    padding: 6px; 
        margin: 5px 5px;
  }
@media screen and (max-width:1650px){
   #galerija_gaga{ width:830px;
    } 
    #galerija_gaga #slike_red .example-image{width:250px;height:250px; }
}
@media screen and (max-width:1250px){
   #galerija_gaga{ width:755px;
    } 
    #galerija_gaga #slike_red .example-image{width:225px;height:225px; }
}
@media screen and (max-width:900px){
   #galerija_gaga{ width:680px;
    } 
    #galerija_gaga #slike_red .example-image{width:200px;height:200px; }
}
@media screen and (max-width:825px){
   #galerija_gaga{ width:605px;
    } 
    #galerija_gaga #slike_red .example-image{width:175px;height:175px; }
}
@media screen and (max-width:750px){
   #galerija_gaga{ width:530px;
    } 
    #galerija_gaga #slike_red .example-image{width:150px;height:150px; }
}
@media screen and (max-width:675px){
   #galerija_gaga{ width:450px;
    } 
    #galerija_gaga #slike_red .example-image{width:125px;height:125px;padding: 5px;  }
}
@media screen and (max-width:500px){
   #galerija_gaga{ width:355px; margin: 10px auto;
    } 
    #galerija_gaga #slike_red .example-image{width:100px;height:100px;padding: 4px;margin: 3px 3px;  }
}
@media screen and (max-width:450px){
   #galerija_gaga{ width:275px;
    } 
    #galerija_gaga #slike_red .example-image{width:75px;height:75px;margin: 2px 2px; }
}

#galerija{ 
    width:680px; margin: 10px auto;
    }


    #galerija #slike_red .example-image{width:300px;height:300px;    border-radius: 10px;
    background:white;
    padding: 8px; 
        margin: 10px 10px;
  }


@media screen and (max-width:850px){
   #galerija{ width:630px;
    } 
    #galerija #slike_red .example-image{width:275px;height:275px; }
}
@media screen and (max-width:750px){
   #galerija{ width:575px;
    } 
    #galerija #slike_red .example-image{width:250px;height:250px;margin: 8px 8px; }
}
@media screen and (max-width:650px){
   #galerija{ width:525px;
    } 
    #galerija #slike_red .example-image{width:225px;height:225px; }
}

@media screen and (max-width:550px){
   #galerija{ width:465px;
    } 
    #galerija #slike_red .example-image{width:200px;height:200px;  margin: 5px 5px; }
}
@media screen and (max-width:500px){
   #galerija{ width:348px;
    } 
    #galerija #slike_red .example-image{width:150px;height:150px; padding: 6px;}
}
@media screen and (max-width:400px){
   #galerija{ width:232px;
    } 
    #galerija #slike_red .example-image{width:100px;height:100px; margin: 3px 3px;padding: 4px;  }
}




input, textarea {
	padding: 10px;
	border: 1px solid #E5E5E5;
	width: 300px;
	color: #999999;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px;		
}

textarea {
	width: 400px;
	height: 150px;
	
	line-height: 18px;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	border-color: 1px solid #C9C9C9;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px;	
}

.form label {
	margin-left: 10px;
	color: #999999;
}

.submit{
    
    margin-top: 10px;
}

.submit input {
	width: 100px; 
	height: 40px;
	background-color: #474E69; 
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;		
}


main{width:1156px;margin:auto auto 485px auto;}

iframe{
    width:100%;
  height:45vh;
    
   
 }

main a:hover{text-decoration:underline; }

section{float:left;margin:0 100px;}
section{float:left;margin:0 100px;}
@media screen and (max-width: 1200px){
    main{width:956px;}
    section{float:left;margin:0 50px;}
}
@media screen and (max-width: 1000px){
    main{width:856px;}
    section{float:left;margin:0 25px;}
}
@media screen and (max-width: 875px){
section{
 
  float:none;
}

    section{margin-top:50px; margin-left:auto; }
    main{width:402.5px; margin-bottom: 20px;}
}

@media screen and (max-width: 485px){

section{margin:0;}
  main{width:261px; }
    
   input, textarea {
	
	width: 140px;
    }

textarea {
	width: 250px;
	height: 100px;
	
	
}
    section table  tr td p , section table  tr td a{font-size:15px;}

}

section table tr {height:60px;}
section table tr td img{width:50px;height:50px;}
section a{text-decoration: none; color:black;}




#naslovnica img{width:55%; margin:0 22.5%;}

article{width:50%;margin:16px auto 20px auto;  background-color: white; padding:5px 25px 5px 25px;}
article p{text-align: justify; font-size: 1em; }
article a {text-decoration: none; color:#69D2F5; font-size: 1em;}
article a:hover{text-decoration:underline; }

@media screen and (max-width: 1100px){
    #naslovnica img{width:70%; margin:0 15%;}
    article{width:65%;}
    
}
@media screen and (max-width: 800px){
    #naslovnica img{width:100%; margin:auto;}
    article{width:80%;}
    
}
@media screen and (max-width: 550px){
  
    article{width:85%;}
    
}
@media screen and (max-width: 380px){
    
    article{width:80%;}
    
}
#cijene table{border: 1px solid black;border-collapse: collapse;background-color: white; margin:20px auto; width:900px;}
#cijene table th , #cijene table td{
    border: 1px solid black;  padding:5px; font-size: 16px;
}

#cijene table th {color:#F0F0F0;font-size:17px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;  }
#cijene a {text-decoration: none; color:black;}
#cijene a:hover{text-decoration:underline; }
.crno {background-color:#333;}
.sivo{background-color: #f6f6f6	;}
.desno_cijene{text-align: right;}
@media screen and (max-width: 1750px){
  
    #cijene table {
    width:650px;
}

}


@media screen and (max-width: 1235px){
  
    #cijene table {
    width:475px;
}
    #cijene_mje1{width:78px;}
     #cijene_mje2{width:65px;}
     #cijene_mje3{width:68px;}
    
    #cijene table th {font-size: 15px;}
}
@media screen and (max-width: 540px){
  
    #cijene table {
    width:420px;
        
        
}
    #cijene table tr th ,#cijene table tr td{font-size:14px ;padding:2px ;}
   
     article p {font-size: 0.9em ;}
       article h3{font-size: 1.07em;}

}
@media screen and (max-width: 440px){
  
    #cijene table {
    width:280px;
        
}
    #cijene table tr th , #cijene table tr td{font-size:12px ;}
      #cijene_mje1{width:60px;}
     #cijene_mje2{width:50px;}
     #cijene_mje3{width:50px;}
    
    .soba_cijene{height:28px;}
}
footer {
    
    background-color:white;

	margin:0;
    padding: 0;
	width:100%;
	height:50px;

	bottom:0;
	left:0;
    
position:relative;
    
}

footer p{
   
    color:black;
    font-size:16px;
     height:16px;
    padding:17px 0px;
    text-align: center;
    margin:0;
     
 
}
@media screen and (max-width: 380px){

    footer p{font-size:14px ;height:14px;padding: 18px 0px;}
}
.lb-loader,.lightbox{text-align:center;line-height:0}body:after{content:url(../slike/lightbox/close.png) url(../slike/lightbox/loading.gif) url(../slike/lightbox/prev.png) url(../slike/lightbox/next.png);display:none}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:3px}.lightbox a img{border:none}.lb-outerContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;border-radius:4px}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-container{padding:4px}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../slike/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../slike/lightbox/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../slike/lightbox/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 0px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../slike/lightbox/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}