<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html { font-size: 100%; }
body
{
	background-image: url('');
	background-color: #e1f0ff;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	margin: 0;
	font-family:Tahoma, Verdana, Geneva, sans-serif;
}

div {margin: 0; padding: 0;}

div#sve {
  width: 99%;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.glavno , #gore , #brzi , .pretraga , #blizina , #karta , #copyright , #apartmanib, #apartmani, #apartmani2, #zastave, .glavno1 , .pa , .dno {
    width: 100%;
	}

#gore
{
	background-color: #000099;
	text-align: left;
}

.zamale { font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: -1px;
	font-weight: bold;
	color: white;
	vertical-align: middle;
	}
.logo {
    display: -moz-inline-stack;
	display: inline-block;
	margin: 10px; margin: 1rem;
	zoom: 1;
        *display: inline;
        _height: 32px;}
.logo img {margin-right: 7px; margin-right: 0.7rem; vertical-align: middle;}

#linkovi {display: block;
           text-align: center;
		   padding: 1rem 0 1rem 0;
		   }
#linkovi span {
     display: -moz-inline-stack;
	 display: inline-block;
	 margin-right: 18px;
	margin-right: 1.8rem;
	 zoom: 1;
        *display: inline;
        _height: 32px;
		}
#linkovi span a {
     text-decoration: none;
	color: white;
    font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	}
#linkovi span a:hover {
     text-decoration: underline overline;
	}
#korisnik
{
	  width: 100%;
	  text-align: right;
}


#brzi
{
    text-align: right;
	background-color: #5555AA;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
	
#brzi ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
	}

#brzi ul li
{
	margin-right: 16px;
	margin-right: 1.6rem;
	margin-top: 10px; margin-bottom: 10px;
	margin-top: 1rem; margin-bottom: 1rem;
}

#brzi ul li a
{
    color: white;
    font-size: 10px;
	font-size: 1rem;
	text-transform: uppercase;
    text-decoration: none;
	font-weight: bold;
}
.glavno
{
	background: white;
	background: rgba(255, 255, 255, .65);
	text-align: left;
	margin: 0;
	padding-top: 10px;
	overflow: hidden;
}

h1 , h2 , h3 { 
	font-size: 1.8rem;
	font-weight: bold; 
	color: #a600ac;
	text-align: left; 
	padding: 1.5rem;
	margin: 0;
}

h2 , h3 {
	font-size: 1.6rem;
	text-align: left;
	margin-top: 0.2rem;
}

h3 {
    font-size: 14px;
	font-size: 1.4rem;
	}
p {
   font-size: 1.3rem;
   color: #1f5294;
   text-align: justify;

   padding: 0.6rem 1.5rem;
}
p a {
	text-decoration: underline;
  font-weight: bold;
  color: #1f5294;
}
.pretraga
{
    width: 100%;
	text-align: left;
	background: rgba(255, 255, 255, .6);
}


#jezik
{
	text-align: right;
	}
#jezik img {margin: 10px; margin: 1rem;}


 
#blizina {
    background-color: #0c3256;
    padding: 10px 0px 10px 0px;
}

#blizina p {
	 text-align: center;
     margin: 0; padding: 0;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
}
#mjesta {
      overflow: auto;
	  text-align: center;
	  margin: 0 auto;
	  padding-bottom: 10px;
}
#mjesta ul
{
	list-style-type: none;
	margin: 0; padding: 0;
    overflow: auto;
}
#mjesta ul li
{
    width: auto;
	margin: 16px;
	margin: 1.6rem;
}
#mjesta ul li a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
	background-color:#a600ac;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	padding: 2px 3px 2px 3px;
	-webkit-transition: 0.15s;
	transition: 0.15s;
}
#mjesta ul li a:hover{
    background: #0068BA;
}
#karta   {
    text-align: center;
	background: rgba(0, 0, 40, .3);
	padding: 5px 0px 5px 0px;
}
#karta p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:20px;
   font-size: 2rem;
   color:#ffffff;
   text-align: center;
   clear: both;
}
#karta img {
   margin: 15px 0 15px 0;
   margin: 1.5rem 0 1.5rem 0;
}

#copyright {
   background: white;
   background: #fbeaf7;
   overflow: auto;
}

#copyright p {
   color: #993300;
   text-align: left;
   
}

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}


.pa {
    background-color: #000066;
	padding-top: 5px;
  }

.pa h1 , .pa p {
    font-size: 18px; font size: 1.8rem;
	font-weight: bold;
	padding: 0; margin: 0;
	padding-bottom: 5px;
	color: white;
	text-align: center;
}
 
 .mali {
   display: inline-block;  
}
 .srednji {
   display: none;
   
}
 .veliki {
   display: none;   
}


/*tu pocinju media queriesi*/
 @media screen and (min-width: 480px)

{

#pr { display: inline-block;
      float: left;
	  }
#jezik { width: 100%;}
.zamale {display: none;}
#linkovi {display: inline;
          text-align: left;
		  padding:0;}
		 


#mjesta {
	  text-align: left;
}
#mjesta ul li
{
	margin: 10px 6px 10px 10px;
	margin: 1rem 0.6rem 1rem 1rem;
	float: left;}

#mjesta ul li a{
	font-size: 13px;
	font-size: 1.3rem;}

    #karta,#pretraga {
        display: none;
    }
}

 @media screen and (min-width: 550px)

{

    #karta,#pretraga {
        display: none;
    }

}

@media screen and (min-width: 600px)

{

h3 {
    font-size: 20px;
	font-size: 2rem;
	}
h3 {
    font-size: 18px;
	font-size: 1.8rem;
	}
h3 {
    font-size: 16px;
	font-size: 1.6rem;
	}
p {
    font-size: 14px;
	font-size: 1.4rem;
	}
#mjesta ul li a {
	font-size: 14px;
	font-size: 1.4rem;}
 .mali {
   display: none;  
}
 .srednji {
   display: inline-block;
   
}
 .veliki {
   display: none;   
}
    #karta,#pretraga {
        display: none;
    }
}

@media screen and (min-width: 650px)

{

h3 {
    font-size: 20px;
	font-size: 2rem;
	}
h3 {
    font-size: 18px;
	font-size: 1.8rem;
	}
h3 {
    font-size: 16px;
	font-size: 1.6rem;
	}
p {
    font-size: 14px;
	font-size: 1.4rem;
	}
#mjesta ul li a {
	font-size: 14px;
	font-size: 1.4rem;}
 .mali {
   display: none;  
}
 .srednji {
   display: inline-block;
   
}
 .veliki {
   display: none;   
}
    #karta,#pretraga {
        display: none;
    }
}
@media screen and (min-width: 700px)
 {
  #brzi ul li {float: right;}
  #blizina p {margin: 0px 0px 0px 60px; text-align: left;}
  #mjesta ul {margin-left: 45px; padding: auto;}
  #mjesta ul li { margin: 10px;	margin: 1rem;}
  .glavno1 { 
     background-image:url('images/apartmani-hrvatska-logo1.png');
     background-repeat:no-repeat;
     background-position: 95% 90%; }

    #karta,#pretraga {
        display: block;
    }
	
}


@media screen and (min-width: 774px)
    #karta,#pretraga {
        display: block;
    }

}

 
  @media screen and (min-width: 980px)

{
div#sve {
  width: 980px;
  max-width: 980px;
}
 
    #karta,#pretraga {
        display: block;
    }
 .mali {
   display: none;  
}
 .srednji {
   display: none;
   
}
 .veliki {
   display: inline-block;   
}
}
</pre></body></html>